@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400, 700|Roboto:400, 700');
/*!
* Bootstrap v3.3.7 (http://getbootstrap.com)
* Copyright 2011-2016 Twitter,  Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace,  monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
*, *: before, *:after {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a, a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")"}
abbr[title]:after {
content: " (" attr(title) ")"}
a[href^="#"]:after, a[href^="javascript:"]:after {
content: ""}
pre, blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn>.caret, .dropup>.btn>.caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table-bordered th, .table-bordered td {
border: 1px solid #ddd !important;
}
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: transparent;
}
body{font-family:"Roboto", Helvetica, Arial, sans-serif;font-size:14px;line-height:1.428571429;color:#333;margin:0;background-color:#f1f1f1;}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #0071b8;
text-decoration: none;
}
a:hover, a:focus {
color: #eb193e;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
padding: 4px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-circle {
border-radius: 50%}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,  0,  0,  0);
border: 0;
}
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
font-family: 'Roboto Condensed',  sans-serif;
}

h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1, .h1, h2, .h2, h3, .h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small {font-size: 65%}
h4, .h4, h5, .h5, h6, .h6 {margin-top: 10px;margin-bottom: 10px;}
h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small {font-size: 75%}
h1, .h1 {font-size: 36px;}
h2, .h2 {font-size: 30px;}
h3, .h3 {font-size: 24px;}
h4, .h4 {font-size: 18px;}
h5, .h5 {font-size: 14px;}
h6, .h6 {font-size: 12px;}
p {margin: 0 0 10px;}
.lead {margin-bottom: 20px;font-size: 16px;font-weight: 300;line-height: 1.4;}

@media (min-width: 768px)
{

.lead {
font-size: 21px;
}
}
small, .small {
font-size: 85%}
mark, .mark {
background-color: #fcf8e3;
padding: .2em;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase, .initialism {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #0071b8;
}
a.text-primary:hover, a.text-primary:focus {
color: #ed3052;
}
.text-success {
color: #3c763d;
}
a.text-success:hover, a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover, a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover, a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover, a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
}
.bg-primary {
background-color: #0071b8;
}
a.bg-primary:hover, a.bg-primary:focus {
background-color: #ed3052;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover, a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover, a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover, a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover, a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
margin-left: -5px;
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt, dd {
line-height: 1.428571429;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
.dl-horizontal dd:before, .dl-horizontal dd:after {
content: " ";
display: table;
}
.dl-horizontal dd:after {
clear: both;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}abbr[title], abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer, blockquote small, blockquote .small {
display: block;
font-size: 80%;
line-height: 1.428571429;
color: #777;
}
blockquote footer:before, blockquote small:before, blockquote .small:before {
content: '\2014 \00A0'}
.blockquote-reverse, blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eee;
border-left: 0;
text-align: right;
}
.blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before {
content: ''}
.blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after {
content: '\00A0 \2014'}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.428571429;
}
code, kbd, pre, samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.428571429;
word-break: break-all;
word-wrap: break-word;
color: #333;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container:before, .container:after {
content: " ";
display: table;
}
.container:after {
clear: both;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}@media (min-width: 992px) {
.container {
width: 970px;
}
}@media (min-width: 1200px) {
.container {
width: 1170px;
}
}.container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
}
.container-fluid:before, .container-fluid:after {
content: " ";
display: table;
}
.container-fluid:after {
clear: both;
}
.row {
margin-left: -15px;
margin-right: -15px;
}
.row:before, .row:after {
content: " ";
display: table;
}
.row:after {
clear: both;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-1 {
width: 8.3333333333%}
.col-xs-2 {
width: 16.6666666667%}
.col-xs-3 {
width: 25%}
.col-xs-4 {
width: 33.3333333333%}
.col-xs-5 {
width: 41.6666666667%}
.col-xs-6 {
width: 50%}
.col-xs-7 {
width: 58.3333333333%}
.col-xs-8 {
width: 66.6666666667%}
.col-xs-9 {
width: 75%}
.col-xs-10 {
width: 83.3333333333%}
.col-xs-11 {
width: 91.6666666667%}
.col-xs-12 {
width: 100%}
.col-xs-pull-0 {
right: auto;
}
.col-xs-pull-1 {
right: 8.3333333333%}
.col-xs-pull-2 {
right: 16.6666666667%}
.col-xs-pull-3 {
right: 25%}
.col-xs-pull-4 {
right: 33.3333333333%}
.col-xs-pull-5 {
right: 41.6666666667%}
.col-xs-pull-6 {
right: 50%}
.col-xs-pull-7 {
right: 58.3333333333%}
.col-xs-pull-8 {
right: 66.6666666667%}
.col-xs-pull-9 {
right: 75%}
.col-xs-pull-10 {
right: 83.3333333333%}
.col-xs-pull-11 {
right: 91.6666666667%}
.col-xs-pull-12 {
right: 100%}
.col-xs-push-0 {
left: auto;
}
.col-xs-push-1 {
left: 8.3333333333%}
.col-xs-push-2 {
left: 16.6666666667%}
.col-xs-push-3 {
left: 25%}
.col-xs-push-4 {
left: 33.3333333333%}
.col-xs-push-5 {
left: 41.6666666667%}
.col-xs-push-6 {
left: 50%}
.col-xs-push-7 {
left: 58.3333333333%}
.col-xs-push-8 {
left: 66.6666666667%}
.col-xs-push-9 {
left: 75%}
.col-xs-push-10 {
left: 83.3333333333%}
.col-xs-push-11 {
left: 91.6666666667%}
.col-xs-push-12 {
left: 100%}
.col-xs-offset-0 {
margin-left: 0%}
.col-xs-offset-1 {
margin-left: 8.3333333333%}
.col-xs-offset-2 {
margin-left: 16.6666666667%}
.col-xs-offset-3 {
margin-left: 25%}
.col-xs-offset-4 {
margin-left: 33.3333333333%}
.col-xs-offset-5 {
margin-left: 41.6666666667%}
.col-xs-offset-6 {
margin-left: 50%}
.col-xs-offset-7 {
margin-left: 58.3333333333%}
.col-xs-offset-8 {
margin-left: 66.6666666667%}
.col-xs-offset-9 {
margin-left: 75%}
.col-xs-offset-10 {
margin-left: 83.3333333333%}
.col-xs-offset-11 {
margin-left: 91.6666666667%}
.col-xs-offset-12 {
margin-left: 100%}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-1 {
width: 8.3333333333%}
.col-sm-2 {
width: 16.6666666667%}
.col-sm-3 {
width: 25%}
.col-sm-4 {
width: 33.3333333333%}
.col-sm-5 {
width: 41.6666666667%}
.col-sm-6 {
width: 50%}
.col-sm-7 {
width: 58.3333333333%}
.col-sm-8 {
width: 66.6666666667%}
.col-sm-9 {
width: 75%}
.col-sm-10 {
width: 83.3333333333%}
.col-sm-11 {
width: 91.6666666667%}
.col-sm-12 {
width: 100%}
.col-sm-pull-0 {
right: auto;
}
.col-sm-pull-1 {
right: 8.3333333333%}
.col-sm-pull-2 {
right: 16.6666666667%}
.col-sm-pull-3 {
right: 25%}
.col-sm-pull-4 {
right: 33.3333333333%}
.col-sm-pull-5 {
right: 41.6666666667%}
.col-sm-pull-6 {
right: 50%}
.col-sm-pull-7 {
right: 58.3333333333%}
.col-sm-pull-8 {
right: 66.6666666667%}
.col-sm-pull-9 {
right: 75%}
.col-sm-pull-10 {
right: 83.3333333333%}
.col-sm-pull-11 {
right: 91.6666666667%}
.col-sm-pull-12 {
right: 100%}
.col-sm-push-0 {
left: auto;
}
.col-sm-push-1 {
left: 8.3333333333%}
.col-sm-push-2 {
left: 16.6666666667%}
.col-sm-push-3 {
left: 25%}
.col-sm-push-4 {
left: 33.3333333333%}
.col-sm-push-5 {
left: 41.6666666667%}
.col-sm-push-6 {
left: 50%}
.col-sm-push-7 {
left: 58.3333333333%}
.col-sm-push-8 {
left: 66.6666666667%}
.col-sm-push-9 {
left: 75%}
.col-sm-push-10 {
left: 83.3333333333%}
.col-sm-push-11 {
left: 91.6666666667%}
.col-sm-push-12 {
left: 100%}
.col-sm-offset-0 {
margin-left: 0%}
.col-sm-offset-1 {
margin-left: 8.3333333333%}
.col-sm-offset-2 {
margin-left: 16.6666666667%}
.col-sm-offset-3 {
margin-left: 25%}
.col-sm-offset-4 {
margin-left: 33.3333333333%}
.col-sm-offset-5 {
margin-left: 41.6666666667%}
.col-sm-offset-6 {
margin-left: 50%}
.col-sm-offset-7 {
margin-left: 58.3333333333%}
.col-sm-offset-8 {
margin-left: 66.6666666667%}
.col-sm-offset-9 {
margin-left: 75%}
.col-sm-offset-10 {
margin-left: 83.3333333333%}
.col-sm-offset-11 {
margin-left: 91.6666666667%}
.col-sm-offset-12 {
margin-left: 100%}
}@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-1 {
width: 8.3333333333%}
.col-md-2 {
width: 16.6666666667%}
.col-md-3 {
width: 25%}
.col-md-4 {
width: 33.3333333333%}
.col-md-5 {
width: 41.6666666667%}
.col-md-6 {
width: 50%}
.col-md-7 {
width: 58.3333333333%}
.col-md-8 {
width: 66.6666666667%}
.col-md-9 {
width: 75%}
.col-md-10 {
width: 83.3333333333%}
.col-md-11 {
width: 91.6666666667%}
.col-md-12 {
width: 100%}
.col-md-pull-0 {
right: auto;
}
.col-md-pull-1 {
right: 8.3333333333%}
.col-md-pull-2 {
right: 16.6666666667%}
.col-md-pull-3 {
right: 25%}
.col-md-pull-4 {
right: 33.3333333333%}
.col-md-pull-5 {
right: 41.6666666667%}
.col-md-pull-6 {
right: 50%}
.col-md-pull-7 {
right: 58.3333333333%}
.col-md-pull-8 {
right: 66.6666666667%}
.col-md-pull-9 {
right: 75%}
.col-md-pull-10 {
right: 83.3333333333%}
.col-md-pull-11 {
right: 91.6666666667%}
.col-md-pull-12 {
right: 100%}
.col-md-push-0 {
left: auto;
}
.col-md-push-1 {
left: 8.3333333333%}
.col-md-push-2 {
left: 16.6666666667%}
.col-md-push-3 {
left: 25%}
.col-md-push-4 {
left: 33.3333333333%}
.col-md-push-5 {
left: 41.6666666667%}
.col-md-push-6 {
left: 50%}
.col-md-push-7 {
left: 58.3333333333%}
.col-md-push-8 {
left: 66.6666666667%}
.col-md-push-9 {
left: 75%}
.col-md-push-10 {
left: 83.3333333333%}
.col-md-push-11 {
left: 91.6666666667%}
.col-md-push-12 {
left: 100%}
.col-md-offset-0 {
margin-left: 0%}
.col-md-offset-1 {
margin-left: 8.3333333333%}
.col-md-offset-2 {
margin-left: 16.6666666667%}
.col-md-offset-3 {
margin-left: 25%}
.col-md-offset-4 {
margin-left: 33.3333333333%}
.col-md-offset-5 {
margin-left: 41.6666666667%}
.col-md-offset-6 {
margin-left: 50%}
.col-md-offset-7 {
margin-left: 58.3333333333%}
.col-md-offset-8 {
margin-left: 66.6666666667%}
.col-md-offset-9 {
margin-left: 75%}
.col-md-offset-10 {
margin-left: 83.3333333333%}
.col-md-offset-11 {
margin-left: 91.6666666667%}
.col-md-offset-12 {
margin-left: 100%}
}@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-1 {
width: 8.3333333333%}
.col-lg-2 {
width: 16.6666666667%}
.col-lg-3 {
width: 25%}
.col-lg-4 {
width: 33.3333333333%}
.col-lg-5 {
width: 41.6666666667%}
.col-lg-6 {
width: 50%}
.col-lg-7 {
width: 58.3333333333%}
.col-lg-8 {
width: 66.6666666667%}
.col-lg-9 {
width: 75%}
.col-lg-10 {
width: 83.3333333333%}
.col-lg-11 {
width: 91.6666666667%}
.col-lg-12 {
width: 100%}
.col-lg-pull-0 {
right: auto;
}
.col-lg-pull-1 {
right: 8.3333333333%}
.col-lg-pull-2 {
right: 16.6666666667%}
.col-lg-pull-3 {
right: 25%}
.col-lg-pull-4 {
right: 33.3333333333%}
.col-lg-pull-5 {
right: 41.6666666667%}
.col-lg-pull-6 {
right: 50%}
.col-lg-pull-7 {
right: 58.3333333333%}
.col-lg-pull-8 {
right: 66.6666666667%}
.col-lg-pull-9 {
right: 75%}
.col-lg-pull-10 {
right: 83.3333333333%}
.col-lg-pull-11 {
right: 91.6666666667%}
.col-lg-pull-12 {
right: 100%}
.col-lg-push-0 {
left: auto;
}
.col-lg-push-1 {
left: 8.3333333333%}
.col-lg-push-2 {
left: 16.6666666667%}
.col-lg-push-3 {
left: 25%}
.col-lg-push-4 {
left: 33.3333333333%}
.col-lg-push-5 {
left: 41.6666666667%}
.col-lg-push-6 {
left: 50%}
.col-lg-push-7 {
left: 58.3333333333%}
.col-lg-push-8 {
left: 66.6666666667%}
.col-lg-push-9 {
left: 75%}
.col-lg-push-10 {
left: 83.3333333333%}
.col-lg-push-11 {
left: 91.6666666667%}
.col-lg-push-12 {
left: 100%}
.col-lg-offset-0 {
margin-left: 0%}
.col-lg-offset-1 {
margin-left: 8.3333333333%}
.col-lg-offset-2 {
margin-left: 16.6666666667%}
.col-lg-offset-3 {
margin-left: 25%}
.col-lg-offset-4 {
margin-left: 33.3333333333%}
.col-lg-offset-5 {
margin-left: 41.6666666667%}
.col-lg-offset-6 {
margin-left: 50%}
.col-lg-offset-7 {
margin-left: 58.3333333333%}
.col-lg-offset-8 {
margin-left: 66.6666666667%}
.col-lg-offset-9 {
margin-left: 75%}
.col-lg-offset-10 {
margin-left: 83.3333333333%}
.col-lg-offset-11 {
margin-left: 91.6666666667%}
.col-lg-offset-12 {
margin-left: 100%}
}table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table>thead>tr>th, .table>thead>tr>td, .table>tbody>tr>th, .table>tbody>tr>td, .table>tfoot>tr>th, .table>tfoot>tr>td {
padding: 8px;
line-height: 1.428571429;
border-top: 1px solid #ddd;
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table>caption+thead>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>th, .table>thead:first-child>tr:first-child>td {
border-top: 0;
}
.table>tbody+tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed>thead>tr>th, .table-condensed>thead>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tbody>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>tfoot>tr>td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>td {
border: 1px solid #ddd;
}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {
border-bottom-width: 2px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover>tbody>tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
float: none;
display: table-column;
}
table td[class*="col-"], table th[class*="col-"] {
position: static;
float: none;
display: table-cell;
}
.table>thead>tr>td.active, .table>thead>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th {
background-color: #f5f5f5;
}
.table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr.active:hover>th {
background-color: #e8e8e8;
}
.table>thead>tr>td.success, .table>thead>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th {
background-color: #dff0d8;
}
.table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr.success:hover>th {
background-color: #d0e9c6;
}
.table>thead>tr>td.info, .table>thead>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th {
background-color: #d9edf7;
}
.table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr.info:hover>th {
background-color: #c4e3f3;
}
.table>thead>tr>td.warning, .table>thead>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th {
background-color: #fcf8e3;
}
.table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr.warning:hover>th {
background-color: #faf2cc;
}
.table>thead>tr>td.danger, .table>thead>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th {
background-color: #f2dede;
}
.table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr.danger:hover>th {
background-color: #ebcccc;
}
.table-responsive {
overflow-x: auto;
min-height: 0.01%}

@media screen and (max-width: 767px)
{

.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive>.table {
margin-bottom: 0;
}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>tfoot>tr>td {
white-space: nowrap;
}
.table-responsive>.table-bordered {
border: 0;
}
.table-responsive>.table-bordered>thead>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.table-responsive>.table-bordered>thead>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td {
border-bottom: 0;
}
}

fieldset {
padding: 0;
margin: 0;
border: 0;
min-width: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"], input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%}
select[multiple], select[size] {
height: auto;
}
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
}

.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
border: 0;
background-color: #fff;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: #fff;
opacity: 1;
}
.form-control[disabled], fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{

input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn, .input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn, .input-group-lg input[type="month"] {
line-height: 46px;
}
}.form-group {
margin-bottom: 15px;
}
.radio, .checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label, .checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
position: absolute;
margin-left: -20px;
margin-top: 4px \9;
}
.radio+.radio, .checkbox+.checkbox {
margin-top: -5px;
}
.radio-inline, .checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
vertical-align: middle;
font-weight: normal;
cursor: pointer;
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"], input[type="checkbox"][disabled], input[type="checkbox"].disabled, fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
min-height: 34px;
}
.form-control-static.input-lg, .input-group-lg>.form-control-static.form-control, .input-group-lg>.form-control-static.input-group-addon, .input-group-lg>.input-group-btn>.form-control-static.btn, .form-control-static.input-sm, .input-group-sm>.form-control-static.form-control, .input-group-sm>.form-control-static.input-group-addon, .input-group-sm>.input-group-btn>.form-control-static.btn {
padding-left: 0;
padding-right: 0;
}
.input-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
height: 50px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>select.btn {
height: 30px;
line-height: 30px;
}
textarea.input-sm, .input-group-sm>textarea.form-control, .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>textarea.btn, select[multiple].input-sm, .input-group-sm>select[multiple].form-control, .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>select[multiple].btn {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg, .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg, .input-group-lg>select.form-control, .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>select.btn {
height: 46px;
line-height: 46px;
}
textarea.input-lg, .input-group-lg>textarea.form-control, .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>textarea.btn, select[multiple].input-lg, .input-group-lg>select[multiple].form-control, .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>select[multiple].btn {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg+.form-control-feedback, .input-group-lg>.form-control+.form-control-feedback, .input-group-lg>.input-group-addon+.form-control-feedback, .input-group-lg>.input-group-btn>.btn+.form-control-feedback, .input-group-lg+.form-control-feedback, .form-group-lg .form-control+.form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm+.form-control-feedback, .input-group-sm>.form-control+.form-control-feedback, .input-group-sm>.input-group-addon+.form-control-feedback, .input-group-sm>.input-group-btn>.btn+.form-control-feedback, .input-group-sm+.form-control-feedback, .form-group-sm .form-control+.form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
border-color: #3c763d;
background-color: #dff0d8;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
border-color: #8a6d3b;
background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
border-color: #a94442;
background-color: #f2dede;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group>.form-control {
width: 100%}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio, .form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label, .form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
margin-top: 0;
margin-bottom: 0;
padding-top: 7px;
}
.form-horizontal .radio, .form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-left: -15px;
margin-right: -15px;
}
.form-horizontal .form-group:before, .form-horizontal .form-group:after {
content: " ";
display: table;
}
.form-horizontal .form-group:after {
clear: both;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
text-align: right;
margin-bottom: 0;
padding-top: 7px;
}
}.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}.btn {
display: inline-block;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.428571429;
border-radius: 4px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
color: #333;
text-decoration: none;
}
.btn:active, .btn.active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
cursor: not-allowed;
opacity: .65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
a.btn.disabled, fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus, .btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open>.btn-default.dropdown-toggle:hover, .open>.btn-default.dropdown-toggle:focus, .open>.btn-default.dropdown-toggle.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active, .btn-default.active, .open>.btn-default.dropdown-toggle {
background-image: none;
}
.btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #0071b8;
border-color: #ef4865;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: #ed3052;
border-color: #a80f2a;
}
.btn-primary:hover {
color: #fff;
background-color: #ed3052;
border-color: #e51439;
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
color: #fff;
background-color: #ed3052;
border-color: #e51439;
}
.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: #e51439;
border-color: #a80f2a;
}
.btn-primary:active, .btn-primary.active, .open>.btn-primary.dropdown-toggle {
background-image: none;
}
.btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus {
background-color: #0071b8;
border-color: #ef4865;
}
.btn-primary .badge {
color: #0071b8;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.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: #255625;
}
.btn-success:active, .btn-success.active, .open>.btn-success.dropdown-toggle {
background-image: none;
}
.btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus, .btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.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: #1b6d85;
}
.btn-info:active, .btn-info.active, .open>.btn-info.dropdown-toggle {
background-image: none;
}
.btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus, .btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.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: #985f0d;
}
.btn-warning:active, .btn-warning.active, .open>.btn-warning.dropdown-toggle {
background-image: none;
}
.btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.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: #761c19;
}
.btn-danger:active, .btn-danger.active, .open>.btn-danger.dropdown-toggle {
background-image: none;
}
.btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
color: #0071b8;
font-weight: normal;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
color: #eb193e;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg, .btn-group-lg>.btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm, .btn-group-sm>.btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs, .btn-group-xs>.btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%}
.btn-block+.btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup, .dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
font-size: 14px;
text-align: left;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
background-clip: padding-box;
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.428571429;
color: #333;
white-space: nowrap;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
text-decoration: none;
color: #262626;
background-color: #f5f5f5;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
outline: 0;
background-color: #0071b8;
}
.dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
color: #777;
}
.dropdown-menu>.disabled>a:hover, .dropdown-menu>.disabled>a:focus {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
cursor: not-allowed;
}
.open>.dropdown-menu {
display: block;
}
.open>a {
outline: 0;
}
.dropdown-menu-right {
left: auto;
right: 0;
}
.dropdown-menu-left {
left: 0;
right: auto;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.428571429;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
z-index: 990;
}
.pull-right>.dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
content: ""}
.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
left: 0;
right: auto;
}
}.btn-group, .btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group>.btn, .btn-group-vertical>.btn {
position: relative;
float: left;
}
.btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:hover, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active {
z-index: 2;
}
.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar:before, .btn-toolbar:after {
content: " ";
display: table;
}
.btn-toolbar:after {
clear: both;
}
.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
float: left;
}
.btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group {
margin-left: 5px;
}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group>.btn:first-child {
margin-left: 0;
}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group>.btn-group {
float: left;
}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group>.btn+.dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
}
.btn-group>.btn-lg+.dropdown-toggle, .btn-group-lg.btn-group>.btn+.dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret, .btn-group-lg>.btn .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret, .dropup .btn-group-lg>.btn .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {
display: block;
float: none;
width: 100%;
max-width: 100%}
.btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after {
content: " ";
display: table;
}
.btn-group-vertical>.btn-group:after {
clear: both;
}
.btn-group-vertical>.btn-group>.btn {
float: none;
}
.btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical>.btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical>.btn:first-child:not(:last-child) {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn:last-child:not(:first-child) {
border-top-right-radius: 0;
border-top-left-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn {
border-radius: 0;
}
.btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified>.btn, .btn-group-justified>.btn-group {
float: none;
display: table-cell;
width: 1%}
.btn-group-justified>.btn-group .btn {
width: 100%}
.btn-group-justified>.btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"]>.btn input[type="radio"], [data-toggle="buttons"]>.btn input[type="checkbox"], [data-toggle="buttons"]>.btn-group>.btn input[type="radio"], [data-toggle="buttons"]>.btn-group>.btn input[type="checkbox"] {
position: absolute;
clip: rect(0,  0,  0,  0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-left: 0;
padding-right: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-addon, .input-group-btn, .input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon, .input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.input-group-addon.btn {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.input-group-addon.btn {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"], .input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child>.btn-group:not(:last-child)>.btn {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:first-child>.btn-group:not(:first-child)>.btn {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn>.btn {
position: relative;
}
.input-group-btn>.btn+.btn {
margin-left: -1px;
}
.input-group-btn>.btn:hover, .input-group-btn>.btn:focus, .input-group-btn>.btn:active {
z-index: 2;
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
margin-right: -1px;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
margin-bottom: 0;
padding-left: 0;
list-style: none;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav>li {
position: relative;
display: block;
}
.nav>li>a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav>li>a:hover, .nav>li>a:focus {
text-decoration: none;
background-color: #eee;
}
.nav>li.disabled>a {
color: #777;
}
.nav>li.disabled>a:hover, .nav>li.disabled>a:focus {
color: #777;
text-decoration: none;
background-color: transparent;
cursor: not-allowed;
}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
background-color: #eee;
border-color: #0071b8;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav>li>a>img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs>li {
float: left;
margin-bottom: -1px;
}
.nav-tabs>li>a {
margin-right: 2px;
line-height: 1.428571429;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs>li>a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default;
}
.nav-pills>li {
float: left;
}
.nav-pills>li>a {
border-radius: 4px;
}
.nav-pills>li+li {
margin-left: 2px;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
color: #fff;
background-color: #0071b8;
}
.nav-stacked>li {
float: none;
}
.nav-stacked>li+li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified, .nav-tabs.nav-justified {
width: 100%}
.nav-justified>li, .nav-tabs.nav-justified>li {
float: none;
}
.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
text-align: center;
margin-bottom: 5px;
}
.nav-justified>.dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified>li, .nav-tabs.nav-justified>li {
display: table-cell;
width: 1%}
.nav-justified>li>a, .nav-tabs.nav-justified>li>a {
margin-bottom: 0;
}
}.nav-tabs-justified, .nav-tabs.nav-justified {
border-bottom: 0;
}
.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified>li>a, .nav-tabs.nav-justified>li>a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified>.active>a, .nav-tabs.nav-justified>.active>a, .nav-tabs-justified>.active>a:hover, .nav-tabs.nav-justified>.active>a:hover, .nav-tabs-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:focus {
border-bottom-color: #fff;
}
}.tab-content>.tab-pane {
display: none;
}
.tab-content>.active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}.navbar-collapse {
overflow-x: visible;
padding-right: 15px;
padding-left: 15px;
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
-webkit-overflow-scrolling: touch;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
padding-left: 0;
padding-right: 0;
}
}.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}.navbar-fixed-top, .navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0;
}
}.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-brand>img {
display: block;
}
@media (min-width: 768px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: -15px;
}
}.navbar-toggle {
position: relative;
float: right;
margin-right: 15px;
padding: 9px 10px;
margin-top: 8px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu>li>a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu>li>a:hover, .navbar-nav .open .dropdown-menu>li>a:focus {
background-image: none;
}
}@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav>li {
float: left;
}
.navbar-nav>li>a {
padding-top: 15px;
padding-bottom: 15px;
}
}.navbar-form {
margin-left: -15px;
margin-right: -15px;
padding: 10px 15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
margin-top: 8px;
margin-bottom: 8px;
}
@media (min-width: 768px) {

.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group>.form-control {
width: 100%}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio, .navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label, .navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}@media (min-width: 768px) {
.navbar-form {
width: auto;
border: 0;
margin-left: 0;
margin-right: 0;
padding-top: 0;
padding-bottom: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}.navbar-nav>li>.dropdown-menu {
margin-top: 0;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu {
margin-bottom: 0;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm, .btn-group-sm>.navbar-btn.btn {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs, .btn-group-xs>.navbar-btn.btn {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-left: 15px;
margin-right: 15px;
}
}@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav>li>a {
color: #777;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:hover, .navbar-default .navbar-nav>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
background-color: #e7e7e7;
color: #555;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #ccc;
background-color: transparent;
}
}.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #090909;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav>li>a {
color: #9d9d9d;
}
.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: #090909;
}
.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: #101010;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
background-color: #090909;
color: #fff;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
border-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #090909;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
color: #444;
background-color: transparent;
}
}.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb>li {
display: inline-block;
}
.breadcrumb>li+li:before {
content: "/ ";
padding: 0 5px;
color: #ccc;
}
.breadcrumb>.active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0 0 0 ;
border-radius: 4px;
}
.pagination>li {
display: inline;
}
.pagination>li>a, .pagination>li>span {
position: relative;
float: left;
padding: 6px 12px;
line-height: 1.428571429;
text-decoration: none;
color: #0071b8;
background-color: #fff;
border: 1px solid #ddd;
margin-left: -1px;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
margin-left: 0;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus {
z-index: 2;
color: #eb193e;
background-color: #eee;
border-color: #ddd;
}
.pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
z-index: 3;
color: #fff;
background-color: #0071b8;
border-color: #0071b8;
cursor: default;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus {
color: #777;
background-color: #fff;
border-color: #ddd;
cursor: not-allowed;
}
.pagination-lg>li>a, .pagination-lg>li>span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
}
.pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span {
border-bottom-right-radius: 6px;
border-top-right-radius: 6px;
}
.pagination-sm>li>a, .pagination-sm>li>span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm>li:first-child>a, .pagination-sm>li:first-child>span {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
}
.pagination-sm>li:last-child>a, .pagination-sm>li:last-child>span {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
list-style: none;
text-align: center;
}
.pager:before, .pager:after {
content: " ";
display: table;
}
.pager:after {
clear: both;
}
.pager li {
display: inline;
}
.pager li>a, .pager li>span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li>a:hover, .pager li>a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next>a, .pager .next>span {
float: right;
}
.pager .previous>a, .pager .previous>span {
float: left;
}
.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {
color: #777;
background-color: #fff;
cursor: not-allowed;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
a.label:hover, a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover, .label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #0071b8;
}
.label-primary[href]:hover, .label-primary[href]:focus {
background-color: #ed3052;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover, .label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover, .label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover, .label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover, .label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
color: #fff;
line-height: 1;
vertical-align: middle;
white-space: nowrap;
text-align: center;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge, .btn-group-xs>.btn .badge, .btn-group-xs>.btn .badge {
top: 0;
padding: 1px 5px;
}
.list-group-item.active>.badge, .nav-pills>.active>a>.badge {
color: #0071b8;
background-color: #fff;
}
.list-group-item>.badge {
float: right;
}
.list-group-item>.badge+.badge {
margin-right: 5px;
}
.nav-pills>li>a>.badge {
margin-left: 3px;
}
a.badge:hover, a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1, .jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron>hr {
border-top-color: #d5d5d5;
}
.container .jumbotron, .container-fluid .jumbotron {
border-radius: 6px;
padding-left: 15px;
padding-right: 15px;
}
.jumbotron .container {
max-width: 100%}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron, .container-fluid .jumbotron {
padding-left: 60px;
padding-right: 60px;
}
.jumbotron h1, .jumbotron .h1 {
font-size: 63px;
}
}.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.428571429;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border 0.2s ease-in-out;
-o-transition: border 0.2s ease-in-out;
transition: border 0.2s ease-in-out;
}
.thumbnail>img, .thumbnail a>img {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active {
border-color: #0071b8;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert>p, .alert>ul {
margin-bottom: 0;
}
.alert>p+p {
margin-top: 5px;
}
.alert-dismissable, .alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close, .alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
background-color: #fcf8e3;
border-color: #faebcc;
color: #8a6d3b;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
float: left;
width: 0%;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #0071b8;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease;
}
.progress-striped .progress-bar, .progress-bar-striped {
background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: -o-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-size: 40px 40px;
}
.progress.active .progress-bar, .progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: -o-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: -o-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: -o-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: -o-linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
background-image: linear-gradient(45deg,  rgba(255, 255, 255, 0.15) 25%,  transparent 25%,  transparent 50%,  rgba(255, 255, 255, 0.15) 50%,  rgba(255, 255, 255, 0.15) 75%,  transparent 75%,  transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media, .media-body {
zoom: 1;
overflow: hidden;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right, .media>.pull-right {
padding-left: 10px;
}
.media-left, .media>.pull-left {
padding-right: 10px;
}
.media-left, .media-right, .media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
margin-bottom: 20px;
padding-left: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item, button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus {
text-decoration: none;
color: #555;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
background-color: #eee;
color: #777;
cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #0071b8;
border-color: #0071b8;
}
.list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>small, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading>.small {
color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text {
color: #fff;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success, button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info, button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning, button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger, button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before, .panel-body:after {
content: " ";
display: table;
}
.panel-body:after {
clear: both;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-heading>.dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel>.list-group, .panel>.panel-collapse>.list-group {
margin-bottom: 0;
}
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel-heading+.list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group+.panel-footer {
border-top-width: 0;
}
.panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table {
margin-bottom: 0;
}
.panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption {
padding-left: 15px;
padding-right: 15px;
}
.panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child {
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body {
border-top: 1px solid #ddd;
}
.panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td {
border-top: 0;
}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
border: 0;
}
.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
border-left: 0;
}
.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
border-right: 0;
}
.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
border-bottom: 0;
}
.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
border-bottom: 0;
}
.panel>.table-responsive {
border: 0;
margin-bottom: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel+.panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer+.panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default>.panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ddd;
}
.panel-default>.panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #0071b8;
}
.panel-primary>.panel-heading {
color: #fff;
background-color: #0071b8;
border-color: #0071b8;
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #0071b8;
}
.panel-primary>.panel-heading .badge {
color: #0071b8;
background-color: #fff;
}
.panel-primary>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #0071b8;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success>.panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #d6e9c6;
}
.panel-success>.panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #bce8f1;
}
.panel-info>.panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning>.panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #faebcc;
}
.panel-warning>.panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger>.panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger>.panel-heading+.panel-collapse>.panel-body {
border-top-color: #ebccd1;
}
.panel-danger>.panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger>.panel-footer+.panel-collapse>.panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%}
.embed-responsive-4by3 {
padding-bottom: 75%}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
filter: alpha(opacity=20);
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
opacity: .5;
filter: alpha(opacity=50);
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.modal-open {
overflow: hidden;
}
.modal {
display: none;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transform: translate(0,  -25%);
-ms-transform: translate(0,  -25%);
-o-transform: translate(0,  -25%);
transform: translate(0,  -25%);
-webkit-transition: -webkit-transform 0.3s ease-out;
-moz-transition: -moz-transform 0.3s ease-out;
-o-transition: -o-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
-webkit-transform: translate(0,  0);
-ms-transform: translate(0,  0);
-o-transform: translate(0,  0);
transform: translate(0,  0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
background-clip: padding-box;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
filter: alpha(opacity=0);
}
.modal-backdrop.in {
opacity: .5;
filter: alpha(opacity=50);
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header:before, .modal-header:after {
content: " ";
display: table;
}
.modal-header:after {
clear: both;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.428571429;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer:before, .modal-footer:after {
content: " ";
display: table;
}
.modal-footer:after {
clear: both;
}
.modal-footer .btn+.btn {
margin-left: 5px;
margin-bottom: 0;
}
.modal-footer .btn-group .btn+.btn {
margin-left: -1px;
}
.modal-footer .btn-block+.btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}

@media (min-width: 768px)
{

.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}
.modal-sm {
width: 300px;
}
}

@media (min-width: 992px)
{

.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.428571429;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: "Roboto", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
letter-spacing: normal;
line-break: auto;
line-height: 1.428571429;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 14px;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover>.arrow, .popover>.arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover>.arrow {
border-width: 11px;
}
.popover>.arrow:after {
border-width: 10px;
content: ""}
.popover.top>.arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px;
}
.popover.top>.arrow:after {
content: " ";
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: #fff;
}
.popover.right>.arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right>.arrow:after {
content: " ";
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: #fff;
}
.popover.bottom>.arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px;
}
.popover.bottom>.arrow:after {
content: " ";
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left>.arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left>.arrow:after {
content: " ";
right: 1px;
border-right-width: 0;
border-left-color: #fff;
bottom: -10px;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
overflow: hidden;
width: 100%}
.carousel-inner>.item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
}
@media all and (transform-3d),  (-webkit-transform-3d) {
.carousel-inner>.item {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
-moz-transition: -moz-transform 0.6s ease-in-out;
-o-transition: -o-transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner>.item.next, .carousel-inner>.item.active.right {
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
left: 0;
}
.carousel-inner>.item.prev, .carousel-inner>.item.active.left {
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
left: 0;
}
.carousel-inner>.item.next.left, .carousel-inner>.item.prev.right, .carousel-inner>.item.active {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
left: 0;
}
}.carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev {
display: block;
}
.carousel-inner>.active {
left: 0;
}
.carousel-inner>.next, .carousel-inner>.prev {
position: absolute;
top: 0;
width: 100%}
.carousel-inner>.next {
left: 100%}
.carousel-inner>.prev {
left: -100%}
.carousel-inner>.next.left, .carousel-inner>.prev.right {
left: 0;
}
.carousel-inner>.active.left {
left: -100%}
.carousel-inner>.active.right {
left: 100%}
.carousel-control {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 15%;
opacity: .5;
filter: alpha(opacity=50);
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
background-color: transparent;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left,  rgba(0, 0, 0, 0.5) 0%,  rgba(0, 0, 0, 0.0001) 100%);
background-image: -o-linear-gradient(left,  rgba(0, 0, 0, 0.5) 0%,  rgba(0, 0, 0, 0.0001) 100%);
background-image: linear-gradient(to right,  rgba(0, 0, 0, 0.5) 0%,  rgba(0, 0, 0, 0.0001) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',  endColorstr='#00000000',  GradientType=1);
}
.carousel-control.right {
left: auto;
right: 0;
background-image: -webkit-linear-gradient(left,  rgba(0, 0, 0, 0.0001) 0%,  rgba(0, 0, 0, 0.5) 100%);
background-image: -o-linear-gradient(left,  rgba(0, 0, 0, 0.0001) 0%,  rgba(0, 0, 0, 0.5) 100%);
background-image: linear-gradient(to right,  rgba(0, 0, 0, 0.0001) 0%,  rgba(0, 0, 0, 0.5) 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',  endColorstr='#80000000',  GradientType=1);
}
.carousel-control:hover, .carousel-control:focus {
outline: 0;
color: #fff;
text-decoration: none;
opacity: .9;
filter: alpha(opacity=90);
}
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
margin-top: -10px;
z-index: 5;
display: inline-block;
}
.carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev, .carousel-control .icon-next {
width: 20px;
height: 20px;
line-height: 1;
font-family: serif;
}
.carousel-control .icon-prev:before {
content: '\2039'}
.carousel-control .icon-next:before {
content: '\203a'}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
margin-left: -30%;
padding-left: 0;
list-style: none;
text-align: center;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
border: 1px solid #fff;
border-radius: 10px;
cursor: pointer;
background-color: #000 \9;
background-color: transparent;
}
.carousel-indicators .active {
margin: 0;
width: 12px;
height: 12px;
background-color: #fff;
}
.carousel-caption {
position: absolute;
left: 15%;
right: 15%;
bottom: 20px;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
left: 20%;
right: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.center-block {
display: block;
margin-left: auto;
margin-right: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs {
display: none !important;
}
.visible-sm {
display: none !important;
}
.visible-md {
display: none !important;
}
.visible-lg {
display: none !important;
}
.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs, td.visible-xs {
display: table-cell !important;
}
}@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm, td.visible-sm {
display: table-cell !important;
}
}@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md, td.visible-md {
display: table-cell !important;
}
}@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg, td.visible-lg {
display: table-cell !important;
}
}@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print, td.visible-print {
display: table-cell !important;
}
}.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}@media print {
.hidden-print {
display: none !important;
}
}

body.inverse, body.inverse .form-control {
color: #fff;
}
body.inverse .modal, body.inverse .modal .form-control, body.inverse .panel-default, body.inverse .panel-default .form-control, body.inverse .card, body.inverse .card .form-control {
background-color: initial;
color: initial;
}
.life-of-material-kit {
background: #FFFFFF;
}

a, a:hover, a:focus {color: #0071b8;}
a .material-icons, a:hover .material-icons, a:focus .material-icons {vertical-align: middle;}
.animation-transition-general{
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.animation-transition-slow {
-webkit-transition: all 370ms linear;
-moz-transition: all 370ms linear;
-o-transition: all 370ms linear;
-ms-transition: all 370ms linear;
transition: all 370ms linear;
}
.animation-transition-fast {
-webkit-transition: all 150ms ease 0s;
-moz-transition: all 150ms ease 0s;
-o-transition: all 150ms ease 0s;
-ms-transition: all 150ms ease 0s;
transition: all 150ms ease 0s;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 0;
}
.form-horizontal .radio {
margin-bottom: 10px;
}
.form-horizontal label {
text-align: right;
}
.form-horizontal label.control-label {
margin: 0;
}
.btn, .input-group-btn .btn {
border: none;
border-radius: 4px;
position: relative;
padding: 12px 30px;
margin: 10px 1px;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 0;
will-change: box-shadow,  transform;
transition: box-shadow 0.2s cubic-bezier(0.4,  0,  1,  1), background-color 0.2s cubic-bezier(0.4,  0,  0.2,  1), color 0.2s cubic-bezier(0.4,  0,  0.2,  1);
background: transparent;
}
.btn::-moz-focus-inner, .input-group-btn .btn::-moz-focus-inner {
border: 0;
}
.btn:not(.btn-raised), .input-group-btn .btn:not(.btn-raised) {
box-shadow: none;
}
.btn:not(.btn-raised), .btn:not(.btn-raised).btn-default, .input-group-btn .btn:not(.btn-raised), .input-group-btn .btn:not(.btn-raised).btn-default {
color: rgba(0, 0, 0,  0.87);
}
.btn:not(.btn-raised).btn-inverse, .input-group-btn .btn:not(.btn-raised).btn-inverse {
color: #3f51b5;
}
.btn:not(.btn-raised).btn-primary, .input-group-btn .btn:not(.btn-raised).btn-primary {
color: #0071b8;
}
.btn:not(.btn-raised).btn-success, .input-group-btn .btn:not(.btn-raised).btn-success {
color: #5cb85c;
}
.btn:not(.btn-raised).btn-info, .input-group-btn .btn:not(.btn-raised).btn-info {
color: #5bc0de;
}
.btn:not(.btn-raised).btn-warning, .input-group-btn .btn:not(.btn-raised).btn-warning {
color: #f0ad4e;
}
.btn:not(.btn-raised).btn-danger, .input-group-btn .btn:not(.btn-raised).btn-danger {
color: #d9534f;
}
.btn:not(.btn-raised):not(.btn-link):hover, .btn:not(.btn-raised):not(.btn-link):focus, .input-group-btn .btn:not(.btn-raised):not(.btn-link):hover, .input-group-btn .btn:not(.btn-raised):not(.btn-link):focus {
background-color: transparent;
}
.btn:focus, .btn:active, .btn:active:focus, .input-group-btn .btn:focus, .input-group-btn .btn:active, .input-group-btn .btn:active:focus {
outline: 0;
}
.btn.btn-raised, .btn.btn-raised.btn-default, .btn.btn-fab, .btn.btn-fab.btn-default, .btn-group-raised .btn, .btn-group-raised .btn.btn-default, .input-group-btn .btn.btn-raised, .input-group-btn .btn.btn-raised.btn-default, .input-group-btn .btn.btn-fab, .input-group-btn .btn.btn-fab.btn-default, .btn-group-raised .input-group-btn .btn, .btn-group-raised .input-group-btn .btn.btn-default {
background-color: #fff;
color: rgba(0, 0, 0,  0.87);
}
.btn.btn-raised.btn-inverse, .btn.btn-fab.btn-inverse, .btn-group-raised .btn.btn-inverse, .input-group-btn .btn.btn-raised.btn-inverse, .input-group-btn .btn.btn-fab.btn-inverse, .btn-group-raised .input-group-btn .btn.btn-inverse {
background-color: #3f51b5;
color: contrast-color(#3f51b5,  #000,  #fff);
}
.btn.btn-raised.btn-primary, .btn.btn-fab.btn-primary, .btn-group-raised .btn.btn-primary, .input-group-btn .btn.btn-raised.btn-primary, .input-group-btn .btn.btn-fab.btn-primary, .btn-group-raised .input-group-btn .btn.btn-primary {
background-color: #0071b8;
color: #fff;
}
.btn.btn-raised.btn-success, .btn.btn-fab.btn-success, .btn-group-raised .btn.btn-success, .input-group-btn .btn.btn-raised.btn-success, .input-group-btn .btn.btn-fab.btn-success, .btn-group-raised .input-group-btn .btn.btn-success {
background-color: #5cb85c;
color: #fff;
}
.btn.btn-raised.btn-info, .btn.btn-fab.btn-info, .btn-group-raised .btn.btn-info, .input-group-btn .btn.btn-raised.btn-info, .input-group-btn .btn.btn-fab.btn-info, .btn-group-raised .input-group-btn .btn.btn-info {
background-color: #5bc0de;
color: #fff;
}
.btn.btn-raised.btn-warning, .btn.btn-fab.btn-warning, .btn-group-raised .btn.btn-warning, .input-group-btn .btn.btn-raised.btn-warning, .input-group-btn .btn.btn-fab.btn-warning, .btn-group-raised .input-group-btn .btn.btn-warning {
background-color: #f0ad4e;
color: #fff;
}
.btn.btn-raised.btn-danger, .btn.btn-fab.btn-danger, .btn-group-raised .btn.btn-danger, .input-group-btn .btn.btn-raised.btn-danger, .input-group-btn .btn.btn-fab.btn-danger, .btn-group-raised .input-group-btn .btn.btn-danger {
background-color: #d9534f;
color: #fff;
}
.btn.btn-raised:not(.btn-link), .btn-group-raised .btn:not(.btn-link), .input-group-btn .btn.btn-raised:not(.btn-link), .btn-group-raised .input-group-btn .btn:not(.btn-link) {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link):active, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):focus, .input-group-btn .btn.btn-raised:not(.btn-link).active, .input-group-btn .btn.btn-raised:not(.btn-link):active, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .input-group-btn .btn:not(.btn-link):active {
outline: 0;
}
.btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):hover.btn-default, .btn.btn-raised:not(.btn-link):focus, .btn.btn-raised:not(.btn-link):focus.btn-default, .btn.btn-raised:not(.btn-link).active, .btn.btn-raised:not(.btn-link).active.btn-default, .btn.btn-raised:not(.btn-link):active, .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):hover.btn-default, .btn-group-raised .btn:not(.btn-link):focus, .btn-group-raised .btn:not(.btn-link):focus.btn-default, .btn-group-raised .btn:not(.btn-link).active, .btn-group-raised .btn:not(.btn-link).active.btn-default, .btn-group-raised .btn:not(.btn-link):active, .btn-group-raised .btn:not(.btn-link):active.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):focus, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link).active, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-default, .input-group-btn .btn.btn-raised:not(.btn-link):active, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link).active, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-default, .btn-group-raised .input-group-btn .btn:not(.btn-link):active, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-default {
background-color: contrast-color(#fff,  #f5f5f5,  #fff);
}
.btn.btn-raised:not(.btn-link):hover.btn-inverse, .btn.btn-raised:not(.btn-link):focus.btn-inverse, .btn.btn-raised:not(.btn-link).active.btn-inverse, .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .btn:not(.btn-link):active.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-inverse, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-inverse, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-inverse {
background-color: contrast-color(#3f51b5,  #3a4aa6,  #495bc0);
}
.btn.btn-raised:not(.btn-link):hover.btn-primary, .btn.btn-raised:not(.btn-link):focus.btn-primary, .btn.btn-raised:not(.btn-link).active.btn-primary, .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .btn:not(.btn-link).active.btn-primary, .btn-group-raised .btn:not(.btn-link):active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-primary, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-primary, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-primary {
background-color: contrast-color(#0071b8,  #ef4c69,  #f37289);
}
.btn.btn-raised:not(.btn-link):hover.btn-success, .btn.btn-raised:not(.btn-link):focus.btn-success, .btn.btn-raised:not(.btn-link).active.btn-success, .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .btn:not(.btn-link):hover.btn-success, .btn-group-raised .btn:not(.btn-link):focus.btn-success, .btn-group-raised .btn:not(.btn-link).active.btn-success, .btn-group-raised .btn:not(.btn-link):active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-success, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-success, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-success {
background-color: contrast-color(#5cb85c,  #4eb24e,  #6abe6a);
}
.btn.btn-raised:not(.btn-link):hover.btn-info, .btn.btn-raised:not(.btn-link):focus.btn-info, .btn.btn-raised:not(.btn-link).active.btn-info, .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .btn:not(.btn-link):hover.btn-info, .btn-group-raised .btn:not(.btn-link):focus.btn-info, .btn-group-raised .btn:not(.btn-link).active.btn-info, .btn-group-raised .btn:not(.btn-link):active.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-info, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-info, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-info {
background-color: contrast-color(#5bc0de,  #4ab9db,  #6cc7e1);
}
.btn.btn-raised:not(.btn-link):hover.btn-warning, .btn.btn-raised:not(.btn-link):focus.btn-warning, .btn.btn-raised:not(.btn-link).active.btn-warning, .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .btn:not(.btn-link).active.btn-warning, .btn-group-raised .btn:not(.btn-link):active.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-warning, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-warning, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-warning {
background-color: contrast-color(#f0ad4e,  #eea43b,  #f2b661);
}
.btn.btn-raised:not(.btn-link):hover.btn-danger, .btn.btn-raised:not(.btn-link):focus.btn-danger, .btn.btn-raised:not(.btn-link).active.btn-danger, .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .btn:not(.btn-link).active.btn-danger, .btn-group-raised .btn:not(.btn-link):active.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):hover.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):focus.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link).active.btn-danger, .input-group-btn .btn.btn-raised:not(.btn-link):active.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):focus.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link).active.btn-danger, .btn-group-raised .input-group-btn .btn:not(.btn-link):active.btn-danger {
background-color: contrast-color(#d9534f,  #d5433e,  #dd6360);
}
.btn.btn-raised:not(.btn-link):hover, .btn.btn-raised:not(.btn-link):hover:focus, .btn.btn-raised:not(.btn-link):hover.active, .btn.btn-raised:not(.btn-link):hover.active:focus, .btn.btn-raised:not(.btn-link):hover:active, .btn.btn-raised:not(.btn-link):hover:active:focus, .btn-group-raised .btn:not(.btn-link):hover, .btn-group-raised .btn:not(.btn-link):hover:focus, .btn-group-raised .btn:not(.btn-link):hover.active, .btn-group-raised .btn:not(.btn-link):hover.active:focus, .btn-group-raised .btn:not(.btn-link):hover:active, .btn-group-raised .btn:not(.btn-link):hover:active:focus, .input-group-btn .btn.btn-raised:not(.btn-link):hover, .input-group-btn .btn.btn-raised:not(.btn-link):hover:focus, .input-group-btn .btn.btn-raised:not(.btn-link):hover.active, .input-group-btn .btn.btn-raised:not(.btn-link):hover.active:focus, .input-group-btn .btn.btn-raised:not(.btn-link):hover:active, .input-group-btn .btn.btn-raised:not(.btn-link):hover:active:focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover:focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover.active:focus, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active, .btn-group-raised .input-group-btn .btn:not(.btn-link):hover:active:focus {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}
.btn.btn-round, .input-group-btn .btn.btn-round {
border-radius: 30px;
}
.btn i.material-icons, .input-group-btn .btn i.material-icons {
vertical-align: middle;
font-size: 17px;
top: -1px;
position: relative;
}
.btn.btn-fab, .input-group-btn .btn.btn-fab {
border-radius: 50%;
font-size: 24px;
height: 56px;
margin: auto;
min-width: 56px;
width: 56px;
padding: 0;
overflow: hidden;
box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, 0.12), 0 1px 1px 0 rgba(0, 0, 0, 0.24);
position: relative;
line-height: normal;
}
.btn.btn-fab .ripple-container, .input-group-btn .btn.btn-fab .ripple-container {
border-radius: 50%}
.btn.btn-fab.btn-fab-mini, .btn-group-sm .btn.btn-fab, .input-group-btn .btn.btn-fab.btn-fab-mini, .btn-group-sm .input-group-btn .btn.btn-fab {
height: 40px;
min-width: 40px;
width: 40px;
}
.btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .btn.btn-fab.material-icons, .input-group-btn .btn.btn-fab.btn-fab-mini.material-icons, .btn-group-sm .input-group-btn .btn.btn-fab.material-icons {
top: -3.5px;
left: -3.5px;
}
.btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .btn.btn-fab .material-icons, .input-group-btn .btn.btn-fab.btn-fab-mini .material-icons, .btn-group-sm .input-group-btn .btn.btn-fab .material-icons {
font-size: 17px;
}
.btn.btn-fab i.material-icons, .input-group-btn .btn.btn-fab i.material-icons {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-12px,  -12px);
line-height: 24px;
width: 24px;
font-size: 24px;
}
.btn.btn-lg, .btn-group-lg>.btn, .btn-group-lg .btn, .input-group-btn .btn.btn-lg, .input-group-btn .btn-group-lg>.btn, .btn-group-lg .input-group-btn .btn {
font-size: 14px;
padding: 18px 36px;
}
.btn.btn-sm, .btn-group-sm>.btn, .btn-group-sm .btn, .input-group-btn .btn.btn-sm, .input-group-btn .btn-group-sm>.btn, .btn-group-sm .input-group-btn .btn {
padding: 5px 20px;
font-size: 11px;
}
.btn.btn-xs, .btn-group-xs>.btn, .btn-group-xs .btn, .input-group-btn .btn.btn-xs, .input-group-btn .btn-group-xs>.btn, .btn-group-xs .input-group-btn .btn {
padding: 4px 15px;
font-size: 10px;
}
.btn-just-icon {
font-size: 20px;
padding: 6px 11px;
}
fieldset[disabled][disabled] .btn, .btn.disabled, .btn:disabled, .btn[disabled][disabled], fieldset[disabled][disabled] .input-group-btn .btn, .input-group-btn .btn.disabled, .input-group-btn .btn:disabled, .input-group-btn .btn[disabled][disabled], fieldset[disabled][disabled] .btn-group, .btn-group.disabled, .btn-group:disabled, .btn-group[disabled][disabled], fieldset[disabled][disabled] .btn-group-vertical, .btn-group-vertical.disabled, .btn-group-vertical:disabled, .btn-group-vertical[disabled][disabled] {
color: rgba(0, 0, 0, 0.26);
background: transparent;
}
.theme-dark fieldset[disabled][disabled] .btn, .theme-dark .btn.disabled, .theme-dark .btn:disabled, .theme-dark .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] .input-group-btn .btn, .theme-dark .input-group-btn .btn.disabled, .theme-dark .input-group-btn .btn:disabled, .theme-dark .input-group-btn .btn[disabled][disabled], .theme-dark fieldset[disabled][disabled] .btn-group, .theme-dark .btn-group.disabled, .theme-dark .btn-group:disabled, .theme-dark .btn-group[disabled][disabled], .theme-dark fieldset[disabled][disabled] .btn-group-vertical, .theme-dark .btn-group-vertical.disabled, .theme-dark .btn-group-vertical:disabled, .theme-dark .btn-group-vertical[disabled][disabled] {
color: rgba(255, 255, 255, 0.3);
}
fieldset[disabled][disabled] .btn.btn-raised, fieldset[disabled][disabled] .btn.btn-raised.active, fieldset[disabled][disabled] .btn.btn-raised:active, fieldset[disabled][disabled] .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn.btn-group-raised, fieldset[disabled][disabled] .btn.btn-group-raised.active, fieldset[disabled][disabled] .btn.btn-group-raised:active, fieldset[disabled][disabled] .btn.btn-group-raised:focus:not(:active), .btn.disabled.btn-raised, .btn.disabled.btn-raised.active, .btn.disabled.btn-raised:active, .btn.disabled.btn-raised:focus:not(:active), .btn.disabled.btn-group-raised, .btn.disabled.btn-group-raised.active, .btn.disabled.btn-group-raised:active, .btn.disabled.btn-group-raised:focus:not(:active), .btn:disabled.btn-raised, .btn:disabled.btn-raised.active, .btn:disabled.btn-raised:active, .btn:disabled.btn-raised:focus:not(:active), .btn:disabled.btn-group-raised, .btn:disabled.btn-group-raised.active, .btn:disabled.btn-group-raised:active, .btn:disabled.btn-group-raised:focus:not(:active), .btn[disabled][disabled].btn-raised, .btn[disabled][disabled].btn-raised.active, .btn[disabled][disabled].btn-raised:active, .btn[disabled][disabled].btn-raised:focus:not(:active), .btn[disabled][disabled].btn-group-raised, .btn[disabled][disabled].btn-group-raised.active, .btn[disabled][disabled].btn-group-raised:active, .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .input-group-btn .btn.btn-raised, fieldset[disabled][disabled] .input-group-btn .btn.btn-raised.active, fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:active, fieldset[disabled][disabled] .input-group-btn .btn.btn-raised:focus:not(:active), fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised, fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised.active, fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:active, fieldset[disabled][disabled] .input-group-btn .btn.btn-group-raised:focus:not(:active), .input-group-btn .btn.disabled.btn-raised, .input-group-btn .btn.disabled.btn-raised.active, .input-group-btn .btn.disabled.btn-raised:active, .input-group-btn .btn.disabled.btn-raised:focus:not(:active), .input-group-btn .btn.disabled.btn-group-raised, .input-group-btn .btn.disabled.btn-group-raised.active, .input-group-btn .btn.disabled.btn-group-raised:active, .input-group-btn .btn.disabled.btn-group-raised:focus:not(:active), .input-group-btn .btn:disabled.btn-raised, .input-group-btn .btn:disabled.btn-raised.active, .input-group-btn .btn:disabled.btn-raised:active, .input-group-btn .btn:disabled.btn-raised:focus:not(:active), .input-group-btn .btn:disabled.btn-group-raised, .input-group-btn .btn:disabled.btn-group-raised.active, .input-group-btn .btn:disabled.btn-group-raised:active, .input-group-btn .btn:disabled.btn-group-raised:focus:not(:active), .input-group-btn .btn[disabled][disabled].btn-raised, .input-group-btn .btn[disabled][disabled].btn-raised.active, .input-group-btn .btn[disabled][disabled].btn-raised:active, .input-group-btn .btn[disabled][disabled].btn-raised:focus:not(:active), .input-group-btn .btn[disabled][disabled].btn-group-raised, .input-group-btn .btn[disabled][disabled].btn-group-raised.active, .input-group-btn .btn[disabled][disabled].btn-group-raised:active, .input-group-btn .btn[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group.btn-raised, fieldset[disabled][disabled] .btn-group.btn-raised.active, fieldset[disabled][disabled] .btn-group.btn-raised:active, fieldset[disabled][disabled] .btn-group.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group.btn-group-raised, fieldset[disabled][disabled] .btn-group.btn-group-raised.active, fieldset[disabled][disabled] .btn-group.btn-group-raised:active, fieldset[disabled][disabled] .btn-group.btn-group-raised:focus:not(:active), .btn-group.disabled.btn-raised, .btn-group.disabled.btn-raised.active, .btn-group.disabled.btn-raised:active, .btn-group.disabled.btn-raised:focus:not(:active), .btn-group.disabled.btn-group-raised, .btn-group.disabled.btn-group-raised.active, .btn-group.disabled.btn-group-raised:active, .btn-group.disabled.btn-group-raised:focus:not(:active), .btn-group:disabled.btn-raised, .btn-group:disabled.btn-raised.active, .btn-group:disabled.btn-raised:active, .btn-group:disabled.btn-raised:focus:not(:active), .btn-group:disabled.btn-group-raised, .btn-group:disabled.btn-group-raised.active, .btn-group:disabled.btn-group-raised:active, .btn-group:disabled.btn-group-raised:focus:not(:active), .btn-group[disabled][disabled].btn-raised, .btn-group[disabled][disabled].btn-raised.active, .btn-group[disabled][disabled].btn-raised:active, .btn-group[disabled][disabled].btn-raised:focus:not(:active), .btn-group[disabled][disabled].btn-group-raised, .btn-group[disabled][disabled].btn-group-raised.active, .btn-group[disabled][disabled].btn-group-raised:active, .btn-group[disabled][disabled].btn-group-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group-vertical.btn-raised, fieldset[disabled][disabled] .btn-group-vertical.btn-raised.active, fieldset[disabled][disabled] .btn-group-vertical.btn-raised:active, fieldset[disabled][disabled] .btn-group-vertical.btn-raised:focus:not(:active), fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised, fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised.active, fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:active, fieldset[disabled][disabled] .btn-group-vertical.btn-group-raised:focus:not(:active), .btn-group-vertical.disabled.btn-raised, .btn-group-vertical.disabled.btn-raised.active, .btn-group-vertical.disabled.btn-raised:active, .btn-group-vertical.disabled.btn-raised:focus:not(:active), .btn-group-vertical.disabled.btn-group-raised, .btn-group-vertical.disabled.btn-group-raised.active, .btn-group-vertical.disabled.btn-group-raised:active, .btn-group-vertical.disabled.btn-group-raised:focus:not(:active), .btn-group-vertical:disabled.btn-raised, .btn-group-vertical:disabled.btn-raised.active, .btn-group-vertical:disabled.btn-raised:active, .btn-group-vertical:disabled.btn-raised:focus:not(:active), .btn-group-vertical:disabled.btn-group-raised, .btn-group-vertical:disabled.btn-group-raised.active, .btn-group-vertical:disabled.btn-group-raised:active, .btn-group-vertical:disabled.btn-group-raised:focus:not(:active), .btn-group-vertical[disabled][disabled].btn-raised, .btn-group-vertical[disabled][disabled].btn-raised.active, .btn-group-vertical[disabled][disabled].btn-raised:active, .btn-group-vertical[disabled][disabled].btn-raised:focus:not(:active), .btn-group-vertical[disabled][disabled].btn-group-raised, .btn-group-vertical[disabled][disabled].btn-group-raised.active, .btn-group-vertical[disabled][disabled].btn-group-raised:active, .btn-group-vertical[disabled][disabled].btn-group-raised:focus:not(:active) {
box-shadow: none;
}
.btn-group, .btn-group-vertical {
position: relative;
margin: 10px 1px;
}
.btn-group.open>.dropdown-toggle.btn, .btn-group.open>.dropdown-toggle.btn.btn-default, .btn-group-vertical.open>.dropdown-toggle.btn, .btn-group-vertical.open>.dropdown-toggle.btn.btn-default {
background-color: #fff;
}
.btn-group.open>.dropdown-toggle.btn.btn-inverse, .btn-group-vertical.open>.dropdown-toggle.btn.btn-inverse {
background-color: #3f51b5;
}
.btn-group.open>.dropdown-toggle.btn.btn-primary, .btn-group-vertical.open>.dropdown-toggle.btn.btn-primary {
background-color: #0071b8;
}
.btn-group.open>.dropdown-toggle.btn.btn-success, .btn-group-vertical.open>.dropdown-toggle.btn.btn-success {
background-color: #5cb85c;
}
.btn-group.open>.dropdown-toggle.btn.btn-info, .btn-group-vertical.open>.dropdown-toggle.btn.btn-info {
background-color: #5bc0de;
}
.btn-group.open>.dropdown-toggle.btn.btn-warning, .btn-group-vertical.open>.dropdown-toggle.btn.btn-warning {
background-color: #f0ad4e;
}
.btn-group.open>.dropdown-toggle.btn.btn-danger, .btn-group-vertical.open>.dropdown-toggle.btn.btn-danger {
background-color: #d9534f;
}
.btn-group .dropdown-menu, .btn-group-vertical .dropdown-menu {
border-radius: 0 0 4px 4px;
}
.btn-group.btn-group-raised, .btn-group-vertical.btn-group-raised {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.btn-group .btn+.btn, .btn-group .btn, .btn-group .btn:active, .btn-group .btn-group, .btn-group-vertical .btn+.btn, .btn-group-vertical .btn, .btn-group-vertical .btn:active, .btn-group-vertical .btn-group {
margin: 0;
}
.close {
font-size: inherit;
color: #fff;
opacity: .9;
text-shadow: none;
}
.close:hover, .close:focus {
opacity: 1;
color: #fff;
}
.close i {
font-size: 20px;
}
.checkbox label {
cursor: pointer;
padding-left: 0;
color: rgba(0, 0, 0,  0.26);
}
.form-group.is-focused .checkbox label {
color: rgba(0, 0, 0,  0.26);
}
.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
color: rgba(0, 0, 0,  .54);
}
fieldset[disabled] .form-group.is-focused .checkbox label {
color: rgba(0, 0, 0,  0.26);
}
.checkbox input[type=checkbox] {
opacity: 0;
position: absolute;
margin: 0;
z-index: -1;
width: 0;
height: 0;
overflow: hidden;
left: 0;
pointer-events: none;
}
.checkbox .checkbox-material {
vertical-align: middle;
position: relative;
top: 3px;
padding-right: 5px;
}
.checkbox .checkbox-material:before {
display: block;
position: absolute;
left: 0;
content: "";
background-color: rgba(0, 0, 0, 0.84);
height: 20px;
width: 20px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
transform: scale3d(2.3,  2.3,  1);
}
.checkbox .checkbox-material .check {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid rgba(0, 0, 0,  .54);
overflow: hidden;
z-index: 1;
border-radius: 4px;
}
.checkbox .checkbox-material .check:before {
position: absolute;
content: "";
transform: rotate(45deg);
display: block;
margin-top: -3px;
margin-left: 7px;
width: 0;
height: 0;
background: red;
box-shadow: 0 0 0 0,  0 0 0 0,  0 0 0 0,  0 0 0 0,  0 0 0 0,  0 0 0 0,  0 0 0 0 inset;
animation: checkbox-off .3s forwards;
}
.checkbox input[type=checkbox]:focus+.checkbox-material .check:after {
opacity: 0.2;
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check {
background: #0071b8;
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check:before {
color: #FFFFFF;
box-shadow: 0 0 0 10px,  10px -10px 0 10px,  32px 0 0 20px,  0px 32px 0 20px,  -5px 5px 0 10px,  20px -12px 0 11px;
animation: checkbox-on .3s forwards;
}
.checkbox input[type=checkbox]:checked+.checkbox-material:before {
animation: rippleOn 500ms;
}
.checkbox input[type=checkbox]:checked+.checkbox-material .check:after {
animation: rippleOn 500ms forwards;
}
.checkbox input[type=checkbox]:not(:checked)+.checkbox-material:before {
animation: rippleOff 500ms;
}
.checkbox input[type=checkbox]:not(:checked)+.checkbox-material .check:after {
animation: rippleOff 500ms;
}
fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox], .checkbox input[type=checkbox][disabled] ~ .checkbox-material .check, .checkbox input[type=checkbox][disabled]+.circle {
opacity: 0.5;
}
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
border-color: #000000;
opacity: .26;
}
.checkbox input[type=checkbox][disabled]+.checkbox-material .check:after {
background-color: rgba(0, 0, 0,  0.87);
transform: rotate(-45deg);
}
@keyframes checkbox-on {
0% {
box-shadow: 0 0 0 10px,  10px -10px 0 10px,  32px 0 0 20px,  0px 32px 0 20px,  -5px 5px 0 10px,  15px 2px 0 11px;
}
50% {
box-shadow: 0 0 0 10px,  10px -10px 0 10px,  32px 0 0 20px,  0px 32px 0 20px,  -5px 5px 0 10px,  20px 2px 0 11px;
}
100% {
box-shadow: 0 0 0 10px,  10px -10px 0 10px,  32px 0 0 20px,  0px 32px 0 20px,  -5px 5px 0 10px,  20px -12px 0 11px;
}
}@keyframes rippleOn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}@keyframes rippleOff {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}.togglebutton {
vertical-align: middle;
}
.togglebutton, .togglebutton label, .togglebutton input, .togglebutton .toggle {
user-select: none;
}
.togglebutton label {
cursor: pointer;
color: rgba(0, 0, 0,  0.26);
}
.form-group.is-focused .togglebutton label {
color: rgba(0, 0, 0,  0.26);
}
.form-group.is-focused .togglebutton label:hover, .form-group.is-focused .togglebutton label:focus {
color: rgba(0, 0, 0,  .54);
}
fieldset[disabled] .form-group.is-focused .togglebutton label {
color: rgba(0, 0, 0,  0.26);
}
.togglebutton label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
.togglebutton label .toggle {
text-align: left;
margin-left: 5px;
}
.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled]+.toggle {
content: "";
display: inline-block;
width: 30px;
height: 15px;
background-color: rgba(80, 80, 80, 0.7);
border-radius: 15px;
margin-right: 15px;
transition: background 0.3s ease;
vertical-align: middle;
}
.togglebutton label .toggle:after {
content: "";
display: inline-block;
width: 20px;
height: 20px;
background-color: #FFFFFF;
border-radius: 20px;
position: relative;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
border: 1px solid rgba(0, 0, 0,  .54);
transition: left 0.3s ease,  background 0.3s ease,  box-shadow 0.1s ease;
}
.togglebutton label input[type=checkbox][disabled]+.toggle:after, .togglebutton label input[type=checkbox][disabled]:checked+.toggle:after {
background-color: #BDBDBD;
}
.togglebutton label input[type=checkbox]+.toggle:active:after, .togglebutton label input[type=checkbox][disabled]+.toggle:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
left: 15px;
}
.togglebutton label input[type=checkbox]:checked+.toggle {
background-color: rgba(241, 95, 121, 0.7);
}
.togglebutton label input[type=checkbox]:checked+.toggle:after {
border-color: #0071b8;
}
.togglebutton label input[type=checkbox]:checked+.toggle:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(241, 95, 121, 0.1);
}
.radio label {
cursor: pointer;
padding-left: 35px;
position: relative;
color: rgba(0, 0, 0,  0.26);
}
.form-group.is-focused .radio label {
color: rgba(0, 0, 0,  0.26);
}
.form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus {
color: rgba(0, 0, 0,  .54);
}
fieldset[disabled] .form-group.is-focused .radio label {
color: rgba(0, 0, 0,  0.26);
}
.radio label span {
display: block;
position: absolute;
left: 10px;
top: 2px;
transition-duration: 0.2s;
}
.radio label .circle {
border: 1px solid rgba(0, 0, 0,  .54);
height: 15px;
width: 15px;
border-radius: 100%}
.radio label .check {
height: 15px;
width: 15px;
border-radius: 100%;
background-color: #0071b8;
transform: scale3d(0,  0,  0);
}
.radio label .check:after {
display: block;
position: absolute;
content: "";
background-color: rgba(0, 0, 0,  0.87);
left: -18px;
top: -18px;
height: 50px;
width: 50px;
border-radius: 100%;
z-index: 1;
opacity: 0;
margin: 0;
transform: scale3d(1.5,  1.5,  1);
}
.radio label input[type=radio]:not(:checked) ~ .check:after {
animation: rippleOff 500ms;
}
.radio label input[type=radio]:checked ~ .check:after {
animation: rippleOn 500ms;
}
.radio input[type=radio] {
opacity: 0;
height: 0;
width: 0;
overflow: hidden;
}
.radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle {
opacity: 1;
}
.radio input[type=radio]:checked ~ .check {
background-color: #0071b8;
}
.radio input[type=radio]:checked ~ .circle {
border-color: #0071b8;
}
.radio input[type=radio]:checked ~ .check {
transform: scale3d(0.65,  0.65,  1);
}
.radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle {
opacity: .26;
}
.radio input[type=radio][disabled] ~ .check {
background-color: #000;
}
.radio input[type=radio][disabled] ~ .circle {
border-color: #000;
}
@keyframes rippleOn {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}@keyframes rippleOff {
0% {
opacity: 0;
}
50% {
opacity: 0.2;
}
100% {
opacity: 0;
}
}legend {
margin-bottom: 20px;
font-size: 21px;
}
output {
padding-top: 8px;
font-size: 14px;
line-height: 1.428571429;
}
.form-control {
height: 26px;
padding: 7px 0;
font-size: 14px;
line-height: 1.428571429;
}
@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: 36px;
}
input[type="date"].input-sm, .input-group-sm>input[type="date"].form-control, .input-group-sm>input[type="date"].input-group-addon, .input-group-sm>.input-group-btn>input[type="date"].btn, .input-group-sm input[type="date"], input[type="time"].input-sm, .input-group-sm>input[type="time"].form-control, .input-group-sm>input[type="time"].input-group-addon, .input-group-sm>.input-group-btn>input[type="time"].btn, .input-group-sm input[type="time"], input[type="datetime-local"].input-sm, .input-group-sm>input[type="datetime-local"].form-control, .input-group-sm>input[type="datetime-local"].input-group-addon, .input-group-sm>.input-group-btn>input[type="datetime-local"].btn, .input-group-sm input[type="datetime-local"], input[type="month"].input-sm, .input-group-sm>input[type="month"].form-control, .input-group-sm>input[type="month"].input-group-addon, .input-group-sm>.input-group-btn>input[type="month"].btn, .input-group-sm input[type="month"] {
line-height: 24px;
}
input[type="date"].input-lg, .input-group-lg>input[type="date"].form-control, .input-group-lg>input[type="date"].input-group-addon, .input-group-lg>.input-group-btn>input[type="date"].btn, .input-group-lg input[type="date"], input[type="time"].input-lg, .input-group-lg>input[type="time"].form-control, .input-group-lg>input[type="time"].input-group-addon, .input-group-lg>.input-group-btn>input[type="time"].btn, .input-group-lg input[type="time"], input[type="datetime-local"].input-lg, .input-group-lg>input[type="datetime-local"].form-control, .input-group-lg>input[type="datetime-local"].input-group-addon, .input-group-lg>.input-group-btn>input[type="datetime-local"].btn, .input-group-lg input[type="datetime-local"], input[type="month"].input-lg, .input-group-lg>input[type="month"].form-control, .input-group-lg>input[type="month"].input-group-addon, .input-group-lg>.input-group-btn>input[type="month"].btn, .input-group-lg input[type="month"] {
line-height: 44px;
}
}.radio label, .checkbox label {
min-height: 20px;
}
.form-control-static {
padding-top: 8px;
padding-bottom: 8px;
min-height: 34px;
}
.input-sm .input-sm, .input-group-sm>.form-control .input-sm, .input-group-sm>.input-group-addon .input-sm, .input-group-sm>.input-group-btn>.btn .input-sm, .input-sm .input-group-sm>.form-control, .input-group-sm>.form-control .input-group-sm>.form-control, .input-group-sm>.input-group-addon .input-group-sm>.form-control, .input-group-sm>.input-group-btn>.btn .input-group-sm>.form-control, .input-sm .input-group-sm>.input-group-addon, .input-group-sm>.form-control .input-group-sm>.input-group-addon, .input-group-sm>.input-group-addon .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn .input-group-sm>.input-group-addon, .input-sm .input-group-sm>.input-group-btn>.btn, .input-group-sm>.form-control .input-group-sm>.input-group-btn>.btn, .input-group-sm>.input-group-addon .input-group-sm>.input-group-btn>.btn, .input-group-sm>.input-group-btn>.btn .input-group-sm>.input-group-btn>.btn {
height: 24px;
padding: 3px 0;
font-size: 11px;
line-height: 1.5;
border-radius: 0;
}
.input-sm select.input-sm, .input-group-sm>.form-control select.input-sm, .input-group-sm>.input-group-addon select.input-sm, .input-group-sm>.input-group-btn>.btn select.input-sm, .input-sm .input-group-sm>select.form-control, .input-group-sm>.form-control .input-group-sm>select.form-control, .input-group-sm>.input-group-addon .input-group-sm>select.form-control, .input-group-sm>.input-group-btn>.btn .input-group-sm>select.form-control, .input-sm .input-group-sm>select.input-group-addon, .input-group-sm>.form-control .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-addon .input-group-sm>select.input-group-addon, .input-group-sm>.input-group-btn>.btn .input-group-sm>select.input-group-addon, .input-sm .input-group-sm>.input-group-btn>select.btn, .input-group-sm>.form-control .input-group-sm>.input-group-btn>select.btn, .input-group-sm>.input-group-addon .input-group-sm>.input-group-btn>select.btn, .input-group-sm>.input-group-btn>.btn .input-group-sm>.input-group-btn>select.btn {
height: 24px;
line-height: 24px;
}
.input-sm textarea.input-sm, .input-group-sm>.form-control textarea.input-sm, .input-group-sm>.input-group-addon textarea.input-sm, .input-group-sm>.input-group-btn>.btn textarea.input-sm, .input-sm .input-group-sm>textarea.form-control, .input-group-sm>.form-control .input-group-sm>textarea.form-control, .input-group-sm>.input-group-addon .input-group-sm>textarea.form-control, .input-group-sm>.input-group-btn>.btn .input-group-sm>textarea.form-control, .input-sm .input-group-sm>textarea.input-group-addon, .input-group-sm>.form-control .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-addon .input-group-sm>textarea.input-group-addon, .input-group-sm>.input-group-btn>.btn .input-group-sm>textarea.input-group-addon, .input-sm .input-group-sm>.input-group-btn>textarea.btn, .input-group-sm>.form-control .input-group-sm>.input-group-btn>textarea.btn, .input-group-sm>.input-group-addon .input-group-sm>.input-group-btn>textarea.btn, .input-group-sm>.input-group-btn>.btn .input-group-sm>.input-group-btn>textarea.btn, .input-sm select[multiple].input-sm, .input-group-sm>.form-control select[multiple].input-sm, .input-group-sm>.input-group-addon select[multiple].input-sm, .input-group-sm>.input-group-btn>.btn select[multiple].input-sm, .input-sm .input-group-sm>select[multiple].form-control, .input-group-sm>.form-control .input-group-sm>select[multiple].form-control, .input-group-sm>.input-group-addon .input-group-sm>select[multiple].form-control, .input-group-sm>.input-group-btn>.btn .input-group-sm>select[multiple].form-control, .input-sm .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.form-control .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-addon .input-group-sm>select[multiple].input-group-addon, .input-group-sm>.input-group-btn>.btn .input-group-sm>select[multiple].input-group-addon, .input-sm .input-group-sm>.input-group-btn>select[multiple].btn, .input-group-sm>.form-control .input-group-sm>.input-group-btn>select[multiple].btn, .input-group-sm>.input-group-addon .input-group-sm>.input-group-btn>select[multiple].btn, .input-group-sm>.input-group-btn>.btn .input-group-sm>.input-group-btn>select[multiple].btn {
height: auto;
}
.form-group-sm .form-control {
height: 24px;
padding: 3px 0;
font-size: 11px;
line-height: 1.5;
}
.form-group-sm select.form-control {
height: 24px;
line-height: 24px;
}
.form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 24px;
min-height: 31px;
padding: 4px 0;
font-size: 11px;
line-height: 1.5;
}
.input-lg .input-lg, .input-group-lg>.form-control .input-lg, .input-group-lg>.input-group-addon .input-lg, .input-group-lg>.input-group-btn>.btn .input-lg, .input-lg .input-group-lg>.form-control, .input-group-lg>.form-control .input-group-lg>.form-control, .input-group-lg>.input-group-addon .input-group-lg>.form-control, .input-group-lg>.input-group-btn>.btn .input-group-lg>.form-control, .input-lg .input-group-lg>.input-group-addon, .input-group-lg>.form-control .input-group-lg>.input-group-addon, .input-group-lg>.input-group-addon .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn .input-group-lg>.input-group-addon, .input-lg .input-group-lg>.input-group-btn>.btn, .input-group-lg>.form-control .input-group-lg>.input-group-btn>.btn, .input-group-lg>.input-group-addon .input-group-lg>.input-group-btn>.btn, .input-group-lg>.input-group-btn>.btn .input-group-lg>.input-group-btn>.btn {
height: 44px;
padding: 9px 0;
font-size: 18px;
line-height: 1.3333333;
border-radius: 0;
}
.input-lg select.input-lg, .input-group-lg>.form-control select.input-lg, .input-group-lg>.input-group-addon select.input-lg, .input-group-lg>.input-group-btn>.btn select.input-lg, .input-lg .input-group-lg>select.form-control, .input-group-lg>.form-control .input-group-lg>select.form-control, .input-group-lg>.input-group-addon .input-group-lg>select.form-control, .input-group-lg>.input-group-btn>.btn .input-group-lg>select.form-control, .input-lg .input-group-lg>select.input-group-addon, .input-group-lg>.form-control .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-addon .input-group-lg>select.input-group-addon, .input-group-lg>.input-group-btn>.btn .input-group-lg>select.input-group-addon, .input-lg .input-group-lg>.input-group-btn>select.btn, .input-group-lg>.form-control .input-group-lg>.input-group-btn>select.btn, .input-group-lg>.input-group-addon .input-group-lg>.input-group-btn>select.btn, .input-group-lg>.input-group-btn>.btn .input-group-lg>.input-group-btn>select.btn {
height: 44px;
line-height: 44px;
}
.input-lg textarea.input-lg, .input-group-lg>.form-control textarea.input-lg, .input-group-lg>.input-group-addon textarea.input-lg, .input-group-lg>.input-group-btn>.btn textarea.input-lg, .input-lg .input-group-lg>textarea.form-control, .input-group-lg>.form-control .input-group-lg>textarea.form-control, .input-group-lg>.input-group-addon .input-group-lg>textarea.form-control, .input-group-lg>.input-group-btn>.btn .input-group-lg>textarea.form-control, .input-lg .input-group-lg>textarea.input-group-addon, .input-group-lg>.form-control .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-addon .input-group-lg>textarea.input-group-addon, .input-group-lg>.input-group-btn>.btn .input-group-lg>textarea.input-group-addon, .input-lg .input-group-lg>.input-group-btn>textarea.btn, .input-group-lg>.form-control .input-group-lg>.input-group-btn>textarea.btn, .input-group-lg>.input-group-addon .input-group-lg>.input-group-btn>textarea.btn, .input-group-lg>.input-group-btn>.btn .input-group-lg>.input-group-btn>textarea.btn, .input-lg select[multiple].input-lg, .input-group-lg>.form-control select[multiple].input-lg, .input-group-lg>.input-group-addon select[multiple].input-lg, .input-group-lg>.input-group-btn>.btn select[multiple].input-lg, .input-lg .input-group-lg>select[multiple].form-control, .input-group-lg>.form-control .input-group-lg>select[multiple].form-control, .input-group-lg>.input-group-addon .input-group-lg>select[multiple].form-control, .input-group-lg>.input-group-btn>.btn .input-group-lg>select[multiple].form-control, .input-lg .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.form-control .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-addon .input-group-lg>select[multiple].input-group-addon, .input-group-lg>.input-group-btn>.btn .input-group-lg>select[multiple].input-group-addon, .input-lg .input-group-lg>.input-group-btn>select[multiple].btn, .input-group-lg>.form-control .input-group-lg>.input-group-btn>select[multiple].btn, .input-group-lg>.input-group-addon .input-group-lg>.input-group-btn>select[multiple].btn, .input-group-lg>.input-group-btn>.btn .input-group-lg>.input-group-btn>select[multiple].btn {
height: auto;
}
.form-group-lg .form-control {
height: 44px;
padding: 9px 0;
font-size: 18px;
line-height: 1.3333333;
}
.form-group-lg select.form-control {
height: 44px;
line-height: 44px;
}
.form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 44px;
min-height: 38px;
padding: 10px 0;
font-size: 18px;
line-height: 1.3333333;
}
.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
padding-top: 8px;
}
.form-horizontal .radio, .form-horizontal .checkbox {
min-height: 28px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 8px;
}
}@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 12.9999997px;
font-size: 18px;
}
}
@media (min-width: 768px)
{

.form-horizontal .form-group-sm .control-label {
padding-top: 4px;
font-size: 11px;
}
}
.label {
border-radius: 3px;
}
.label, .label.label-default {
background-color: #9e9e9e;
}
.label.label-inverse {
background-color: #3f51b5;
}
.label.label-primary {
background-color: #0071b8;
}
.label.label-success {
background-color: #5cb85c;
}
.label.label-info {
background-color: #5bc0de;
}
.label.label-warning {
background-color: #f0ad4e;
}
.label.label-danger {
background-color: #d9534f;
}
.form-control, .form-group .form-control {
background-color: #fff;
border: 1px solid #ddd;
float: none;
border-radius: 0;
font-weight: 400;
padding: 18px;
}

.form-control::-moz-placeholder, .form-group .form-control::-moz-placeholder {
color: #aaa;
font-weight: 400;
}
.form-control:-ms-input-placeholder, .form-group .form-control:-ms-input-placeholder {
color: #aaa;
font-weight: 400;
}
.form-control::-webkit-input-placeholder, .form-group .form-control::-webkit-input-placeholder {
color: #aaa;
font-weight: 400;
}
.form-control[readonly], .form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[readonly], .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control {
}
.form-control[disabled], fieldset[disabled] .form-control, .form-group .form-control[disabled], fieldset[disabled] .form-group .form-control {
background-image: none;
border-bottom: 1px dotted #D2D2D2;
}
.form-group {
position: relative;
}
.form-group.label-static label.control-label, .form-group.label-placeholder label.control-label, .form-group.label-floating label.control-label {
position: absolute;
pointer-events: none;
transition: 0.3s ease all;
}
.form-group.label-floating label.control-label {
will-change: left,  top,  contents;
}
.form-group.label-placeholder:not(.is-empty) label.control-label {
display: none;
}
.form-group .help-block {
position: absolute;
display: none;
}
.form-group.is-focused .form-control {
outline: none;
background-image: linear-gradient(#0071b8,  #0071b8), linear-gradient(#D2D2D2,  #D2D2D2);
background-size: 100% 2px,  100% 1px;
box-shadow: none;
transition-duration: 0.3s;
}
.form-group.is-focused .form-control .material-input:after {
background-color: #0071b8;
}
.form-group.is-focused label, .form-group.is-focused label.control-label {
color: #0071b8;
}
.form-group.is-focused.label-placeholder label, .form-group.is-focused.label-placeholder label.control-label {
color: #aaa;
}
.form-group.is-focused .help-block {
display: block;
}
.form-group.has-warning .form-control {
box-shadow: none;
}
.form-group.has-warning.is-focused .form-control {
background-image: linear-gradient(#f0ad4e,  #f0ad4e), linear-gradient(#D2D2D2,  #D2D2D2);
}
.form-group.has-warning label.control-label, .form-group.has-warning .help-block {
color: #f0ad4e;
}
.form-group.has-error .form-control {
box-shadow: none;
}
.form-group.has-error.is-focused .form-control {
background-image: linear-gradient(#d9534f,  #d9534f), linear-gradient(#D2D2D2,  #D2D2D2);
}
.form-group.has-error label.control-label, .form-group.has-error .help-block {
color: #d9534f;
}
.form-group.has-success .form-control {
box-shadow: none;
}
.form-group.has-success.is-focused .form-control {
background-image: linear-gradient(#5cb85c,  #5cb85c), linear-gradient(#D2D2D2,  #D2D2D2);
}
.form-group.has-success label.control-label, .form-group.has-success .help-block {
color: #5cb85c;
}
.form-group.has-info .form-control {
box-shadow: none;
}
.form-group.has-info.is-focused .form-control {
background-image: linear-gradient(#5bc0de,  #5bc0de), linear-gradient(#D2D2D2,  #D2D2D2);
}
.form-group.has-info label.control-label, .form-group.has-info .help-block {
color: #5bc0de;
}
.form-group textarea {
resize: none;
}
.form-group textarea ~ .form-control-highlight {
margin-top: -11px;
}
.form-group select {
appearance: none;
}
.form-group select ~ .material-input:after {
display: none;
}
.form-control {
margin-bottom: 7px;
}
.form-control::-moz-placeholder {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.form-control:-ms-input-placeholder {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.form-control::-webkit-input-placeholder {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.checkbox label, .radio label, label {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
label.control-label {
font-size: 11px;
line-height: 1.0714285718;
color: #aaa;
font-weight: 400;
margin: 16px 0 0 0;
}
.help-block {
margin-top: 0;
font-size: 11px;
}
.form-group {
padding-bottom: 7px;
margin: 27px 0 0 0;
}
.form-group .form-control {
margin-bottom: 7px;
}
.form-group .form-control::-moz-placeholder {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.form-group .form-control:-ms-input-placeholder {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.form-group .form-control::-webkit-input-placeholder {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.form-group .checkbox label, .form-group .radio label, .form-group label {
font-size: 14px;
line-height: 1.428571429;
color: #aaa;
font-weight: 400;
}
.form-group label.control-label {
font-size: 11px;
line-height: 1.0714285718;
color: #aaa;
font-weight: 400;
margin: 16px 0 0 0;
}
.form-group .help-block {
margin-top: 0;
font-size: 11px;
}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label {
top: -7px;
font-size: 14px;
line-height: 1.428571429;
}
.form-group.label-static label.control-label, .form-group.label-floating.is-focused label.control-label, .form-group.label-floating:not(.is-empty) label.control-label {
top: -28px;
left: 0;
font-size: 11px;
line-height: 1.0714285718;
}
.form-group.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
top: -28px;
left: 0;
font-size: 11px;
line-height: 1.0714285718;
}
.form-group.form-group-sm {
padding-bottom: 3px;
margin: 21px 0 0 0;
}
.form-group.form-group-sm .form-control {
margin-bottom: 3px;
}
.form-group.form-group-sm .form-control::-moz-placeholder {
font-size: 11px;
line-height: 1.5;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-sm .form-control:-ms-input-placeholder {
font-size: 11px;
line-height: 1.5;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-sm .form-control::-webkit-input-placeholder {
font-size: 11px;
line-height: 1.5;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-sm .checkbox label, .form-group.form-group-sm .radio label, .form-group.form-group-sm label {
font-size: 11px;
line-height: 1.5;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-sm label.control-label {
font-size: 9px;
line-height: 1.125;
color: #aaa;
font-weight: 400;
margin: 16px 0 0 0;
}
.form-group.form-group-sm .help-block {
margin-top: 0;
font-size: 9px;
}
.form-group.form-group-sm.label-floating label.control-label, .form-group.form-group-sm.label-placeholder label.control-label {
top: -11px;
font-size: 11px;
line-height: 1.5;
}
.form-group.form-group-sm.label-static label.control-label, .form-group.form-group-sm.label-floating.is-focused label.control-label, .form-group.form-group-sm.label-floating:not(.is-empty) label.control-label {
top: -25px;
left: 0;
font-size: 9px;
line-height: 1.125;
}
.form-group.form-group-sm.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
top: -25px;
left: 0;
font-size: 9px;
line-height: 1.125;
}
.form-group.form-group-lg {
padding-bottom: 9px;
margin: 30px 0 0 0;
}
.form-group.form-group-lg .form-control {
margin-bottom: 9px;
}
.form-group.form-group-lg .form-control::-moz-placeholder {
font-size: 18px;
line-height: 1.3333333;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-lg .form-control:-ms-input-placeholder {
font-size: 18px;
line-height: 1.3333333;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-lg .form-control::-webkit-input-placeholder {
font-size: 18px;
line-height: 1.3333333;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-lg .checkbox label, .form-group.form-group-lg .radio label, .form-group.form-group-lg label {
font-size: 18px;
line-height: 1.3333333;
color: #aaa;
font-weight: 400;
}
.form-group.form-group-lg label.control-label {
font-size: 14px;
line-height: .999999975;
color: #aaa;
font-weight: 400;
margin: 16px 0 0 0;
}
.form-group.form-group-lg .help-block {
margin-top: 0;
font-size: 14px;
}
.form-group.form-group-lg.label-floating label.control-label, .form-group.form-group-lg.label-placeholder label.control-label {
top: -5px;
font-size: 18px;
line-height: 1.3333333;
}
.form-group.form-group-lg.label-static label.control-label, .form-group.form-group-lg.label-floating.is-focused label.control-label, .form-group.form-group-lg.label-floating:not(.is-empty) label.control-label {
top: -32px;
left: 0;
font-size: 14px;
line-height: .999999975;
}
.form-group.form-group-lg.label-floating input.form-control:-webkit-autofill ~ label.control-label label.control-label {
top: -32px;
left: 0;
font-size: 14px;
line-height: .999999975;
}
select.form-control {
border: 0;
box-shadow: none;
border-radius: 0;
}
.form-group.is-focused select.form-control {
box-shadow: none;
border-color: #D2D2D2;
}
select.form-control[multiple], .form-group.is-focused select.form-control[multiple] {
height: 85px;
}
.input-group-btn .btn {
margin: 0 0 7px 0;
}
.form-group.form-group-sm .input-group-btn .btn {
margin: 0 0 3px 0;
}
.form-group.form-group-lg .input-group-btn .btn {
margin: 0 0 9px 0;
}
.input-group .input-group-btn {
padding: 0 12px;
}
.input-group .input-group-addon {
border: 0;
background: transparent;
padding: 12px 15px 0px;
}
.form-group input[type=file] {
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
}
.form-control-feedback {
opacity: 0;
}
.has-success .form-control-feedback {
color: #4caf50;
opacity: 1;
}
.has-error .form-control-feedback {
color: #f44336;
opacity: 1;
}
.label {
border-radius: 4px;
padding: 5px 12px;
text-transform: uppercase;
font-size: 10px;
}
.nav-pills>li>a {
line-height: 24px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
min-width: 100px;
text-align: center;
color: #555;
transition: all .3s;
}
.nav-pills>li i {
display: block;
font-size: 30px;
padding: 15px 0;
}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
background-color: #0071b8;
color: #fff;
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.nav-pills.nav-pills-info>li.active>a, .nav-pills.nav-pills-info>li.active>a:focus, .nav-pills.nav-pills-info>li.active>a:hover {
background-color: #5bc0de;
}
.nav-pills.nav-pills-success>li.active>a, .nav-pills.nav-pills-success>li.active>a:focus, .nav-pills.nav-pills-success>li.active>a:hover {
background-color: #5cb85c;
}
.nav-pills.nav-pills-warning>li.active>a, .nav-pills.nav-pills-warning>li.active>a:focus, .nav-pills.nav-pills-warning>li.active>a:hover {
background-color: #f0ad4e;
}
.nav-pills.nav-pills-danger>li.active>a, .nav-pills.nav-pills-danger>li.active>a:focus, .nav-pills.nav-pills-danger>li.active>a:hover {
background-color: #d9534f;
}
legend {
border-bottom: 0;
}
.progress {
height: 4px;
border-radius: 0;
box-shadow: none;
background: #DDDDDD;
}
.progress .progress-bar {
box-shadow: none;
}
.progress .progress-bar, .progress .progress-bar.progress-bar-default {
background-color: #0071b8;
}
.progress .progress-bar.progress-bar-inverse {
background-color: #3f51b5;
}
.progress .progress-bar.progress-bar-primary {
background-color: #0071b8;
}
.progress .progress-bar.progress-bar-success {
background-color: #5cb85c;
}
.progress .progress-bar.progress-bar-info {
background-color: #5bc0de;
}
.progress .progress-bar.progress-bar-warning {
background-color: #f0ad4e;
}
.progress .progress-bar.progress-bar-danger {
background-color: #d9534f;
}
.progress.progress-line-primary {
background: rgba(241, 95, 121, 0.2);
}
.progress.progress-line-info {
background: rgba(91, 192, 222, 0.2);
}
.progress.progress-line-success {
background: rgba(92, 184, 92, 0.2);
}
.progress.progress-line-warning {
background: rgba(240, 173, 78, 0.2);
}
.progress.progress-line-danger {
background: rgba(217, 83, 79, 0.2);
}
h1, .h1 {
font-size: 36px;
line-height: 1.15em;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
line-height: 1.4em;
margin: 20px 0 10px;
}
h4, .h4 {
font-size: 18px;
line-height: 1.4em;
}
h5, .h5 {
font-size: 14px;
line-height: 1.4em;
margin-bottom: 15px;
}
h6, .h6 {
font-size: 12px;
text-transform: uppercase;
}
.text-warning {
color: #f0ad4e;
}
.text-primary {
color: #0071b8;
}
.text-danger {
color: #d9534f;
}
.text-success {
color: #5cb85c;
}
.text-info {
color: #5bc0de;
}
.card {
display: inline-block;
position: relative;
width: 100%;
border-radius: 4px;
color: rgba(0, 0, 0,  0.87);
background: #fff;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.card .card-height-indicator {
margin-top: 100%}
.card .card-content {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.card .card-image {
height: 60%;
position: relative;
overflow: hidden;
}
.card .card-image img {
width: 100%;
height: 100%;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
pointer-events: none;
}
.card .card-image .card-image-headline {
position: absolute;
bottom: 16px;
left: 18px;
color: #fff;
font-size: 2em;
}
.card .content {
padding: 15px;
}
.card .card-body {
height: 30%;
padding: 18px;
}
.card .card-footer {
height: 10%;
padding: 18px;
}
.card .card-footer button, .card .card-footer a {
margin: 0 !important;
position: relative;
bottom: 25px;
width: auto;
}
.card .card-footer button:first-child, .card .card-footer a:first-child {
left: -15px;
}
.card .header {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
margin: 15px;
border-radius: 4px;
padding: 15px 0;
background-color: #fff;
}
.card .header-primary {
background: linear-gradient(60deg,  #0071b8,  #B24592);
}
.card .header-info {
background: linear-gradient(60deg,  #29b6f6,  #0288d1);
}
.card .header-success {
background: linear-gradient(60deg,  #66bb6a,  #388e3c);
}
.card .header-warning {
background: linear-gradient(60deg,  #fdd835,  #fbc02d);
}
.card .header-danger {
background: linear-gradient(60deg,  #ef5350,  #d32f2f);
}
.card [class*="header-"] {
color: #FFFFFF;
}
.card-raised {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card-signup .header {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
margin-left: 20px;
margin-right: 20px;
margin-top: -40px;
padding: 20px 0;
}
.card-signup .text-divider {
margin-top: 30px;
margin-bottom: 0px;
text-align: center;
}
.card-signup .content {
padding: 0px 30px 0px 10px;
}
.card-signup .checkbox {
margin-top: 20px;
}
.card-signup .checkbox label {
margin-left: 17px;
}
.card-signup .checkbox .checkbox-material {
padding-right: 12px;
}
.card-signup .social-line {
margin-top: 15px;
text-align: center;
}
.card-signup .social-line .btn {
color: #fff;
margin-left: 5px;
margin-right: 5px;
}
.card-nav-tabs {
margin-top: 45px;
}
.card-nav-tabs .header {
margin-top: -30px;
}
.card-nav-tabs .nav-tabs {
background: transparent;
}
.card-plain {
background: transparent;
box-shadow: none;
}
.card-plain .header {
margin-left: 0;
margin-right: 0;
}
.card-plain .content {
padding-left: 0;
padding-right: 0;
}
.modal-content {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22);
border-radius: 4px;
border: none;
}
.modal-content .modal-header {
border-bottom: none;
padding-top: 24px;
padding-right: 24px;
padding-bottom: 0;
padding-left: 24px;
}
.modal-content .modal-body {
padding-top: 24px;
padding-right: 24px;
padding-bottom: 16px;
padding-left: 24px;
}
.modal-content .modal-footer {
border-top: none;
padding: 7px;
}
.modal-content .modal-footer button {
margin: 0;
padding-left: 16px;
padding-right: 16px;
width: auto;
}
.modal-content .modal-footer button.pull-left {
padding-left: 5px;
padding-right: 5px;
position: relative;
left: -5px;
}
.modal-content .modal-footer button+button {
margin-bottom: 16px;
}
.modal-content .modal-body+.modal-footer {
padding-top: 0;
}
.modal-backdrop {
background: rgba(0, 0, 0, 0.3);
}
.modal .modal-dialog {
margin-top: 100px;
}
.modal .modal-header .close {
color: #555;
}
.modal .modal-header .close:hover, .modal .modal-header .close:focus {
opacity: 1;
color: #555;
}
.panel {
border-radius: 2px;
border: 0;
box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}
.panel>.panel-heading, .panel.panel-default>.panel-heading {
background-color: #eee;
}
.panel.panel-inverse>.panel-heading {
background-color: #3f51b5;
}
.panel.panel-primary>.panel-heading {
background-color: #0071b8;
}
.panel.panel-success>.panel-heading {
background-color: #5cb85c;
}
.panel.panel-info>.panel-heading {
background-color: #5bc0de;
}
.panel.panel-warning>.panel-heading {
background-color: #f0ad4e;
}
.panel.panel-danger>.panel-heading {
background-color: #d9534f;
}
[class*="panel-"]>.panel-heading {
color: #fff;
border: 0;
}
.panel-default>.panel-heading, .panel:not([class*="panel-"])>.panel-heading {
color: rgba(0, 0, 0,  0.87);
}
.panel-footer {
background-color: #eee;
}
hr.on-dark {
color: #1a1a1a;
}
hr.on-light {
color: #fff;
}
@media (-webkit-min-device-pixel-ratio: 0.75),  (min--moz-device-pixel-ratio: 0.75),  (-o-device-pixel-ratio: 3 / 4),  (min-device-pixel-ratio: 0.75),  (min-resolution: 0.75dppx),  (min-resolution: 120dpi) {
hr {
height: 0.75px;
}
}@media (-webkit-min-device-pixel-ratio: 1),  (min--moz-device-pixel-ratio: 1),  (-o-device-pixel-ratio: 1),  (min-device-pixel-ratio: 1),  (min-resolution: 1dppx),  (min-resolution: 160dpi) {
hr {
height: 1px;
}
}@media (-webkit-min-device-pixel-ratio: 1.33),  (min--moz-device-pixel-ratio: 1.33),  (-o-device-pixel-ratio: 133 / 100),  (min-device-pixel-ratio: 1.33),  (min-resolution: 1.33dppx),  (min-resolution: 213dpi) {
hr {
height: 1.333px;
}
}@media (-webkit-min-device-pixel-ratio: 1.5),  (min--moz-device-pixel-ratio: 1.5),  (-o-device-pixel-ratio: 3 / 2),  (min-device-pixel-ratio: 1.5),  (min-resolution: 1.5dppx),  (min-resolution: 240dpi) {
hr {
height: 1.5px;
}
}@media (-webkit-min-device-pixel-ratio: 2),  (min--moz-device-pixel-ratio: 2),  (-o-device-pixel-ratio: 2 / 1),  (min-device-pixel-ratio: 2),  (min-resolution: 2dppx),  (min-resolution: 380dpi) {
hr {
height: 2px;
}
}@media (-webkit-min-device-pixel-ratio: 3),  (min--moz-device-pixel-ratio: 3),  (-o-device-pixel-ratio: 3 / 1),  (min-device-pixel-ratio: 3),  (min-resolution: 3dppx),  (min-resolution: 480dpi) {
hr {
height: 3px;
}
}@media (-webkit-min-device-pixel-ratio: 4),  (min--moz-device-pixel-ratio: 4),  (-o-device-pixel-ratio: 4 / 1),  (min-device-pixel-ratio: 3),  (min-resolution: 4dppx),  (min-resolution: 640dpi) {
hr {
height: 4px;
}
}.img-thumbnail {
border-radius: 16px;
}
.img-raised {
box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
* {
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-tap-highlight-color: transparent;
}
*:focus {
outline: 0;
}
a:focus, a:active, button:active, button:focus, button:hover, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"]>input[type="button"]::-moz-focus-inner {
outline: 0 !important;
}
.section {
padding: 70px 0;
}
.section-navbars {
padding-bottom: 0;
}
.section-full-screen {
height: 100vh;
}
.section-signup {
padding-top: 20vh;
}
.withripple {
position: relative;
}
.ripple-container {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
pointer-events: none;
}
.ripple {
position: absolute;
width: 20px;
height: 20px;
margin-left: -10px;
margin-top: -10px;
border-radius: 100%;
background-color: #000;
background-color: rgba(0, 0, 0, 0.05);
transform: scale(1);
transform-origin: 50%;
opacity: 0;
pointer-events: none;
}
.ripple.ripple-on {
transition: opacity 0.15s ease-in 0s, transform 0.5s cubic-bezier(0.4,  0,  0.2,  1) 0.1s;
opacity: 0.1;
}
.ripple.ripple-out {
transition: opacity 0.1s linear 0s !important;
opacity: 0;
}
.wrapper>.header {
min-height: 300px;
background-position: center center;
background-size: cover;
}
.main {
background: #FFFFFF;
position: relative;
z-index: 3;
}
.main-raised {
margin: -60px 30px 0px;
border-radius: 8px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.title {
font-weight: 500;
color: #3C4858;
}
h2.title {
margin-bottom: 30px;
}
.description {
color: #777;
}
.header-filter {
position: relative;
}
.header-filter:after {
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
display: block;
left: 0;
top: 0;
content: "";
background-color: rgba(0, 0, 0, 0.4);
}
.header-filter .container {
z-index: 2;
position: relative;
}
.gallery .image img {
width: 100%}
.features {
padding: 80px 0 0;
}
.features .feature {
max-width: 360px;
margin: 0 auto;
}
.features .feature>i {
font-size: 60px;
}
.features .feature h4 {
color: #3C4858;
margin: 30px 0 15px;
}
.features .feature.feature-primary>i {
color: #0071b8;
}
.features .feature.feature-info>i {
color: #5bc0de;
}
.features .feature.feature-success>i {
color: #5cb85c;
}
.features .feature.feature-warning>i {
color: #f0ad4e;
}
.features .feature.feature-danger>i {
color: #d9534f;
}
.team {
margin-top: 80px;
}
.team .team-player .title {
margin: 30px auto;
}
.team .team-player img {
max-width: 170px;
}
.nav-align-center {
text-align: center;
}
.nav-align-center .nav-pills {
display: inline-block;
}
.navbar-absolute {
position: absolute;
width: 100%;
padding-top: 10px;
z-index: 1031;
}
.index-page .wrapper>.header {
height: 90vh;
}
.index-page .brand {
margin-top: 30vh;
color: #FFFFFF;
text-align: center;
}
.index-page .brand h1 {
font-size: 4.8em;
font-weight: 600;
}
.index-page .brand h3 {
font-size: 1.5em;
text-transform: uppercase;
max-width: 400px;
margin: 10px auto 0;
}
.index-page .section-basic {
padding-top: 15px;
}
.index-page .header-filter:after {
background: rgba(101, 47, 142, 0.64);
background: linear-gradient(45deg,  rgba(101, 47, 142, 0.88) 0%,  rgba(125, 46, 185, 0.45) 100%);
background: -moz-linear-gradient(135deg,  rgba(101, 47, 142, 0.88) 0%,  rgba(125, 46, 185, 0.45) 100%);
background: -webkit-linear-gradient(135deg,  rgba(101, 47, 142, 0.88) 0%,  rgba(125, 46, 185, 0.45) 100%);
}
.landing-page .header {
height: 100vh;
}
.landing-page .header .container {
padding-top: 26vh;
color: #FFFFFF;
}
.landing-page .header .share {
margin-top: 150px;
}
.landing-page .header h1 {
font-weight: 600;
}
.landing-page .header .title {
color: #fff;
}
.landing-page .wrapper {
background: #CCCCCC;
}
.profile-page .profile {
text-align: center;
}
.profile-page .profile img {
max-width: 160px;
margin: -80px auto 0;
}
.profile-page .description {
margin: 30px auto 0;
max-width: 600px;
}
.profile-page .profile-tabs {
margin-top: 60px;
}
.profile-page .gallery {
margin-top: 45px;
padding-bottom: 50px;
}
.profile-page .gallery img {
width: 100%;
margin-bottom: 30px;
}
.signup-page .wrapper>.header {
min-height: 100vh;
}
.signup-page .wrapper .card-signup {
margin: 160px 0 40px;
}
.signup-page .footer .copyright, .signup-page .footer a {
color: #FFFFFF;
}
.landing-page .navbar-transparent, .profile-page .navbar-transparent, .signup-page .navbar-transparent, .index-page .navbar-transparent {
padding-top: 25px;
}
@media (max-width: 768px) {
.footer .copyright {
display: inline-block;
text-align: center;
padding: 10px 0;
float: none !important;
width: 100%}
.navbar.navbar-transparent {
background-color: rgba(0, 0, 0, 0.4);
padding-top: 10px;
border-radius: 0;
}
.main-raised {
margin-left: 10px;
margin-right: 10px;
}
}.morphsearch {
width: 300px;
min-height: 30px;
position: fixed;
z-index: 13;
top: 12px;
left: 255px;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
-webkit-transition-property: min-height,  width,  top,  right;
transition-property: min-height,  width,  top,  right;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,  0,  0.3,  1);
transition-timing-function: cubic-bezier(0.7,  0,  0.3,  1);
}
.morphsearch .form-group {
margin: 0;
padding: 0;
}
.m-top {
z-index: 7;
}
.morphsearch .form-group .form-control {
margin: 0;
padding: 7px 0;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.morphsearch.open {
width: 100%;
min-height: 100%;
top: 0px;
left: 0px;
z-index: 9999;
}
.morphsearch.open .morphsearch-form {
width: 80%;
height: 160px;
-webkit-transform: translate3d(0,  3em,  0);
transform: translate3d(0,  3em,  0);
}
.morphsearch.open .morphsearch-submit {
pointer-events: auto;
opacity: 1;
-webkit-transform: translate3d(-30px,  -50%,  0) scale3d(1,  1,  1);
transform: translate3d(-30px,  -50%,  0) scale3d(1,  1,  1);
-webkit-transition: opacity 0.3s,  -webkit-transform 0.3s;
transition: opacity 0.3s,  transform 0.3s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch.open .morphsearch-close {
opacity: 1;
pointer-events: auto;
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
-webkit-transition: opacity 0.3s,  -webkit-transform 0.3s;
transition: opacity 0.3s,  transform 0.3s;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.morphsearch-form {
width: 100%;
height: 30px;
margin: 0 auto;
position: relative;
-webkit-transition-property: width,  height,  -webkit-transform;
transition-property: width,  height,  transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,  0,  0.3,  1);
transition-timing-function: cubic-bezier(0.7,  0,  0.3,  1);
}
.morphsearch-input {
width: 100%;
height: 100%;
padding: 0 10% 0 10px;
font-weight: 700;
border: none;
background: transparent;
font-size: 0.8em;
color: #ec5a62;
-webkit-transition: font-size 0.5s cubic-bezier(0.7,  0,  0.3,  1);
transition: font-size 0.5s cubic-bezier(0.7,  0,  0.3,  1);
}
.morphsearch-input::-ms-clear {
display: none;
}
.morphsearch.hideInput .morphsearch-input {
color: transparent;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.morphsearch.open .morphsearch-input {
line-height: 80px;
height: 80px;
font-size: 40px !important;
}
.morphsearch-input::-webkit-input-placeholder {
color: #fff !important;
opacity: 1;
}
.morphsearch-input::-moz-placeholder {
color: #fff !important;
opacity: 1;
}
.morphsearch-input:-ms-input-placeholder {
color: #fff !important;
opacity: 1;
}
.morphsearch-input:-moz-placeholder {
color: #fff !important;
opacity: 1;
}
.morphsearch.open .morphsearch-input::-webkit-input-placeholder {
font-size: 40px !important;
}
.gn-search:focus::-webkit-input-placeholder {
color: transparent;
}
input[type="search"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.morphsearch-input:focus, .morphsearch-submit:focus {
outline: none;
}
.morphsearch-submit {
position: absolute;
width: 40px;
height: 40px;
text-indent: 100px;
overflow: hidden;
right: 0;
top: 50%;
background: transparent url(../images/magnifier.svg) no-repeat center center;
background-size: 100%;
border: none;
pointer-events: none;
transform-origin: 50% 50%;
opacity: 0;
-webkit-transform: translate3d(-30px,  -50%,  0) scale3d(0,  0,  1);
transform: translate3d(-30px,  -50%,  0) scale3d(0,  0,  1);
}
.morphsearch-close {
width: 36px;
height: 36px;
position: absolute;
right: 1em;
top: 1em;
overflow: hidden;
text-indent: 100%;
cursor: pointer;
pointer-events: none;
opacity: 0;
-webkit-transform: scale3d(0,  0,  1);
transform: scale3d(0,  0,  1);
}
.morphsearch-close::before, .morphsearch-close::after {
content: '';
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: 50%;
border-radius: 3px;
opacity: 0.2;
background: #000;
}
.morphsearch-close:hover.morphsearch-close::before, .morphsearch-close:hover.morphsearch-close::after {
opacity: 1;
}
.morphsearch-close::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.morphsearch-close::after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.morphsearch-content {
color: #333;
margin-top: 4.5em;
width: 100%;
height: 0;
overflow: hidden;
padding: 0 10.5%;
background: #fff;
position: absolute;
pointer-events: none;
opacity: 0;
}
.morphsearch.open .morphsearch-content {
opacity: 1;
height: auto;
overflow: visible;
pointer-events: auto;
-webkit-transition: opacity 0.3s 0.5s;
transition: opacity 0.3s 0.5s;
}
.dummy-column {
width: 30%;
padding: 0 0 6em;
float: left;
opacity: 0;
-webkit-transform: translate3d(0,  100px,  0);
transform: translateY(100px);
-webkit-transition: -webkit-transform 0.5s,  opacity 0.5s;
transition: transform 0.5s,  opacity 0.5s;
}
.morphsearch.open .dummy-column {
opacity: 1;
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
.morphsearch.open .dummy-column:first-child {
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.morphsearch.open .dummy-column:nth-child(2) {
-webkit-transition-delay: 0.45s;
transition-delay: 0.45s;
}
.morphsearch.open .dummy-column:nth-child(3) {
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.dummy-column:nth-child(2) {
margin: 0 5%}
.dummy-column h2 {
font-size: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 400;
padding: 0.5em 0;
}
.round {
border-radius: 50%}
.dummy-media-object {
padding: 0.75em;
display: block;
margin: 0.3em 0;
cursor: pointer;
border-radius: 5px;
background: rgba(118, 117, 128, 0.05);
}
.dummy-media-object img {
display: inline-block;
width: 50px;
margin: 0 10px 0 0;
vertical-align: middle;
}
.dummy-media-object h3 {
vertical-align: middle;
font-size: 16px;
display: inline-block;
font-weight: 400;
margin: 0 0 0 0;
width: calc(100% - 70px);
color: #555;
}
.dummy-media-object:hover, .dummy-media-object:focus {
background: rgba(118, 117, 128, 0.1);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.36);
}
.overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f1f1f1;
opacity: 0;
pointer-events: none;
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
-webkit-transition-timing-function: cubic-bezier(0.7,  0,  0.3,  1);
transition-timing-function: cubic-bezier(0.7,  0,  0.3,  1);
}
.morphsearch.open ~ .overlay {
opacity: 1;
}
@media only screen and (max-width: 768px) {
.morphsearch {
left: 200px;
}
.morphsearch-content {
height: 600px !important;
overflow-y: scroll !important;
}
}@media only screen and (max-width: 767px) {
.morphsearch {
left: 0;
padding: 0 15px;
width: 100%;
top: 40px;
display: none;
}
.morphsearch.open .morphsearch-form {
width: 100%}
.morphsearch-content {
width: 92%;
padding: 0 15px;
height: 400px !important;
}
.morphsearch.open .morphsearch-input::-webkit-input-placeholder {
font-size: 20px !important;
}
}@media screen and (max-width: 53.125em) {
.morphsearch-input {
padding: 0 25% 0 10px;
}
.morphsearch.open .morphsearch-input {
font-size: 2em;
}
.dummy-column {
float: none;
width: auto;
padding: 0 0 2em;
}
.dummy-column:nth-child(2) {
margin: 0;
}
.morphsearch.open .morphsearch-submit {
-webkit-transform: translate3d(0,  -50%,  0) scale3d(0.5,  0.5,  1);
transform: translate3d(0,  -50%,  0) scale3d(0.5,  0.5,  1);
}
}

/*!
* Materialize v0.97.7 (http://materializecss.com)
* Copyright 2014-2015 Materialize
* MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
*/


form p {
margin-bottom: 10px;
text-align: left;
}
form p:last-child {
margin-bottom: 0;
}
[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
position: absolute;
left: -9999px;
opacity: 0;
}

.switch, .switch * {
-webkit-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-ms-user-select: none;
}
.switch label {
cursor: pointer;
}
.switch label input[type=checkbox] {
opacity: 0;
width: 0;
height: 0;
}
.switch label input[type=checkbox]:checked+.lever {
background-color: #84c7c1;
}
.switch label input[type=checkbox]:checked+.lever:after {
background-color: #26a69a;
left: 24px;
}
.switch label .lever {
content: "";
display: inline-block;
position: relative;
width: 40px;
height: 15px;
background-color: #818181;
border-radius: 15px;
margin-right: 10px;
transition: background 0.3s ease;
vertical-align: middle;
margin: 0 16px;
}
.switch label .lever:after {
content: "";
position: absolute;
display: inline-block;
width: 21px;
height: 21px;
background-color: #F1F1F1;
border-radius: 21px;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
left: -5px;
top: -3px;
transition: left 0.3s ease,  background .3s ease,  box-shadow 0.1s ease;
}
input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after, input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(38, 166, 154, 0.1);
}
input[type=checkbox]:not(:disabled) ~ .lever:active:after, input[type=checkbox]:not(:disabled).tabbed:focus ~ .lever::after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.08);
}
.switch input[type=checkbox][disabled]+.lever {
cursor: default;
}
.switch label input[type=checkbox][disabled]+.lever:after, .switch label input[type=checkbox][disabled]:checked+.lever:after {
background-color: #BDBDBD;
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
position: absolute;
border-radius: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
opacity: 0;
background: rgba(0, 0, 0, 0.2);
background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0,  rgba(0, 0, 0, 0.3) 40%,  rgba(0, 0, 0, 0.4) 50%,  rgba(0, 0, 0, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0,  rgba(0, 0, 0, 0.3) 40%,  rgba(0, 0, 0, 0.4) 50%,  rgba(0, 0, 0, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0,  rgba(0, 0, 0, 0.3) 40%,  rgba(0, 0, 0, 0.4) 50%,  rgba(0, 0, 0, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
background: radial-gradient(rgba(0, 0, 0, 0.2) 0,  rgba(0, 0, 0, 0.3) 40%,  rgba(0, 0, 0, 0.4) 50%,  rgba(0, 0, 0, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transition-property: -webkit-transform,  opacity;
-moz-transition-property: -moz-transform,  opacity;
-o-transition-property: -o-transform,  opacity;
transition-property: transform,  opacity;
-webkit-transform: scale(0) translate(0,  0);
-moz-transform: scale(0) translate(0,  0);
-ms-transform: scale(0) translate(0,  0);
-o-transform: scale(0) translate(0,  0);
transform: scale(0) translate(0,  0);
pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
background: rgba(255, 255, 255, 0.4);
background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.4) 50%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.4) 50%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.4) 50%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
background: radial-gradient(rgba(255, 255, 255, 0.2) 0,  rgba(255, 255, 255, 0.3) 40%,  rgba(255, 255, 255, 0.4) 50%,  rgba(255, 255, 255, 0.5) 60%,  rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.waves-button, .waves-circle {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-mask-image: -webkit-radial-gradient(circle,  #fff 100%,  #000 100%);
}
.waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input {
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: none;
outline: none;
color: inherit;
background-color: transparent;
font-size: 1em;
line-height: 1em;
text-align: center;
text-decoration: none;
z-index: 1;
}
.waves-button {
padding: 0.85em 1.1em;
border-radius: 0.2em;
}
.waves-button-input {
margin: 0;
padding: 0.85em 1.1em;
}
.waves-input-wrapper {
border-radius: 0.2em;
vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
padding: 0;
}
.waves-input-wrapper .waves-button-input {
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.waves-circle {
text-align: center;
width: 2.5em;
height: 2.5em;
line-height: 2.5em;
border-radius: 50%}
.waves-float {
-webkit-mask-image: none;
-webkit-box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12);
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
.waves-float:active {
-webkit-box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
display: block;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
-webkit-transform: translate3d(0,  -30px,  0);
transform: translate3d(0,  -30px,  0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
-webkit-transform: translate3d(0,  -15px,  0);
transform: translate3d(0,  -15px,  0);
}
90% {
-webkit-transform: translate3d(0,  -4px,  0);
transform: translate3d(0,  -4px,  0);
}
}@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);

-webkit-transform: translate3d(0,  -30px,  0);
transform: translate3d(0,  -30px,  0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
animation-timing-function: cubic-bezier(0.755,  0.05,  0.855,  0.06);
-webkit-transform: translate3d(0,  -15px,  0);
transform: translate3d(0,  -15px,  0);
}
90% {
-webkit-transform: translate3d(0,  -4px,  0);
transform: translate3d(0,  -4px,  0);
}
}.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
50% {
-webkit-transform: scale3d(1.05,  1.05,  1.05);
transform: scale3d(1.05,  1.05,  1.05);
}
to {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}@keyframes pulse {
from {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
50% {
-webkit-transform: scale3d(1.05,  1.05,  1.05);
transform: scale3d(1.05,  1.05,  1.05);
}
to {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
30% {
-webkit-transform: scale3d(1.25,  0.75,  1);
transform: scale3d(1.25,  0.75,  1);
}
40% {
-webkit-transform: scale3d(0.75,  1.25,  1);
transform: scale3d(0.75,  1.25,  1);
}
50% {
-webkit-transform: scale3d(1.15,  0.85,  1);
transform: scale3d(1.15,  0.85,  1);
}
65% {
-webkit-transform: scale3d(0.95,  1.05,  1);
transform: scale3d(0.95,  1.05,  1);
}
75% {
-webkit-transform: scale3d(1.05,  0.95,  1);
transform: scale3d(1.05,  0.95,  1);
}
to {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}@keyframes rubberBand {
from {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
30% {
-webkit-transform: scale3d(1.25,  0.75,  1);
transform: scale3d(1.25,  0.75,  1);
}
40% {
-webkit-transform: scale3d(0.75,  1.25,  1);
transform: scale3d(0.75,  1.25,  1);
}
50% {
-webkit-transform: scale3d(1.15,  0.85,  1);
transform: scale3d(1.15,  0.85,  1);
}
65% {
-webkit-transform: scale3d(0.95,  1.05,  1);
transform: scale3d(0.95,  1.05,  1);
}
75% {
-webkit-transform: scale3d(1.05,  0.95,  1);
transform: scale3d(1.05,  0.95,  1);
}
to {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px,  0,  0);
transform: translate3d(-10px,  0,  0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px,  0,  0);
transform: translate3d(10px,  0,  0);
}
}@keyframes shake {
from, to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px,  0,  0);
transform: translate3d(-10px,  0,  0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px,  0,  0);
transform: translate3d(10px,  0,  0);
}
}.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg);
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg);
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg);
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg);
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0,  0,  1,  15deg);
transform: rotate3d(0,  0,  1,  15deg);
}
40% {
-webkit-transform: rotate3d(0,  0,  1,  -10deg);
transform: rotate3d(0,  0,  1,  -10deg);
}
60% {
-webkit-transform: rotate3d(0,  0,  1,  5deg);
transform: rotate3d(0,  0,  1,  5deg);
}
80% {
-webkit-transform: rotate3d(0,  0,  1,  -5deg);
transform: rotate3d(0,  0,  1,  -5deg);
}
to {
-webkit-transform: rotate3d(0,  0,  1,  0deg);
transform: rotate3d(0,  0,  1,  0deg);
}
}@keyframes swing {
20% {
-webkit-transform: rotate3d(0,  0,  1,  15deg);
transform: rotate3d(0,  0,  1,  15deg);
}
40% {
-webkit-transform: rotate3d(0,  0,  1,  -10deg);
transform: rotate3d(0,  0,  1,  -10deg);
}
60% {
-webkit-transform: rotate3d(0,  0,  1,  5deg);
transform: rotate3d(0,  0,  1,  5deg);
}
80% {
-webkit-transform: rotate3d(0,  0,  1,  -5deg);
transform: rotate3d(0,  0,  1,  -5deg);
}
to {
-webkit-transform: rotate3d(0,  0,  1,  0deg);
transform: rotate3d(0,  0,  1,  0deg);
}
}.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
10%, 20% {
-webkit-transform: scale3d(0.9,  0.9,  0.9) rotate3d(0,  0,  1,  -3deg);
transform: scale3d(0.9,  0.9,  0.9) rotate3d(0,  0,  1,  -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  3deg);
transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  -3deg);
transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  -3deg);
}
to {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}@keyframes tada {
from {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
10%, 20% {
-webkit-transform: scale3d(0.9,  0.9,  0.9) rotate3d(0,  0,  1,  -3deg);
transform: scale3d(0.9,  0.9,  0.9) rotate3d(0,  0,  1,  -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  3deg);
transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  -3deg);
transform: scale3d(1.1,  1.1,  1.1) rotate3d(0,  0,  1,  -3deg);
}
to {
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%,  0,  0) rotate3d(0,  0,  1,  -5deg);
transform: translate3d(-25%,  0,  0) rotate3d(0,  0,  1,  -5deg);
}
30% {
-webkit-transform: translate3d(20%,  0,  0) rotate3d(0,  0,  1,  3deg);
transform: translate3d(20%,  0,  0) rotate3d(0,  0,  1,  3deg);
}
45% {
-webkit-transform: translate3d(-15%,  0,  0) rotate3d(0,  0,  1,  -3deg);
transform: translate3d(-15%,  0,  0) rotate3d(0,  0,  1,  -3deg);
}
60% {
-webkit-transform: translate3d(10%,  0,  0) rotate3d(0,  0,  1,  2deg);
transform: translate3d(10%,  0,  0) rotate3d(0,  0,  1,  2deg);
}
75% {
-webkit-transform: translate3d(-5%,  0,  0) rotate3d(0,  0,  1,  -1deg);
transform: translate3d(-5%,  0,  0) rotate3d(0,  0,  1,  -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%,  0,  0) rotate3d(0,  0,  1,  -5deg);
transform: translate3d(-25%,  0,  0) rotate3d(0,  0,  1,  -5deg);
}
30% {
-webkit-transform: translate3d(20%,  0,  0) rotate3d(0,  0,  1,  3deg);
transform: translate3d(20%,  0,  0) rotate3d(0,  0,  1,  3deg);
}
45% {
-webkit-transform: translate3d(-15%,  0,  0) rotate3d(0,  0,  1,  -3deg);
transform: translate3d(-15%,  0,  0) rotate3d(0,  0,  1,  -3deg);
}
60% {
-webkit-transform: translate3d(10%,  0,  0) rotate3d(0,  0,  1,  2deg);
transform: translate3d(10%,  0,  0) rotate3d(0,  0,  1,  2deg);
}
75% {
-webkit-transform: translate3d(-5%,  0,  0) rotate3d(0,  0,  1,  -1deg);
transform: translate3d(-5%,  0,  0) rotate3d(0,  0,  1,  -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
20% {
-webkit-transform: scale3d(1.1,  1.1,  1.1);
transform: scale3d(1.1,  1.1,  1.1);
}
40% {
-webkit-transform: scale3d(0.9,  0.9,  0.9);
transform: scale3d(0.9,  0.9,  0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03,  1.03,  1.03);
transform: scale3d(1.03,  1.03,  1.03);
}
80% {
-webkit-transform: scale3d(0.97,  0.97,  0.97);
transform: scale3d(0.97,  0.97,  0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
20% {
-webkit-transform: scale3d(1.1,  1.1,  1.1);
transform: scale3d(1.1,  1.1,  1.1);
}
40% {
-webkit-transform: scale3d(0.9,  0.9,  0.9);
transform: scale3d(0.9,  0.9,  0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03,  1.03,  1.03);
transform: scale3d(1.03,  1.03,  1.03);
}
80% {
-webkit-transform: scale3d(0.97,  0.97,  0.97);
transform: scale3d(0.97,  0.97,  0.97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1,  1,  1);
transform: scale3d(1,  1,  1);
}
}.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,  -3000px,  0);
transform: translate3d(0,  -3000px,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,  25px,  0);
transform: translate3d(0,  25px,  0);
}
75% {
-webkit-transform: translate3d(0,  -10px,  0);
transform: translate3d(0,  -10px,  0);
}
90% {
-webkit-transform: translate3d(0,  5px,  0);
transform: translate3d(0,  5px,  0);
}
to {
-webkit-transform: none;
transform: none;
}
}@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0,  -3000px,  0);
transform: translate3d(0,  -3000px,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,  25px,  0);
transform: translate3d(0,  25px,  0);
}
75% {
-webkit-transform: translate3d(0,  -10px,  0);
transform: translate3d(0,  -10px,  0);
}
90% {
-webkit-transform: translate3d(0,  5px,  0);
transform: translate3d(0,  5px,  0);
}
to {
-webkit-transform: none;
transform: none;
}
}.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px,  0,  0);
transform: translate3d(-3000px,  0,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px,  0,  0);
transform: translate3d(25px,  0,  0);
}
75% {
-webkit-transform: translate3d(-10px,  0,  0);
transform: translate3d(-10px,  0,  0);
}
90% {
-webkit-transform: translate3d(5px,  0,  0);
transform: translate3d(5px,  0,  0);
}
to {
-webkit-transform: none;
transform: none;
}
}@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px,  0,  0);
transform: translate3d(-3000px,  0,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px,  0,  0);
transform: translate3d(25px,  0,  0);
}
75% {
-webkit-transform: translate3d(-10px,  0,  0);
transform: translate3d(-10px,  0,  0);
}
90% {
-webkit-transform: translate3d(5px,  0,  0);
transform: translate3d(5px,  0,  0);
}
to {
-webkit-transform: none;
transform: none;
}
}.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px,  0,  0);
transform: translate3d(3000px,  0,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px,  0,  0);
transform: translate3d(-25px,  0,  0);
}
75% {
-webkit-transform: translate3d(10px,  0,  0);
transform: translate3d(10px,  0,  0);
}
90% {
-webkit-transform: translate3d(-5px,  0,  0);
transform: translate3d(-5px,  0,  0);
}
to {
-webkit-transform: none;
transform: none;
}
}@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px,  0,  0);
transform: translate3d(3000px,  0,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px,  0,  0);
transform: translate3d(-25px,  0,  0);
}
75% {
-webkit-transform: translate3d(10px,  0,  0);
transform: translate3d(10px,  0,  0);
}
90% {
-webkit-transform: translate3d(-5px,  0,  0);
transform: translate3d(-5px,  0,  0);
}
to {
-webkit-transform: none;
transform: none;
}
}.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0,  3000px,  0);
transform: translate3d(0,  3000px,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,  -20px,  0);
transform: translate3d(0,  -20px,  0);
}
75% {
-webkit-transform: translate3d(0,  10px,  0);
transform: translate3d(0,  10px,  0);
}
90% {
-webkit-transform: translate3d(0,  -5px,  0);
transform: translate3d(0,  -5px,  0);
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
animation-timing-function: cubic-bezier(0.215,  0.61,  0.355,  1);
}
from {
opacity: 0;
-webkit-transform: translate3d(0,  3000px,  0);
transform: translate3d(0,  3000px,  0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0,  -20px,  0);
transform: translate3d(0,  -20px,  0);
}
75% {
-webkit-transform: translate3d(0,  10px,  0);
transform: translate3d(0,  10px,  0);
}
90% {
-webkit-transform: translate3d(0,  -5px,  0);
transform: translate3d(0,  -5px,  0);
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9,  0.9,  0.9);
transform: scale3d(0.9,  0.9,  0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1,  1.1,  1.1);
transform: scale3d(1.1,  1.1,  1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
}@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9,  0.9,  0.9);
transform: scale3d(0.9,  0.9,  0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1,  1.1,  1.1);
transform: scale3d(1.1,  1.1,  1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
}.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0,  10px,  0);
transform: translate3d(0,  10px,  0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0,  -20px,  0);
transform: translate3d(0,  -20px,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  2000px,  0);
transform: translate3d(0,  2000px,  0);
}
}@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0,  10px,  0);
transform: translate3d(0,  10px,  0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0,  -20px,  0);
transform: translate3d(0,  -20px,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  2000px,  0);
transform: translate3d(0,  2000px,  0);
}
}.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px,  0,  0);
transform: translate3d(20px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,  0,  0);
transform: translate3d(-2000px,  0,  0);
}
}@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px,  0,  0);
transform: translate3d(20px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,  0,  0);
transform: translate3d(-2000px,  0,  0);
}
}.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px,  0,  0);
transform: translate3d(-20px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,  0,  0);
transform: translate3d(2000px,  0,  0);
}
}@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px,  0,  0);
transform: translate3d(-20px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,  0,  0);
transform: translate3d(2000px,  0,  0);
}
}.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0,  -10px,  0);
transform: translate3d(0,  -10px,  0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0,  20px,  0);
transform: translate3d(0,  20px,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  -2000px,  0);
transform: translate3d(0,  -2000px,  0);
}
}@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0,  -10px,  0);
transform: translate3d(0,  -10px,  0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0,  20px,  0);
transform: translate3d(0,  20px,  0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  -2000px,  0);
transform: translate3d(0,  -2000px,  0);
}
}.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0,  -2000px,  0);
transform: translate3d(0,  -2000px,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0,  -2000px,  0);
transform: translate3d(0,  -2000px,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px,  0,  0);
transform: translate3d(-2000px,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px,  0,  0);
transform: translate3d(-2000px,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px,  0,  0);
transform: translate3d(2000px,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px,  0,  0);
transform: translate3d(2000px,  0,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0,  2000px,  0);
transform: translate3d(0,  2000px,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0,  2000px,  0);
transform: translate3d(0,  2000px,  0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
}
}@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
}
}.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  2000px,  0);
transform: translate3d(0,  2000px,  0);
}
}@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  2000px,  0);
transform: translate3d(0,  2000px,  0);
}
}.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
}
}@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
}
}.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,  0,  0);
transform: translate3d(-2000px,  0,  0);
}
}@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px,  0,  0);
transform: translate3d(-2000px,  0,  0);
}
}.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
}
}@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
}
}.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,  0,  0);
transform: translate3d(2000px,  0,  0);
}
}@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px,  0,  0);
transform: translate3d(2000px,  0,  0);
}
}.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
}
}@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
}
}.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  -2000px,  0);
transform: translate3d(0,  -2000px,  0);
}
}@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0,  -2000px,  0);
transform: translate3d(0,  -2000px,  0);
}
}.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -360deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -190deg);
transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -170deg);
transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95,  0.95,  0.95);
transform: perspective(400px) scale3d(0.95,  0.95,  0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -360deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -190deg);
transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -170deg);
transform: perspective(400px) translate3d(0,  0,  150px) rotate3d(0,  1,  0,  -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95,  0.95,  0.95);
transform: perspective(400px) scale3d(0.95,  0.95,  0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  10deg);
transform: perspective(400px) rotate3d(1,  0,  0,  10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  -5deg);
transform: perspective(400px) rotate3d(1,  0,  0,  -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  10deg);
transform: perspective(400px) rotate3d(1,  0,  0,  10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  -5deg);
transform: perspective(400px) rotate3d(1,  0,  0,  -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -20deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  10deg);
transform: perspective(400px) rotate3d(0,  1,  0,  10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -5deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -20deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  10deg);
transform: perspective(400px) rotate3d(0,  1,  0,  10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -5deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
opacity: 0;
}
}@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
transform: perspective(400px) rotate3d(1,  0,  0,  -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
transform: perspective(400px) rotate3d(1,  0,  0,  90deg);
opacity: 0;
}
}.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -15deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
opacity: 0;
}
}@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  -15deg);
transform: perspective(400px) rotate3d(0,  1,  0,  -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
transform: perspective(400px) rotate3d(0,  1,  0,  90deg);
opacity: 0;
}
}.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%,  0,  0) skewX(-30deg);
transform: translate3d(100%,  0,  0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%,  0,  0) skewX(-30deg);
transform: translate3d(100%,  0,  0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%,  0,  0) skewX(30deg);
transform: translate3d(100%,  0,  0) skewX(30deg);
opacity: 0;
}
}@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%,  0,  0) skewX(30deg);
transform: translate3d(100%,  0,  0) skewX(30deg);
opacity: 0;
}
}.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0,  0,  1,  -200deg);
transform: rotate3d(0,  0,  1,  -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0,  0,  1,  -200deg);
transform: rotate3d(0,  0,  1,  -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  -45deg);
transform: rotate3d(0,  0,  1,  -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  -45deg);
transform: rotate3d(0,  0,  1,  -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  45deg);
transform: rotate3d(0,  0,  1,  45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  45deg);
transform: rotate3d(0,  0,  1,  45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  45deg);
transform: rotate3d(0,  0,  1,  45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  45deg);
transform: rotate3d(0,  0,  1,  45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  -90deg);
transform: rotate3d(0,  0,  1,  -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  -90deg);
transform: rotate3d(0,  0,  1,  -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0,  0,  1,  200deg);
transform: rotate3d(0,  0,  1,  200deg);
opacity: 0;
}
}@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0,  0,  1,  200deg);
transform: rotate3d(0,  0,  1,  200deg);
opacity: 0;
}
}.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  45deg);
transform: rotate3d(0,  0,  1,  45deg);
opacity: 0;
}
}@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  45deg);
transform: rotate3d(0,  0,  1,  45deg);
opacity: 0;
}
}.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  -45deg);
transform: rotate3d(0,  0,  1,  -45deg);
opacity: 0;
}
}@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  -45deg);
transform: rotate3d(0,  0,  1,  -45deg);
opacity: 0;
}
}.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  -45deg);
transform: rotate3d(0,  0,  1,  -45deg);
opacity: 0;
}
}@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0,  0,  1,  -45deg);
transform: rotate3d(0,  0,  1,  -45deg);
opacity: 0;
}
}.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  90deg);
transform: rotate3d(0,  0,  1,  90deg);
opacity: 0;
}
}@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0,  0,  1,  90deg);
transform: rotate3d(0,  0,  1,  90deg);
opacity: 0;
}
}.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0,  0,  1,  80deg);
transform: rotate3d(0,  0,  1,  80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0,  0,  1,  60deg);
transform: rotate3d(0,  0,  1,  60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0,  700px,  0);
transform: translate3d(0,  700px,  0);
opacity: 0;
}
}@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0,  0,  1,  80deg);
transform: rotate3d(0,  0,  1,  80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0,  0,  1,  60deg);
transform: rotate3d(0,  0,  1,  60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0,  700px,  0);
transform: translate3d(0,  700px,  0);
opacity: 0;
}
}.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,  0,  0) rotate3d(0,  0,  1,  -120deg);
transform: translate3d(-100%,  0,  0) rotate3d(0,  0,  1,  -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%,  0,  0) rotate3d(0,  0,  1,  -120deg);
transform: translate3d(-100%,  0,  0) rotate3d(0,  0,  1,  -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
@-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,  0,  0) rotate3d(0,  0,  1,  120deg);
transform: translate3d(100%,  0,  0) rotate3d(0,  0,  1,  120deg);
}
}@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%,  0,  0) rotate3d(0,  0,  1,  120deg);
transform: translate3d(100%,  0,  0) rotate3d(0,  0,  1,  120deg);
}
}.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
50% {
opacity: 1;
}
}@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
50% {
opacity: 1;
}
}.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -1000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -1000px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -1000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -1000px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(-1000px,  0,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(-1000px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(10px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(10px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(-1000px,  0,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(-1000px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(10px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(10px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(1000px,  0,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(1000px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(-10px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(-10px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(1000px,  0,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(1000px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(-10px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(-10px,  0,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  1000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  1000px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  1000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  1000px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
to {
opacity: 0;
}
}@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3,  0.3,  0.3);
transform: scale3d(0.3,  0.3,  0.3);
}
to {
opacity: 0;
}
}.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  2000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  2000px,  0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  -60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  2000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  2000px,  0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(42px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(42px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px,  0,  0);
transform: scale(0.1) translate3d(-2000px,  0,  0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(42px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(42px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px,  0,  0);
transform: scale(0.1) translate3d(-2000px,  0,  0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(-42px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(-42px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px,  0,  0);
transform: scale(0.1) translate3d(2000px,  0,  0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(-42px,  0,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(-42px,  0,  0);
}
to {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px,  0,  0);
transform: scale(0.1) translate3d(2000px,  0,  0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -2000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -2000px,  0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
transform: scale3d(0.475,  0.475,  0.475) translate3d(0,  60px,  0);
-webkit-animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
animation-timing-function: cubic-bezier(0.55,  0.055,  0.675,  0.19);
}
to {
opacity: 0;
-webkit-transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -2000px,  0);
transform: scale3d(0.1,  0.1,  0.1) translate3d(0,  -2000px,  0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
animation-timing-function: cubic-bezier(0.175,  0.885,  0.32,  1);
}
}.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}@keyframes slideInDown {
from {
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}@keyframes slideInUp {
from {
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
}.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
}
}@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,  100%,  0);
transform: translate3d(0,  100%,  0);
}
}.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
}
}@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%,  0,  0);
transform: translate3d(-100%,  0,  0);
}
}.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
}
}@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%,  0,  0);
transform: translate3d(100%,  0,  0);
}
}.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
}
}@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0,  -100%,  0);
transform: translate3d(0,  -100%,  0);
}
}.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
.n-top {
z-index: 7 !important;
}
.navbar {
font-family: "Roboto", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: none;
border: none;
position: fixed;
top: 0;
left: 0;
z-index: 12;
width: 100%;
padding: 0;
background-color: transparent;
}
.navbar .navbar-brand {
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.navbar .navbar-custom-right-menu {
float: right;
}
.navbar .navbar-toggle {
text-decoration: none;
color: #fff;
width: 20px;
height: 20px;
margin-top: -4px;
margin-right: 17px;
}
.navbar .navbar-toggle:before {
content: '\E8D5';
font-family: 'Material Icons';
font-size: 26px;
}
.navbar .navbar-collapse.in {
overflow: visible;
}
.ls-closed .sidebar {
margin-left: -300px;
background: #3d4c5a;
}
.ls-closed .sidebar .info-container .name {
color: #444 !important;
}
.ls-closed section.content {
margin-left: 15px;
}
.ls-closed .bars:after, .ls-closed .bars:before {
font-family: 'FontAwesome';
font-size: 24px;
position: absolute;
top: 16px;
left: 20px;
margin-right: 10px;
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ls-closed .bars:before {
content: '\f0c9';
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
font-family: 'FontAwesome';
}
.ls-closed .bars:after {
content: '\f0c9';
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
font-family: 'FontAwesome';
}
.ls-closed .navbar-brand {
margin-left: 30px;
}
.overlay-open .bars:before {
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
.overlay-open .bars:after {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.navbar-header {
padding: 0;
}
.navbar-header .bars {
float: left;
text-decoration: none;
}
.navbar-nav {
margin-right: 0;
}
.navbar-nav>li>a {
padding: 7px 7px 5px 7px;
margin-top: 10px;
margin-left: 5px;
}
.navbar-nav .dropdown-menu {
margin-top: -40px !important;
}
.label-count {
position: absolute;
top: -3px;
right: -2px;
font-size: 10px;
line-height: 15px;
background-color: #000;
padding: 0 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus {
color: #fff;
}
.col-red .navbar .nav>li>a:hover, .col-red .navbar .nav>li>a:focus, .col-red .navbar .nav .open>a, .col-red .navbar .nav .open>a:hover, .col-red .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-red .navbar .nav>li>a {
color: #fff;
}
.col-red .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-red .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus {
color: #fff;
}
.col-pink .navbar .nav>li>a:hover, .col-pink .navbar .nav>li>a:focus, .col-pink .navbar .nav .open>a, .col-pink .navbar .nav .open>a:hover, .col-pink .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-pink .navbar .nav>li>a {
color: #fff;
}
.col-pink .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-pink .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus {
color: #fff;
}
.col-purple .navbar .nav>li>a:hover, .col-purple .navbar .nav>li>a:focus, .col-purple .navbar .nav .open>a, .col-purple .navbar .nav .open>a:hover, .col-purple .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-purple .navbar .nav>li>a {
color: #fff;
}
.col-purple .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-purple .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-deep-purple .navbar .navbar-brand, .col-deep-purple .navbar .navbar-brand:hover, .col-deep-purple .navbar .navbar-brand:active, .col-deep-purple .navbar .navbar-brand:focus {
color: #fff;
}
.col-deep-purple .navbar .nav>li>a:hover, .col-deep-purple .navbar .nav>li>a:focus, .col-deep-purple .navbar .nav .open>a, .col-deep-purple .navbar .nav .open>a:hover, .col-deep-purple .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-deep-purple .navbar .nav>li>a {
color: #fff;
}
.col-deep-purple .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-deep-purple .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus {
color: #fff;
}
.col-blue .navbar .nav>li>a:hover, .col-blue .navbar .nav>li>a:focus, .col-blue .navbar .nav .open>a, .col-blue .navbar .nav .open>a:hover, .col-blue .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-blue .navbar .nav>li>a {
color: #fff;
}
.col-blue .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-blue .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus {
color: #fff;
}
.col-cyan .navbar .nav>li>a:hover, .col-cyan .navbar .nav>li>a:focus, .col-cyan .navbar .nav .open>a, .col-cyan .navbar .nav .open>a:hover, .col-cyan .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-cyan .navbar .nav>li>a {
color: #fff;
}
.col-cyan .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-cyan .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus {
color: #fff;
}
.col-green .navbar .nav>li>a:hover, .col-green .navbar .nav>li>a:focus, .col-green .navbar .nav .open>a, .col-green .navbar .nav .open>a:hover, .col-green .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-green .navbar .nav>li>a {
color: #fff;
}
.col-green .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-green .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-light-green .navbar .navbar-brand, .col-light-green .navbar .navbar-brand:hover, .col-light-green .navbar .navbar-brand:active, .col-light-green .navbar .navbar-brand:focus {
color: #fff;
}
.col-light-green .navbar .nav>li>a:hover, .col-light-green .navbar .nav>li>a:focus, .col-light-green .navbar .nav .open>a, .col-light-green .navbar .nav .open>a:hover, .col-light-green .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-light-green .navbar .nav>li>a {
color: #fff;
}
.col-light-green .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-light-green .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus {
color: #fff;
}
.col-yellow .navbar .nav>li>a:hover, .col-yellow .navbar .nav>li>a:focus, .col-yellow .navbar .nav .open>a, .col-yellow .navbar .nav .open>a:hover, .col-yellow .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-yellow .navbar .nav>li>a {
color: #fff;
}
.col-yellow .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-yellow .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus {
color: #fff;
}
.col-orange .navbar .nav>li>a:hover, .col-orange .navbar .nav>li>a:focus, .col-orange .navbar .nav .open>a, .col-orange .navbar .nav .open>a:hover, .col-orange .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-orange .navbar .nav>li>a {
color: #fff;
}
.col-orange .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-orange .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-deep-orange .navbar .navbar-brand, .col-deep-orange .navbar .navbar-brand:hover, .col-deep-orange .navbar .navbar-brand:active, .col-deep-orange .navbar .navbar-brand:focus {
color: #fff;
}
.col-deep-orange .navbar .nav>li>a:hover, .col-deep-orange .navbar .nav>li>a:focus, .col-deep-orange .navbar .nav .open>a, .col-deep-orange .navbar .nav .open>a:hover, .col-deep-orange .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-deep-orange .navbar .nav>li>a {
color: #fff;
}
.col-deep-orange .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-deep-orange .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-grey .navbar .navbar-brand, .col-grey .navbar .navbar-brand:hover, .col-grey .navbar .navbar-brand:active, .col-grey .navbar .navbar-brand:focus {
color: #fff;
}
.col-grey .navbar .nav>li>a:hover, .col-grey .navbar .nav>li>a:focus, .col-grey .navbar .nav .open>a, .col-grey .navbar .nav .open>a:hover, .col-grey .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-grey .navbar .nav>li>a {
color: #fff;
}
.col-grey .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-grey .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-blue-grey .navbar .navbar-brand, .col-blue-grey .navbar .navbar-brand:hover, .col-blue-grey .navbar .navbar-brand:active, .col-blue-grey .navbar .navbar-brand:focus {
color: #fff;
}
.col-blue-grey .navbar .nav>li>a:hover, .col-blue-grey .navbar .nav>li>a:focus, .col-blue-grey .navbar .nav .open>a, .col-blue-grey .navbar .nav .open>a:hover, .col-blue-grey .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-blue-grey .navbar .nav>li>a {
color: #fff;
}
.col-blue-grey .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-blue-grey .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus {
color: #fff;
}
.col-indigo .navbar .nav>li>a:hover, .col-indigo .navbar .nav>li>a:focus, .col-indigo .navbar .nav .open>a, .col-indigo .navbar .nav .open>a:hover, .col-indigo .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-indigo .navbar .nav>li>a {
color: #fff;
}
.col-indigo .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-indigo .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-light-blue .navbar .navbar-brand, .col-light-blue .navbar .navbar-brand:hover, .col-light-blue .navbar .navbar-brand:active, .col-light-blue .navbar .navbar-brand:focus {
color: #fff;
}
.col-light-blue .navbar .nav>li>a:hover, .col-light-blue .navbar .nav>li>a:focus, .col-light-blue .navbar .nav .open>a, .col-light-blue .navbar .nav .open>a:hover, .col-light-blue .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-light-blue .navbar .nav>li>a {
color: #fff;
}
.col-light-blue .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-light-blue .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus {
color: #fff;
}
.col-teal .navbar .nav>li>a:hover, .col-teal .navbar .nav>li>a:focus, .col-teal .navbar .nav .open>a, .col-teal .navbar .nav .open>a:hover, .col-teal .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-teal .navbar .nav>li>a {
color: #fff;
}
.col-teal .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-teal .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-lime .navbar .navbar-brand, .col-lime .navbar .navbar-brand:hover, .col-lime .navbar .navbar-brand:active, .col-lime .navbar .navbar-brand:focus {
color: #fff;
}
.col-lime .navbar .nav>li>a:hover, .col-lime .navbar .nav>li>a:focus, .col-lime .navbar .nav .open>a, .col-lime .navbar .nav .open>a:hover, .col-lime .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-lime .navbar .nav>li>a {
color: #fff;
}
.col-lime .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-lime .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-amber .navbar .navbar-brand, .col-amber .navbar .navbar-brand:hover, .col-amber .navbar .navbar-brand:active, .col-amber .navbar .navbar-brand:focus {
color: #fff;
}
.col-amber .navbar .nav>li>a:hover, .col-amber .navbar .nav>li>a:focus, .col-amber .navbar .nav .open>a, .col-amber .navbar .nav .open>a:hover, .col-amber .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-amber .navbar .nav>li>a {
color: #fff;
}
.col-amber .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-amber .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-brown .navbar .navbar-brand, .col-brown .navbar .navbar-brand:hover, .col-brown .navbar .navbar-brand:active, .col-brown .navbar .navbar-brand:focus {
color: #fff;
}
.col-brown .navbar .nav>li>a:hover, .col-brown .navbar .nav>li>a:focus, .col-brown .navbar .nav .open>a, .col-brown .navbar .nav .open>a:hover, .col-brown .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-brown .navbar .nav>li>a {
color: #fff;
}
.col-brown .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-brown .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-blush .navbar .navbar-brand, .col-blush .navbar .navbar-brand:hover, .col-blush .navbar .navbar-brand:active, .col-blush .navbar .navbar-brand:focus {
color: #fff;
}
.col-blush .navbar .nav>li>a:hover, .col-blush .navbar .nav>li>a:focus, .col-blush .navbar .nav .open>a, .col-blush .navbar .nav .open>a:hover, .col-blush .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-blush .navbar .nav>li>a {
color: #fff;
}
.col-blush .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-blush .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:hover, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus {
color: #fff;
}
.col-black .navbar .nav>li>a:hover, .col-black .navbar .nav>li>a:focus, .col-black .navbar .nav .open>a, .col-black .navbar .nav .open>a:hover, .col-black .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-black .navbar .nav>li>a {
color: #fff;
}
.col-black .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-black .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus {
color: #fff;
}
.col-white .navbar .nav>li>a:hover, .col-white .navbar .nav>li>a:focus, .col-white .navbar .nav .open>a, .col-white .navbar .nav .open>a:hover, .col-white .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-white .navbar .nav>li>a {
color: #fff;
}
.col-white .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-white .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.color-bg {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 239px;
padding: 0;
}
@media only screen and (max-width: 500px) {
.overlay-open .sidebar .user-info {
height: 80px;
}
.overlay-open .sidebar .user-info .quick-stats {
display: none;
}
.overlay-open .sidebar .legal {
padding: 5px 15px;
}
}.page-loader-wrapper {
z-index: 99999999;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: #eee;
overflow: hidden;
text-align: center;
}
.page-loader-wrapper p {
font-size: 13px;
margin-top: 10px;
font-weight: bold;
color: #444;
}
.page-loader-wrapper .loader {
position: relative;
top: calc(50% - 30px);
}
.n-top {
z-index: 7 !important;
}
.navbar {
font-family: "Roboto", sans-serif;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: none;
border: none;
position: fixed;
top: 0;
left: 0;
z-index: 12;
width: 100%;
padding: 0;
background-color: transparent;
}
.navbar .navbar-brand {
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.navbar .navbar-custom-right-menu {
float: right;
}
.navbar .navbar-toggle {
text-decoration: none;
color: #fff;
width: 20px;
height: 20px;
margin-top: -4px;
margin-right: 17px;
}
.navbar .navbar-toggle:before {
content: '\E8D5';
font-family: 'Material Icons';
font-size: 26px;
}
.navbar .navbar-collapse.in {
overflow: visible;
}
.ls-closed .sidebar {
margin-left: -300px;
background: #333;color:#fff;
}
.ls-closed .sidebar .info-container .name {
color: #444 !important;
}
.ls-closed section.content {
margin-left: 15px;
}
.ls-closed .bars:after, .ls-closed .bars:before {
font-family: 'FontAwesome';
font-size: 24px;
position: absolute;
top: 16px;
left: 20px;
margin-right: 10px;
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.ls-closed .bars:before {
content: '\f0c9';
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
font-family: 'FontAwesome';
}
.ls-closed .bars:after {
content: '\f00d';
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
font-family: 'FontAwesome';
}
.ls-closed .navbar-brand {
margin-left: 30px;
}
.overlay-open .bars:before {
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
}
.overlay-open .bars:after {
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.navbar-header {
padding: 0;
}
.navbar-header .bars {
float: left;
text-decoration: none;
}
.navbar-nav {
margin-right: 0;
}
.navbar-nav>li>a {
padding: 7px 7px 5px 7px;
margin-top: 10px;
margin-left: 5px;
}
.navbar-nav .dropdown-menu {
margin-top: -40px !important;
}
.label-count {
position: absolute;
top: -3px;
right: -2px;
font-size: 10px;
line-height: 15px;
background-color: #000;
padding: 0 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus {
color: #fff;
}
.col-red .navbar .nav>li>a:hover, .col-red .navbar .nav>li>a:focus, .col-red .navbar .nav .open>a, .col-red .navbar .nav .open>a:hover, .col-red .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-red .navbar .nav>li>a {
color: #fff;
}
.col-red .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-red .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus {
color: #fff;
}
.col-pink .navbar .nav>li>a:hover, .col-pink .navbar .nav>li>a:focus, .col-pink .navbar .nav .open>a, .col-pink .navbar .nav .open>a:hover, .col-pink .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-pink .navbar .nav>li>a {
color: #fff;
}
.col-pink .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-pink .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus {
color: #fff;
}
.col-purple .navbar .nav>li>a:hover, .col-purple .navbar .nav>li>a:focus, .col-purple .navbar .nav .open>a, .col-purple .navbar .nav .open>a:hover, .col-purple .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-purple .navbar .nav>li>a {
color: #fff;
}
.col-purple .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-purple .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-deep-purple .navbar .navbar-brand, .col-deep-purple .navbar .navbar-brand:hover, .col-deep-purple .navbar .navbar-brand:active, .col-deep-purple .navbar .navbar-brand:focus {
color: #fff;
}
.col-deep-purple .navbar .nav>li>a:hover, .col-deep-purple .navbar .nav>li>a:focus, .col-deep-purple .navbar .nav .open>a, .col-deep-purple .navbar .nav .open>a:hover, .col-deep-purple .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-deep-purple .navbar .nav>li>a {
color: #fff;
}
.col-deep-purple .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-deep-purple .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus {
color: #fff;
}
.col-blue .navbar .nav>li>a:hover, .col-blue .navbar .nav>li>a:focus, .col-blue .navbar .nav .open>a, .col-blue .navbar .nav .open>a:hover, .col-blue .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-blue .navbar .nav>li>a {
color: #fff;
}
.col-blue .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-blue .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus {
color: #fff;
}
.col-cyan .navbar .nav>li>a:hover, .col-cyan .navbar .nav>li>a:focus, .col-cyan .navbar .nav .open>a, .col-cyan .navbar .nav .open>a:hover, .col-cyan .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-cyan .navbar .nav>li>a {
color: #fff;
}
.col-cyan .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-cyan .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus {
color: #fff;
}
.col-green .navbar .nav>li>a:hover, .col-green .navbar .nav>li>a:focus, .col-green .navbar .nav .open>a, .col-green .navbar .nav .open>a:hover, .col-green .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-green .navbar .nav>li>a {
color: #fff;
}
.col-green .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-green .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-light-green .navbar .navbar-brand, .col-light-green .navbar .navbar-brand:hover, .col-light-green .navbar .navbar-brand:active, .col-light-green .navbar .navbar-brand:focus {
color: #fff;
}
.col-light-green .navbar .nav>li>a:hover, .col-light-green .navbar .nav>li>a:focus, .col-light-green .navbar .nav .open>a, .col-light-green .navbar .nav .open>a:hover, .col-light-green .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-light-green .navbar .nav>li>a {
color: #fff;
}
.col-light-green .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-light-green .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus {
color: #fff;
}
.col-yellow .navbar .nav>li>a:hover, .col-yellow .navbar .nav>li>a:focus, .col-yellow .navbar .nav .open>a, .col-yellow .navbar .nav .open>a:hover, .col-yellow .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-yellow .navbar .nav>li>a {
color: #fff;
}
.col-yellow .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-yellow .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus {
color: #fff;
}
.col-orange .navbar .nav>li>a:hover, .col-orange .navbar .nav>li>a:focus, .col-orange .navbar .nav .open>a, .col-orange .navbar .nav .open>a:hover, .col-orange .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-orange .navbar .nav>li>a {
color: #fff;
}
.col-orange .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-orange .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-deep-orange .navbar .navbar-brand, .col-deep-orange .navbar .navbar-brand:hover, .col-deep-orange .navbar .navbar-brand:active, .col-deep-orange .navbar .navbar-brand:focus {
color: #fff;
}
.col-deep-orange .navbar .nav>li>a:hover, .col-deep-orange .navbar .nav>li>a:focus, .col-deep-orange .navbar .nav .open>a, .col-deep-orange .navbar .nav .open>a:hover, .col-deep-orange .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-deep-orange .navbar .nav>li>a {
color: #fff;
}
.col-deep-orange .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-deep-orange .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-grey .navbar .navbar-brand, .col-grey .navbar .navbar-brand:hover, .col-grey .navbar .navbar-brand:active, .col-grey .navbar .navbar-brand:focus {
color: #fff;
}
.col-grey .navbar .nav>li>a:hover, .col-grey .navbar .nav>li>a:focus, .col-grey .navbar .nav .open>a, .col-grey .navbar .nav .open>a:hover, .col-grey .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-grey .navbar .nav>li>a {
color: #fff;
}
.col-grey .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-grey .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-blue-grey .navbar .navbar-brand, .col-blue-grey .navbar .navbar-brand:hover, .col-blue-grey .navbar .navbar-brand:active, .col-blue-grey .navbar .navbar-brand:focus {
color: #fff;
}
.col-blue-grey .navbar .nav>li>a:hover, .col-blue-grey .navbar .nav>li>a:focus, .col-blue-grey .navbar .nav .open>a, .col-blue-grey .navbar .nav .open>a:hover, .col-blue-grey .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-blue-grey .navbar .nav>li>a {
color: #fff;
}
.col-blue-grey .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-blue-grey .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus {
color: #fff;
}
.col-indigo .navbar .nav>li>a:hover, .col-indigo .navbar .nav>li>a:focus, .col-indigo .navbar .nav .open>a, .col-indigo .navbar .nav .open>a:hover, .col-indigo .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-indigo .navbar .nav>li>a {
color: #fff;
}
.col-indigo .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-indigo .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-light-blue .navbar .navbar-brand, .col-light-blue .navbar .navbar-brand:hover, .col-light-blue .navbar .navbar-brand:active, .col-light-blue .navbar .navbar-brand:focus {
color: #fff;
}
.col-light-blue .navbar .nav>li>a:hover, .col-light-blue .navbar .nav>li>a:focus, .col-light-blue .navbar .nav .open>a, .col-light-blue .navbar .nav .open>a:hover, .col-light-blue .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-light-blue .navbar .nav>li>a {
color: #fff;
}
.col-light-blue .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-light-blue .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus {
color: #fff;
}
.col-teal .navbar .nav>li>a:hover, .col-teal .navbar .nav>li>a:focus, .col-teal .navbar .nav .open>a, .col-teal .navbar .nav .open>a:hover, .col-teal .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-teal .navbar .nav>li>a {
color: #fff;
}
.col-teal .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-teal .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-lime .navbar .navbar-brand, .col-lime .navbar .navbar-brand:hover, .col-lime .navbar .navbar-brand:active, .col-lime .navbar .navbar-brand:focus {
color: #fff;
}
.col-lime .navbar .nav>li>a:hover, .col-lime .navbar .nav>li>a:focus, .col-lime .navbar .nav .open>a, .col-lime .navbar .nav .open>a:hover, .col-lime .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-lime .navbar .nav>li>a {
color: #fff;
}
.col-lime .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-lime .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-amber .navbar .navbar-brand, .col-amber .navbar .navbar-brand:hover, .col-amber .navbar .navbar-brand:active, .col-amber .navbar .navbar-brand:focus {
color: #fff;
}
.col-amber .navbar .nav>li>a:hover, .col-amber .navbar .nav>li>a:focus, .col-amber .navbar .nav .open>a, .col-amber .navbar .nav .open>a:hover, .col-amber .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-amber .navbar .nav>li>a {
color: #fff;
}
.col-amber .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-amber .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-brown .navbar .navbar-brand, .col-brown .navbar .navbar-brand:hover, .col-brown .navbar .navbar-brand:active, .col-brown .navbar .navbar-brand:focus {
color: #fff;
}
.col-brown .navbar .nav>li>a:hover, .col-brown .navbar .nav>li>a:focus, .col-brown .navbar .nav .open>a, .col-brown .navbar .nav .open>a:hover, .col-brown .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-brown .navbar .nav>li>a {
color: #fff;
}
.col-brown .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-brown .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-blush .navbar .navbar-brand, .col-blush .navbar .navbar-brand:hover, .col-blush .navbar .navbar-brand:active, .col-blush .navbar .navbar-brand:focus {
color: #fff;
}
.col-blush .navbar .nav>li>a:hover, .col-blush .navbar .nav>li>a:focus, .col-blush .navbar .nav .open>a, .col-blush .navbar .nav .open>a:hover, .col-blush .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-blush .navbar .nav>li>a {
color: #fff;
}
.col-blush .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-blush .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:hover, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus {
color: #fff;
}
.col-black .navbar .nav>li>a:hover, .col-black .navbar .nav>li>a:focus, .col-black .navbar .nav .open>a, .col-black .navbar .nav .open>a:hover, .col-black .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-black .navbar .nav>li>a {
color: #fff;
}
.col-black .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-black .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus {
color: #fff;
}
.col-white .navbar .nav>li>a:hover, .col-white .navbar .nav>li>a:focus, .col-white .navbar .nav .open>a, .col-white .navbar .nav .open>a:hover, .col-white .navbar .nav .open>a:focus {
background-color: rgba(0, 0, 0, 0.05);
}
.col-white .navbar .nav>li>a {
color: #fff;
}
.col-white .navbar .bars {
float: left;
padding: 10px 20px;
font-size: 22px;
color: #fff;
margin-right: 10px;
margin-left: -10px;
margin-top: 4px;
}
.col-white .navbar .bars:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.color-bg {
position: fixed;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 239px;
padding: 0;
}

@media only screen and (max-width: 500px)
{

.overlay-open .sidebar .user-info {
height: 80px;
}
.overlay-open .sidebar .user-info .quick-stats {
display: none;
}
.overlay-open .sidebar .legal {
padding: 5px 15px;
}
}
.overlay {
position: fixed;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
z-index: 10;
}
.overlay-open .sidebar {
margin-left: 0;
}
.overlay-open .sidebar .admin-action-info span {
color: #999 !important;
}
.overlay-open .sidebar .admin-action-info h3 {
color: #ccc !important;
}
.overlay-open .sidebar .admin-action-info ul li a {
color: #999 !important;
}
.overlay-open .sidebar .quick-stats h5 {
color: #666 !important;
}


.sidebar{-moz-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;transition:all 0.5s;background:transparent;width:255px;overflow: hidden;height:calc(100vh - 55px);position:fixed;top:55px;left:0;z-index:11 !important;}
.sidebar .legal{position: absolute;bottom: 0;width: 100%;border-top: 1px solid #eee;padding: 15px;overflow: hidden;background: #edf1f5;}
.sidebar .legal .copyright{font-size: 13px;white-space: nowrap;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;}
.sidebar .legal .copyright a{font-weight: bold;text-decoration: none;}
.sidebar .legal .version{white-space: nowrap;-ms-text-overflow: ellipsis;-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;margin-top: 5px;font-size: 13px;}
.sidebar .user-info{padding:15px;position:relative;height:80px;background:#036199;}
.sidebar .user-info .admin-action-info{color:#fff;}
.sidebar .user-info .admin-action-info h3{color:#fff;float:left;font-size:17px;font-weight:bold;line-height:22px;margin:20px 0 0 0;width:100%}
.sidebar .user-info .quick-stats{float: left;text-align: left;width: 100%}
.sidebar .user-info .quick-stats>h5{color: #fff;float: left;font-size: 12px;font-weight: normal;letter-spacing: 0.3px;line-height: 22px;margin: 5px 0;width: 100%;text-transform: uppercase;}
.sidebar .user-info .quick-stats>ul{list-style: outside none none;margin: 0;padding: 0;}
.sidebar .user-info .quick-stats>ul>li{float: left;padding: 0 1px;width: 33.333%}
.sidebar .user-info .quick-stats>ul>li>span{background:#fff none repeat scroll 0 0;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;color:#555;float:left;font-size:15px;padding:5px 0;text-align:center;width:100%;font-weight:700;}
.sidebar .user-info .quick-stats>ul>li>span i{color: #777;float: left;font-size: 12px;font-style: normal;letter-spacing: 0.3px;line-height: 14px;width: 100%;font-weight: 100;}
.sidebar .menu{position: relative;overflow-y: auto;height: 90vh;background: #036199;}
.sidebar .menu .list{list-style: none;padding-left: 0;}
.sidebar .menu .list li.active>:first-child span{font-weight: bold;}
.sidebar .menu .list .header{background:#000;font-size:14px;font-weight:700;padding:8px 16px;color: #fff;}
.sidebar .menu .list i.material-icons{margin-top: 4px;}
.sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before{position: absolute;top: calc(50% - 14px);right: 17px;font-size: 19px;-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);-moz-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;color: #fff;}
.sidebar .menu .list .menu-toggle:before{content:'+';-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.sidebar .menu .list .menu-toggle:after{content:'\2013';-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);}
.sidebar .menu .list .menu-toggle.toggled:before{-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);}
.sidebar .menu .list .menu-toggle.toggled:after{-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);}
.sidebar .menu .list a{color: #fff;position: relative;display: inline-flex;vertical-align: middle;width: 100%;padding: 6px 13px;font-weight: 400;}
.sidebar .menu .list a:hover, .sidebar .menu .list a:active, .sidebar .menu .list a:focus{text-decoration: none !important;}
.sidebar .menu .list a small {position: absolute;top: calc(50% - 7.5px);right: 15px;}
.sidebar .menu .list a span {margin: 7px 0 7px 12px;color: #fff;font-weight: 400;font-size: 14px;overflow: hidden;}
.sidebar .menu .list a i {line-height: 32px;}
.sidebar .menu .list .ml-menu {list-style: none;display: none;padding-left: 0;}
.sidebar .menu .list .ml-menu span {font-weight: normal;font-size: 15px;margin: 3px 0 1px 6px;}
.sidebar .menu .list .ml-menu li a{padding-left:42px;padding-top:7px;padding-bottom:7px;}
.sidebar .menu .list .ml-menu li a:hover{color:#4cbcff;}
.sidebar .menu .list .ml-menu li a:before{content:'\f105';position:absolute;left:18px;font-size:16px;font-family:'FontAwesome';color:#fff;}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle){font-weight: 500;margin-left: 5px;}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before{content: '\f105';font-family: 'FontAwesome';position: relative;font-size: 21px;height: 20px;top: -5px;right: 0px;}
.sidebar .menu .list .ml-menu li .ml-menu li a{padding-left: 80px;}
.sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a{padding-left: 95px;}
.sidebar .active.open .active a{color: #fff;margin: 0 !important;}
.sidebar .active.open .active a:before{display: none;}
.sidebar .active.open .active a:after{content: '\f105';position: absolute;top: 7px;left: 17px;font-family: 'FontAwesome';font-size: 16px;}

.right-sidebar{
width: 280px;
height: calc(100vh - 55px);
position: fixed;
right: -300px;
top: 55px;
background: #fdfdfd;
z-index: 11 !important;
-webkit-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
-ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1);
overflow: hidden;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.right-sidebar.open {
right: 0;
}
.right-sidebar .nav-tabs {
font-weight: 600;
font-size: 13px;
width: 100%;
margin-left: 2px;
}
.right-sidebar .nav-tabs li {
text-align: center;
}
.right-sidebar .nav-tabs li>a {
margin-right: 0;
}
.right-sidebar .nav-tabs li:first-child {
width: 45%}
.right-sidebar .nav-tabs li:last-child {
width: 55%}
.m-l--125 {
margin-left: -125px;
}
.m-t--125 {
margin-top: -125px;
}
.m-r--125 {
margin-right: -125px;
}
.m-b--125 {
margin-bottom: -125px;
}
.m-l--120 {
margin-left: -120px;
}
.m-t--120 {
margin-top: -120px;
}
.m-r--120 {
margin-right: -120px;
}
.m-b--120 {
margin-bottom: -120px;
}
.m-l--115 {
margin-left: -115px;
}
.m-t--115 {
margin-top: -115px;
}
.m-r--115 {
margin-right: -115px;
}
.m-b--115 {
margin-bottom: -115px;
}
.m-l--110 {
margin-left: -110px;
}
.m-t--110 {
margin-top: -110px;
}
.m-r--110 {
margin-right: -110px;
}
.m-b--110 {
margin-bottom: -110px;
}
.m-l--105 {
margin-left: -105px;
}
.m-t--105 {
margin-top: -105px;
}
.m-r--105 {
margin-right: -105px;
}
.m-b--105 {
margin-bottom: -105px;
}
.m-l--100 {
margin-left: -100px;
}
.m-t--100 {
margin-top: -100px;
}
.m-r--100 {
margin-right: -100px;
}
.m-b--100 {
margin-bottom: -100px;
}
.m-l--95 {
margin-left: -95px;
}
.m-t--95 {
margin-top: -95px;
}
.m-r--95 {
margin-right: -95px;
}
.m-b--95 {
margin-bottom: -95px;
}
.m-l--90 {
margin-left: -90px;
}
.m-t--90 {
margin-top: -90px;
}
.m-r--90 {
margin-right: -90px;
}
.m-b--90 {
margin-bottom: -90px;
}
.m-l--85 {
margin-left: -85px;
}
.m-t--85 {
margin-top: -85px;
}
.m-r--85 {
margin-right: -85px;
}
.m-b--85 {
margin-bottom: -85px;
}
.m-l--80 {
margin-left: -80px;
}
.m-t--80 {
margin-top: -80px;
}
.m-r--80 {
margin-right: -80px;
}
.m-b--80 {
margin-bottom: -80px;
}
.m-l--75 {
margin-left: -75px;
}
.m-t--75 {
margin-top: -75px;
}
.m-r--75 {
margin-right: -75px;
}
.m-b--75 {
margin-bottom: -75px;
}
.m-l--70 {
margin-left: -70px;
}
.m-t--70 {
margin-top: -70px;
}
.m-r--70 {
margin-right: -70px;
}
.m-b--70 {
margin-bottom: -70px;
}
.m-l--65 {
margin-left: -65px;
}
.m-t--65 {
margin-top: -65px;
}
.m-r--65 {
margin-right: -65px;
}
.m-b--65 {
margin-bottom: -65px;
}
.m-l--60 {
margin-left: -60px;
}
.m-t--60 {
margin-top: -60px;
}
.m-r--60 {
margin-right: -60px;
}
.m-b--60 {
margin-bottom: -60px;
}
.m-l--55 {
margin-left: -55px;
}
.m-t--55 {
margin-top: -55px;
}
.m-r--55 {
margin-right: -55px;
}
.m-b--55 {
margin-bottom: -55px;
}
.m-l--50 {
margin-left: -50px;
}
.m-t--50 {
margin-top: -50px;
}
.m-r--50 {
margin-right: -50px;
}
.m-b--50 {
margin-bottom: -50px;
}
.m-l--45 {
margin-left: -45px;
}
.m-t--45 {
margin-top: -45px;
}
.m-r--45 {
margin-right: -45px;
}
.m-b--45 {
margin-bottom: -45px;
}
.m-l--40 {
margin-left: -40px;
}
.m-t--40 {
margin-top: -40px;
}
.m-r--40 {
margin-right: -40px;
}
.m-b--40 {
margin-bottom: -40px;
}
.m-l--35 {
margin-left: -35px;
}
.m-t--35 {
margin-top: -35px;
}
.m-r--35 {
margin-right: -35px;
}
.m-b--35 {
margin-bottom: -35px;
}
.m-l--30 {
margin-left: -30px;
}
.m-t--30 {
margin-top: -30px;
}
.m-r--30 {
margin-right: -30px;
}
.m-b--30 {
margin-bottom: -30px;
}
.m-l--25 {
margin-left: -25px;
}
.m-t--25 {
margin-top: -25px;
}
.m-r--25 {
margin-right: -25px;
}
.m-b--25 {
margin-bottom: -25px;
}
.m-l--20 {
margin-left: -20px;
}
.m-t--20 {
margin-top: -20px;
}
.m-r--20 {
margin-right: -20px;
}
.m-b--20 {
margin-bottom: -20px;
}
.m-l--15 {
margin-left: -15px;
}
.m-t--15 {
margin-top: -15px;
}
.m-r--15 {
margin-right: -15px;
}
.m-b--15 {
margin-bottom: -15px;
}
.m-l--10 {
margin-left: -10px;
}
.m-t--10 {
margin-top: -10px;
}
.m-r--10 {
margin-right: -10px;
}
.m-b--10 {
margin-bottom: -10px;
}
.m-l--5 {
margin-left: -5px;
}
.m-t--5 {
margin-top: -5px;
}
.m-r--5 {
margin-right: -5px;
}
.m-b--5 {
margin-bottom: -5px;
}
.m-l-0 {
margin-left: 0px;
}
.m-t-0 {
margin-top: 0px;
}
.m-r-0 {
margin-right: 0px;
}
.m-b-0 {
margin-bottom: 0px;
}
.m-l-5 {
margin-left: 5px;
}
.m-t-5 {
margin-top: 5px;
}
.m-r-5 {
margin-right: 5px;
}
.m-b-5 {
margin-bottom: 5px;
}
.m-l-10 {
margin-left: 10px;
}
.m-t-10 {
margin-top: 10px;
}
.m-r-10 {
margin-right: 10px;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-l-15 {
margin-left: 15px;
}
.m-t-15 {
margin-top: 15px;
}
.m-r-15 {
margin-right: 15px;
}
.m-b-15 {
margin-bottom: 15px;
}
.m-l-20 {
margin-left: 20px;
}
.m-t-20 {
margin-top: 20px;
}
.m-r-20 {
margin-right: 20px;
}
.m-b-20 {
margin-bottom: 20px;
}
.m-l-25 {
margin-left: 25px;
}
.m-t-25 {
margin-top: 25px;
}
.m-r-25 {
margin-right: 25px;
}
.m-b-25 {
margin-bottom: 25px;
}
.m-l-30 {
margin-left: 30px;
}
.m-t-30 {
margin-top: 30px;
}
.m-r-30 {
margin-right: 30px;
}
.m-b-30 {
margin-bottom: 30px;
}
.m-l-35 {
margin-left: 35px;
}
.m-t-35 {
margin-top: 35px;
}
.m-r-35 {
margin-right: 35px;
}
.m-b-35 {
margin-bottom: 35px;
}
.m-l-40 {
margin-left: 40px;
}
.m-t-40 {
margin-top: 40px;
}
.m-r-40 {
margin-right: 40px;
}
.m-b-40 {
margin-bottom: 40px;
}
.m-l-45 {
margin-left: 45px;
}
.m-t-45 {
margin-top: 45px;
}
.m-r-45 {
margin-right: 45px;
}
.m-b-45 {
margin-bottom: 45px;
}
.m-l-50 {
margin-left: 50px;
}
.m-t-50 {
margin-top: 50px;
}
.m-r-50 {
margin-right: 50px;
}
.m-b-50 {
margin-bottom: 50px;
}
.m-l-55 {
margin-left: 55px;
}
.m-t-55 {
margin-top: 55px;
}
.m-r-55 {
margin-right: 55px;
}
.m-b-55 {
margin-bottom: 55px;
}
.m-l-60 {
margin-left: 60px;
}
.m-t-60 {
margin-top: 60px;
}
.m-r-60 {
margin-right: 60px;
}
.m-b-60 {
margin-bottom: 60px;
}
.m-l-65 {
margin-left: 65px;
}
.m-t-65 {
margin-top: 65px;
}
.m-r-65 {
margin-right: 65px;
}
.m-b-65 {
margin-bottom: 65px;
}
.m-l-70 {
margin-left: 70px;
}
.m-t-70 {
margin-top: 70px;
}
.m-r-70 {
margin-right: 70px;
}
.m-b-70 {
margin-bottom: 70px;
}
.m-l-75 {
margin-left: 75px;
}
.m-t-75 {
margin-top: 75px;
}
.m-r-75 {
margin-right: 75px;
}
.m-b-75 {
margin-bottom: 75px;
}
.m-l-80 {
margin-left: 80px;
}
.m-t-80 {
margin-top: 80px;
}
.m-r-80 {
margin-right: 80px;
}
.m-b-80 {
margin-bottom: 80px;
}
.m-l-85 {
margin-left: 85px;
}
.m-t-85 {
margin-top: 85px;
}
.m-r-85 {
margin-right: 85px;
}
.m-b-85 {
margin-bottom: 85px;
}
.m-l-90 {
margin-left: 90px;
}
.m-t-90 {
margin-top: 90px;
}
.m-r-90 {
margin-right: 90px;
}
.m-b-90 {
margin-bottom: 90px;
}
.m-l-95 {
margin-left: 95px;
}
.m-t-95 {
margin-top: 95px;
}
.m-r-95 {
margin-right: 95px;
}
.m-b-95 {
margin-bottom: 95px;
}
.m-l-100 {
margin-left: 100px;
}
.m-t-100 {
margin-top: 100px;
}
.m-r-100 {
margin-right: 100px;
}
.m-b-100 {
margin-bottom: 100px;
}
.m-l-105 {
margin-left: 105px;
}
.m-t-105 {
margin-top: 105px;
}
.m-r-105 {
margin-right: 105px;
}
.m-b-105 {
margin-bottom: 105px;
}
.m-l-110 {
margin-left: 110px;
}
.m-t-110 {
margin-top: 110px;
}
.m-r-110 {
margin-right: 110px;
}
.m-b-110 {
margin-bottom: 110px;
}
.m-l-115 {
margin-left: 115px;
}
.m-t-115 {
margin-top: 115px;
}
.m-r-115 {
margin-right: 115px;
}
.m-b-115 {
margin-bottom: 115px;
}
.m-l-120 {
margin-left: 120px;
}
.m-t-120 {
margin-top: 120px;
}
.m-r-120 {
margin-right: 120px;
}
.m-b-120 {
margin-bottom: 120px;
}
.m-l-125 {
margin-left: 125px;
}
.m-t-125 {
margin-top: 125px;
}
.m-r-125 {
margin-right: 125px;
}
.m-b-125 {
margin-bottom: 125px;
}
.margin-0 {
margin: 0;
}
.p-l-0 {
padding-left: 0px;
}
.p-t-0 {
padding-top: 0px;
}
.p-r-0 {
padding-right: 0px;
}
.p-b-0 {
padding-bottom: 0px;
}
.p-l-5 {
padding-left: 5px;
}
.p-t-5 {
padding-top: 5px;
}
.p-r-5 {
padding-right: 5px;
}
.p-b-5 {
padding-bottom: 5px;
}
.p-l-10 {
padding-left: 10px;
}
.p-t-10 {
padding-top: 10px;
}
.p-r-10 {
padding-right: 10px;
}
.p-b-10 {
padding-bottom: 10px;
}
.p-l-15 {
padding-left: 15px;
}
.p-t-15 {
padding-top: 15px;
}
.p-r-15 {
padding-right: 15px;
}
.p-b-15 {
padding-bottom: 15px;
}
.p-l-20 {
padding-left: 20px;
}
.p-t-20 {
padding-top: 20px;
}
.p-r-20 {
padding-right: 20px;
}
.p-b-20 {
padding-bottom: 20px;
}
.p-l-25 {
padding-left: 25px;
}
.p-t-25 {
padding-top: 25px;
}
.p-r-25 {
padding-right: 25px;
}
.p-b-25 {
padding-bottom: 25px;
}
.p-l-30 {
padding-left: 30px;
}
.p-t-30 {
padding-top: 30px;
}
.p-r-30 {
padding-right: 30px;
}
.p-b-30 {
padding-bottom: 30px;
}
.p-l-35 {
padding-left: 35px;
}
.p-t-35 {
padding-top: 35px;
}
.p-r-35 {
padding-right: 35px;
}
.p-b-35 {
padding-bottom: 35px;
}
.p-l-40 {
padding-left: 40px;
}
.p-t-40 {
padding-top: 40px;
}
.p-r-40 {
padding-right: 40px;
}
.p-b-40 {
padding-bottom: 40px;
}
.p-l-45 {
padding-left: 45px;
}
.p-t-45 {
padding-top: 45px;
}
.p-r-45 {
padding-right: 45px;
}
.p-b-45 {
padding-bottom: 45px;
}
.p-l-50 {
padding-left: 50px;
}
.p-t-50 {
padding-top: 50px;
}
.p-r-50 {
padding-right: 50px;
}
.p-b-50 {
padding-bottom: 50px;
}
.p-l-55 {
padding-left: 55px;
}
.p-t-55 {
padding-top: 55px;
}
.p-r-55 {
padding-right: 55px;
}
.p-b-55 {
padding-bottom: 55px;
}
.p-l-60 {
padding-left: 60px;
}
.p-t-60 {
padding-top: 60px;
}
.p-r-60 {
padding-right: 60px;
}
.p-b-60 {
padding-bottom: 60px;
}
.p-l-65 {
padding-left: 65px;
}
.p-t-65 {
padding-top: 65px;
}
.p-r-65 {
padding-right: 65px;
}
.p-b-65 {
padding-bottom: 65px;
}
.p-l-70 {
padding-left: 70px;
}
.p-t-70 {
padding-top: 70px;
}
.p-r-70 {
padding-right: 70px;
}
.p-b-70 {
padding-bottom: 70px;
}
.p-l-75 {
padding-left: 75px;
}
.p-t-75 {
padding-top: 75px;
}
.p-r-75 {
padding-right: 75px;
}
.p-b-75 {
padding-bottom: 75px;
}
.p-l-80 {
padding-left: 80px;
}
.p-t-80 {
padding-top: 80px;
}
.p-r-80 {
padding-right: 80px;
}
.p-b-80 {
padding-bottom: 80px;
}
.p-l-85 {
padding-left: 85px;
}
.p-t-85 {
padding-top: 85px;
}
.p-r-85 {
padding-right: 85px;
}
.p-b-85 {
padding-bottom: 85px;
}
.p-l-90 {
padding-left: 90px;
}
.p-t-90 {
padding-top: 90px;
}
.p-r-90 {
padding-right: 90px;
}
.p-b-90 {
padding-bottom: 90px;
}
.p-l-95 {
padding-left: 95px;
}
.p-t-95 {
padding-top: 95px;
}
.p-r-95 {
padding-right: 95px;
}
.p-b-95 {
padding-bottom: 95px;
}
.p-l-100 {
padding-left: 100px;
}
.p-t-100 {
padding-top: 100px;
}
.p-r-100 {
padding-right: 100px;
}
.p-b-100 {
padding-bottom: 100px;
}
.p-l-105 {
padding-left: 105px;
}
.p-t-105 {
padding-top: 105px;
}
.p-r-105 {
padding-right: 105px;
}
.p-b-105 {
padding-bottom: 105px;
}
.p-l-110 {
padding-left: 110px;
}
.p-t-110 {
padding-top: 110px;
}
.p-r-110 {
padding-right: 110px;
}
.p-b-110 {
padding-bottom: 110px;
}
.p-l-115 {
padding-left: 115px;
}
.p-t-115 {
padding-top: 115px;
}
.p-r-115 {
padding-right: 115px;
}
.p-b-115 {
padding-bottom: 115px;
}
.p-l-120 {
padding-left: 120px;
}
.p-t-120 {
padding-top: 120px;
}
.p-r-120 {
padding-right: 120px;
}
.p-b-120 {
padding-bottom: 120px;
}
.p-l-125 {
padding-left: 125px;
}
.p-t-125 {
padding-top: 125px;
}
.p-r-125 {
padding-right: 125px;
}
.p-b-125 {
padding-bottom: 125px;
}
.padding-0 {
padding: 0;
}
.font-6 {
font-size: 6px;
}
.font-7 {
font-size: 7px;
}
.font-8 {
font-size: 8px;
}
.font-9 {
font-size: 9px;
}
.font-10 {
font-size: 10px;
}
.font-11 {
font-size: 11px;
}
.font-12 {
font-size: 12px;
}
.font-13 {
font-size: 13px;
}
.font-14 {
font-size: 14px;
}
.font-15 {
font-size: 15px;
}
.font-16 {
font-size: 16px;
}
.font-17 {
font-size: 17px;
}
.font-18 {
font-size: 18px;
}
.font-19 {
font-size: 19px;
}
.font-20 {
font-size: 20px;
}
.font-21 {
font-size: 21px;
}
.font-22 {
font-size: 22px;
}
.font-23 {
font-size: 23px;
}
.font-24 {
font-size: 24px;
}
.font-25 {
font-size: 25px;
}
.font-26 {
font-size: 26px;
}
.font-27 {
font-size: 27px;
}
.font-28 {
font-size: 28px;
}
.font-29 {
font-size: 29px;
}
.font-30 {
font-size: 30px;
}
.font-31 {
font-size: 31px;
}
.font-32 {
font-size: 32px;
}
.font-33 {
font-size: 33px;
}
.font-34 {
font-size: 34px;
}
.font-35 {
font-size: 35px;
}
.font-36 {
font-size: 36px;
}
.font-37 {
font-size: 37px;
}
.font-38 {
font-size: 38px;
}
.font-39 {
font-size: 39px;
}
.font-40 {
font-size: 40px;
}
.font-41 {
font-size: 41px;
}
.font-42 {
font-size: 42px;
}
.font-43 {
font-size: 43px;
}
.font-44 {
font-size: 44px;
}
.font-45 {
font-size: 45px;
}
.font-46 {
font-size: 46px;
}
.font-47 {
font-size: 47px;
}
.font-48 {
font-size: 48px;
}
.font-49 {
font-size: 49px;
}
.font-50 {
font-size: 50px;
}
.align-left {
text-align: left;
}
.align-center {
text-align: center;
}
.align-right {
text-align: right;
}
.align-justify {
text-align: justify;
}
.no-resize {
resize: none;
}
.font-bold {
font-weight: bold;
}
.font-italic {
font-style: italic;
}
.font-underline {
text-decoration: underline;
}
.font-line-through {
text-decoration: line-through;
}
.font-overline {
text-decoration: overline;
}
.block-header {
margin-bottom: 15px;
padding: 10px 0;
}
.block-header h2 {
margin: 0 !important;
color: #3d4c5a !important;
font-weight: 600;
font-size: 20px;
}
.block-header h2 small {
display: block;
font-size: 12px;
margin-top: 8px;
color: #888;
}
.block-header h2 small a {
font-weight: bold;
color: #777;
}
.bg-red {
background-color: #ec3b57 !important;
color: #fff;
}
.bg-red .content .text, .bg-red .content .number {
color: #fff !important;
}
.bg-pink {
background-color: #E91E63 !important;
color: #fff;
}
.bg-pink .content .text, .bg-pink .content .number {
color: #fff !important;
}
.bg-purple {
background-color: #ba3bd0 !important;
color: #fff;
}
.bg-purple .content .text, .bg-purple .content .number {
color: #fff !important;
}
.bg-deep-purple {
background-color: #673AB7 !important;
color: #fff;
}
.bg-deep-purple .content .text, .bg-deep-purple .content .number {
color: #fff !important;
}
.bg-blue {
background-color: #457fca !important;
color: #fff;
}
.bg-blue .content .text, .bg-blue .content .number {
color: #fff !important;
}
.bg-cyan {
background-color: #379c94 !important;
color: #fff;
}
.bg-cyan .content .text, .bg-cyan .content .number {
color: #fff !important;
}
.bg-green {
background-color: #78b83e !important;
color: #fff;
}
.bg-green .content .text, .bg-green .content .number {
color: #fff !important;
}
.bg-light-green {
background-color: #8BC34A !important;
color: #fff;
}
.bg-light-green .content .text, .bg-light-green .content .number {
color: #fff !important;
}
.bg-yellow {
background-color: #ffe821 !important;
color: #fff;
}
.bg-yellow .content .text, .bg-yellow .content .number {
color: #fff !important;
}
.bg-orange {
background-color: #FF9800 !important;
color: #fff;
}
.bg-orange .content .text, .bg-orange .content .number {
color: #fff !important;
}
.bg-deep-orange {
background-color: #f83600 !important;
color: #fff;
}
.bg-deep-orange .content .text, .bg-deep-orange .content .number {
color: #fff !important;
}
.bg-grey {
background-color: #9E9E9E !important;
color: #fff;
}
.bg-grey .content .text, .bg-grey .content .number {
color: #fff !important;
}
.bg-blue-grey {
background-color: #607D8B !important;
color: #fff;
}
.bg-blue-grey .content .text, .bg-blue-grey .content .number {
color: #fff !important;
}
.bg-indigo {
background-color: #3F51B5 !important;
color: #fff;
}
.bg-indigo .content .text, .bg-indigo .content .number {
color: #fff !important;
}
.bg-light-blue {
background-color: #03A9F4 !important;
color: #fff;
}
.bg-light-blue .content .text, .bg-light-blue .content .number {
color: #fff !important;
}
.bg-teal {
background-color: #009688 !important;
color: #fff;
}
.bg-teal .content .text, .bg-teal .content .number {
color: #fff !important;
}
.bg-lime {
background-color: #CDDC39 !important;
color: #fff;
}
.bg-lime .content .text, .bg-lime .content .number {
color: #fff !important;
}
.bg-amber {
background-color: #FFC107 !important;
color: #fff;
}
.bg-amber .content .text, .bg-amber .content .number {
color: #fff !important;
}
.bg-brown {
background-color: #795548 !important;
color: #fff;
}
.bg-brown .content .text, .bg-brown .content .number {
color: #fff !important;
}
.bg-blush {
background-color: #0071b8 !important;
color: #fff;
}
.bg-blush .content .text, .bg-blush .content .number {
color: #fff !important;
}
.bg-black {
background-color: #000 !important;
color: #fff;
}
.bg-black .content .text, .bg-black .content .number {
color: #fff !important;
}
.bg-white {
background-color: #fff !important;
color: #fff;
}
.bg-white .content .text, .bg-white .content .number {
color: #fff !important;
}
.col-red {
color: #ec3b57 !important;
}
.col-pink {
color: #E91E63 !important;
}
.col-purple {
color: #ba3bd0 !important;
}
.col-deep-purple {
color: #673AB7 !important;
}
.col-blue {
color: #457fca !important;
}
.col-cyan {
color: #379c94 !important;
}
.col-green {
color: #78b83e !important;
}
.col-light-green {
color: #8BC34A !important;
}
.col-yellow {
color: #ffe821 !important;
}
.col-orange {
color: #FF9800 !important;
}
.col-deep-orange {
color: #f83600 !important;
}
.col-grey {
color: #9E9E9E !important;
}
.col-blue-grey {
color: #607D8B !important;
}
.col-indigo {
color: #3F51B5 !important;
}
.col-light-blue {
color: #03A9F4 !important;
}
.col-teal {
color: #009688 !important;
}
.col-lime {
color: #CDDC39 !important;
}
.col-amber {
color: #FFC107 !important;
}
.col-brown {
color: #795548 !important;
}
.col-blush {
color: #0071b8 !important;
}
.col-black {
color: #000 !important;
}
.col-white {
color: #fff !important;
}
@-ms-keyframes spin {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}@-moz-keyframes spin {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}@keyframes spin {
from {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}.demo-button-sizes .btn {
margin-bottom: 5px;
}
.icon-button-demo button {
margin-right: 5px;
margin-bottom: 12px;
}
.button-demo ul {
padding-left: 0;
}
.button-demo ul li {
list-style: none;
padding-left: 0;
display: inline-block;
margin-right: 7px;
}
.button-demo ul li .btn {
display: block;
min-width: 175px;
}
.button-demo .btn {
margin-right: 8px;
margin-bottom: 13px;
min-width: 120px;
}
.demo-button-groups .btn-group {
margin-right: 10px;
}
.demo-button-toolbar .btn-toolbar {
float: left;
margin-right: 25px;
}
.demo-button-nesting>.btn-group {
margin-right: 15px;
}
.demo-single-button-dropdowns>.btn-group {
margin-right: 10px;
}
.demo-splite-button-dropdowns>.btn-group {
margin-right: 10px;
}
.demo-dropup .dropup {
margin-right: 10px;
}
.demo-checkbox label, .demo-radio-button label {
min-width: 150px;
}
.demo-knob-chart div {
margin-right: 15px;
}
.demo-switch .switch {
display: inline-block;
min-width: 170px;
}
.demo-switch .demo-switch-title {
min-width: 95px;
display: inline-block;
}
.demo-color-box {
padding: 15px 0;
text-align: center;
margin-bottom: 20px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.demo-color-box .color-name {
font-size: 16px;
margin-bottom: 5px;
}
.demo-color-box .color-code, .demo-color-box .color-class-name {
font-size: 13px;
}
.demo-image-copyright {
text-align: right;
font-style: italic;
font-size: 12px;
color: #777;
margin: 5px 0 10px 0;
}
.demo-image-copyright a {
font-weight: bold;
color: #555 !important;
}
.demo-tagsinput-area {
margin-bottom: 50px !important;
}
.demo-icon-container .demo-google-material-icon {
margin-bottom: 5px;
text-align: left;
}
.demo-icon-container .demo-google-material-icon .icon-name {
position: relative;
top: -8px;
left: 7px;
}
.demo-icon-container .demo-google-material-icon .material-icons {
width: 24px;
}
.demo-preloader .preloader {
margin-right: 10px;
}
.irs-demo {
margin-bottom: 40px;
}
.irs-demo .irs {
margin-top: 15px;
}
.right-sidebar .nav-tabs {
margin: 0;
padding: 0;
background: transparent;
}
.right-sidebar .nav-tabs>li {
width: 33%;
left: 0;
margin-bottom: 0;
}
.right-sidebar .nav-tabs>li a:hover {
color: #444 !important;
}
.right-sidebar .nav-tabs>li:last-child {
width: 33%}
.right-sidebar .nav-tabs>li:first-child {
width: 33%}
.right-sidebar .nav-tabs+.tab-content {
padding: 0;
}
.right-sidebar p {
margin: 20px 15px 15px 15px;
font-weight: bold;
text-align: left;
}
.right-sidebar #chat {
padding: 15px;
}
.right-sidebar #chat ul {
list-style-type: none;
padding: 0;
margin: 0;
}
.right-sidebar #chat ul>li {
margin-bottom: 0;
padding: 10px 10px 10px 0;
}
.right-sidebar #chat ul>li:last-child {
margin-bottom: 30px;
}
.right-sidebar #chat ul>li a {
width: 40px;
}
.right-sidebar #chat ul>li a img {
border-radius: 50px;
width: 100%}
.right-sidebar #chat ul>li .media {
position: relative;
margin: 0;
}
.right-sidebar #chat ul>li .media .unread {
position: absolute;
left: 22px;
}
.right-sidebar #chat ul>li .media .media-body {
padding-top: 0px;
padding-bottom: 0px;
position: relative;
margin: 0;
}
.right-sidebar #chat ul>li .media .media-body .name {
color: #3d4c5a;
margin: 0px;
display: block;
font-size: 15px;
}
.right-sidebar #chat ul>li .media .media-body .message {
font-size: 13px;
color: #888;
display: inline-block;
width: 130px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.right-sidebar #chat ul>li .media .media-body .message i {
font-size: 14px;
}
.right-sidebar #chat ul>li .media .media-body .status {
position: absolute;
right: 0px;
top: 4px;
width: 5px;
height: 5px;
padding: 0;
display: inline-block;
min-width: inherit;
}
.right-sidebar #chat ul>li.online .status {
background: #8BC34A;
}
.right-sidebar #chat ul>li.busy .status {
background: #E91E63;
}
.right-sidebar #chat ul>li.offline .status {
background: #FF9800;
}
.right-sidebar #chat ul.settings>li .form-group .control-label {
margin-bottom: 15px;
color: #3d4c5a;
line-height: 22px;
}
.right-sidebar #chat ul.settings>li .form-group .control-label .onoffswitch {
right: -35px;
}
.right-sidebar #settings .setting-list {
list-style: none;
padding-left: 0;
margin-bottom: 20px;
}
.right-sidebar #settings .setting-list li {
padding: 15px;
position: relative;
border-top: 1px solid #eee;
}
.right-sidebar #settings .setting-list li .switch {
position: absolute;
top: 15px;
right: 5px;
}
.demo-choose-skin {
list-style: none;
padding-left: 0;
overflow-y: hidden;
}
.demo-choose-skin li {
border-bottom: 1px solid #eee;
padding: 10px 10px 4px 10px;
position: relative;
cursor: pointer;
}
.demo-choose-skin li.active {
background-color: #eee;
}
.demo-choose-skin li.active:after {
font-family: 'Material-Design-Iconic-Font';
position: absolute;
top: 10px;
right: 10px;
content: '\f26b';
font-size: 18px;
font-weight: bold;
}
.demo-choose-skin li:hover {
background-color: #eee;
}
.demo-choose-skin li div {
width: 24px;
height: 24px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
}
.demo-choose-skin li span {
position: relative;
bottom: 7px;
left: 5px;
}
.demo-choose-skin .red {
background-color: #ec3b57;
}
.demo-choose-skin .pink {
background-color: #E91E63;
}
.demo-choose-skin .purple {
background-color: #ba3bd0;
}
.demo-choose-skin .deep-purple {
background-color: #673AB7;
}
.demo-choose-skin .blue {
background-color: #457fca;
}
.demo-choose-skin .cyan {
background-color: #379c94;
}
.demo-choose-skin .green {
background-color: #78b83e;
}
.demo-choose-skin .light-green {
background-color: #8BC34A;
}
.demo-choose-skin .yellow {
background-color: #ffe821;
}
.demo-choose-skin .orange {
background-color: #FF9800;
}
.demo-choose-skin .deep-orange {
background-color: #f83600;
}
.demo-choose-skin .grey {
background-color: #9E9E9E;
}
.demo-choose-skin .blue-grey {
background-color: #607D8B;
}
.demo-choose-skin .indigo {
background-color: #3F51B5;
}
.demo-choose-skin .light-blue {
background-color: #03A9F4;
}
.demo-choose-skin .teal {
background-color: #009688;
}
.demo-choose-skin .lime {
background-color: #CDDC39;
}
.demo-choose-skin .amber {
background-color: #FFC107;
}
.demo-choose-skin .brown {
background-color: #795548;
}
.demo-choose-skin .blush {
background-color: #0071b8;
}
.demo-choose-skin .black {
background-color: #000;
}
.demo-choose-skin .white {
background-color: #fff;
}
@media (max-width: 767px)
{
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{margin-left:60px;margin-top:-20px;}
.navbar .navbar-header{display: inline-block;}
.navbar .nav>li {display: inline-block;}
.navbar .navbar-nav {margin: 0;float: right;}
.navbar .navbar-nav .open .dropdown-menu {
background-color: #fff;
position: absolute;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.navbar .dropdown-menu {
margin-left: -230px;
}
.navbar .js-right-sidebar {
margin-top: 15px;
}
}@media (min-width: 768px) and (max-width: 991px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 20px;
}
}@media (min-width: 992px) and (max-width: 1169px) {
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
margin-left: 20px;
}
}

button, input, select, a {
outline: none !important;
}
.no-animate {
-o-transition-property: none !important;
-moz-transition-property: none !important;
-ms-transition-property: none !important;
-webkit-transition-property: none !important;
transition-property: none !important;
-o-transform: none !important;
-moz-transform: none !important;
-ms-transform: none !important;
-webkit-transform: none !important;
transform: none !important;
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
section.content {
margin: 55px 15px 15px 255px;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
z-index: 9;
position: relative;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
border-radius: 3px;
box-shadow: 1px 5px 20px rgba(0, 0, 0, 0.09);
}
.g-bg-cyan {
background: linear-gradient(60deg,  #09b9ac,  #7dd1c1);
color: #fff !important;
}
.g-bg-blue {
background: linear-gradient(60deg,  #00adef,  #0094da);
color: #fff !important;
}
.g-bg-gy {
background: linear-gradient(60deg,  #94d23b,  #fcb711);
color: #fff !important;
}
.g-bg-cgreen {
background: linear-gradient(60deg,  #16c99f,  #12a682);
color: #fff !important;
}
.g-bg-blush2 {
background: linear-gradient(325deg,  #dd5e89,  #f7bb97);
color: #fff !important;
}
.g-bg-soundcloud {
background: linear-gradient(60deg,  #f83600,  #fe8c00);
color: #fff !important;
}
.g-bg-soundcloud2 {
background: linear-gradient(135deg,  rgba(243, 71, 75, 0.9) 0%,  rgba(255, 152, 0, 0.9) 100%);
color: #fff !important;
}
.carousel .glyphicon-chevron-right:before {
content: '\f2f5';
font-family: 'Material-Design-Iconic-Font'}
.carousel .glyphicon-chevron-left:before {
content: '\f2f3';
font-family: 'Material-Design-Iconic-Font'}
.drop-custum {
border-bottom: 1px solid #ddd;
margin-top: 18px !important;
}
@media only screen and (max-width: 500px) {
section.content {
margin-left: 10px !important;
margin-right: 10px;
padding: 0;
}
}.stats-report {
margin-bottom: 20px;
}
.stats-report .stat-item {
display: inline-block;
padding-right: 15px;
}
.stats-report .stat-item h5 {
font-weight: 300;
font-size: 12px;
margin: 0;
}
#home_payments .dataTables_filter {
text-align: right;
}
#home_payments .dataTables_paginate {
text-align: right;
}
#home_payments .pagination {
margin: 0;
}
.basic-list {
padding: 0;
margin: 0;
}
.basic-list li {
display: block;
padding: 15px 0px;
border-bottom: 1px solid rgba(120, 130, 140, 0.13);
line-height: 27px;
}
.basic-list li:last-child {
border-bottom: none;
}
.country-state {
padding: 0;
margin: 0;
list-style: none;
}
.country-state .progress {
height: 7px;
}
.feeds {
padding: 0;
margin: 0;
}
.feeds li {
list-style: none;
padding: 10px 0;
display: block;
}
.feeds li>div {
width: 38px;
height: 38px;
margin-right: 5px;
display: inline-block;
text-align: center;
vertical-align: middle;
border-radius: 100%}
.feeds li>div i {
line-height: 40px;
}
.feeds li span {
float: right;
width: auto;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.home .nav-tabs li a {
padding: 10px 15px;
}
.home .nav-tabs li a i {
display: block;
text-align: center;
}
#home_dashboard .info-box-4 {
margin-bottom: 5px;
}
.clearHeader .navbar-header {
margin-top: 5px;
position: relative;
}
.cpu-usage .pull-right {
display: none;
}
.table-responsive-m {
overflow-x: auto;
}
}@media only screen and (max-width: 360px) {
.home .nav-tabs li a {
padding: 10px 8px;
}
}.btn:focus {
outline: none !important;
}
.btn-circle {
border: none;
outline: none !important;
overflow: hidden;
width: 40px;
height: 40px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
padding: 0;
}
.btn-circle i {
font-size: 18px;
position: relative;
left: -1px;
}
.btn-link {
font-weight: bold;
color: #333;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.btn-link:active, .btn-link:focus {
text-decoration: none;
color: #333;
}
.btn-link:hover {
text-decoration: none;
color: #333;
background-color: #ddd;
}
.btn-circle-lg {
border: none;
outline: none !important;
overflow: hidden;
width: 50px;
height: 50px;
-webkit-border-radius: 50% !important;
-moz-border-radius: 50% !important;
-ms-border-radius: 50% !important;
border-radius: 50% !important;
}
.btn-circle-lg i {
font-size: 26px !important;
position: relative !important;
left: 0px !important;
top: 6px !important;
}
.btn:not(.btn-link):not(.btn-circle) {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
border: none;
font-size: 13px;
outline: none;
}
.btn:not(.btn-link):not(.btn-circle):hover {
outline: none;
}
.btn:not(.btn-link):not(.btn-circle) i {
font-size: 20px;
position: relative;
top: 3px;
}
.btn-warning, .btn-warning:hover, .btn-warning:active, .btn-warning:focus {
background-color: #ff9600 !important;
}
.btn-danger, .btn-danger:hover, .btn-danger:active, .btn-danger:focus {
background-color: #fb483a !important;
}
.btn-info, .btn-info:hover, .btn-info:active, .btn-info:focus {
background-color: #00b0e4 !important;
}
.btn-success, .btn-success:hover, .btn-success:active, .btn-success:focus {
background-color: #2b982b !important;
}
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
background-color: #1f91f3 !important;
}
.btn-default, .btn-default:hover, .btn-default:active, .btn-default:focus {
background-color: #fff !important;
}
.btn-group, .btn-group-vertical {
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
}
.btn-group .btn, .btn-group-vertical .btn {
box-shadow: none !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.btn-group .btn .caret, .btn-group-vertical .btn .caret {
position: relative;
bottom: 1px;
}
.btn-group .btn-group, .btn-group-vertical .btn-group {
box-shadow: none !important;
}
.btn-group .btn+.dropdown-toggle, .btn-group-vertical .btn+.dropdown-toggle {
border-left: 1px solid rgba(0, 0, 0, 0.08) !important;
}
.bootstrap-tagsinput {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
}
.noUi-target {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
direction: ltr;
}
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
user-select: none;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.noUi-base {
width: 100%;
height: 100%;
position: relative;
z-index: 1;
}
.noUi-origin {
position: absolute;
right: 0;
top: 6px;
left: 0;
bottom: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.25s,  top 0.25s;
transition: left 0.25s,  top 0.25s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-base {
-webkit-transform: translate3d(0,  0,  0);
transform: translate3d(0,  0,  0);
}
.noUi-horizontal {
height: 18px;
}
.noUi-horizontal .noUi-handle {
width: 34px;
height: 28px;
left: -17px;
top: -6px;
}
.noUi-vertical {
width: 18px;
}
.noUi-vertical .noUi-handle {
width: 28px;
height: 34px;
left: -6px;
top: -17px;
}
.noUi-background {
background: #FAFAFA;
box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
background: #3FB8AF;
box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45);
-webkit-transition: background 450ms;
transition: background 450ms;
}
.noUi-origin {
border-radius: 2px;
}
.noUi-target {
border-radius: 4px;
border: 1px solid #D3D3D3;
box-shadow: inset 0 1px 1px #F0F0F0,  0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;
}
.noUi-dragable {
cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
cursor: n-resize;
}
.noUi-handle {
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #FFF;
cursor: default;
box-shadow: inset 0 0 1px #FFF,  inset 0 1px 7px #EBEBEB,  0 3px 6px -3px #BBB;
}
.noUi-active {
box-shadow: inset 0 0 1px #FFF,  inset 0 1px 7px #DDD,  0 3px 6px -3px #BBB;
}
.noUi-handle:before {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
}
.noUi-handle:after {
content: "";
display: block;
position: absolute;
height: 14px;
width: 1px;
background: #E8E7E6;
left: 14px;
top: 6px;
left: 17px;
}
.noUi-vertical .noUi-handle:before {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
}
.noUi-vertical .noUi-handle:after {
width: 14px;
height: 1px;
left: 6px;
top: 14px;
top: 17px;
}
[disabled].noUi-connect, [disabled] .noUi-connect {
background: #B8B8B8;
}
[disabled].noUi-origin, [disabled] .noUi-handle {
cursor: not-allowed;
}
.noUi-target {
box-shadow: none;
border: none;
}
.noUi-base {
height: 15px;
top: -6px;
}
.noUi-background {
height: 3px;
top: 6px;
background-color: #bfbfbf;
box-shadow: none;
}
.noUi-horizontal {
height: 3px;
}
.noUi-connect {
height: 3px;
top: 6px;
background-color: #26A69A;
box-shadow: none;
}
.noUi-horizontal .noUi-handle {
width: 15px;
height: 15px;
border-radius: 50%;
box-shadow: none;
background-color: #26A69A;
border: none;
left: -5px;
top: -6px;
transition: width 0.2s cubic-bezier(0.215,  0.61,  0.355,  1), height 0.2s cubic-bezier(0.215,  0.61,  0.355,  1), left 0.2s cubic-bezier(0.215,  0.61,  0.355,  1), top 0.2s cubic-bezier(0.215,  0.61,  0.355,  1);
}
.noUi-handle:before, .noUi-handle:after {
content: none;
}
.noUi-target .noUi-active.noUi-handle {
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.noUi-target .range-label {
position: absolute;
height: 30px;
width: 30px;
top: -17px;
left: -2px;
background-color: #26A69A;
border-radius: 50%;
transition: border-radius 0.25s cubic-bezier(0.215,  0.61,  0.355,  1), transform 0.25s cubic-bezier(0.215,  0.61,  0.355,  1);
transform: scale(0.5) rotate(-45deg);
transform-origin: 50% 100%}
.noUi-target .noUi-active .range-label {
border-radius: 15px 15px 15px 0;
transform: rotate(-45deg) translate(23px,  -25px);
}
.range-label span {
width: 100%;
text-align: center;
color: #fff;
font-size: 12px;
transform: rotate(45deg);
opacity: 0;
position: absolute;
top: 7px;
left: -1px;
transition: opacity 0.25s cubic-bezier(0.215,  0.61,  0.355,  1);
}
.noUi-active .range-label span {
opacity: 1;
}
.ms-container {
width: auto !important;
}
.ms-container .ms-list {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
}
.ms-container .ms-list.ms-focus {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
}
.ms-container .ms-selectable, .ms-container .ms-selection {
min-width: 250px !important;
}
.ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover {
color: #000000 !important;
background-color: #e6e6e6 !important;
}
.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selectable li.ms-elem-selection, .ms-container .ms-selection li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
padding: 9px 15px 6px 15px !important;
}
.ms-container .ms-optgroup-label {
padding: 5px 0 0 8px !important;
}
.card {
background: #fff;
min-height: 50px;
box-shadow: none;
position: relative;
margin-bottom: 20px;
transition: .5s;
border: 1px solid #f2f2f2;
border-radius: 0;
}
.card:hover {
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
transition: all 150ms linear;
}
.card .card-inside-title {
margin-top: 25px;
margin-bottom: 15px;
display: block;
font-size: 15px;
color: #000;
}
.card .card-inside-title small {
color: #999;
display: block;
font-size: 11px;
margin-top: 5px;
}
.card .card-inside-title small a {
color: #777;
font-weight: bold;
}
.card .card-inside-title:first-child {
margin-top: 0;
}
.card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-deep-purple, .card .bg-indigo, .card .bg-blue, .card .bg-light-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-light-green, .card .bg-lime, .card .bg-yellow, .card .bg-amber, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-blue-grey, .card .bg-blush, .card .bg-black {
border-bottom: none !important;
color: #fff !important;
}
.card .bg-red h2, .card .bg-red small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple small, .card .bg-purple .material-icons, .card .bg-deep-purple h2, .card .bg-deep-purple small, .card .bg-deep-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue small, .card .bg-blue .material-icons, .card .bg-light-blue h2, .card .bg-light-blue small, .card .bg-light-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green small, .card .bg-green .material-icons, .card .bg-light-green h2, .card .bg-light-green small, .card .bg-light-green .material-icons, .card .bg-lime h2, .card .bg-lime small, .card .bg-lime .material-icons, .card .bg-yellow h2, .card .bg-yellow small, .card .bg-yellow .material-icons, .card .bg-amber h2, .card .bg-amber small, .card .bg-amber .material-icons, .card .bg-orange h2, .card .bg-orange small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey small, .card .bg-grey .material-icons, .card .bg-blue-grey h2, .card .bg-blue-grey small, .card .bg-blue-grey .material-icons, .card .bg-blush h2, .card .bg-blush small, .card .bg-blush .material-icons, .card .bg-black h2, .card .bg-black small, .card .bg-black .material-icons {
color: #fff !important;
}
.card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-deep-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-light-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-light-green .badge, .card .bg-lime .badge, .card .bg-yellow .badge, .card .bg-amber .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-blue-grey .badge, .card .bg-blush .badge, .card .bg-black .badge {
background-color: #fff;
color: #555;
}
.card .header {
color: #555;
padding: 0 0 10px 0;
position: relative;
border-bottom: 1px solid rgba(204, 204, 204, 0.8);
box-shadow: none;
margin-bottom: 0;
border-radius: 0;
}
.card .header .header-dropdown {
position: absolute;
top: 3px;
right: 5px;
list-style: none;
margin: 0;
padding: 0;
}
.card .header .header-dropdown a {
padding: 5px 10px;
}
.card .header .header-dropdown .dropdown-menu li {
display: block !important;
}
.card .header .header-dropdown li {
display: inline-block;
}
.card .header .header-dropdown i {
font-size: 20px;
color: #999;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.card .header .header-dropdown i:hover {
color: #000;
}
.card .header h2 {
margin: 0;
font-size: 16px;
font-weight: normal;
color: #111;
text-transform: uppercase;
}
.card .header h2 small {
display: block;
font-size: 12px;
margin-top: 5px;
color: #999;
line-height: 15px;
text-transform: capitalize;
}
.card .header h2 small a {
font-weight: bold;
color: #777;
}
.card .p-15 {
padding: 15px !important;
}
.card .body {
font-size: 14px;
color: #444;
padding: 15px;
font-weight: 400;
}
.card .body .col-xs-1, .card .body .col-sm-1, .card .body .col-md-1, .card .body .col-lg-1 {
margin-bottom: 0px;
}
.card .body .col-xs-2, .card .body .col-sm-2, .card .body .col-md-2, .card .body .col-lg-2 {
margin-bottom: 0px;
}
.card .body .col-xs-3, .card .body .col-sm-3, .card .body .col-md-3, .card .body .col-lg-3 {
margin-bottom: 0px;
}
.card .body .col-xs-4, .card .body .col-sm-4, .card .body .col-md-4, .card .body .col-lg-4 {
margin-bottom: 0px;
}
.card .body .col-xs-5, .card .body .col-sm-5, .card .body .col-md-5, .card .body .col-lg-5 {
margin-bottom: 0px;
}
.card .body .col-xs-6, .card .body .col-sm-6, .card .body .col-md-6, .card .body .col-lg-6 {
margin-bottom: 0px;
}
.card .body .col-xs-7, .card .body .col-sm-7, .card .body .col-md-7, .card .body .col-lg-7 {
margin-bottom: 0px;
}
.card .body .col-xs-8, .card .body .col-sm-8, .card .body .col-md-8, .card .body .col-lg-8 {
margin-bottom: 0px;
}
.card .body .col-xs-9, .card .body .col-sm-9, .card .body .col-md-9, .card .body .col-lg-9 {
margin-bottom: 0px;
}
.card .body .col-xs-10, .card .body .col-sm-10, .card .body .col-md-10, .card .body .col-lg-10 {
margin-bottom: 0px;
}
.card .body .col-xs-11, .card .body .col-sm-11, .card .body .col-md-11, .card .body .col-lg-11 {
margin-bottom: 0px;
}
.card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 {
margin-bottom: 0px;
}
.info-box {
box-shadow: none;
height: 80px;
display: flex;
cursor: default;
background-color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 30px;
transition: .5s;
border: 1px solid #f2f2f2;
}
.info-box:hover {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
transition: all 150ms linear;
}
.info-box .icon {
display: inline-block;
text-align: center;
background-color: rgba(0, 0, 0, 0.12);
width: 70px;
}
.info-box .icon i {
color: #fff;
font-size: 28px;
line-height: 80px;
}
.info-box .icon .chart.chart-bar {
height: 100%;
line-height: 100px;
}
.info-box .icon .chart.chart-bar canvas {
vertical-align: baseline !important;
}
.info-box .icon .chart.chart-pie {
height: 100%;
line-height: 123px;
}
.info-box .icon .chart.chart-pie canvas {
vertical-align: baseline !important;
}
.info-box .icon .chart.chart-line {
height: 100%;
line-height: 115px;
}
.info-box .icon .chart.chart-line canvas {
vertical-align: baseline !important;
}
.info-box .content {
display: inline-block;
padding: 7px 10px;
}
.info-box .content .text {
font-size: 12px;
margin: 5px 0;
color: #555;
}
.info-box .content .number {
font-weight: normal;
font-size: 20px;
margin-top: 0px;
color: #555;
}
.info-box.hover-zoom-effect .icon {
overflow: hidden;
}
.info-box.hover-zoom-effect .icon i {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.info-box.hover-zoom-effect:hover .icon i {
opacity: 0.4;
-moz-transform: rotate(-32deg) scale(1.4);
-ms-transform: rotate(-32deg) scale(1.4);
-o-transform: rotate(-32deg) scale(1.4);
-webkit-transform: rotate(-32deg) scale(1.4);
transform: rotate(-32deg) scale(1.4);
}
.info-box.hover-expand-effect:after {
background-color: rgba(0, 0, 0, 0.05);
content: ".";
position: absolute;
left: 80px;
top: 0;
width: 0;
height: 100%;
color: transparent;
-moz-transition: all 0.95s;
-o-transition: all 0.95s;
-webkit-transition: all 0.95s;
transition: all 0.95s;
}
.info-box.hover-expand-effect:hover:after {
width: 100%}
.info-box-2 {
box-shadow: none;
height: 80px;
display: flex;
cursor: default;
background-color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 15px;
transition: .5s;
border: 1px solid #f2f2f2;
}
.info-box-2:hover {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
transition: all 150ms linear;
}
.info-box-2 .icon {
display: inline-block;
text-align: center;
width: 70px;
}
.info-box-2 .icon i {
color: #fff;
font-size: 35px;
line-height: 80px;
}
.info-box-2 .chart.chart-bar {
height: 100%;
line-height: 105px;
}
.info-box-2 .chart.chart-bar canvas {
vertical-align: baseline !important;
}
.info-box-2 .chart.chart-pie {
height: 100%;
line-height: 123px;
}
.info-box-2 .chart.chart-pie canvas {
vertical-align: baseline !important;
}
.info-box-2 .chart.chart-line {
height: 100%;
line-height: 115px;
}
.info-box-2 .chart.chart-line canvas {
vertical-align: baseline !important;
}
.info-box-2 .content {
display: inline-block;
padding: 7px 10px;
}
.info-box-2 .content .text {
font-size: 14px;
margin: 5px 0;
color: #555;
}
.info-box-2 .content .number {
font-weight: normal;
font-size: 20px;
margin-top: 0px;
color: #555;
}
.info-box-2.hover-zoom-effect .icon {
overflow: hidden;
}
.info-box-2.hover-zoom-effect .icon i {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.info-box-2.hover-zoom-effect:hover .icon i {
opacity: 0.4;
-moz-transform: rotate(-32deg) scale(1.4);
-ms-transform: rotate(-32deg) scale(1.4);
-o-transform: rotate(-32deg) scale(1.4);
-webkit-transform: rotate(-32deg) scale(1.4);
transform: rotate(-32deg) scale(1.4);
}
.info-box-2.hover-expand-effect:after {
background-color: rgba(0, 0, 0, 0.05);
content: ".";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
color: transparent;
-moz-transition: all 0.95s;
-o-transition: all 0.95s;
-webkit-transition: all 0.95s;
transition: all 0.95s;
}
.info-box-2.hover-expand-effect:hover:after {
width: 100%}
.info-box-3 {
box-shadow: none;
height: 80px;
display: flex;
cursor: default;
background-color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 30px;
transition: .5s;
border: 1px solid #f2f2f2;
}
.info-box-3:hover {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
transition: all 150ms linear;
}
.info-box-3 .icon {
position: absolute;
right: 10px;
bottom: 2px;
text-align: center;
}
.info-box-3 .icon i {
color: rgba(0, 0, 0, 0.15);
font-size: 60px;
}
.info-box-3 .chart {
margin-right: 5px;
}
.info-box-3 .chart.chart-bar {
height: 100%;
line-height: 50px;
}
.info-box-3 .chart.chart-bar canvas {
vertical-align: baseline !important;
}
.info-box-3 .chart.chart-pie {
height: 100%;
line-height: 34px;
}
.info-box-3 .chart.chart-pie canvas {
vertical-align: baseline !important;
}
.info-box-3 .chart.chart-line {
height: 100%;
line-height: 40px;
}
.info-box-3 .chart.chart-line canvas {
vertical-align: baseline !important;
}
.info-box-3 .content {
display: inline-block;
padding: 7px 16px;
}
.info-box-3 .content .text {
font-size: 12px;
margin: 5px 0;
color: #555;
}
.info-box-3 .content .number {
font-weight: normal;
font-size: 20px;
margin-top: 0px;
color: #555;
}
.info-box-3.hover-zoom-effect .icon i {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.info-box-3.hover-zoom-effect:hover .icon i {
opacity: 0.4;
-moz-transform: rotate(-32deg) scale(1.4);
-ms-transform: rotate(-32deg) scale(1.4);
-o-transform: rotate(-32deg) scale(1.4);
-webkit-transform: rotate(-32deg) scale(1.4);
transform: rotate(-32deg) scale(1.4);
}
.info-box-3.hover-expand-effect:after {
background-color: rgba(0, 0, 0, 0.05);
content: ".";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
color: transparent;
-moz-transition: all 0.95s;
-o-transition: all 0.95s;
-webkit-transition: all 0.95s;
transition: all 0.95s;
}
.info-box-3.hover-expand-effect:hover:after {
width: 100%}
.info-box-4 {
box-shadow: none;
height: 80px;
display: flex;
cursor: default;
background-color: #fff;
position: relative;
overflow: hidden;
margin-bottom: 30px;
transition: .5s;
border: 1px solid #f2f2f2;
}
.info-box-4:hover {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
transition: all 150ms linear;
}
.info-box-4 .icon {
position: absolute;
right: 20px;
top: 25px;
text-align: center;
}
.info-box-4 .icon i {
color: rgba(0, 0, 0, 0.15);
font-size: 28px;
}
.info-box-4 .chart {
margin-right: 5px;
}
.info-box-4 .chart.chart-bar {
height: 100%;
line-height: 50px;
}
.info-box-4 .chart.chart-bar canvas {
vertical-align: baseline !important;
}
.info-box-4 .chart.chart-pie {
height: 100%;
line-height: 34px;
}
.info-box-4 .chart.chart-pie canvas {
vertical-align: baseline !important;
}
.info-box-4 .chart.chart-line {
height: 100%;
line-height: 40px;
}
.info-box-4 .chart.chart-line canvas {
vertical-align: baseline !important;
}
.info-box-4 .content {
display: inline-block;
padding: 7px 16px;
}
.info-box-4 .content .text {
font-size: 12px;
margin: 5px 0;
color: #555;
}
.info-box-4 .content .number {
font-weight: normal;
font-size: 20px;
margin-top: 0px;
color: #555;
}
.info-box-4.hover-zoom-effect .icon i {
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.info-box-4.hover-zoom-effect:hover .icon i {
opacity: 0.4;
-moz-transform: rotate(-32deg) scale(1.4);
-ms-transform: rotate(-32deg) scale(1.4);
-o-transform: rotate(-32deg) scale(1.4);
-webkit-transform: rotate(-32deg) scale(1.4);
transform: rotate(-32deg) scale(1.4);
}
.info-box-4.hover-expand-effect:after {
background-color: rgba(0, 0, 0, 0.05);
content: ".";
position: absolute;
left: 0;
top: 0;
width: 0;
height: 100%;
color: transparent;
-moz-transition: all 0.95s;
-o-transition: all 0.95s;
-webkit-transition: all 0.95s;
transition: all 0.95s;
}
.info-box-4.hover-expand-effect:hover:after {
width: 100%}
@media only screen and (max-width: 500px) {
.home .info-box-2 {
margin-bottom: 0;
}
}.alert {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
border: none;
color: #fff !important;
}
.alert .alert-link {
color: #fff;
text-decoration: underline;
font-weight: bold;
}
.alert-success {
background-color: #2b982b;
}
.alert-info {
background-color: #00b0e4;
}
.alert-warning {
background-color: #ff9600 !important;
}
.alert-danger {
background-color: #fb483a !important;
}
.alert-dismissible .close {
color: #fff;
opacity: 1;
border: none;
text-shadow: none;
}
.sweet-alert {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
}
.sweet-alert p {
font-size: 14px !important;
}
.sweet-alert .sa-input-error {
top: 23px !important;
right: 13px !important;
}
.sweet-alert h2 {
font-size: 18px !important;
margin: 0 0 5px 0 !important;
}
.sweet-alert button {
font-size: 15px !important;
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
padding: 5px 20px !important;
}
[type="checkbox"]+label {
padding-left: 26px;
height: 25px;
line-height: 21px;
font-size: 13px;
font-weight: normal;
}
[type="checkbox"]:checked+label:before {
top: -4px;
left: -2px;
width: 11px;
height: 19px;
}
[type="checkbox"]:checked.chk-col-red+label:before {
border-right: 2px solid #ec3b57;
border-bottom: 2px solid #ec3b57;
}
[type="checkbox"]:checked.chk-col-pink+label:before {
border-right: 2px solid #E91E63;
border-bottom: 2px solid #E91E63;
}
[type="checkbox"]:checked.chk-col-purple+label:before {
border-right: 2px solid #ba3bd0;
border-bottom: 2px solid #ba3bd0;
}
[type="checkbox"]:checked.chk-col-deep-purple+label:before {
border-right: 2px solid #673AB7;
border-bottom: 2px solid #673AB7;
}
[type="checkbox"]:checked.chk-col-blue+label:before {
border-right: 2px solid #457fca;
border-bottom: 2px solid #457fca;
}
[type="checkbox"]:checked.chk-col-cyan+label:before {
border-right: 2px solid #379c94;
border-bottom: 2px solid #379c94;
}
[type="checkbox"]:checked.chk-col-green+label:before {
border-right: 2px solid #78b83e;
border-bottom: 2px solid #78b83e;
}
[type="checkbox"]:checked.chk-col-light-green+label:before {
border-right: 2px solid #8BC34A;
border-bottom: 2px solid #8BC34A;
}
[type="checkbox"]:checked.chk-col-yellow+label:before {
border-right: 2px solid #ffe821;
border-bottom: 2px solid #ffe821;
}
[type="checkbox"]:checked.chk-col-orange+label:before {
border-right: 2px solid #FF9800;
border-bottom: 2px solid #FF9800;
}
[type="checkbox"]:checked.chk-col-deep-orange+label:before {
border-right: 2px solid #f83600;
border-bottom: 2px solid #f83600;
}
[type="checkbox"]:checked.chk-col-grey+label:before {
border-right: 2px solid #9E9E9E;
border-bottom: 2px solid #9E9E9E;
}
[type="checkbox"]:checked.chk-col-blue-grey+label:before {
border-right: 2px solid #607D8B;
border-bottom: 2px solid #607D8B;
}
[type="checkbox"]:checked.chk-col-indigo+label:before {
border-right: 2px solid #3F51B5;
border-bottom: 2px solid #3F51B5;
}
[type="checkbox"]:checked.chk-col-light-blue+label:before {
border-right: 2px solid #03A9F4;
border-bottom: 2px solid #03A9F4;
}
[type="checkbox"]:checked.chk-col-teal+label:before {
border-right: 2px solid #009688;
border-bottom: 2px solid #009688;
}
[type="checkbox"]:checked.chk-col-lime+label:before {
border-right: 2px solid #CDDC39;
border-bottom: 2px solid #CDDC39;
}
[type="checkbox"]:checked.chk-col-amber+label:before {
border-right: 2px solid #FFC107;
border-bottom: 2px solid #FFC107;
}
[type="checkbox"]:checked.chk-col-brown+label:before {
border-right: 2px solid #795548;
border-bottom: 2px solid #795548;
}
[type="checkbox"]:checked.chk-col-blush+label:before {
border-right: 2px solid #0071b8;
border-bottom: 2px solid #0071b8;
}
[type="checkbox"]:checked.chk-col-black+label:before {
border-right: 2px solid #000;
border-bottom: 2px solid #000;
}
[type="checkbox"]:checked.chk-col-white+label:before {
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
}
[type="checkbox"].filled-in:checked+label:after {
top: 0;
width: 20px;
height: 20px;
border: 2px solid #26a69a;
background-color: #26a69a;
z-index: 0;
}
[type="checkbox"].filled-in:checked+label:before {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
[type="checkbox"].filled-in:checked.chk-col-red+label:after {
border: 2px solid #ec3b57;
background-color: #ec3b57;
}
[type="checkbox"].filled-in:checked.chk-col-pink+label:after {
border: 2px solid #E91E63;
background-color: #E91E63;
}
[type="checkbox"].filled-in:checked.chk-col-purple+label:after {
border: 2px solid #ba3bd0;
background-color: #ba3bd0;
}
[type="checkbox"].filled-in:checked.chk-col-deep-purple+label:after {
border: 2px solid #673AB7;
background-color: #673AB7;
}
[type="checkbox"].filled-in:checked.chk-col-blue+label:after {
border: 2px solid #457fca;
background-color: #457fca;
}
[type="checkbox"].filled-in:checked.chk-col-cyan+label:after {
border: 2px solid #379c94;
background-color: #379c94;
}
[type="checkbox"].filled-in:checked.chk-col-green+label:after {
border: 2px solid #78b83e;
background-color: #78b83e;
}
[type="checkbox"].filled-in:checked.chk-col-light-green+label:after {
border: 2px solid #8BC34A;
background-color: #8BC34A;
}
[type="checkbox"].filled-in:checked.chk-col-yellow+label:after {
border: 2px solid #ffe821;
background-color: #ffe821;
}
[type="checkbox"].filled-in:checked.chk-col-orange+label:after {
border: 2px solid #FF9800;
background-color: #FF9800;
}
[type="checkbox"].filled-in:checked.chk-col-deep-orange+label:after {
border: 2px solid #f83600;
background-color: #f83600;
}
[type="checkbox"].filled-in:checked.chk-col-grey+label:after {
border: 2px solid #9E9E9E;
background-color: #9E9E9E;
}
[type="checkbox"].filled-in:checked.chk-col-blue-grey+label:after {
border: 2px solid #607D8B;
background-color: #607D8B;
}
[type="checkbox"].filled-in:checked.chk-col-indigo+label:after {
border: 2px solid #3F51B5;
background-color: #3F51B5;
}
[type="checkbox"].filled-in:checked.chk-col-light-blue+label:after {
border: 2px solid #03A9F4;
background-color: #03A9F4;
}
[type="checkbox"].filled-in:checked.chk-col-teal+label:after {
border: 2px solid #009688;
background-color: #009688;
}
[type="checkbox"].filled-in:checked.chk-col-lime+label:after {
border: 2px solid #CDDC39;
background-color: #CDDC39;
}
[type="checkbox"].filled-in:checked.chk-col-amber+label:after {
border: 2px solid #FFC107;
background-color: #FFC107;
}
[type="checkbox"].filled-in:checked.chk-col-brown+label:after {
border: 2px solid #795548;
background-color: #795548;
}
[type="checkbox"].filled-in:checked.chk-col-blush+label:after {
border: 2px solid #0071b8;
background-color: #0071b8;
}
[type="checkbox"].filled-in:checked.chk-col-black+label:after {
border: 2px solid #000;
background-color: #000;
}
[type="checkbox"].filled-in:checked.chk-col-white+label:after {
border: 2px solid #fff;
background-color: #fff;
}
[type="radio"]:not(:checked)+label {
padding-left: 26px;
height: 25px;
line-height: 25px;
font-size: 13px;
font-weight: normal;
}
[type="radio"]:checked+label {
padding-left: 26px;
height: 25px;
line-height: 25px;
font-size: 13px;
font-weight: normal;
}
[type="radio"].radio-col-red:checked+label:after {
background-color: #ec3b57;
border-color: #ec3b57;
}
[type="radio"].radio-col-pink:checked+label:after {
background-color: #E91E63;
border-color: #E91E63;
}
[type="radio"].radio-col-purple:checked+label:after {
background-color: #ba3bd0;
border-color: #ba3bd0;
}
[type="radio"].radio-col-deep-purple:checked+label:after {
background-color: #673AB7;
border-color: #673AB7;
}
[type="radio"].radio-col-blue:checked+label:after {
background-color: #457fca;
border-color: #457fca;
}
[type="radio"].radio-col-cyan:checked+label:after {
background-color: #379c94;
border-color: #379c94;
}
[type="radio"].radio-col-green:checked+label:after {
background-color: #78b83e;
border-color: #78b83e;
}
[type="radio"].radio-col-light-green:checked+label:after {
background-color: #8BC34A;
border-color: #8BC34A;
}
[type="radio"].radio-col-yellow:checked+label:after {
background-color: #ffe821;
border-color: #ffe821;
}
[type="radio"].radio-col-orange:checked+label:after {
background-color: #FF9800;
border-color: #FF9800;
}
[type="radio"].radio-col-deep-orange:checked+label:after {
background-color: #f83600;
border-color: #f83600;
}
[type="radio"].radio-col-grey:checked+label:after {
background-color: #9E9E9E;
border-color: #9E9E9E;
}
[type="radio"].radio-col-blue-grey:checked+label:after {
background-color: #607D8B;
border-color: #607D8B;
}
[type="radio"].radio-col-indigo:checked+label:after {
background-color: #3F51B5;
border-color: #3F51B5;
}
[type="radio"].radio-col-light-blue:checked+label:after {
background-color: #03A9F4;
border-color: #03A9F4;
}
[type="radio"].radio-col-teal:checked+label:after {
background-color: #009688;
border-color: #009688;
}
[type="radio"].radio-col-lime:checked+label:after {
background-color: #CDDC39;
border-color: #CDDC39;
}
[type="radio"].radio-col-amber:checked+label:after {
background-color: #FFC107;
border-color: #FFC107;
}
[type="radio"].radio-col-brown:checked+label:after {
background-color: #795548;
border-color: #795548;
}
[type="radio"].radio-col-blush:checked+label:after {
background-color: #0071b8;
border-color: #0071b8;
}
[type="radio"].radio-col-black:checked+label:after {
background-color: #000;
border-color: #000;
}
[type="radio"].radio-col-white:checked+label:after {
background-color: #fff;
border-color: #fff;
}
[type="radio"].with-gap.radio-col-red:checked+label:before {
border: 2px solid #ec3b57;
}
[type="radio"].with-gap.radio-col-red:checked+label:after {
background-color: #ec3b57;
border: 2px solid #ec3b57;
}
[type="radio"].with-gap.radio-col-pink:checked+label:before {
border: 2px solid #E91E63;
}
[type="radio"].with-gap.radio-col-pink:checked+label:after {
background-color: #E91E63;
border: 2px solid #E91E63;
}
[type="radio"].with-gap.radio-col-purple:checked+label:before {
border: 2px solid #ba3bd0;
}
[type="radio"].with-gap.radio-col-purple:checked+label:after {
background-color: #ba3bd0;
border: 2px solid #ba3bd0;
}
[type="radio"].with-gap.radio-col-deep-purple:checked+label:before {
border: 2px solid #673AB7;
}
[type="radio"].with-gap.radio-col-deep-purple:checked+label:after {
background-color: #673AB7;
border: 2px solid #673AB7;
}
[type="radio"].with-gap.radio-col-blue:checked+label:before {
border: 2px solid #457fca;
}
[type="radio"].with-gap.radio-col-blue:checked+label:after {
background-color: #457fca;
border: 2px solid #457fca;
}
[type="radio"].with-gap.radio-col-cyan:checked+label:before {
border: 2px solid #379c94;
}
[type="radio"].with-gap.radio-col-cyan:checked+label:after {
background-color: #379c94;
border: 2px solid #379c94;
}
[type="radio"].with-gap.radio-col-green:checked+label:before {
border: 2px solid #78b83e;
}
[type="radio"].with-gap.radio-col-green:checked+label:after {
background-color: #78b83e;
border: 2px solid #78b83e;
}
[type="radio"].with-gap.radio-col-light-green:checked+label:before {
border: 2px solid #8BC34A;
}
[type="radio"].with-gap.radio-col-light-green:checked+label:after {
background-color: #8BC34A;
border: 2px solid #8BC34A;
}
[type="radio"].with-gap.radio-col-yellow:checked+label:before {
border: 2px solid #ffe821;
}
[type="radio"].with-gap.radio-col-yellow:checked+label:after {
background-color: #ffe821;
border: 2px solid #ffe821;
}
[type="radio"].with-gap.radio-col-orange:checked+label:before {
border: 2px solid #FF9800;
}
[type="radio"].with-gap.radio-col-orange:checked+label:after {
background-color: #FF9800;
border: 2px solid #FF9800;
}
[type="radio"].with-gap.radio-col-deep-orange:checked+label:before {
border: 2px solid #f83600;
}
[type="radio"].with-gap.radio-col-deep-orange:checked+label:after {
background-color: #f83600;
border: 2px solid #f83600;
}
[type="radio"].with-gap.radio-col-grey:checked+label:before {
border: 2px solid #9E9E9E;
}
[type="radio"].with-gap.radio-col-grey:checked+label:after {
background-color: #9E9E9E;
border: 2px solid #9E9E9E;
}
[type="radio"].with-gap.radio-col-blue-grey:checked+label:before {
border: 2px solid #607D8B;
}
[type="radio"].with-gap.radio-col-blue-grey:checked+label:after {
background-color: #607D8B;
border: 2px solid #607D8B;
}
[type="radio"].with-gap.radio-col-indigo:checked+label:before {
border: 2px solid #3F51B5;
}
[type="radio"].with-gap.radio-col-indigo:checked+label:after {
background-color: #3F51B5;
border: 2px solid #3F51B5;
}
[type="radio"].with-gap.radio-col-light-blue:checked+label:before {
border: 2px solid #03A9F4;
}
[type="radio"].with-gap.radio-col-light-blue:checked+label:after {
background-color: #03A9F4;
border: 2px solid #03A9F4;
}
[type="radio"].with-gap.radio-col-teal:checked+label:before {
border: 2px solid #009688;
}
[type="radio"].with-gap.radio-col-teal:checked+label:after {
background-color: #009688;
border: 2px solid #009688;
}
[type="radio"].with-gap.radio-col-lime:checked+label:before {
border: 2px solid #CDDC39;
}
[type="radio"].with-gap.radio-col-lime:checked+label:after {
background-color: #CDDC39;
border: 2px solid #CDDC39;
}
[type="radio"].with-gap.radio-col-amber:checked+label:before {
border: 2px solid #FFC107;
}
[type="radio"].with-gap.radio-col-amber:checked+label:after {
background-color: #FFC107;
border: 2px solid #FFC107;
}
[type="radio"].with-gap.radio-col-brown:checked+label:before {
border: 2px solid #795548;
}
[type="radio"].with-gap.radio-col-brown:checked+label:after {
background-color: #795548;
border: 2px solid #795548;
}
[type="radio"].with-gap.radio-col-blush:checked+label:before {
border: 2px solid #0071b8;
}
[type="radio"].with-gap.radio-col-blush:checked+label:after {
background-color: #0071b8;
border: 2px solid #0071b8;

}
[type="radio"].with-gap.radio-col-black:checked+label:before {
border: 2px solid #000;
}
[type="radio"].with-gap.radio-col-black:checked+label:after {
background-color: #000;
border: 2px solid #000;
}
[type="radio"].with-gap.radio-col-white:checked+label:before {
border: 2px solid #fff;
}
[type="radio"].with-gap.radio-col-white:checked+label:after {
background-color: #fff;
border: 2px solid #fff;
}
.switch label {
font-weight: normal;
font-size: 13px;
}
.switch label .lever {
margin: 0 14px;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(236, 59, 87, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-red {
background-color: rgba(236, 59, 87, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-red:after {
background-color: #ec3b57;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(233, 30, 99, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-pink {
background-color: rgba(233, 30, 99, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-pink:after {
background-color: #E91E63;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(186, 59, 208, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-purple {
background-color: rgba(186, 59, 208, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-purple:after {
background-color: #ba3bd0;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-purple:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(103, 58, 183, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple {
background-color: rgba(103, 58, 183, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-purple:after {
background-color: #673AB7;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(69, 127, 202, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue {
background-color: rgba(69, 127, 202, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue:after {
background-color: #457fca;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(55, 156, 148, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-cyan {
background-color: rgba(55, 156, 148, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-cyan:after {
background-color: #379c94;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(120, 184, 62, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-green {
background-color: rgba(120, 184, 62, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-green:after {
background-color: #78b83e;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-green {
background-color: rgba(139, 195, 74, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-green:after {
background-color: #8BC34A;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 232, 33, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-yellow {
background-color: rgba(255, 232, 33, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-yellow:after {
background-color: #ffe821;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 152, 0, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-orange {
background-color: rgba(255, 152, 0, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-orange:after {
background-color: #FF9800;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-deep-orange:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(248, 54, 0, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange {
background-color: rgba(248, 54, 0, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-deep-orange:after {
background-color: #f83600;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-grey:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(158, 158, 158, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-grey {
background-color: rgba(158, 158, 158, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-grey:after {
background-color: #9E9E9E;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue-grey:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(96, 125, 139, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey {
background-color: rgba(96, 125, 139, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blue-grey:after {
background-color: #607D8B;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(63, 81, 181, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-indigo {
background-color: rgba(63, 81, 181, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-indigo:after {
background-color: #3F51B5;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-blue:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(3, 169, 244, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue {
background-color: rgba(3, 169, 244, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-light-blue:after {
background-color: #03A9F4;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-teal {
background-color: rgba(0, 150, 136, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-teal:after {
background-color: #009688;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-lime:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(205, 220, 57, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-lime {
background-color: rgba(205, 220, 57, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-lime:after {
background-color: #CDDC39;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-amber:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-amber {
background-color: rgba(255, 193, 7, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-amber:after {
background-color: #FFC107;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-brown:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(121, 85, 72, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-brown {
background-color: rgba(121, 85, 72, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-brown:after {
background-color: #795548;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blush:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(241, 95, 121, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blush {
background-color: rgba(241, 95, 121, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-blush:after {
background-color: #0071b8;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-black {
background-color: rgba(0, 0, 0, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-black:after {
background-color: #000;
}
.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-white {
background-color: rgba(255, 255, 255, 0.5);
}
.switch label input[type=checkbox]:checked+.lever.switch-col-white:after {
background-color: #fff;
}
.dtp div.dtp-date, .dtp div.dtp-time {
background: #007d72;
}
.dtp>.dtp-content>.dtp-date-view>header.dtp-header {
background: #009688;
}
.dtp .dtp-buttons .dtp-btn-ok {
margin-left: 10px;
}
.dtp .dtp-buttons .dtp-btn-clear {
margin-right: 10px !important;
}
.dtp .p10>a {
color: #fff;
}
.dtp div.dtp-actual-year {
font-size: 1.5em;
color: #ffffff;
}
.dtp table.dtp-picker-days tr td a.selected {
background: #007d72;
color: #fff;
}

.tooltip {
font-size: 13px;
}
.tooltip .tooltip-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.popover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.popover .popover-title {
font-weight: bold;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: #e9e9e9;
border-bottom: 1px solid #ddd;
}
.popover .popover-content {
font-size: 13px;
color: #777;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.nav-tabs {
border-bottom: 2px solid #eee;
padding: 0;
background: transparent;
}
.nav-tabs>li {
position: relative;
top: 3px;
}
.nav-tabs>li>a {
border: none !important;
color: #999 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:active, .nav-tabs>li>a:focus {
background-color: transparent !important;
color: #444 !important;
}
.nav-tabs>li>a span {
text-transform: uppercase;
}
.nav-tabs>li>a:before {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 0;
border-bottom: 2px solid #2196F3;
bottom: 2px;
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-moz-transition: 0.1s ease-in;
-o-transition: 0.1s ease-in;
-webkit-transition: 0.1s ease-in;
transition: 0.1s ease-in;
}
.nav-tabs>li>a .material-icons {
position: relative;
top: 3px;
margin-bottom: 8px;
}
.nav-tabs li.active a {
color: #222 !important;
}
.nav-tabs li.active a:hover, .nav-tabs li.active a:active, .nav-tabs li.active a:focus {
background-color: transparent !important;
}
.nav-tabs li.active a:before {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.nav-tabs+.tab-content {
padding: 15px 0;
}
.nav-tabs.tab-col-red>li>a:before {
border-bottom: 2px solid #ec3b57;
}
.nav-tabs.tab-col-pink>li>a:before {
border-bottom: 2px solid #E91E63;
}
.nav-tabs.tab-col-purple>li>a:before {
border-bottom: 2px solid #ba3bd0;
}
.nav-tabs.tab-col-deep-purple>li>a:before {
border-bottom: 2px solid #673AB7;
}
.nav-tabs.tab-col-blue>li>a:before {
border-bottom: 2px solid #457fca;
}
.nav-tabs.tab-col-cyan>li>a:before {
border-bottom: 2px solid #379c94;
}
.nav-tabs.tab-col-green>li>a:before {
border-bottom: 2px solid #78b83e;
}
.nav-tabs.tab-col-light-green>li>a:before {
border-bottom: 2px solid #8BC34A;
}
.nav-tabs.tab-col-yellow>li>a:before {
border-bottom: 2px solid #ffe821;
}
.nav-tabs.tab-col-orange>li>a:before {
border-bottom: 2px solid #FF9800;
}
.nav-tabs.tab-col-deep-orange>li>a:before {
border-bottom: 2px solid #f83600;
}
.nav-tabs.tab-col-grey>li>a:before {
border-bottom: 2px solid #9E9E9E;
}
.nav-tabs.tab-col-blue-grey>li>a:before {
border-bottom: 2px solid #607D8B;
}
.nav-tabs.tab-col-indigo>li>a:before {
border-bottom: 2px solid #3F51B5;
}
.nav-tabs.tab-col-light-blue>li>a:before {
border-bottom: 2px solid #03A9F4;
}
.nav-tabs.tab-col-teal>li>a:before {
border-bottom: 2px solid #009688;
}
.nav-tabs.tab-col-lime>li>a:before {
border-bottom: 2px solid #CDDC39;
}
.nav-tabs.tab-col-amber>li>a:before {
border-bottom: 2px solid #FFC107;
}
.nav-tabs.tab-col-brown>li>a:before {
border-bottom: 2px solid #795548;
}
.nav-tabs.tab-col-blush>li>a:before {
border-bottom: 2px solid #0071b8;
}
.nav-tabs.tab-col-black>li>a:before {
border-bottom: 2px solid #000;
}
.nav-tabs.tab-col-white>li>a:before {
border-bottom: 2px solid #fff;
}
.thumbnail {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.thumbnail p:not(button) {
color: #999999;
font-size: 14px;
}
.thumbnail h3 {
font-weight: bold;
font-size: 17px;
}
.modal .modal-header {
border: none;
padding: 25px 25px 5px 25px;
}
.modal .modal-header .modal-title {
font-weight: bold;
font-size: 16px;
}
.modal .modal-content {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important;
border: none;
}
.modal .modal-content .modal-body {
color: #777;
padding: 15px 25px;
}
.modal .modal-footer {
border: none;
}
.modal-col-red {
background-color: #ec3b57;
}
.modal-col-red .modal-body, .modal-col-red .modal-title {
color: #fff !important;
}
.modal-col-red .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-red .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-pink {
background-color: #E91E63;
}
.modal-col-pink .modal-body, .modal-col-pink .modal-title {
color: #fff !important;
}
.modal-col-pink .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-pink .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-purple {
background-color: #ba3bd0;
}
.modal-col-purple .modal-body, .modal-col-purple .modal-title {
color: #fff !important;
}
.modal-col-purple .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-purple .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-purple {
background-color: #673AB7;
}
.modal-col-deep-purple .modal-body, .modal-col-deep-purple .modal-title {
color: #fff !important;
}
.modal-col-deep-purple .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-purple .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-deep-purple .modal-footer .btn-link:hover, .modal-col-deep-purple .modal-footer .btn-link:active, .modal-col-deep-purple .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue {
background-color: #457fca;
}
.modal-col-blue .modal-body, .modal-col-blue .modal-title {
color: #fff !important;
}
.modal-col-blue .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-cyan {
background-color: #379c94;
}
.modal-col-cyan .modal-body, .modal-col-cyan .modal-title {
color: #fff !important;
}
.modal-col-cyan .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-cyan .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-green {
background-color: #78b83e;
}
.modal-col-green .modal-body, .modal-col-green .modal-title {
color: #fff !important;
}
.modal-col-green .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-green .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-green {
background-color: #8BC34A;
}
.modal-col-light-green .modal-body, .modal-col-light-green .modal-title {
color: #fff !important;
}
.modal-col-light-green .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-green .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-light-green .modal-footer .btn-link:hover, .modal-col-light-green .modal-footer .btn-link:active, .modal-col-light-green .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-yellow {
background-color: #ffe821;
}
.modal-col-yellow .modal-body, .modal-col-yellow .modal-title {
color: #fff !important;
}
.modal-col-yellow .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-yellow .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-orange {
background-color: #FF9800;
}
.modal-col-orange .modal-body, .modal-col-orange .modal-title {
color: #fff !important;
}
.modal-col-orange .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-orange .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-orange {
background-color: #f83600;
}
.modal-col-deep-orange .modal-body, .modal-col-deep-orange .modal-title {
color: #fff !important;
}
.modal-col-deep-orange .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-deep-orange .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-deep-orange .modal-footer .btn-link:hover, .modal-col-deep-orange .modal-footer .btn-link:active, .modal-col-deep-orange .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-grey {
background-color: #9E9E9E;
}
.modal-col-grey .modal-body, .modal-col-grey .modal-title {
color: #fff !important;
}
.modal-col-grey .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-grey .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-grey .modal-footer .btn-link:hover, .modal-col-grey .modal-footer .btn-link:active, .modal-col-grey .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue-grey {
background-color: #607D8B;
}
.modal-col-blue-grey .modal-body, .modal-col-blue-grey .modal-title {
color: #fff !important;
}
.modal-col-blue-grey .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blue-grey .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-blue-grey .modal-footer .btn-link:hover, .modal-col-blue-grey .modal-footer .btn-link:active, .modal-col-blue-grey .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-indigo {
background-color: #3F51B5;
}
.modal-col-indigo .modal-body, .modal-col-indigo .modal-title {
color: #fff !important;
}
.modal-col-indigo .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-indigo .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-blue {
background-color: #03A9F4;
}
.modal-col-light-blue .modal-body, .modal-col-light-blue .modal-title {
color: #fff !important;
}
.modal-col-light-blue .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-light-blue .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-light-blue .modal-footer .btn-link:hover, .modal-col-light-blue .modal-footer .btn-link:active, .modal-col-light-blue .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-teal {
background-color: #009688;
}
.modal-col-teal .modal-body, .modal-col-teal .modal-title {
color: #fff !important;
}
.modal-col-teal .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-teal .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-lime {
background-color: #CDDC39;
}
.modal-col-lime .modal-body, .modal-col-lime .modal-title {
color: #fff !important;
}
.modal-col-lime .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-lime .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-lime .modal-footer .btn-link:hover, .modal-col-lime .modal-footer .btn-link:active, .modal-col-lime .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-amber {
background-color: #FFC107;
}
.modal-col-amber .modal-body, .modal-col-amber .modal-title {
color: #fff !important;
}
.modal-col-amber .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-amber .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-amber .modal-footer .btn-link:hover, .modal-col-amber .modal-footer .btn-link:active, .modal-col-amber .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-brown {
background-color: #795548;
}
.modal-col-brown .modal-body, .modal-col-brown .modal-title {
color: #fff !important;
}
.modal-col-brown .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-brown .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-brown .modal-footer .btn-link:hover, .modal-col-brown .modal-footer .btn-link:active, .modal-col-brown .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blush {
background-color: #0071b8;
}
.modal-col-blush .modal-body, .modal-col-blush .modal-title {
color: #fff !important;
}
.modal-col-blush .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-blush .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-blush .modal-footer .btn-link:hover, .modal-col-blush .modal-footer .btn-link:active, .modal-col-blush .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-black {
background-color: #000;
}
.modal-col-black .modal-body, .modal-col-black .modal-title {
color: #fff !important;
}
.modal-col-black .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-black .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-white {
background-color: #fff;
}
.modal-col-white .modal-body, .modal-col-white .modal-title {
color: #fff !important;
}
.modal-col-white .modal-footer {
background-color: rgba(0, 0, 0, 0.12);
}
.modal-col-white .modal-footer .btn-link {
color: #fff !important;
}
.modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus {
background-color: rgba(0, 0, 0, 0.12);
}
.label {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.label-primary {
background-color: #1f91f3;
}
.label-success {
background-color: #2b982b;
}
.label-info {
background-color: #00b0e4;
}
.label-warning {
background-color: #ff9600;
}
.label-danger {
background-color: #fb483a;
}
.collapse .well, .collapse.in .well, .collapsing .well {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-bottom: 0;
}
.table tbody tr td, .table tbody tr th {
padding: 10px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.table tbody tr.primary td, .table tbody tr.primary th {
background-color: #1f91f3;
color: #fff;
}
.table tbody tr.success td, .table tbody tr.success th {
background-color: #2b982b;
color: #fff;
}
.table tbody tr.info td, .table tbody tr.info th {
background-color: #00b0e4;
color: #fff;
}
.table tbody tr.warning td, .table tbody tr.warning th {
background-color: #ff9600;
color: #fff;
}
.table tbody tr.danger td, .table tbody tr.danger th {
background-color: #fb483a;
color: #fff;
}
.table thead tr th {
padding: 10px;
border-bottom: 1px solid #eee;
}
.table-bordered {
border-top: 1px solid #eee;
}
.table-bordered tbody tr td, .table-bordered tbody tr th {
padding: 10px;
border: 1px solid #eee;
}
.table-bordered thead tr th {
padding: 10px;
border: 1px solid #eee;
}
.panel-group .panel-col-red {
border: 1px solid #ec3b57;
}
.panel-group .panel-col-red .panel-title {
background-color: #ec3b57 !important;
color: #fff;
}
.panel-group .panel-col-red .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-pink {
border: 1px solid #E91E63;
}
.panel-group .panel-col-pink .panel-title {
background-color: #E91E63 !important;
color: #fff;
}
.panel-group .panel-col-pink .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-purple {
border: 1px solid #ba3bd0;
}
.panel-group .panel-col-purple .panel-title {
background-color: #ba3bd0 !important;
color: #fff;
}
.panel-group .panel-col-purple .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-deep-purple {
border: 1px solid #673AB7;
}
.panel-group .panel-col-deep-purple .panel-title {
background-color: #673AB7 !important;
color: #fff;
}
.panel-group .panel-col-deep-purple .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-blue {
border: 1px solid #457fca;
}
.panel-group .panel-col-blue .panel-title {
background-color: #457fca !important;
color: #fff;
}
.panel-group .panel-col-blue .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-cyan {
border: 1px solid #379c94;
}
.panel-group .panel-col-cyan .panel-title {
background-color: #379c94 !important;
color: #fff;
}
.panel-group .panel-col-cyan .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-green {
border: 1px solid #78b83e;
}
.panel-group .panel-col-green .panel-title {
background-color: #78b83e !important;
color: #fff;
}
.panel-group .panel-col-green .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-light-green {
border: 1px solid #8BC34A;
}
.panel-group .panel-col-light-green .panel-title {
background-color: #8BC34A !important;
color: #fff;
}
.panel-group .panel-col-light-green .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-yellow {
border: 1px solid #ffe821;
}
.panel-group .panel-col-yellow .panel-title {
background-color: #ffe821 !important;
color: #fff;
}
.panel-group .panel-col-yellow .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-orange {
border: 1px solid #FF9800;
}
.panel-group .panel-col-orange .panel-title {
background-color: #FF9800 !important;
color: #fff;
}
.panel-group .panel-col-orange .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-deep-orange {
border: 1px solid #f83600;
}
.panel-group .panel-col-deep-orange .panel-title {
background-color: #f83600 !important;
color: #fff;
}
.panel-group .panel-col-deep-orange .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-grey {
border: 1px solid #9E9E9E;
}
.panel-group .panel-col-grey .panel-title {
background-color: #9E9E9E !important;
color: #fff;
}
.panel-group .panel-col-grey .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-blue-grey {
border: 1px solid #607D8B;
}
.panel-group .panel-col-blue-grey .panel-title {
background-color: #607D8B !important;
color: #fff;
}
.panel-group .panel-col-blue-grey .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-indigo {
border: 1px solid #3F51B5;
}
.panel-group .panel-col-indigo .panel-title {
background-color: #3F51B5 !important;
color: #fff;
}
.panel-group .panel-col-indigo .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-light-blue {
border: 1px solid #03A9F4;
}
.panel-group .panel-col-light-blue .panel-title {
background-color: #03A9F4 !important;
color: #fff;
}
.panel-group .panel-col-light-blue .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-teal {
border: 1px solid #009688;
}
.panel-group .panel-col-teal .panel-title {
background-color: #009688 !important;
color: #fff;
}
.panel-group .panel-col-teal .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-lime {
border: 1px solid #CDDC39;
}
.panel-group .panel-col-lime .panel-title {
background-color: #CDDC39 !important;
color: #fff;
}
.panel-group .panel-col-lime .panel-body {
border-top-color: transparent !important;
}

.panel-group .panel-col-amber {
border: 1px solid #FFC107;
}
.panel-group .panel-col-amber .panel-title {
background-color: #FFC107 !important;
color: #fff;
}
.panel-group .panel-col-amber .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-brown {
border: 1px solid #795548;
}
.panel-group .panel-col-brown .panel-title {
background-color: #795548 !important;
color: #fff;
}
.panel-group .panel-col-brown .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-blush {
border: 1px solid #0071b8;
}
.panel-group .panel-col-blush .panel-title {
background-color: #0071b8 !important;
color: #fff;
}
.panel-group .panel-col-blush .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-black {
border: 1px solid #000;
}
.panel-group .panel-col-black .panel-title {
background-color: #000 !important;
color: #fff;
}
.panel-group .panel-col-black .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel-col-white {
border: 1px solid #fff;
}
.panel-group .panel-col-white .panel-title {
background-color: #fff !important;
color: #fff;
}
.panel-group .panel-col-white .panel-body {
border-top-color: transparent !important;
}
.panel-group .panel {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.panel-group .panel .panel-title .material-icons {
float: left;
line-height: 16px;
margin-right: 8px;
}
.panel-group .panel .panel-heading {
padding: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.panel-group .panel .panel-heading a {
display: block;
padding: 10px 15px;
}
.panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active {
text-decoration: none;
}
.panel-group .panel .panel-body {
color: #555;
}
.panel-group .panel-primary {
border: 1px solid #1f91f3;
}
.panel-group .panel-primary .panel-title {
background-color: #1f91f3;
}
.panel-group .panel-success {
border: 1px solid #2b982b;
}
.panel-group .panel-success .panel-title {
background-color: #2b982b;
color: #fff;
}
.panel-group .panel-warning {
border: 1px solid #ff9600;
}
.panel-group .panel-warning .panel-title {
background-color: #ff9600;
color: #fff;
}
.panel-group .panel-danger {
border: 1px solid #fb483a;
}
.panel-group .panel-danger .panel-title {
background-color: #fb483a;
color: #fff;
}
.full-body .panel-col-red .panel-body {
border-top-color: #fff !important;
background-color: #ec3b57;
color: #fff;
}
.full-body .panel-col-pink .panel-body {
border-top-color: #fff !important;
background-color: #E91E63;
color: #fff;
}
.full-body .panel-col-purple .panel-body {
border-top-color: #fff !important;
background-color: #ba3bd0;
color: #fff;
}
.full-body .panel-col-deep-purple .panel-body {
border-top-color: #fff !important;
background-color: #673AB7;
color: #fff;
}
.full-body .panel-col-blue .panel-body {
border-top-color: #fff !important;
background-color: #457fca;
color: #fff;
}
.full-body .panel-col-cyan .panel-body {
border-top-color: #fff !important;
background-color: #379c94;
color: #fff;
}
.full-body .panel-col-green .panel-body {
border-top-color: #fff !important;
background-color: #78b83e;
color: #fff;
}
.full-body .panel-col-light-green .panel-body {
border-top-color: #fff !important;
background-color: #8BC34A;
color: #fff;
}
.full-body .panel-col-yellow .panel-body {
border-top-color: #fff !important;
background-color: #ffe821;
color: #fff;
}
.full-body .panel-col-orange .panel-body {
border-top-color: #fff !important;
background-color: #FF9800;
color: #fff;
}
.full-body .panel-col-deep-orange .panel-body {
border-top-color: #fff !important;
background-color: #f83600;
color: #fff;
}
.full-body .panel-col-grey .panel-body {
border-top-color: #fff !important;
background-color: #9E9E9E;
color: #fff;
}
.full-body .panel-col-blue-grey .panel-body {
border-top-color: #fff !important;
background-color: #607D8B;
color: #fff;
}
.full-body .panel-col-indigo .panel-body {
border-top-color: #fff !important;
background-color: #3F51B5;
color: #fff;
}
.full-body .panel-col-light-blue .panel-body {
border-top-color: #fff !important;
background-color: #03A9F4;
color: #fff;
}
.full-body .panel-col-teal .panel-body {
border-top-color: #fff !important;
background-color: #009688;
color: #fff;
}
.full-body .panel-col-lime .panel-body {
border-top-color: #fff !important;
background-color: #CDDC39;
color: #fff;
}
.full-body .panel-col-amber .panel-body {
border-top-color: #fff !important;
background-color: #FFC107;
color: #fff;
}
.full-body .panel-col-brown .panel-body {
border-top-color: #fff !important;
background-color: #795548;
color: #fff;
}
.full-body .panel-col-blush .panel-body {
border-top-color: #fff !important;
background-color: #0071b8;
color: #fff;
}
.full-body .panel-col-black .panel-body {
border-top-color: #fff !important;
background-color: #000;
color: #fff;
}
.full-body .panel-col-white .panel-body {
border-top-color: #fff !important;
background-color: #fff;
color: #fff;
}
.full-body .panel-primary .panel-body {
border-top-color: #fff !important;
background-color: #1f91f3;
color: #fff;
}
.full-body .panel-success .panel-body {
border-top-color: #fff !important;
background-color: #2b982b;
color: #fff;
}
.full-body .panel-warning .panel-body {
border-top-color: #fff !important;
background-color: #ff9600;
color: #fff;
}
.full-body .panel-danger .panel-body {
border-top-color: #fff !important;
background-color: #fb483a;
color: #fff;
}
.progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
height: 22px;
}
.progress .progress-bar {
line-height: 23px;
background-color: #1f91f3;
}
.progress .progress-bar-success {
background-color: #2b982b;
}
.progress .progress-bar-info {
background-color: #00b0e4;
}
.progress .progress-bar-warning {
background-color: #ff9600;
}
.progress .progress-bar-danger {
background-color: #fb483a;
}
.irs .irs-min, .irs .irs-max, .irs .irs-from, .irs .irs-to, .irs .irs-single {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.input-group {
width: 100%;
margin-bottom: 20px;
}
.input-group .form-line {
display: inline-block;
width: 100%;
border-bottom: 1px solid #ddd;
position: relative;
}
.input-group .form-line:after {
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: -2px;
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-moz-transition: 0.25s ease-in;
-o-transition: 0.25s ease-in;
-webkit-transition: 0.25s ease-in;
transition: 0.25s ease-in;
border-bottom: 2px solid #1f91f3;
}
.input-group .form-line+.input-group-addon {
padding-right: 0;
padding-left: 10px;
}
.input-group .help-info {
float: right;
font-size: 12px;
margin-top: 5px;
color: #999;
}
.input-group label.error {
font-size: 12px;
display: block;
margin-top: 5px;
font-weight: normal;
color: #F44336;
}
.input-group .form-line.error:after {
border-bottom: 2px solid #F44336;
}
.input-group .form-line.success:after {
border-bottom: 2px solid #4CAF50;
}
.input-group .form-line.warning:after {
border-bottom: 2px solid #FFC107;
}
.input-group .form-line.focused:after {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.input-group .form-line.focused .form-label {
bottom: 25px;
left: 0;
font-size: 12px;
}
.input-group .input-group-addon {
border: none;
background-color: transparent;
padding-left: 0;
font-weight: bold;
}
.input-group .input-group-addon .material-icons {
font-size: 18px;
color: #555;
}
.input-group input[type="text"], .input-group .form-control {
border: none;
box-shadow: none;
padding-left: 0;
}
.input-group .form-control:focus {
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
-ms-box-shadow: none !important;
box-shadow: none !important;
}
.input-group.input-group-sm .input-group-addon i {
font-size: 14px;
}
.input-group.input-group-sm .form-control {
font-size: 12px;
}
.input-group.input-group-lg .input-group-addon i {
font-size: 26px;
}
.input-group.input-group-lg .form-control {
font-size: 18px;
}
.form-control-label {
text-align: right;
}
.form-control-label label {
margin-top: 8px;
}
.form-horizontal .form-group {
margin-bottom: 0;
}
.form-group {
width: 100%;
margin-bottom: 10px;
}
.form-group .form-control {
width: 100%;
border: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding-left: 0;
}
.form-group .help-info {
float: right;
font-size: 12px;
margin-top: 5px;
color: #999;
}
.form-group label.error {
font-size: 12px;
display: block;
margin-top: 5px;
font-weight: normal;
color: #F44336;
}
.form-group .form-line {
width: 100%;
position: relative;
border-bottom: 1px solid #ddd;
}
.form-group .form-line:after {
content: '';
position: absolute;
left: 0;
width: 100%;
height: 0;
bottom: -1px;
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
-moz-transition: 0.25s ease-in;
-o-transition: 0.25s ease-in;
-webkit-transition: 0.25s ease-in;
transition: 0.25s ease-in;
border-bottom: 2px solid #1f91f3;
}
.form-group .form-line .form-label {
font-weight: normal;
color: #aaa;
position: absolute;
top: 10px;
left: 0;
cursor: text;
-moz-transition: .2s;
-o-transition: .2s;
-webkit-transition: .2s;
transition: .2s;
}
.form-group .form-line.error:after {
border-bottom: 2px solid #F44336;
}
.form-group .form-line.success:after {
border-bottom: 2px solid #4CAF50;
}
.form-group .form-line.warning:after {
border-bottom: 2px solid #FFC107;
}
.form-group .form-line.focused:after {
-moz-transform: scaleX(1);
-ms-transform: scaleX(1);
-o-transform: scaleX(1);
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
.form-group .form-line.focused .form-label {
top: -10px;
left: 0;
font-size: 12px;
}
.form-group-sm .form-label {
font-size: 12px;
}
.form-group-sm .form-line.focused .form-label {
bottom: 20px;
font-size: 10px;
}
.form-group-lg .form-label {
font-size: 18px;
}
.form-group-lg .form-line.focused .form-label {
bottom: 35px;
font-size: 12px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background-color: transparent;
}
.colorpicker {
z-index: 1;
}
.colorpicker:before, .colorpicker:after {
display: none !important;
}
.dropzone {
border: 2px solid transparent !important;
background-color: #eee !important;
}
.dropzone .dz-message .drag-icon-cph .material-icons {
font-size: 80px;
color: #777;
}
.dz-drag-hover {
border: 2px dashed #888 !important;
}
.breadcrumb {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
background-color: transparent;
font-size: 14px;
margin-bottom: 10px;
}
.breadcrumb li a {
color: #444;
text-decoration: none;
}
.breadcrumb li a .material-icons {
font-size: 18px;
position: relative;
top: 0px;
}
.breadcrumb li .material-icons {
font-size: 18px;
position: relative;
top: 4px;
}
.breadcrumb>li+li:before {
content: '>\00a0'}
.breadcrumb-col-red li a {
color: #ec3b57 !important;
font-weight: bold;
}
.breadcrumb-bg-red {
background-color: #ec3b57 !important;
}
.breadcrumb-bg-red li {
color: #fff !important;
}
.breadcrumb-bg-red li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-red li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-red li+li:before {
color: #fff;
}
.breadcrumb-col-pink li a {
color: #E91E63 !important;
font-weight: bold;
}
.breadcrumb-bg-pink {
background-color: #E91E63 !important;
}
.breadcrumb-bg-pink li {
color: #fff !important;
}
.breadcrumb-bg-pink li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-pink li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-pink li+li:before {
color: #fff;
}
.breadcrumb-col-purple li a {
color: #ba3bd0 !important;
font-weight: bold;
}
.breadcrumb-bg-purple {
background-color: #ba3bd0 !important;
}
.breadcrumb-bg-purple li {
color: #fff !important;
}
.breadcrumb-bg-purple li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-purple li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-purple li+li:before {
color: #fff;
}
.breadcrumb-col-deep-purple li a {
color: #673AB7 !important;
font-weight: bold;
}
.breadcrumb-bg-deep-purple {
background-color: #673AB7 !important;
}
.breadcrumb-bg-deep-purple li {
color: #fff !important;
}
.breadcrumb-bg-deep-purple li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-deep-purple li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-deep-purple li+li:before {
color: #fff;
}
.breadcrumb-col-blue li a {
color: #457fca !important;
font-weight: bold;
}
.breadcrumb-bg-blue {
background-color: #457fca !important;
}
.breadcrumb-bg-blue li {
color: #fff !important;
}
.breadcrumb-bg-blue li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-blue li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-blue li+li:before {
color: #fff;
}
.breadcrumb-col-cyan li a {
color: #379c94 !important;
font-weight: bold;
}
.breadcrumb-bg-cyan {
background-color: #379c94 !important;
}
.breadcrumb-bg-cyan li {
color: #fff !important;
}
.breadcrumb-bg-cyan li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-cyan li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-cyan li+li:before {
color: #fff;
}
.breadcrumb-col-green li a {
color: #78b83e !important;
font-weight: bold;
}
.breadcrumb-bg-green {
background-color: #78b83e !important;
}
.breadcrumb-bg-green li {
color: #fff !important;
}
.breadcrumb-bg-green li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-green li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-green li+li:before {
color: #fff;
}
.breadcrumb-col-light-green li a {
color: #8BC34A !important;
font-weight: bold;
}
.breadcrumb-bg-light-green {
background-color: #8BC34A !important;
}
.breadcrumb-bg-light-green li {
color: #fff !important;
}
.breadcrumb-bg-light-green li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-light-green li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-light-green li+li:before {
color: #fff;
}
.breadcrumb-col-yellow li a {
color: #ffe821 !important;
font-weight: bold;
}
.breadcrumb-bg-yellow {
background-color: #ffe821 !important;
}
.breadcrumb-bg-yellow li {
color: #fff !important;
}
.breadcrumb-bg-yellow li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-yellow li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-yellow li+li:before {
color: #fff;
}
.breadcrumb-col-orange li a {
color: #FF9800 !important;
font-weight: bold;
}
.breadcrumb-bg-orange {
background-color: #FF9800 !important;
}
.breadcrumb-bg-orange li {
color: #fff !important;
}
.breadcrumb-bg-orange li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-orange li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-orange li+li:before {
color: #fff;
}
.breadcrumb-col-deep-orange li a {
color: #f83600 !important;
font-weight: bold;
}
.breadcrumb-bg-deep-orange {
background-color: #f83600 !important;
}
.breadcrumb-bg-deep-orange li {
color: #fff !important;
}
.breadcrumb-bg-deep-orange li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-deep-orange li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-deep-orange li+li:before {
color: #fff;
}
.breadcrumb-col-grey li a {
color: #9E9E9E !important;
font-weight: bold;
}
.breadcrumb-bg-grey {
background-color: #9E9E9E !important;
}
.breadcrumb-bg-grey li {
color: #fff !important;
}
.breadcrumb-bg-grey li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-grey li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-grey li+li:before {
color: #fff;
}
.breadcrumb-col-blue-grey li a {
color: #607D8B !important;
font-weight: bold;
}
.breadcrumb-bg-blue-grey {
background-color: #607D8B !important;
}
.breadcrumb-bg-blue-grey li {
color: #fff !important;
}
.breadcrumb-bg-blue-grey li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-blue-grey li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-blue-grey li+li:before {
color: #fff;
}
.breadcrumb-col-indigo li a {
color: #3F51B5 !important;
font-weight: bold;
}
.breadcrumb-bg-indigo {
background-color: #3F51B5 !important;
}
.breadcrumb-bg-indigo li {
color: #fff !important;
}
.breadcrumb-bg-indigo li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-indigo li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-indigo li+li:before {
color: #fff;
}
.breadcrumb-col-light-blue li a {
color: #03A9F4 !important;
font-weight: bold;
}
.breadcrumb-bg-light-blue {
background-color: #03A9F4 !important;
}
.breadcrumb-bg-light-blue li {
color: #fff !important;
}
.breadcrumb-bg-light-blue li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-light-blue li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-light-blue li+li:before {
color: #fff;
}
.breadcrumb-col-teal li a {
color: #009688 !important;
font-weight: bold;
}
.breadcrumb-bg-teal {
background-color: #009688 !important;
}
.breadcrumb-bg-teal li {
color: #fff !important;
}
.breadcrumb-bg-teal li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-teal li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-teal li+li:before {
color: #fff;
}
.breadcrumb-col-lime li a {
color: #CDDC39 !important;
font-weight: bold;
}
.breadcrumb-bg-lime {
background-color: #CDDC39 !important;
}
.breadcrumb-bg-lime li {
color: #fff !important;
}
.breadcrumb-bg-lime li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-lime li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-lime li+li:before {
color: #fff;
}
.breadcrumb-col-amber li a {
color: #FFC107 !important;
font-weight: bold;
}
.breadcrumb-bg-amber {
background-color: #FFC107 !important;
}
.breadcrumb-bg-amber li {
color: #fff !important;
}
.breadcrumb-bg-amber li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-amber li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-amber li+li:before {
color: #fff;
}
.breadcrumb-col-brown li a {
color: #795548 !important;
font-weight: bold;
}
.breadcrumb-bg-brown {
background-color: #795548 !important;
}
.breadcrumb-bg-brown li {
color: #fff !important;
}
.breadcrumb-bg-brown li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-brown li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-brown li+li:before {
color: #fff;
}
.breadcrumb-col-blush li a {
color: #0071b8 !important;
font-weight: bold;
}
.breadcrumb-bg-blush {
background-color: #0071b8 !important;
}
.breadcrumb-bg-blush li {
color: #fff !important;
}
.breadcrumb-bg-blush li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-blush li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-blush li+li:before {
color: #fff;
}
.breadcrumb-col-black li a {
color: #000 !important;
font-weight: bold;
}
.breadcrumb-bg-black {
background-color: #000 !important;
}
.breadcrumb-bg-black li {
color: #fff !important;
}
.breadcrumb-bg-black li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-black li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-black li+li:before {
color: #fff;
}
.breadcrumb-col-white li a {
color: #fff !important;
font-weight: bold;
}
.breadcrumb-bg-white {
background-color: #fff !important;
}
.breadcrumb-bg-white li {
color: #fff !important;
}
.breadcrumb-bg-white li a {
color: #fff;
font-weight: bold;
}
.breadcrumb-bg-white li a .material-icons {
padding-bottom: 8px;
}
.breadcrumb-bg-white li+li:before {
color: #fff;
}
.breadcrumb.g-bg-cgreen li, .breadcrumb.g-bg-blush2 li, .breadcrumb.g-bg-gy li, .breadcrumb.g-bg-soundcloud2 li {
color: #fff;
}
.breadcrumb.g-bg-cgreen li a, .breadcrumb.g-bg-blush2 li a, .breadcrumb.g-bg-gy li a, .breadcrumb.g-bg-soundcloud2 li a {
color: #fff;
}
.badge {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
}
.list-group-item {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.list-group .active {
background-color: #2196F3;
border-color: #2196F3;
}
.list-group .active:hover, .list-group .active:focus, .list-group .active:active {
background-color: #2196F3;
border-color: #2196F3;
}
.list-group .active .list-group-item-text {
color: #dfe9f1;
font-size: 13px;
}
.list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus {
color: #dfe9f1;
}
.list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text {
color: #dfe9f1;
}
.list-group .list-group-item:first-child, .list-group .list-group-item:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.list-group .list-group-item .list-group-item-heading {
font-weight: bold;
font-size: 17px;
}
.list-group .list-group-item-success {
background-color: #2b982b;
border: none;
color: #fff;
}
.list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus {
background-color: #2b982b;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-info {
background-color: #00b0e4;
border: none;
color: #fff;
}
.list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus {
background-color: #00b0e4;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-warning {
background-color: #ff9600;
border: none;
color: #fff;
}
.list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus {
background-color: #ff9600;
color: #fff;
opacity: 0.8;
}
.list-group .list-group-item-danger {
background-color: #fb483a;
border: none;
color: #fff;
}
.list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus {
background-color: #fb483a;
color: #fff;
opacity: 0.8;
}
.list-group .pl-red {
stroke: #ec3b57;
}
.list-group .list-group-bg-red {
background-color: #ec3b57;
border: none;
color: #fff;
}
.list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus {
background-color: #ec3b57;
color: #fff;
opacity: 0.8;
}
.list-group .pl-pink {
stroke: #E91E63;
}
.list-group .list-group-bg-pink {
background-color: #E91E63;
border: none;
color: #fff;
}
.list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus {
background-color: #E91E63;
color: #fff;
opacity: 0.8;
}
.list-group .pl-purple {
stroke: #ba3bd0;
}
.list-group .list-group-bg-purple {
background-color: #ba3bd0;
border: none;
color: #fff;
}
.list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus {
background-color: #ba3bd0;
color: #fff;
opacity: 0.8;
}
.list-group .pl-deep-purple {
stroke: #673AB7;
}
.list-group .list-group-bg-deep-purple {
background-color: #673AB7;
border: none;
color: #fff;
}
.list-group .list-group-bg-deep-purple:hover, .list-group .list-group-bg-deep-purple:focus {
background-color: #673AB7;
color: #fff;
opacity: 0.8;
}
.list-group .pl-blue {
stroke: #457fca;
}
.list-group .list-group-bg-blue {
background-color: #457fca;
border: none;
color: #fff;
}
.list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus {
background-color: #457fca;
color: #fff;
opacity: 0.8;
}
.list-group .pl-cyan {
stroke: #379c94;
}
.list-group .list-group-bg-cyan {
background-color: #379c94;
border: none;
color: #fff;
}
.list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus {
background-color: #379c94;
color: #fff;
opacity: 0.8;
}
.list-group .pl-green {
stroke: #78b83e;
}
.list-group .list-group-bg-green {
background-color: #78b83e;
border: none;
color: #fff;
}
.list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus {
background-color: #78b83e;
color: #fff;
opacity: 0.8;
}
.list-group .pl-light-green {
stroke: #8BC34A;
}
.list-group .list-group-bg-light-green {
background-color: #8BC34A;
border: none;
color: #fff;
}
.list-group .list-group-bg-light-green:hover, .list-group .list-group-bg-light-green:focus {
background-color: #8BC34A;
color: #fff;
opacity: 0.8;
}
.list-group .pl-yellow {
stroke: #ffe821;
}
.list-group .list-group-bg-yellow {
background-color: #ffe821;
border: none;
color: #fff;
}
.list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus {
background-color: #ffe821;
color: #fff;
opacity: 0.8;
}
.list-group .pl-orange {
stroke: #FF9800;
}
.list-group .list-group-bg-orange {
background-color: #FF9800;
border: none;
color: #fff;
}
.list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus {
background-color: #FF9800;
color: #fff;
opacity: 0.8;
}
.list-group .pl-deep-orange {
stroke: #f83600;
}
.list-group .list-group-bg-deep-orange {
background-color: #f83600;
border: none;
color: #fff;
}
.list-group .list-group-bg-deep-orange:hover, .list-group .list-group-bg-deep-orange:focus {
background-color: #f83600;
color: #fff;
opacity: 0.8;
}
.list-group .pl-grey {
stroke: #9E9E9E;
}
.list-group .list-group-bg-grey {
background-color: #9E9E9E;
border: none;
color: #fff;
}
.list-group .list-group-bg-grey:hover, .list-group .list-group-bg-grey:focus {
background-color: #9E9E9E;
color: #fff;
opacity: 0.8;
}
.list-group .pl-blue-grey {
stroke: #607D8B;
}
.list-group .list-group-bg-blue-grey {
background-color: #607D8B;
border: none;
color: #fff;
}
.list-group .list-group-bg-blue-grey:hover, .list-group .list-group-bg-blue-grey:focus {
background-color: #607D8B;
color: #fff;
opacity: 0.8;
}
.list-group .pl-indigo {
stroke: #3F51B5;
}
.list-group .list-group-bg-indigo {
background-color: #3F51B5;
border: none;
color: #fff;
}
.list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus {
background-color: #3F51B5;
color: #fff;
opacity: 0.8;
}
.list-group .pl-light-blue {
stroke: #03A9F4;
}
.list-group .list-group-bg-light-blue {
background-color: #03A9F4;
border: none;
color: #fff;
}
.list-group .list-group-bg-light-blue:hover, .list-group .list-group-bg-light-blue:focus {
background-color: #03A9F4;
color: #fff;
opacity: 0.8;
}
.list-group .pl-teal {
stroke: #009688;
}
.list-group .list-group-bg-teal {
background-color: #009688;
border: none;
color: #fff;
}
.list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus {
background-color: #009688;
color: #fff;
opacity: 0.8;
}
.list-group .pl-lime {
stroke: #CDDC39;
}
.list-group .list-group-bg-lime {
background-color: #CDDC39;
border: none;
color: #fff;
}
.list-group .list-group-bg-lime:hover, .list-group .list-group-bg-lime:focus {
background-color: #CDDC39;
color: #fff;
opacity: 0.8;
}
.list-group .pl-amber {
stroke: #FFC107;
}
.list-group .list-group-bg-amber {
background-color: #FFC107;
border: none;
color: #fff;
}
.list-group .list-group-bg-amber:hover, .list-group .list-group-bg-amber:focus {
background-color: #FFC107;
color: #fff;
opacity: 0.8;
}
.list-group .pl-brown {
stroke: #795548;
}
.list-group .list-group-bg-brown {
background-color: #795548;
border: none;
color: #fff;
}
.list-group .list-group-bg-brown:hover, .list-group .list-group-bg-brown:focus {
background-color: #795548;
color: #fff;
opacity: 0.8;
}
.list-group .pl-blush {
stroke: #0071b8;
}
.list-group .list-group-bg-blush {
background-color: #0071b8;
border: none;
color: #fff;
}
.list-group .list-group-bg-blush:hover, .list-group .list-group-bg-blush:focus {
background-color: #0071b8;
color: #fff;
opacity: 0.8;
}
.list-group .pl-black {
stroke: #000;
}
.list-group .list-group-bg-black {
background-color: #000;
border: none;
color: #fff;
}
.list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus {
background-color: #000;
color: #fff;
opacity: 0.8;
}
.list-group .pl-white {
stroke: #fff;
}
.list-group .list-group-bg-white {
background-color: #fff;
border: none;
color: #fff;
}
.list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus {
background-color: #fff;
color: #fff;
opacity: 0.8;
}
.pager li>a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
border: none;
background-color: transparent;
color: #222;
font-weight: bold;
}
.pager li a:focus, .pager li a:active {
background-color: transparent;
}
.pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus, .pagination .disabled a:active {
color: #bbb;
}
.pagination li.active a {
background-color: #2196F3;
}
.pagination li {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.pagination li a:focus, .pagination li a:active {
background-color: transparent;
color: #555;
}
.pagination>li>a {
border: none;
font-weight: bold;
color: #555;
}
.pagination>li:first-child>a, .pagination>li:last-child>a {
width: auto;
height: 32px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.pagination>li:first-child>a .material-icons, .pagination>li:last-child>a .material-icons {
position: relative;
bottom: 2px;
}
.pagination-sm>li:first-child>a, .pagination-sm>li:last-child>a {
width: 28px;
height: 28px;
}
.pagination-sm>li:first-child>a .material-icons, .pagination-sm>li:last-child>a .material-icons {
position: relative;
top: -1px;
left: -6px;
font-size: 20px;
}
.pagination-lg>li:first-child>a, .pagination-lg>li:last-child>a {
width: 44px;
height: 44px;
}
.pagination-lg>li:first-child>a .material-icons, .pagination-lg>li:last-child>a .material-icons {
font-size: 30px;
position: relative;
top: -3px;
left: -10px;
}
.media {
margin-bottom: 20px;
}
.media .media-body {
color: #777;
font-size: 13px;
}
.media .media-body .media-heading {
font-size: 16px;
font-weight: bold;
color: #333;
}
.wizard, .tabcontrol {
display: block;
width: 100%;
overflow: hidden;
}
.wizard a, .tabcontrol a {
outline: 0;
}
.wizard ul, .tabcontrol ul {
list-style: none !important;
padding: 0;
margin: 0;
}
.wizard ul>li, .tabcontrol ul>li {
display: block;
padding: 0;
}
.wizard>.steps .current-info, .tabcontrol>.steps .current-info, .wizard>.content>.title, .tabcontrol>.content>.title {
position: absolute;
left: -999em;
}
.wizard>.steps {
position: relative;
display: block;
width: 100%}
.wizard.vertical>.steps {
float: left;
width: 30%}
.wizard.vertical>.steps>ul>li {
float: none;
width: 100%}
.wizard.vertical>.content {
float: left;
margin: 0 0 0.5em 0;
width: 70%}
.wizard.vertical>.actions {
float: right;
width: 100%}
.wizard.vertical>.actions>ul>li {
margin: 0 0 0 1em;
}
.wizard>.steps .number {
font-size: 1.429em;
}
.wizard>.steps>ul>li {
width: 25%;
float: left;
}
.wizard>.actions>ul>li {
float: left;
}
.wizard>.steps a {
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 1em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard>.steps a:hover, .wizard>.steps a:active {
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 1em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard>.steps .disabled a {
background: #eee;
color: #aaa;
cursor: default;
}
.wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active {
background: #eee;
color: #aaa;
cursor: default;
}
.wizard>.steps .current a {
background: #2184be;
color: #fff;
cursor: default;
}
.wizard>.steps .current a:hover, .wizard>.steps .current a:active {
background: #2184be;
color: #fff;
cursor: default;
}
.wizard>.steps .done a {
background: #9dc8e2;
color: #fff;
}
.wizard>.steps .done a:hover, .wizard>.steps .done a:active {
background: #9dc8e2;
color: #fff;
}
.wizard>.steps .error a {
background: #ff3111;
color: #fff;
}
.wizard>.steps .error a:hover, .wizard>.steps .error a:active {
background: #ff3111;
color: #fff;
}
.wizard>.content {
border: 1px solid #ddd;
display: block;
margin: 0.5em;
min-height: 35em;
overflow: hidden;
position: relative;
width: auto;
}
.wizard>.actions {
position: relative;
display: block;
text-align: right;
width: 100%}
.wizard>.actions>ul {
display: inline-block;
text-align: right;
}
.wizard>.actions>ul>li {
margin: 0 0.5em;
}
.wizard>.actions a {
background: #009688;
color: #fff;
display: block;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.wizard>.actions a:hover, .wizard>.actions a:active {
background: #009688;
color: #fff;
display: block;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.wizard>.actions .disabled a {
background: #eee;
color: #aaa;
}
.wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active {
background: #eee;
color: #aaa;
}
.tabcontrol>.steps {
position: relative;
display: block;
width: 100%}
.tabcontrol>.steps>ul {
position: relative;
margin: 6px 0 0 0;
top: 1px;
z-index: 1;
}
.tabcontrol>.steps>ul>li {
float: left;
margin: 5px 2px 0 0;
padding: 1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabcontrol>.steps>ul>li:hover {
background: #edecec;
border: 1px solid #bbb;
padding: 0;
}
.tabcontrol>.steps>ul>li.current {
background: #fff;
border: 1px solid #bbb;
border-bottom: 0 none;
padding: 0 0 1px 0;
margin-top: 0;
}
.tabcontrol>.steps>ul>li.current>a {
padding: 15px 30px 10px 30px;
}
.tabcontrol>.steps>ul>li>a {
color: #5f5f5f;
display: inline-block;
border: 0 none;
margin: 0;
padding: 10px 30px;
text-decoration: none;
}
.tabcontrol>.steps>ul>li>a:hover {
text-decoration: none;
}
.tabcontrol>.content {
position: relative;
display: inline-block;
width: 100%;
height: 35em;
overflow: hidden;
border-top: 1px solid #bbb;
padding-top: 20px;
}
.tabcontrol>.content>.body {
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%}
.tabcontrol>.content>.body ul {
list-style: disc !important;
}
.tabcontrol>.content>.body ul>li {
display: list-item;
}
.wizard .content {
min-height: 245px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
overflow-y: auto;
}
.wizard .content .body {
padding: 15px;
}
.wizard .steps a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.wizard .steps .done a {
background-color: rgba(0, 150, 136, 0.6);
}
.wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus {
background-color: rgba(0, 150, 136, 0.5);
}
.wizard .steps .error a {
background-color: #F44336 !important;
}
.wizard .steps .current a {
background-color: #009688;
}
.wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover {
background-color: #009688;
}
.waves-effect.waves-red .waves-ripple {
background: rgba(236, 59, 87, 0.5);
}
.waves-effect.waves-pink .waves-ripple {
background: rgba(233, 30, 99, 0.5);
}
.waves-effect.waves-purple .waves-ripple {
background: rgba(186, 59, 208, 0.5);
}
.waves-effect.waves-deep-purple .waves-ripple {
background: rgba(103, 58, 183, 0.5);
}
.waves-effect.waves-blue .waves-ripple {
background: rgba(69, 127, 202, 0.5);
}
.waves-effect.waves-cyan .waves-ripple {
background: rgba(55, 156, 148, 0.5);
}
.waves-effect.waves-green .waves-ripple {
background: rgba(120, 184, 62, 0.5);
}
.waves-effect.waves-light-green .waves-ripple {
background: rgba(139, 195, 74, 0.5);
}
.waves-effect.waves-yellow .waves-ripple {
background: rgba(255, 232, 33, 0.5);
}
.waves-effect.waves-orange .waves-ripple {
background: rgba(255, 152, 0, 0.5);
}
.waves-effect.waves-deep-orange .waves-ripple {
background: rgba(248, 54, 0, 0.5);
}
.waves-effect.waves-grey .waves-ripple {
background: rgba(158, 158, 158, 0.5);
}
.waves-effect.waves-blue-grey .waves-ripple {
background: rgba(96, 125, 139, 0.5);
}
.waves-effect.waves-indigo .waves-ripple {
background: rgba(63, 81, 181, 0.5);
}
.waves-effect.waves-light-blue .waves-ripple {
background: rgba(3, 169, 244, 0.5);
}
.waves-effect.waves-teal .waves-ripple {
background: rgba(0, 150, 136, 0.5);
}
.waves-effect.waves-lime .waves-ripple {
background: rgba(205, 220, 57, 0.5);
}
.waves-effect.waves-amber .waves-ripple {
background: rgba(255, 193, 7, 0.5);
}
.waves-effect.waves-brown .waves-ripple {
background: rgba(121, 85, 72, 0.5);
}
.waves-effect.waves-blush .waves-ripple {
background: rgba(241, 95, 121, 0.5);
}
.waves-effect.waves-black .waves-ripple {
background: rgba(0, 0, 0, 0.5);
}
.waves-effect.waves-white .waves-ripple {
background: rgba(255, 255, 255, 0.5);
}
.md-preloader .pl-red {
stroke: #ec3b57;
}
.md-preloader .pl-pink {
stroke: #E91E63;
}
.md-preloader .pl-purple {
stroke: #ba3bd0;
}
.md-preloader .pl-deep-purple {
stroke: #673AB7;
}
.md-preloader .pl-blue {
stroke: #457fca;
}
.md-preloader .pl-cyan {
stroke: #379c94;
}
.md-preloader .pl-green {
stroke: #78b83e;
}
.md-preloader .pl-light-green {
stroke: #8BC34A;
}
.md-preloader .pl-yellow {
stroke: #ffe821;
}
.md-preloader .pl-orange {
stroke: #FF9800;
}
.md-preloader .pl-deep-orange {
stroke: #f83600;
}
.md-preloader .pl-grey {
stroke: #9E9E9E;
}
.md-preloader .pl-blue-grey {
stroke: #607D8B;
}
.md-preloader .pl-indigo {
stroke: #3F51B5;
}
.md-preloader .pl-light-blue {
stroke: #03A9F4;
}
.md-preloader .pl-teal {
stroke: #009688;
}
.md-preloader .pl-lime {
stroke: #CDDC39;
}
.md-preloader .pl-amber {
stroke: #FFC107;
}
.md-preloader .pl-brown {
stroke: #795548;
}
.md-preloader .pl-blush {
stroke: #0071b8;
}
.md-preloader .pl-black {
stroke: #000;
}
.md-preloader .pl-white {
stroke: #fff;
}
.preloader {
display: inline-block;
position: relative;
width: 50px;
height: 50px;
-webkit-animation: container-rotate 1568ms linear infinite;
-moz-animation: container-rotate 1568ms linear infinite;
-o-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite;
}
.preloader.pl-size-xl {
width: 75px;
height: 75px;
}
.preloader.pl-size-l {
width: 60px;
height: 60px;
}
.preloader.pl-size-md {
width: 50px;
height: 50px;
}
.preloader.pl-size-sm {
width: 40px;
height: 40px;
}
.preloader.pl-size-xs {
width: 25px;
height: 25px;
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
border-color: #F44336;
-ms-opacity: 1;
opacity: 1;
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
-moz-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
-o-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
}
.spinner-layer.pl-red {
border-color: #ec3b57;
}
.spinner-layer.pl-pink {
border-color: #E91E63;
}
.spinner-layer.pl-purple {
border-color: #ba3bd0;
}
.spinner-layer.pl-deep-purple {
border-color: #673AB7;
}
.spinner-layer.pl-blue {
border-color: #457fca;
}
.spinner-layer.pl-cyan {
border-color: #379c94;
}
.spinner-layer.pl-green {
border-color: #78b83e;
}
.spinner-layer.pl-light-green {
border-color: #8BC34A;
}
.spinner-layer.pl-yellow {
border-color: #ffe821;
}
.spinner-layer.pl-orange {
border-color: #FF9800;
}
.spinner-layer.pl-deep-orange {
border-color: #f83600;
}
.spinner-layer.pl-grey {
border-color: #9E9E9E;
}
.spinner-layer.pl-blue-grey {
border-color: #607D8B;
}
.spinner-layer.pl-indigo {
border-color: #3F51B5;
}
.spinner-layer.pl-light-blue {
border-color: #03A9F4;
}
.spinner-layer.pl-teal {
border-color: #009688;
}
.spinner-layer.pl-lime {
border-color: #CDDC39;
}
.spinner-layer.pl-amber {
border-color: #FFC107;
}
.spinner-layer.pl-brown {
border-color: #795548;
}
.spinner-layer.pl-blush {
border-color: #0071b8;
}
.spinner-layer.pl-black {
border-color: #000;
}
.spinner-layer.pl-white {
border-color: #fff;
}
.right {
float: right !important;
}
.gap-patch {
position: absolute;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.gap-patch.circle {
width: 1000%;
left: -450%}
.circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit;
}
.circle-clipper .circle {
width: 200%;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-animation: none;
animation: none;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.circle-clipper.left .circle {
left: 0;
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
-moz-transform: rotate(129deg);
-ms-transform: rotate(129deg);
-o-transform: rotate(129deg);
transform: rotate(129deg);
-webkit-animation: left-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
-moz-animation: left-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
-o-animation: left-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
}
.circle-clipper.right .circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
-moz-transform: rotate(-129deg);
-ms-transform: rotate(-129deg);
-o-transform: rotate(-129deg);
transform: rotate(-129deg);
-webkit-animation: right-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
-moz-animation: right-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
-o-animation: right-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4,  0,  0.2,  1) infinite both;
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}@keyframes container-rotate {
to {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}@-webkit-keyframes fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg);
}
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg);
}
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg);
}
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg);
}
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg);
}
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg);
}
to {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg);
}
}@keyframes fill-unfill-rotate {
12.5% {
transform: rotate(135deg);
}
25% {
transform: rotate(270deg);
}
37.5% {
transform: rotate(405deg);
}
50% {
transform: rotate(540deg);
}
62.5% {
transform: rotate(675deg);
}
75% {
transform: rotate(810deg);
}
87.5% {
transform: rotate(945deg);
}
to {
transform: rotate(1080deg);
}
}@-webkit-keyframes left-spin {
from {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(130deg);
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
transform: rotate(130deg);
}
}@keyframes left-spin {
from {
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
50% {
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-moz-transform: rotate(130deg);
-ms-transform: rotate(130deg);
-o-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg);
}
}@-webkit-keyframes right-spin {
from {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-webkit-transform: rotate(5deg);
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-webkit-transform: rotate(-130deg);
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}@-moz-keyframes right-spin {
from {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}@keyframes right-spin {
from {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
50% {
-moz-transform: rotate(5deg);
-ms-transform: rotate(5deg);
-o-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
to {
-moz-transform: rotate(-130deg);
-ms-transform: rotate(-130deg);
-o-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg);
}
}.dropdown-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin-top: -35px !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
border: none;
}
.dropdown-menu .divider {
margin: 5px 0;
}
.dropdown-menu .header {
font-size: 13px;
font-weight: bold;
min-width: 270px;
border-bottom: 1px solid #eee;
text-align: center;
padding: 4px 0 6px 0;
}
.dropdown-menu ul.menu {
padding-left: 0;
}
.dropdown-menu ul.menu.tasks h4 {
color: #333;
font-size: 13px;
margin: 0 0 8px 0;
}
.dropdown-menu ul.menu.tasks h4 small {
float: right;
margin-top: 6px;
}
.dropdown-menu ul.menu.tasks .progress {
height: 7px;
margin-bottom: 7px;
}
.dropdown-menu ul.menu .icon-circle {
width: 38px;
height: 38px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
color: #fff;
text-align: center;
display: inline-block;
vertical-align: top;
}
.dropdown-menu ul.menu .icon-circle i {
font-size: 18px;
line-height: 36px;
}
.dropdown-menu ul.menu li {
border-bottom: 1px solid #eee;
}
.dropdown-menu ul.menu li:last-child {
border-bottom: none;
}
.dropdown-menu ul.menu li a {
padding: 7px 11px;
text-decoration: none;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.dropdown-menu ul.menu li a:hover {
background-color: #e9e9e9;
}
.dropdown-menu ul.menu .menu-info {
display: inline-block;
position: relative;
top: 3px;
left: 5px;
}
.dropdown-menu ul.menu .menu-info h4 {
margin: 0;
font-size: 13px;
color: #333;
}
.dropdown-menu ul.menu .menu-info p {
margin: 0;
font-size: 11px;
color: #aaa;
}
.dropdown-menu ul.menu .menu-info p .material-icons {
font-size: 13px;
color: #aaa;
position: relative;
top: -2px;
}
.dropdown-menu .footer a {
text-align: center;
border-top: 1px solid #eee;
padding: 5px 0 5px 0;
font-size: 12px;
margin-bottom: -5px;
}
.dropdown-menu .footer a:hover {
background-color: transparent;
}
.dropdown-menu>li>a {
padding: 7px 18px;
color: #666;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-webkit-transition: all 0.5s;
transition: all 0.5s;
font-size: 14px;
line-height: 25px;
}
.dropdown-menu>li>a:hover {
background-color: rgba(0, 0, 0, 0.075);
color: #fff;
}
.dropdown-menu>li>a i.material-icons {
float: left;
margin-right: 7px;
margin-top: 2px;
font-size: 20px;
}
.dropdown-animated {
-webkit-animation-duration: .3s !important;
-moz-animation-duration: .3s !important;
-o-animation-duration: .3s !important;
animation-duration: .3s !important;
}
.bootstrap-notify-container {
max-width: 320px;
text-align: center;
}
.dd-handle {
background-color: #f9f9f9 !important;
}
.dd-handle:hover {
color: #2196F3;
}
.nestable-dark-theme .dd-handle {
background: #ccc !important;
border: 1px solid #999 !important;
}
.dd3-handle {
background: #999 !important;
}
.dd3-content:hover {
color: #2196F3;
}
.search-results {
margin: 0;
padding: 0;
}
.search-results .result-list {
list-style: none;
padding: 10px;
margin-bottom: 5px;
border-radius: 4px;
border: 1px solid #f2f2f2;
}
.search-results .result-list:hover {
background: #f2f2f2;
}
.search-results .result-list .cover h4 {
padding: 0;
margin: 0 0 10px 0;
font-weight: 700;
}
.search-results .result-list .cover h4 a {
text-decoration: none;
color: #666;
}
.search-results .result-list .cover h4 a:hover {
text-decoration: none;
color: #333;
}
.search-results .result-list .cover>a {
font-size: 12px;
color: #1e83d1;
}
.page-calendar .col-md-4, .page-calendar .col-md-8 {
margin: 0 !important;
}
.page-calendar .event-name {
padding: 10px;
background: #f2f2f2;
margin: 2px 0;
color: #3d4c5a;
font-size: 13px;
border-left: 3px solid;
}
.page-calendar .event-name:hover {
background: #3d4c5a;
color: #fff;
}
.page-calendar .event-name:hover i {
color: #F44336;
}
.page-calendar .b-primary {
border-color: #2196f3 !important;
}
.page-calendar .b-success {
border-color: #4caf50 !important;
}
.page-calendar .b-lightred {
border-color: #f44336 !important;
}
.page-calendar .b-amethyst {
border-color: #9675ce !important;
}
.page-calendar .b-greensea {
border-color: #4caf50 !important;
}
.event-control {
background-color: #f8f8f8;
font-size: 13px;
cursor: pointer;
}
.event-control:hover {
background-color: white;
}
.event-control a {
color: #000;
cursor: pointer;
opacity: .5;
}
.event-control a:hover {
opacity: 1;
}
.event-control[class*='bg-']:not(.bg-default):not(.bg-white) a {
color: #000 !important;
opacity: 1;
}
.event-control[class*='bg-']:not(.bg-default):not(.bg-white) a:hover {
color: #fff !important;
}
.fc-overlay {
display: none;
position: absolute;
min-width: 260px;
padding: 15px 0;
top: auto;
left: 50%;
margin-left: -150px;
z-index: 1000;
color: #000 !important;
}
.fc-overlay.left {
left: 100%;
top: -15px;
padding: 0 10px;
margin: 0;
}
.fc-overlay.right {
left: auto;
right: 100%;
top: -15px;
padding: 0 10px;
margin: 0;
}
.fc-overlay .panel {
padding: 10px;
}
.fc .fc-toolbar {
height: 50px;
color: #fff;
background: linear-gradient(60deg,  #B24592,  #0071b8);
border-radius: 0;
margin: 0;
}
.fc .fc-toolbar .fc-button {
color: #000;
background: transparent;
border: none;
box-shadow: none;
text-shadow: none;
margin: 0;
height: 50px;
line-height: 28px;
padding: 10px;
}
.fc .fc-toolbar .fc-button:hover {
color: white;
}
.fc .fc-toolbar h2 {
font-size: 24px;
line-height: 50px;
margin: 0;
text-transform: uppercase;
font-weight: 100;
}
.fc .fc-view-container .fc-event {
padding: 3px 5px;
font-size: 12px;
border-radius: 0;
background-color: white;
border: 0;
color: #333;
border-left: 3px solid;
}
.fc .fc-view-container .fc-event.fc-event-end:not(.fc-event-start) {
border: 0 !important;
}
.fc .fc-view-container .fc-event:focus, .fc .fc-view-container .fc-event:hover, .fc .fc-view-container .fc-event:active {
z-index: 1000;
}
.fc .fc-view-container .fc-event:focus .fc-overlay, .fc .fc-view-container .fc-event:hover .fc-overlay, .fc .fc-view-container .fc-event:active .fc-overlay {
display: block;
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header {
border: 0;
background-color: #d2d2d2;
padding: 10px;
color: #000;
font-size: 12px;
font-weight: normal;
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda>table>thead tr th.fc-agenda-gutter, .fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-agenda-gutter {
padding: 0;
}
.fc .fc-view-container .fc-view.fc-basic-view>table>thead tr td.fc-widget-header, .fc .fc-view-container .fc-view.fc-agenda>table>thead tr td.fc-widget-header {
padding: 2px;
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content {
border: 0;
border-bottom: 1px solid #d2d2d2;
border-right: 1px solid #d2d2d2;
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-widget-content.fc-state-highlight, .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-widget-content.fc-state-highlight {
background: #fff;
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number, .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number {
padding: 5px 10px;
margin: 5px;
color: #000;
font-size: 15px;
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td.fc-day-number.fc-state-highlight, .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td.fc-day-number.fc-state-highlight {
background-color: red;
color: white;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
padding: 4px 6px;
float: right;
}
.fc .fc-view-container .fc-view.fc-basic-view>table tbody tr td:first-child.fc-widget-content, .fc .fc-view-container .fc-view.fc-agenda>table tbody tr td:first-child.fc-widget-content {
border-left: 1px solid #d2d2d2;
}
.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row .fc-bg, .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row .fc-bg {
border-bottom: 1px solid #d2d2d2;
}
.fc .fc-view-container .fc-view.fc-basic-view .fc-body .fc-row:last-of-type .fc-bg, .fc .fc-view-container .fc-view.fc-agenda .fc-body .fc-row:last-of-type .fc-bg {
border-bottom: 0;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-axis, .fc .fc-view-container .fc-view.fc-agenda .fc-agenda-allday .fc-agenda-gutter {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
background-color: #f2f2f2;
color: #000;
font-size: 12px;
font-weight: 100;
padding: 10px 5px;
}
.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-state-highlight {
background: #f2f2f2;
}
.fc .fc-view-container .fc-view.fc-agenda>table>tbody>tr>td.fc-sat {
border-right: 0;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr {
line-height: 35px;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr th {
border: 0;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
background-color: #f2f2f2;
color: #000;
font-size: 12px;
font-weight: 100;
padding-top: 10px;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content {
border-bottom: 1px solid #e2e2e2;
line-height: 50px;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr td.fc-widget-content:last-child {
border-right: 0;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-slots tr.fc-minor td.fc-widget-content {
border-bottom: 1px solid #e2e2e2;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider {
border: 1px solid #e2e2e2;
}
.fc .fc-view-container .fc-view.fc-agenda .fc-agenda-divider .fc-agenda-divider-inner {
background-color: #f2f2f2;
height: 3px;
}
.login-page {
background-color: #00BCD4;
padding-left: 0;
max-width: 360px;
margin: 5% auto;
overflow-x: hidden;
}
.login-page .login-box .msg {
color: #555;
margin-bottom: 30px;
text-align: center;
}
.login-page .login-box a {
font-size: 14px;
text-decoration: none;
color: #00BCD4;
}
.login-page .login-box .logo {
margin-bottom: 20px;
}
.login-page .login-box .logo a {
font-size: 36px;
display: block;
width: 100%;
text-align: center;
color: #fff;
}
.login-page .login-box .logo small {
display: block;
width: 100%;
text-align: center;
color: #fff;
margin-top: -5px;
}
#sign_up>.form-group {
margin: 0;
}
.signup-page {
background-color: #00BCD4;
padding-left: 0;
max-width: 360px;
margin: 5% auto;
overflow-x: hidden;
}
.signup-page .signup-box .msg {
color: #555;
margin-bottom: 30px;
text-align: center;
}
.signup-page .signup-box a {
font-size: 14px;
text-decoration: none;
color: #00BCD4;
}
.signup-page .signup-box .logo {
margin-bottom: 20px;
}
.signup-page .signup-box .logo a {
font-size: 36px;
display: block;
width: 100%;
text-align: center;
color: #fff;
}
.signup-page .signup-box .logo small {
display: block;
width: 100%;
text-align: center;
color: #fff;
margin-top: -5px;
}
.fp-page {
background-color: #00BCD4;
padding-left: 0;
max-width: 360px;
margin: 5% auto;
overflow-x: hidden;
}
.fp-page .fp-box .msg {
color: #555;
margin-bottom: 30px;
text-align: center;
}
.fp-page .fp-box a {
font-size: 14px;
text-decoration: none;
color: #00BCD4;
}
.fp-page .fp-box .logo {
margin-bottom: 20px;
}
.fp-page .fp-box .logo a {
font-size: 36px;
display: block;
width: 100%;
text-align: center;
color: #fff;
}
.fp-page .fp-box .logo small {
display: block;
width: 100%;
text-align: center;
color: #fff;
margin-top: -5px;
}
.four-zero-four {
width: 100%;
text-align: center;
margin: 5% auto;
}
.four-zero-four .four-zero-four-container .error-code {
font-size: 160px;
}
.four-zero-four .four-zero-four-container .error-message {
font-size: 26px;
color: #333;
font-weight: bold;
margin-top: -40px;
}
.four-zero-four .four-zero-four-container .button-place {
margin-top: 32px;
}
.five-zero-zero {
width: 100%;
text-align: center;
margin: 5% auto;
}
.five-zero-zero .five-zero-zero-container .error-code {
font-size: 160px;
}
.five-zero-zero .five-zero-zero-container .error-message {
font-size: 27px;
color: #333;
font-weight: bold;
margin-top: -40px;
}
.five-zero-zero .five-zero-zero-container .button-place {
margin-top: 32px;
}
.cbp_tmtimeline {
margin: 30px 0 0 0;
padding: 0;
list-style: none;
position: relative;
}
.cbp_tmtimeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 5px;
background: #f5f5f6;
left: 20%;
margin-left: -6px;
}
.cbp_tmtimeline>li {
position: relative;
}
.cbp_tmtimeline>li:first-child .cbp_tmtime span.large {
color: #444;
font-size: 17px !important;
font-weight: 700;
}
.cbp_tmtimeline>li:first-child .cbp_tmicon {
background: #fff;
color: #666;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmtime span:last-child {
color: #444;
font-size: 12px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel {
background: #f5f5f6;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: #f5f5f6;
}
.cbp_tmtimeline>li .empty span {
color: #777;
}
.cbp_tmtimeline>li .cbp_tmtime {
display: block;
width: 23%;
padding-right: 100px;
position: absolute;
}
.cbp_tmtimeline>li .cbp_tmtime span {
display: block;
text-align: right;
}
.cbp_tmtimeline>li .cbp_tmtime span:first-child {
font-size: 16px;
color: #3d4c5a;
font-weight: 700;
}
.cbp_tmtimeline>li .cbp_tmtime span:last-child {
font-size: 12px;
color: #444;
}
.cbp_tmtimeline>li .cbp_tmlabel {
margin: 0 0 15px 25%;
background: #f5f5f6;
color: #fff;
padding: 2em;
font-size: 1.2em;
font-weight: 300;
line-height: 1.4;
position: relative;
border-radius: 5px;
}
.cbp_tmtimeline>li .cbp_tmlabel:hover {
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
transition: all 150ms linear;
}
.cbp_tmtimeline>li .cbp_tmlabel:after {
right: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-right-color: #f5f5f6;
border-width: 10px;
top: 10px;
}
.cbp_tmtimeline>li .cbp_tmlabel blockquote {
background: #fff;
color: #444;
font-size: 16px;
}
.cbp_tmtimeline>li .cbp_tmlabel .map-checkin {
border: 5px solid rgba(235, 235, 235, 0.2);
-moz-box-shadow: 0px 0px 0px 1px #ebebeb;
-webkit-box-shadow: 0px 0px 0px 1px #ebebeb;
box-shadow: 0px 0px 0px 1px #ebebeb;
background: #fff !important;
}
.cbp_tmtimeline>li .cbp_tmlabel h2 {
margin: 0px;
padding: 0 0 10px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.4);
line-height: 26px;
color: #222;
}
.cbp_tmtimeline>li .cbp_tmlabel h2 a {
color: #303641;
font-size: 17px;
}
.cbp_tmtimeline>li .cbp_tmlabel h2 a:hover {
text-decoration: none;
}
.cbp_tmtimeline>li .cbp_tmlabel h2 span {
font-size: 17px;
color: #666;
font-weight: normal;
}
.cbp_tmtimeline>li .cbp_tmlabel p {
color: #444;
}
.cbp_tmtimeline>li .cbp_tmicon {
width: 40px;
height: 40px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size: 1.4em;
line-height: 40px;
-webkit-font-smoothing: antialiased;
position: absolute;
color: #fff;
background: #46a4da;
border-radius: 50%;
box-shadow: 0 0 0 5px #f5f5f6;
text-align: center;
left: 20%;
top: 0;
margin: 0 0 0 -25px;
}
@media screen and (max-width: 65.375em) {
.cbp_tmtimeline>li .cbp_tmtime span: last-child {
font-size: 12px;
}
}@media screen and (max-width: 47.2em) {
.cbp_tmtimeline: before {
display: none;
}
.cbp_tmtimeline>li .cbp_tmtime {
width: 100%;
position: relative;
padding: 0 0 20px 0;
}
.cbp_tmtimeline>li .cbp_tmtime span {
text-align: left;
}
.cbp_tmtimeline>li .cbp_tmlabel {
margin: 0 0 30px 0;
padding: 1em;
font-weight: 400;
font-size: 95%}
.cbp_tmtimeline>li .cbp_tmlabel:after {
right: auto;
left: 20px;
border-right-color: transparent;
border-bottom-color: #f5f5f6;
top: -20px;
}
.cbp_tmtimeline>li:nth-child(odd) .cbp_tmlabel:after {
border-right-color: transparent;
border-bottom-color: #f5f5f6;
}
.cbp_tmtimeline>li .cbp_tmicon {
position: relative;
float: right;
left: auto;
margin: -55px 5px 0 0px;
}
}.people-list {
width: 260px;
float: left;
background: #3d4c5a;
border-radius: 3px 0 0 3px;
height: 92vh !important;
}
.people-list .search {
padding: 20px;
}
.people-list .search .form-group {
margin: 0;
}
.people-list input {
border-radius: 3px;
border: none;
padding: 14px;
color: white;
background: #6A6C75;
width: 90%;
font-size: 14px;
}
.people-list .fa-search {
position: relative;
left: -25px;
}
.people-list ul {
padding: 0px;
}
.people-list ul li {
padding: 10px 15px;
list-style: none;
}
.people-list ul li:hover {
background: #546779;
}
.people-list ul li .name {
color: #fff;
font-size: 15px;
}
.people-list img {
float: left;
border-radius: 50%}
.people-list .about {
float: left;
margin-top: 8px;
padding-left: 8px;
}
.people-list .status {
color: #999;
}
.chat {
width: calc(100% - 260px);
float: left;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #434651;
}
.chat .chat-header {
padding: 20px;
border-bottom: 2px solid white;
}
.chat .chat-header img {
float: left;
border-radius: 50%}
.chat .chat-header .chat-about {
float: left;
padding-left: 10px;
margin-top: 6px;
}
.chat .chat-header .chat-with {
font-weight: bold;
font-size: 16px;
}
.chat .chat-header .chat-num-messages {
color: #555;
}
.chat .chat-header .fa-star {
float: right;
color: #D8DADF;
font-size: 20px;
margin-top: 12px;
}
.chat .chat-history {
padding: 30px 30px 20px;
border-bottom: 2px solid white;
overflow-y: scroll;
height: 575px;
}
.chat .chat-history ul {
padding: 0;
}
.chat .chat-history ul li {
list-style: none;
}
.chat .chat-history .message-data {
margin-bottom: 15px;
}
.chat .chat-history .message-data .message-data-name {
font-size: 16px;
font-weight: 700;
}
.chat .chat-history .message-data-time {
color: #6a6a6a;
padding-left: 6px;
}
.chat .chat-history .message {
color: #444;
padding: 18px 20px;
line-height: 26px;
font-size: 16px;
border-radius: 7px;
margin-bottom: 30px;
width: 90%;
position: relative;
}
.chat .chat-history .message:after {
bottom: 100%;
left: 7%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #F2F5F8;
border-width: 10px;
margin-left: -10px;
}
.chat .chat-history .my-message {
background: #F2F5F8;
}
.chat .chat-history .other-message {
background: #F2F5F8;
}
.chat .chat-history .other-message:after {
border-bottom-color: #F2F5F8;
left: 93%}
.chat .chat-message {
padding: 30px;
}
.chat .chat-message textarea {
width: 100%;
border: none;
padding: 10px 20px;
font: 14px/22px "Lato",  Arial,  sans-serif;
margin-bottom: 10px;
border-radius: 5px;
resize: none;
}
.chat .chat-message .fa-file-o, .chat .chat-message .fa-file-image-o {
font-size: 16px;
color: gray;
cursor: pointer;
}
.online, .offline, .me {
margin-right: 3px;
font-size: 10px;
}
.online {
color: #86BB71;
}
.offline {
color: #E38968;
}
.me {
color: #0498bd;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.float-right {
float: right;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
@media only screen and (max-width: 767px) {
.people-list {
width: 100%;
height: auto !important;
}
.people-list .search .form-group {
width: 60%;
float: left;
}
.people-list .slimScrollDiv {
height: auto !important;
width: 100% !important;
}
.people-list .slimScrollDiv ul {
height: auto !important;
}
.chat {
width: 100%}
}.profile-page .p-l-0.p-r-0 {
padding-right: 0px !important;
padding-left: 0px !important;
}
.profile-page .profile-header {
background: transparent url("../images/profile-bg.jpg") repeat scroll center center/cover;
color: #fff;
padding-bottom: 30px;
padding-top: 30px;
position: relative;
text-align: center;
border-radius: 3px 3px 0 0;
}
.profile-page .profile-header .profile_info .profile-image img {
border-radius: 50%}
.profile-page .profile-header .profile_info .social-icon a {
margin: 0 5px;
}
.profile-page .profile-header .profile_info .social-icon a i {
color: #fff;
}
.profile-page .profile-sub-header {
min-height: 60px;
width: 100%;
margin-bottom: 15px;
}
.profile-page .profile-sub-header .box-list ul {
display: inline-table;
padding: 0;
margin: 0;
table-layout: fixed;
width: 100%;
background: #f2f2f2;
}
.profile-page .profile-sub-header .box-list ul li {
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
display: table-cell;
list-style: outside none none;
}
.profile-page .profile-sub-header .box-list ul li a {
display: block;
padding: 15px 0;
color: #444;
}
.profile-page .profile-sub-header .box-list ul li a:hover {
text-decoration: none;
color: #fff;
}
.profile-page .profile-sub-header .box-list ul li a i {
font-size: 20px;
}
.profile-page .profile-sub-header .box-list ul li a p {
margin: 0;
}
.profile-page .profile-sub-header .box-list ul li:last-child {
border-right: none;
}
.profile-page #mypost .mypost-form {
margin-bottom: 15px;
}
.profile-page #mypost .mypost-form .form-group {
margin: 0;
}
.profile-page #mypost .post-box .post-img {
margin-bottom: 15px;
max-height: 300px;
overflow: hidden;
}
.profile-page #timeline .timeline {
border-left: 1px solid #dedede;
font-size: 14px;
position: relative;
}
.profile-page #timeline .timeline .border-info {
border-color: #5bc0de;
}
.profile-page #timeline .timeline .border-warning {
border-color: #f0ad4e;
}
.profile-page #timeline .timeline .border-danger {
border-color: #d9534f;
}
.profile-page #timeline .timeline .timeline-item {
margin-bottom: 20px;
padding-bottom: 1px;
position: relative;
}
.profile-page #timeline .timeline .timeline-item:after {
background-color: #fff;
border-color: inherit;
border-radius: 50%;
border-style: solid;
border-width: 2px;
content: "";
height: 11px;
left: 0;
margin-left: -6px;
position: absolute;
width: 11px;
bottom: auto;
clear: both;
top: 4px;
}
.profile-page #timeline .timeline .timeline-item .item-content {
margin-left: 24px;
margin-top: 0;
}
.profile-page #timeline .timeline .timeline-item .item-content p {
font-weight: 400;
color: #444;
}
.profile-page #usersettings .form-group {
margin-bottom: 0;
}
@media only screen and (max-width: 414px) {
.profile-page .profile-sub-header .box-list li a {
padding: 20px 0 !important;
}
.profile-page .profile-sub-header .box-list li p {
display: none;
}
}.member-card {
text-align: center;
}
.member-card .header-dropdown {
display: inline-block;
position: absolute;
right: 30px;
padding: 0;
margin: 0;
}
.member-card .header-dropdown li a {
padding: 10px 15px;
}
.member-card.verified .member-thumb img {
border: 1px solid #5cb85c;
}
.member-card.verified .member-thumb i {
color: #5cb85c;
}
.member-card .text-pink {
display: block;
}
.member-card .member-thumb {
position: relative;
display: inline-block;
}
.member-card .member-thumb img {
padding: 4px;
border: 1px solid #ccc;
}
.member-card .member-thumb i {
position: absolute;
bottom: 0;
right: 30px;
}
.member-card .social-links li a i {
color: #999;
}
.member-card .social-links li a i:hover {
color: #444;
}
.patients .all-patients .m-b-0 {
margin-bottom: 0 !important;
}
.patients .all-patients .p-profile-pix {
display: inline-block;
}
.patients .all-patients h5 .edit {
float: right;
}
.profile-page #report .progress {
height: 5px;
}
.profile-page #report ul li:last-child .progress {
margin-bottom: 0;
}
.profile-page #report .dis {
padding-left: 15px;
}
.profile-page #report-chart .stats-row {
margin-bottom: 20px;
}
.profile-page #report-chart .stats-row .stat-item {
display: inline-block;
padding-right: 15px;
}
.mfb-component--tl, .mfb-component--tr, .mfb-component--bl, .mfb-component--br {
box-sizing: border-box;
margin: 25px;
position: fixed;
white-space: nowrap;
z-index: 30;
padding-left: 0;
list-style: none;
}
.mfb-component--tl *, .mfb-component--tr *, .mfb-component--bl *, .mfb-component--br *, .mfb-component--tl *:before, .mfb-component--tr *:before, .mfb-component--bl *:before, .mfb-component--br *:before, .mfb-component--tl *:after, .mfb-component--tr *:after, .mfb-component--bl *:after, .mfb-component--br *:after {
box-sizing: inherit;
}
.mfb-component--tl {
left: 0;
top: 0;
}
.mfb-component--tr {
right: 0;
top: 0;
}
.mfb-component--bl {
left: 0;
bottom: 0;
}
.mfb-component--br {
right: 0;
bottom: 0;
}
.mfb-component__button--main, .mfb-component__button--child {
background-color: #E40A5D;
display: inline-block;
position: relative;
border: none;
border-radius: 50%;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
cursor: pointer;
outline: none;
padding: 0;
position: relative;
-webkit-user-drag: none;
color: #f1f1f1;
}
.mfb-component__list {
list-style: none;
margin: 0;
padding: 0;
}
.mfb-component__list>li {
display: block;
position: absolute;
top: 0;
right: 9px;
padding: 10px 0;
margin: -10px 0;
}
.mfb-component__icon, .mfb-component__main-icon--active, .mfb-component__main-icon--resting, .mfb-component__child-icon {
position: absolute;
font-size: 18px;
text-align: center;
line-height: 56px;
width: 100%}
.mfb-component__wrap {
padding: 25px;
margin: -25px;
}
[data-mfb-toggle="hover"]:hover .mfb-component__icon, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-toggle="hover"]:hover .mfb-component__child-icon, [data-mfb-state="open"] .mfb-component__icon, [data-mfb-state="open"] .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__child-icon {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
.mfb-component__button--main {
height: 56px;
width: 56px;
z-index: 20;
}
.mfb-component__button--child {
height: 40px;
width: 40px;
}
.mfb-component__button--child:hover {
color: #fff;
}
.mfb-component__main-icon--active, .mfb-component__main-icon--resting {
-webkit-transform: scale(1) rotate(360deg);
transform: scale(1) rotate(360deg);
-webkit-transition: -webkit-transform 150ms cubic-bezier(0.4,  0,  1,  1);
transition: transform 150ms cubic-bezier(0.4,  0,  1,  1);
}
.mfb-component__child-icon, .mfb-component__child-icon {
line-height: 40px;
font-size: 15px;
}
.mfb-component__main-icon--active {
opacity: 0;
}
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon, [data-mfb-state="open"] .mfb-component__main-icon {
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--resting, [data-mfb-state="open"] .mfb-component__main-icon--resting {
opacity: 0;
position: absolute !important;
}
[data-mfb-toggle="hover"]:hover .mfb-component__main-icon--active, [data-mfb-state="open"] .mfb-component__main-icon--active {
opacity: 1;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li, .mfb-component--tr.mfb-zoomin .mfb-component__list li {
-webkit-transform: scale(0);
transform: scale(0);
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(1) {
-webkit-transform: translateY(70px) scale(0);
transform: translateY(70px) scale(0);
transition: all 0.5s;
transition-delay: 0.15s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(2) {
-webkit-transform: translateY(140px) scale(0);
transform: translateY(140px) scale(0);
transition: all 0.5s;
transition-delay: 0.1s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(3) {
-webkit-transform: translateY(210px) scale(0);
transform: translateY(210px) scale(0);
transition: all 0.5s;
transition-delay: 0.05s;
}
.mfb-component--tl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin .mfb-component__list li:nth-child(4) {
-webkit-transform: translateY(280px) scale(0);
transform: translateY(280px) scale(0);
transition: all 0.5s;
transition-delay: 0s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
-webkit-transform: translateY(70px) scale(1);
transform: translateY(70px) scale(1);
transition-delay: 0.05s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
-webkit-transform: translateY(140px) scale(1);
transform: translateY(140px) scale(1);
transition-delay: 0.1s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
-webkit-transform: translateY(210px) scale(1);
transform: translateY(210px) scale(1);
transition-delay: 0.15s;
}
.mfb-component--tl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--tr.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
-webkit-transform: translateY(280px) scale(1);
transform: translateY(280px) scale(1);
transition-delay: 0.2s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li, .mfb-component--br.mfb-zoomin .mfb-component__list li {
-webkit-transform: scale(0);
transform: scale(0);
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(1) {
-webkit-transform: translateY(-70px) scale(0);
transform: translateY(-70px) scale(0);
transition: all 0.5s;
transition-delay: 0.15s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(2) {
-webkit-transform: translateY(-140px) scale(0);
transform: translateY(-140px) scale(0);
transition: all 0.5s;
transition-delay: 0.1s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(3) {
-webkit-transform: translateY(-210px) scale(0);
transform: translateY(-210px) scale(0);
transition: all 0.5s;
transition-delay: 0.05s;
}
.mfb-component--bl.mfb-zoomin .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin .mfb-component__list li:nth-child(4) {
-webkit-transform: translateY(-280px) scale(0);
transform: translateY(-280px) scale(0);
transition: all 0.5s;
transition-delay: 0s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(1), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(1) {
-webkit-transform: translateY(-70px) scale(1);
transform: translateY(-70px) scale(1);
transition-delay: 0.05s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(2), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(2) {
-webkit-transform: translateY(-140px) scale(1);
transform: translateY(-140px) scale(1);
transition-delay: 0.1s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(3), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(3) {
-webkit-transform: translateY(-210px) scale(1);
transform: translateY(-210px) scale(1);
transition-delay: 0.15s;
}
.mfb-component--bl.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--bl.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(4), .mfb-component--br.mfb-zoomin[data-mfb-state="open"] .mfb-component__list li:nth-child(4) {
-webkit-transform: translateY(-280px) scale(1);
transform: translateY(-280px) scale(1);
transition-delay: 0.2s;
}
[data-mfb-label]:after {
content: attr(data-mfb-label);
opacity: 0;
transition: all 0.5s;
background: rgba(0, 0, 0, 0.4);

padding: 4px 10px;
border-radius: 3px;
color: rgba(255, 255, 255, 0.8);
font-size: 14px;
font-weight: normal;
pointer-events: none;
line-height: normal;
position: absolute;
top: 50%;
margin-top: -11px;
transition: all 0.5s;
}
[data-mfb-toggle="hover"] [data-mfb-label]:hover:after, [data-mfb-state="open"] [data-mfb-label]:after {
content: attr(data-mfb-label);
opacity: 1;
transition: all 0.3s;
}
.mfb-component--br [data-mfb-label]:after, .mfb-component--tr [data-mfb-label]:after {
content: attr(data-mfb-label);
right: 70px;
}
.mfb-component--br .mfb-component__list [data-mfb-label]:after, .mfb-component--tr .mfb-component__list [data-mfb-label]:after {
content: attr(data-mfb-label);
right: 70px;
}
.mfb-component--tl [data-mfb-label]:after, .mfb-component--bl [data-mfb-label]:after {
content: attr(data-mfb-label);
left: 70px;
}
.mfb-component--tl .mfb-component__list [data-mfb-label]:after, .mfb-component--bl .mfb-component__list [data-mfb-label]:after {
content: attr(data-mfb-label);
left: 70px;
}
.mfb-component--tl {
animation: fromTop 1s 1;
-webkit-animation: fromTop 1s 1;
}
.mfb-component--tr {
animation: fromTop 1.3s 1;
-webkit-animation: fromTop 1.3s 1;
}
.mfb-component--br {
animation: fromBottom 1.6s 1;
-webkit-animation: fromBottom 1.6s 1;
}
.mfb-component--bl {
animation: fromBottom 1.9s 1;
-webkit-animation: fromBottom 1.9s 1;
}
@keyframes fromBottom {
0% {
transform: translateY(250px);
}
100% {
transform: translateY(0);
}
}@keyframes fromTop {
0% {
transform: translateY(-250px);
}
100% {
transform: translateY(0);
}
}@-webkit-keyframes fromBottom {
0% {
transform: translateY(250px);
}
100% {
transform: translateY(0);
}
}@-webkit-keyframes fromTop {
0% {
transform: translateY(-250px);
}
100% {
transform: translateY(0);
}
}@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}.gmap {
width: 100%;
height: 400px;
}
.jvector-map {
width: 100%;
height: 600px;
}
.morris-hover.morris-default-style {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
}
.flot-chart {
width: 100%;
height: 320px;
}
.panel-switch-btn {
position: relative;
top: -27px;
right: 20px;
z-index: 9;
}
.panel-switch-btn label {
font-weight: bold !important;
}
.legendLabel {
width: 85px !important;
position: relative;
left: 3px;
}
#multiple_axis_chart .legendLabel {
width: 160px !important;
}
.sparkline {
text-align: center;
}
.search-bar {
position: fixed;
top: -100px;
left: 0;
z-index: 9999999;
width: 100%;
-moz-transition: .25s;
-o-transition: .25s;
-webkit-transition: .25s;
transition: .25s;
}
.search-bar.open {
top: 0;
}
.search-bar .search-icon {
position: absolute;
top: 20px;
left: 14px;
}
.search-bar .search-icon .material-icons {
font-size: 32px;
color: #999;
}
.search-bar .close-search {
position: absolute;
cursor: pointer;
font-size: 30px;
top: 16px;
right: 18px;
}
.search-bar .close-search .material-icons {
color: #999;
opacity: 1;
-moz-transition: .5s;
-o-transition: .5s;
-webkit-transition: .5s;
transition: .5s;
}
.search-bar .close-search .material-icons:hover {
opacity: .5;
}
.search-bar input[type="text"] {
width: 100%;
font-size: 16px;
padding: 25px 60px 23px 56px;
border: none;
}
.dataTables_wrapper {
position: relative;
}
.dataTables_wrapper select {
border: none;
border-bottom: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.dataTables_wrapper select:active, .dataTables_wrapper select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.dataTables_wrapper input[type="search"] {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
border: none;
font-size: 12px;
border-bottom: 1px solid #ddd;
}
.dataTables_wrapper input[type="search"]:focus, .dataTables_wrapper input[type="search"]:active {
border-bottom: 2px solid #1f91f3;
}
.dataTables_wrapper .dt-buttons {
position: absolute;
top: 0;
left: 0;
}
.dataTables_wrapper .dt-buttons a.dt-button {
background-color: #607D8B;
color: #fff;
padding: 7px 12px;
margin-right: 5px;
text-decoration: none;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.16), 0 2px 10px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
border: none;
font-size: 13px;
outline: none;
}
.dataTables_wrapper .dt-buttons a.dt-button:active {
opacity: 0.8;
}
.lg-outer .lg-thumb-item, .lg-outer .lg-toogle-thumb {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
-ms-border-radius: 0 !important;
border-radius: 0 !important;
}
html.ie10 .sidebar .menu .list li {
line-height: 30px;
}
html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
top: 6px !important;
line-height: 20px !important;
}
html.ie10 .sidebar .user-info .info-container {
top: 15px;
}
html.ie10 .search-bar input[type="text"] {
padding: 26px 60px 26px 56px;
}
html.ie10 .dropdown-menu ul.menu li a {
margin-top: -22px;
}
html.ie10 .bs-searchbox .form-control {
width: 90%}
html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before {
top: 6px !important;
line-height: 20px !important;
}
html.ie11 .sidebar .user-info .info-container {
top: 15px;
}
html.ie11 .search-bar input[type="text"] {
padding: 26px 60px 26px 56px;
}
html.ie11 .dropdown-menu ul.menu li a {
margin-top: -22px;
}
html.ie11 .bs-searchbox .form-control {
width: 90%}

.m-0{margin: 0 !important;}
.fr-select{border: 1px solid #ccc;padding-bottom: 20px;}
.txt-blue{color: #0071a5;}


/* Theme Color classes */
.theme-blue .color-bg, .theme-blue .morphsearch.open, .theme-blue .wizard .steps .current a, .theme-blue .dropdown-menu li a:hover, .theme-blue .profile-page .profile-sub-header .box-list ul li a:hover, .theme-blue .fc .fc-toolbar, .theme-blue .blog-page .single-blog-post .img-holder .date-box{background:linear-gradient(to right, #035a95 0%, #0498bd 100%);}
.theme-blue .navbar-brand{color:#fff;}
.theme-blue .navbar-brand:hover{color:#fff;}
.theme-blue .navbar-brand:active{color:#fff;}
.theme-blue .navbar-brand:focus{color:#fff;}
.theme-blue .nav > li > a{color:#fff;}

.theme-blue .nav > li > a:hover{background-color:transparent;}
.theme-blue .nav > li > a:focus{background-color:transparent;}
.theme-blue .nav .open > a{background-color: transparent;}
.theme-blue .nav .open > a:hover{background-color:transparent;}
.theme-blue .nav .open > a:focus{background-color:transparent;}
.theme-blue .bars{color:#fff;}
.theme-blue .sidebar .menu .list li.active{background-color:transparent;}
.theme-blue .sidebar .menu li a.active{color:#4cbcff !important;}
.theme-blue .sidebar .menu .list li.active >:first-child i, .theme-blue .sidebar .menu .list li.active >:first-child span, .theme-blue .morphsearch .dummy-column h2{color:#fff;}
.theme-blue .sidebar .menu .list .toggled{background-color:transparent;}
.theme-blue .sidebar .menu .list .ml-menu{background-color:transparent;}
.theme-blue .sidebar .legal .copyright a{color:#2196F3 !important;}
.theme-blue .nav-tabs>li>a:before, .theme-blue .input-group .form-line:after{border-bottom:2px solid #457fca;}