Created
May 13, 2015 04:39
-
-
Save anonymous/eca809fdb7e9bcb68fd8 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* Load Main Bootstrap LESS files | |
*/ | |
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ | |
html { | |
font-family: sans-serif; | |
-ms-text-size-adjust: 100%; | |
-webkit-text-size-adjust: 100%; | |
} | |
body { | |
margin: 0; | |
} | |
article, | |
aside, | |
details, | |
figcaption, | |
figure, | |
footer, | |
header, | |
hgroup, | |
main, | |
menu, | |
nav, | |
section, | |
summary { | |
display: block; | |
} | |
audio, | |
canvas, | |
progress, | |
video { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
audio:not([controls]) { | |
display: none; | |
height: 0; | |
} | |
[hidden], | |
template { | |
display: none; | |
} | |
a { | |
background-color: transparent; | |
} | |
a:active, | |
a:hover { | |
outline: 0; | |
} | |
abbr[title] { | |
border-bottom: 1px dotted; | |
} | |
b, | |
strong { | |
font-weight: bold; | |
} | |
dfn { | |
font-style: italic; | |
} | |
h1 { | |
font-size: 2em; | |
margin: 0.67em 0; | |
} | |
mark { | |
background: #ff0; | |
color: #000; | |
} | |
small { | |
font-size: 80%; | |
} | |
sub, | |
sup { | |
font-size: 75%; | |
line-height: 0; | |
position: relative; | |
vertical-align: baseline; | |
} | |
sup { | |
top: -0.5em; | |
} | |
sub { | |
bottom: -0.25em; | |
} | |
img { | |
border: 0; | |
} | |
svg:not(:root) { | |
overflow: hidden; | |
} | |
figure { | |
margin: 1em 40px; | |
} | |
hr { | |
-moz-box-sizing: content-box; | |
box-sizing: content-box; | |
height: 0; | |
} | |
pre { | |
overflow: auto; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: monospace, monospace; | |
font-size: 1em; | |
} | |
button, | |
input, | |
optgroup, | |
select, | |
textarea { | |
color: inherit; | |
font: inherit; | |
margin: 0; | |
} | |
button { | |
overflow: visible; | |
} | |
button, | |
select { | |
text-transform: none; | |
} | |
button, | |
html input[type="button"], | |
input[type="reset"], | |
input[type="submit"] { | |
-webkit-appearance: button; | |
cursor: pointer; | |
} | |
button[disabled], | |
html input[disabled] { | |
cursor: default; | |
} | |
button::-moz-focus-inner, | |
input::-moz-focus-inner { | |
border: 0; | |
padding: 0; | |
} | |
input { | |
line-height: normal; | |
} | |
input[type="checkbox"], | |
input[type="radio"] { | |
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; | |
-moz-box-sizing: content-box; | |
-webkit-box-sizing: content-box; | |
box-sizing: content-box; | |
} | |
input[type="search"]::-webkit-search-cancel-button, | |
input[type="search"]::-webkit-search-decoration { | |
-webkit-appearance: none; | |
} | |
fieldset { | |
border: 1px solid #c0c0c0; | |
margin: 0 2px; | |
padding: 0.35em 0.625em 0.75em; | |
} | |
legend { | |
border: 0; | |
padding: 0; | |
} | |
textarea { | |
overflow: auto; | |
} | |
optgroup { | |
font-weight: bold; | |
} | |
table { | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
td, | |
th { | |
padding: 0; | |
} | |
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ | |
@media print { | |
*, | |
*:before, | |
*:after { | |
background: transparent !important; | |
color: #000 !important; | |
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; | |
} | |
select { | |
background: #fff !important; | |
} | |
.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; | |
} | |
} | |
@font-face { | |
font-family: 'Glyphicons Halflings'; | |
src: url('../fonts/glyphicons-halflings-regular.eot'); | |
src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); | |
} | |
.glyphicon { | |
position: relative; | |
top: 1px; | |
display: inline-block; | |
font-family: 'Glyphicons Halflings'; | |
font-style: normal; | |
font-weight: normal; | |
line-height: 1; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.glyphicon-asterisk:before { | |
content: "\2a"; | |
} | |
.glyphicon-plus:before { | |
content: "\2b"; | |
} | |
.glyphicon-euro:before, | |
.glyphicon-eur:before { | |
content: "\20ac"; | |
} | |
.glyphicon-minus:before { | |
content: "\2212"; | |
} | |
.glyphicon-cloud:before { | |
content: "\2601"; | |
} | |
.glyphicon-envelope:before { | |
content: "\2709"; | |
} | |
.glyphicon-pencil:before { | |
content: "\270f"; | |
} | |
.glyphicon-glass:before { | |
content: "\e001"; | |
} | |
.glyphicon-music:before { | |
content: "\e002"; | |
} | |
.glyphicon-search:before { | |
content: "\e003"; | |
} | |
.glyphicon-heart:before { | |
content: "\e005"; | |
} | |
.glyphicon-star:before { | |
content: "\e006"; | |
} | |
.glyphicon-star-empty:before { | |
content: "\e007"; | |
} | |
.glyphicon-user:before { | |
content: "\e008"; | |
} | |
.glyphicon-film:before { | |
content: "\e009"; | |
} | |
.glyphicon-th-large:before { | |
content: "\e010"; | |
} | |
.glyphicon-th:before { | |
content: "\e011"; | |
} | |
.glyphicon-th-list:before { | |
content: "\e012"; | |
} | |
.glyphicon-ok:before { | |
content: "\e013"; | |
} | |
.glyphicon-remove:before { | |
content: "\e014"; | |
} | |
.glyphicon-zoom-in:before { | |
content: "\e015"; | |
} | |
.glyphicon-zoom-out:before { | |
content: "\e016"; | |
} | |
.glyphicon-off:before { | |
content: "\e017"; | |
} | |
.glyphicon-signal:before { | |
content: "\e018"; | |
} | |
.glyphicon-cog:before { | |
content: "\e019"; | |
} | |
.glyphicon-trash:before { | |
content: "\e020"; | |
} | |
.glyphicon-home:before { | |
content: "\e021"; | |
} | |
.glyphicon-file:before { | |
content: "\e022"; | |
} | |
.glyphicon-time:before { | |
content: "\e023"; | |
} | |
.glyphicon-road:before { | |
content: "\e024"; | |
} | |
.glyphicon-download-alt:before { | |
content: "\e025"; | |
} | |
.glyphicon-download:before { | |
content: "\e026"; | |
} | |
.glyphicon-upload:before { | |
content: "\e027"; | |
} | |
.glyphicon-inbox:before { | |
content: "\e028"; | |
} | |
.glyphicon-play-circle:before { | |
content: "\e029"; | |
} | |
.glyphicon-repeat:before { | |
content: "\e030"; | |
} | |
.glyphicon-refresh:before { | |
content: "\e031"; | |
} | |
.glyphicon-list-alt:before { | |
content: "\e032"; | |
} | |
.glyphicon-lock:before { | |
content: "\e033"; | |
} | |
.glyphicon-flag:before { | |
content: "\e034"; | |
} | |
.glyphicon-headphones:before { | |
content: "\e035"; | |
} | |
.glyphicon-volume-off:before { | |
content: "\e036"; | |
} | |
.glyphicon-volume-down:before { | |
content: "\e037"; | |
} | |
.glyphicon-volume-up:before { | |
content: "\e038"; | |
} | |
.glyphicon-qrcode:before { | |
content: "\e039"; | |
} | |
.glyphicon-barcode:before { | |
content: "\e040"; | |
} | |
.glyphicon-tag:before { | |
content: "\e041"; | |
} | |
.glyphicon-tags:before { | |
content: "\e042"; | |
} | |
.glyphicon-book:before { | |
content: "\e043"; | |
} | |
.glyphicon-bookmark:before { | |
content: "\e044"; | |
} | |
.glyphicon-print:before { | |
content: "\e045"; | |
} | |
.glyphicon-camera:before { | |
content: "\e046"; | |
} | |
.glyphicon-font:before { | |
content: "\e047"; | |
} | |
.glyphicon-bold:before { | |
content: "\e048"; | |
} | |
.glyphicon-italic:before { | |
content: "\e049"; | |
} | |
.glyphicon-text-height:before { | |
content: "\e050"; | |
} | |
.glyphicon-text-width:before { | |
content: "\e051"; | |
} | |
.glyphicon-align-left:before { | |
content: "\e052"; | |
} | |
.glyphicon-align-center:before { | |
content: "\e053"; | |
} | |
.glyphicon-align-right:before { | |
content: "\e054"; | |
} | |
.glyphicon-align-justify:before { | |
content: "\e055"; | |
} | |
.glyphicon-list:before { | |
content: "\e056"; | |
} | |
.glyphicon-indent-left:before { | |
content: "\e057"; | |
} | |
.glyphicon-indent-right:before { | |
content: "\e058"; | |
} | |
.glyphicon-facetime-video:before { | |
content: "\e059"; | |
} | |
.glyphicon-picture:before { | |
content: "\e060"; | |
} | |
.glyphicon-map-marker:before { | |
content: "\e062"; | |
} | |
.glyphicon-adjust:before { | |
content: "\e063"; | |
} | |
.glyphicon-tint:before { | |
content: "\e064"; | |
} | |
.glyphicon-edit:before { | |
content: "\e065"; | |
} | |
.glyphicon-share:before { | |
content: "\e066"; | |
} | |
.glyphicon-check:before { | |
content: "\e067"; | |
} | |
.glyphicon-move:before { | |
content: "\e068"; | |
} | |
.glyphicon-step-backward:before { | |
content: "\e069"; | |
} | |
.glyphicon-fast-backward:before { | |
content: "\e070"; | |
} | |
.glyphicon-backward:before { | |
content: "\e071"; | |
} | |
.glyphicon-play:before { | |
content: "\e072"; | |
} | |
.glyphicon-pause:before { | |
content: "\e073"; | |
} | |
.glyphicon-stop:before { | |
content: "\e074"; | |
} | |
.glyphicon-forward:before { | |
content: "\e075"; | |
} | |
.glyphicon-fast-forward:before { | |
content: "\e076"; | |
} | |
.glyphicon-step-forward:before { | |
content: "\e077"; | |
} | |
.glyphicon-eject:before { | |
content: "\e078"; | |
} | |
.glyphicon-chevron-left:before { | |
content: "\e079"; | |
} | |
.glyphicon-chevron-right:before { | |
content: "\e080"; | |
} | |
.glyphicon-plus-sign:before { | |
content: "\e081"; | |
} | |
.glyphicon-minus-sign:before { | |
content: "\e082"; | |
} | |
.glyphicon-remove-sign:before { | |
content: "\e083"; | |
} | |
.glyphicon-ok-sign:before { | |
content: "\e084"; | |
} | |
.glyphicon-question-sign:before { | |
content: "\e085"; | |
} | |
.glyphicon-info-sign:before { | |
content: "\e086"; | |
} | |
.glyphicon-screenshot:before { | |
content: "\e087"; | |
} | |
.glyphicon-remove-circle:before { | |
content: "\e088"; | |
} | |
.glyphicon-ok-circle:before { | |
content: "\e089"; | |
} | |
.glyphicon-ban-circle:before { | |
content: "\e090"; | |
} | |
.glyphicon-arrow-left:before { | |
content: "\e091"; | |
} | |
.glyphicon-arrow-right:before { | |
content: "\e092"; | |
} | |
.glyphicon-arrow-up:before { | |
content: "\e093"; | |
} | |
.glyphicon-arrow-down:before { | |
content: "\e094"; | |
} | |
.glyphicon-share-alt:before { | |
content: "\e095"; | |
} | |
.glyphicon-resize-full:before { | |
content: "\e096"; | |
} | |
.glyphicon-resize-small:before { | |
content: "\e097"; | |
} | |
.glyphicon-exclamation-sign:before { | |
content: "\e101"; | |
} | |
.glyphicon-gift:before { | |
content: "\e102"; | |
} | |
.glyphicon-leaf:before { | |
content: "\e103"; | |
} | |
.glyphicon-fire:before { | |
content: "\e104"; | |
} | |
.glyphicon-eye-open:before { | |
content: "\e105"; | |
} | |
.glyphicon-eye-close:before { | |
content: "\e106"; | |
} | |
.glyphicon-warning-sign:before { | |
content: "\e107"; | |
} | |
.glyphicon-plane:before { | |
content: "\e108"; | |
} | |
.glyphicon-calendar:before { | |
content: "\e109"; | |
} | |
.glyphicon-random:before { | |
content: "\e110"; | |
} | |
.glyphicon-comment:before { | |
content: "\e111"; | |
} | |
.glyphicon-magnet:before { | |
content: "\e112"; | |
} | |
.glyphicon-chevron-up:before { | |
content: "\e113"; | |
} | |
.glyphicon-chevron-down:before { | |
content: "\e114"; | |
} | |
.glyphicon-retweet:before { | |
content: "\e115"; | |
} | |
.glyphicon-shopping-cart:before { | |
content: "\e116"; | |
} | |
.glyphicon-folder-close:before { | |
content: "\e117"; | |
} | |
.glyphicon-folder-open:before { | |
content: "\e118"; | |
} | |
.glyphicon-resize-vertical:before { | |
content: "\e119"; | |
} | |
.glyphicon-resize-horizontal:before { | |
content: "\e120"; | |
} | |
.glyphicon-hdd:before { | |
content: "\e121"; | |
} | |
.glyphicon-bullhorn:before { | |
content: "\e122"; | |
} | |
.glyphicon-bell:before { | |
content: "\e123"; | |
} | |
.glyphicon-certificate:before { | |
content: "\e124"; | |
} | |
.glyphicon-thumbs-up:before { | |
content: "\e125"; | |
} | |
.glyphicon-thumbs-down:before { | |
content: "\e126"; | |
} | |
.glyphicon-hand-right:before { | |
content: "\e127"; | |
} | |
.glyphicon-hand-left:before { | |
content: "\e128"; | |
} | |
.glyphicon-hand-up:before { | |
content: "\e129"; | |
} | |
.glyphicon-hand-down:before { | |
content: "\e130"; | |
} | |
.glyphicon-circle-arrow-right:before { | |
content: "\e131"; | |
} | |
.glyphicon-circle-arrow-left:before { | |
content: "\e132"; | |
} | |
.glyphicon-circle-arrow-up:before { | |
content: "\e133"; | |
} | |
.glyphicon-circle-arrow-down:before { | |
content: "\e134"; | |
} | |
.glyphicon-globe:before { | |
content: "\e135"; | |
} | |
.glyphicon-wrench:before { | |
content: "\e136"; | |
} | |
.glyphicon-tasks:before { | |
content: "\e137"; | |
} | |
.glyphicon-filter:before { | |
content: "\e138"; | |
} | |
.glyphicon-briefcase:before { | |
content: "\e139"; | |
} | |
.glyphicon-fullscreen:before { | |
content: "\e140"; | |
} | |
.glyphicon-dashboard:before { | |
content: "\e141"; | |
} | |
.glyphicon-paperclip:before { | |
content: "\e142"; | |
} | |
.glyphicon-heart-empty:before { | |
content: "\e143"; | |
} | |
.glyphicon-link:before { | |
content: "\e144"; | |
} | |
.glyphicon-phone:before { | |
content: "\e145"; | |
} | |
.glyphicon-pushpin:before { | |
content: "\e146"; | |
} | |
.glyphicon-usd:before { | |
content: "\e148"; | |
} | |
.glyphicon-gbp:before { | |
content: "\e149"; | |
} | |
.glyphicon-sort:before { | |
content: "\e150"; | |
} | |
.glyphicon-sort-by-alphabet:before { | |
content: "\e151"; | |
} | |
.glyphicon-sort-by-alphabet-alt:before { | |
content: "\e152"; | |
} | |
.glyphicon-sort-by-order:before { | |
content: "\e153"; | |
} | |
.glyphicon-sort-by-order-alt:before { | |
content: "\e154"; | |
} | |
.glyphicon-sort-by-attributes:before { | |
content: "\e155"; | |
} | |
.glyphicon-sort-by-attributes-alt:before { | |
content: "\e156"; | |
} | |
.glyphicon-unchecked:before { | |
content: "\e157"; | |
} | |
.glyphicon-expand:before { | |
content: "\e158"; | |
} | |
.glyphicon-collapse-down:before { | |
content: "\e159"; | |
} | |
.glyphicon-collapse-up:before { | |
content: "\e160"; | |
} | |
.glyphicon-log-in:before { | |
content: "\e161"; | |
} | |
.glyphicon-flash:before { | |
content: "\e162"; | |
} | |
.glyphicon-log-out:before { | |
content: "\e163"; | |
} | |
.glyphicon-new-window:before { | |
content: "\e164"; | |
} | |
.glyphicon-record:before { | |
content: "\e165"; | |
} | |
.glyphicon-save:before { | |
content: "\e166"; | |
} | |
.glyphicon-open:before { | |
content: "\e167"; | |
} | |
.glyphicon-saved:before { | |
content: "\e168"; | |
} | |
.glyphicon-import:before { | |
content: "\e169"; | |
} | |
.glyphicon-export:before { | |
content: "\e170"; | |
} | |
.glyphicon-send:before { | |
content: "\e171"; | |
} | |
.glyphicon-floppy-disk:before { | |
content: "\e172"; | |
} | |
.glyphicon-floppy-saved:before { | |
content: "\e173"; | |
} | |
.glyphicon-floppy-remove:before { | |
content: "\e174"; | |
} | |
.glyphicon-floppy-save:before { | |
content: "\e175"; | |
} | |
.glyphicon-floppy-open:before { | |
content: "\e176"; | |
} | |
.glyphicon-credit-card:before { | |
content: "\e177"; | |
} | |
.glyphicon-transfer:before { | |
content: "\e178"; | |
} | |
.glyphicon-cutlery:before { | |
content: "\e179"; | |
} | |
.glyphicon-header:before { | |
content: "\e180"; | |
} | |
.glyphicon-compressed:before { | |
content: "\e181"; | |
} | |
.glyphicon-earphone:before { | |
content: "\e182"; | |
} | |
.glyphicon-phone-alt:before { | |
content: "\e183"; | |
} | |
.glyphicon-tower:before { | |
content: "\e184"; | |
} | |
.glyphicon-stats:before { | |
content: "\e185"; | |
} | |
.glyphicon-sd-video:before { | |
content: "\e186"; | |
} | |
.glyphicon-hd-video:before { | |
content: "\e187"; | |
} | |
.glyphicon-subtitles:before { | |
content: "\e188"; | |
} | |
.glyphicon-sound-stereo:before { | |
content: "\e189"; | |
} | |
.glyphicon-sound-dolby:before { | |
content: "\e190"; | |
} | |
.glyphicon-sound-5-1:before { | |
content: "\e191"; | |
} | |
.glyphicon-sound-6-1:before { | |
content: "\e192"; | |
} | |
.glyphicon-sound-7-1:before { | |
content: "\e193"; | |
} | |
.glyphicon-copyright-mark:before { | |
content: "\e194"; | |
} | |
.glyphicon-registration-mark:before { | |
content: "\e195"; | |
} | |
.glyphicon-cloud-download:before { | |
content: "\e197"; | |
} | |
.glyphicon-cloud-upload:before { | |
content: "\e198"; | |
} | |
.glyphicon-tree-conifer:before { | |
content: "\e199"; | |
} | |
.glyphicon-tree-deciduous:before { | |
content: "\e200"; | |
} | |
.glyphicon-cd:before { | |
content: "\e201"; | |
} | |
.glyphicon-save-file:before { | |
content: "\e202"; | |
} | |
.glyphicon-open-file:before { | |
content: "\e203"; | |
} | |
.glyphicon-level-up:before { | |
content: "\e204"; | |
} | |
.glyphicon-copy:before { | |
content: "\e205"; | |
} | |
.glyphicon-paste:before { | |
content: "\e206"; | |
} | |
.glyphicon-alert:before { | |
content: "\e209"; | |
} | |
.glyphicon-equalizer:before { | |
content: "\e210"; | |
} | |
.glyphicon-king:before { | |
content: "\e211"; | |
} | |
.glyphicon-queen:before { | |
content: "\e212"; | |
} | |
.glyphicon-pawn:before { | |
content: "\e213"; | |
} | |
.glyphicon-bishop:before { | |
content: "\e214"; | |
} | |
.glyphicon-knight:before { | |
content: "\e215"; | |
} | |
.glyphicon-baby-formula:before { | |
content: "\e216"; | |
} | |
.glyphicon-tent:before { | |
content: "\26fa"; | |
} | |
.glyphicon-blackboard:before { | |
content: "\e218"; | |
} | |
.glyphicon-bed:before { | |
content: "\e219"; | |
} | |
.glyphicon-apple:before { | |
content: "\f8ff"; | |
} | |
.glyphicon-erase:before { | |
content: "\e221"; | |
} | |
.glyphicon-hourglass:before { | |
content: "\231b"; | |
} | |
.glyphicon-lamp:before { | |
content: "\e223"; | |
} | |
.glyphicon-duplicate:before { | |
content: "\e224"; | |
} | |
.glyphicon-piggy-bank:before { | |
content: "\e225"; | |
} | |
.glyphicon-scissors:before { | |
content: "\e226"; | |
} | |
.glyphicon-bitcoin:before { | |
content: "\e227"; | |
} | |
.glyphicon-btc:before { | |
content: "\e227"; | |
} | |
.glyphicon-xbt:before { | |
content: "\e227"; | |
} | |
.glyphicon-yen:before { | |
content: "\00a5"; | |
} | |
.glyphicon-jpy:before { | |
content: "\00a5"; | |
} | |
.glyphicon-ruble:before { | |
content: "\20bd"; | |
} | |
.glyphicon-rub:before { | |
content: "\20bd"; | |
} | |
.glyphicon-scale:before { | |
content: "\e230"; | |
} | |
.glyphicon-ice-lolly:before { | |
content: "\e231"; | |
} | |
.glyphicon-ice-lolly-tasted:before { | |
content: "\e232"; | |
} | |
.glyphicon-education:before { | |
content: "\e233"; | |
} | |
.glyphicon-option-horizontal:before { | |
content: "\e234"; | |
} | |
.glyphicon-option-vertical:before { | |
content: "\e235"; | |
} | |
.glyphicon-menu-hamburger:before { | |
content: "\e236"; | |
} | |
.glyphicon-modal-window:before { | |
content: "\e237"; | |
} | |
.glyphicon-oil:before { | |
content: "\e238"; | |
} | |
.glyphicon-grain:before { | |
content: "\e239"; | |
} | |
.glyphicon-sunglasses:before { | |
content: "\e240"; | |
} | |
.glyphicon-text-size:before { | |
content: "\e241"; | |
} | |
.glyphicon-text-color:before { | |
content: "\e242"; | |
} | |
.glyphicon-text-background:before { | |
content: "\e243"; | |
} | |
.glyphicon-object-align-top:before { | |
content: "\e244"; | |
} | |
.glyphicon-object-align-bottom:before { | |
content: "\e245"; | |
} | |
.glyphicon-object-align-horizontal:before { | |
content: "\e246"; | |
} | |
.glyphicon-object-align-left:before { | |
content: "\e247"; | |
} | |
.glyphicon-object-align-vertical:before { | |
content: "\e248"; | |
} | |
.glyphicon-object-align-right:before { | |
content: "\e249"; | |
} | |
.glyphicon-triangle-right:before { | |
content: "\e250"; | |
} | |
.glyphicon-triangle-left:before { | |
content: "\e251"; | |
} | |
.glyphicon-triangle-bottom:before { | |
content: "\e252"; | |
} | |
.glyphicon-triangle-top:before { | |
content: "\e253"; | |
} | |
.glyphicon-console:before { | |
content: "\e254"; | |
} | |
.glyphicon-superscript:before { | |
content: "\e255"; | |
} | |
.glyphicon-subscript:before { | |
content: "\e256"; | |
} | |
.glyphicon-menu-left:before { | |
content: "\e257"; | |
} | |
.glyphicon-menu-right:before { | |
content: "\e258"; | |
} | |
.glyphicon-menu-down:before { | |
content: "\e259"; | |
} | |
.glyphicon-menu-up:before { | |
content: "\e260"; | |
} | |
* { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
*:before, | |
*:after { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
html { | |
font-size: 10px; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); | |
} | |
body { | |
font-family: roboto; | |
font-size: 13px; | |
line-height: 1.42857143; | |
color: #5e5e5e; | |
background-color: #edecec; | |
} | |
input, | |
button, | |
select, | |
textarea { | |
font-family: inherit; | |
font-size: inherit; | |
line-height: inherit; | |
} | |
a { | |
color: #2196f3; | |
text-decoration: none; | |
} | |
a:hover, | |
a:focus { | |
color: #0a6ebd; | |
text-decoration: none; | |
} | |
a:focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
outline: none !important; | |
} | |
figure { | |
margin: 0; | |
} | |
img { | |
vertical-align: middle; | |
} | |
.img-responsive, | |
.thumbnail > img, | |
.thumbnail a > img, | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
display: block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-rounded { | |
border-radius: 2px; | |
} | |
.img-thumbnail { | |
padding: 3px; | |
line-height: 1.42857143; | |
background-color: #ffffff; | |
border: 1px solid #ededed; | |
border-radius: 2px; | |
-webkit-transition: all 0.2s ease-in-out; | |
-moz-transition: all 0.2s ease-in-out; | |
-o-transition: all 0.2s ease-in-out; | |
transition: all 0.2s ease-in-out; | |
display: inline-block; | |
max-width: 100%; | |
height: auto; | |
} | |
.img-circle { | |
border-radius: 50%; | |
} | |
hr { | |
margin-top: 18px; | |
margin-bottom: 18px; | |
border: 0; | |
border-top: 1px solid #eeeeee; | |
} | |
.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: #000000; | |
} | |
h1 small, | |
h2 small, | |
h3 small, | |
h4 small, | |
h5 small, | |
h6 small, | |
.h1 small, | |
.h2 small, | |
.h3 small, | |
.h4 small, | |
.h5 small, | |
.h6 small, | |
h1 .small, | |
h2 .small, | |
h3 .small, | |
h4 .small, | |
h5 .small, | |
h6 .small, | |
.h1 .small, | |
.h2 .small, | |
.h3 .small, | |
.h4 .small, | |
.h5 .small, | |
.h6 .small { | |
font-weight: normal; | |
line-height: 1; | |
color: #777777; | |
} | |
h1, | |
.h1, | |
h2, | |
.h2, | |
h3, | |
.h3 { | |
margin-top: 18px; | |
margin-bottom: 9px; | |
} | |
h1 small, | |
.h1 small, | |
h2 small, | |
.h2 small, | |
h3 small, | |
.h3 small, | |
h1 .small, | |
.h1 .small, | |
h2 .small, | |
.h2 .small, | |
h3 .small, | |
.h3 .small { | |
font-size: 65%; | |
} | |
h4, | |
.h4, | |
h5, | |
.h5, | |
h6, | |
.h6 { | |
margin-top: 9px; | |
margin-bottom: 9px; | |
} | |
h4 small, | |
.h4 small, | |
h5 small, | |
.h5 small, | |
h6 small, | |
.h6 small, | |
h4 .small, | |
.h4 .small, | |
h5 .small, | |
.h5 .small, | |
h6 .small, | |
.h6 .small { | |
font-size: 75%; | |
} | |
h1, | |
.h1 { | |
font-size: 33px; | |
} | |
h2, | |
.h2 { | |
font-size: 27px; | |
} | |
h3, | |
.h3 { | |
font-size: 23px; | |
} | |
h4, | |
.h4 { | |
font-size: 17px; | |
} | |
h5, | |
.h5 { | |
font-size: 13px; | |
} | |
h6, | |
.h6 { | |
font-size: 12px; | |
} | |
p { | |
margin: 0 0 9px; | |
} | |
.lead { | |
margin-bottom: 18px; | |
font-size: 14px; | |
font-weight: 300; | |
line-height: 1.4; | |
} | |
@media (min-width: 768px) { | |
.lead { | |
font-size: 19.5px; | |
} | |
} | |
small, | |
.small { | |
font-size: 92%; | |
} | |
mark, | |
.mark { | |
background-color: #fcf8e3; | |
padding: .2em; | |
} | |
.text-left { | |
text-align: left; | |
} | |
.text-right { | |
text-align: right; | |
} | |
.text-center { | |
text-align: center; | |
} | |
.text-justify { | |
text-align: justify; | |
} | |
.text-nowrap { | |
white-space: nowrap; | |
} | |
.text-lowercase { | |
text-transform: lowercase; | |
} | |
.text-uppercase { | |
text-transform: uppercase; | |
} | |
.text-capitalize { | |
text-transform: capitalize; | |
} | |
.text-muted { | |
color: #777777; | |
} | |
.text-primary { | |
color: #2196f3; | |
} | |
a.text-primary:hover, | |
a.text-primary:focus { | |
color: #0c7cd5; | |
} | |
.text-success { | |
color: #4caf50; | |
} | |
a.text-success:hover, | |
a.text-success:focus { | |
color: #3d8b40; | |
} | |
.text-info { | |
color: #2196f3; | |
} | |
a.text-info:hover, | |
a.text-info:focus { | |
color: #0c7cd5; | |
} | |
.text-warning { | |
color: #ff9800; | |
} | |
a.text-warning:hover, | |
a.text-warning:focus { | |
color: #cc7a00; | |
} | |
.text-danger { | |
color: #f44336; | |
} | |
a.text-danger:hover, | |
a.text-danger:focus { | |
color: #ea1c0d; | |
} | |
.bg-primary { | |
color: #fff; | |
background-color: #2196f3; | |
} | |
a.bg-primary:hover, | |
a.bg-primary:focus { | |
background-color: #0c7cd5; | |
} | |
.bg-success { | |
background-color: #dff0d8; | |
} | |
a.bg-success:hover, | |
a.bg-success:focus { | |
background-color: #c1e2b3; | |
} | |
.bg-info { | |
background-color: #d9edf7; | |
} | |
a.bg-info:hover, | |
a.bg-info:focus { | |
background-color: #afd9ee; | |
} | |
.bg-warning { | |
background-color: #fcf8e3; | |
} | |
a.bg-warning:hover, | |
a.bg-warning:focus { | |
background-color: #f7ecb5; | |
} | |
.bg-danger { | |
background-color: #f2dede; | |
} | |
a.bg-danger:hover, | |
a.bg-danger:focus { | |
background-color: #e4b9b9; | |
} | |
.page-header { | |
padding-bottom: 8px; | |
margin: 36px 0 18px; | |
border-bottom: 1px solid #eeeeee; | |
} | |
ul, | |
ol { | |
margin-top: 0; | |
margin-bottom: 9px; | |
} | |
ul ul, | |
ol ul, | |
ul ol, | |
ol ol { | |
margin-bottom: 0; | |
} | |
.list-unstyled { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-inline { | |
padding-left: 0; | |
list-style: none; | |
margin-left: -5px; | |
} | |
.list-inline > li { | |
display: inline-block; | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
dl { | |
margin-top: 0; | |
margin-bottom: 18px; | |
} | |
dt, | |
dd { | |
line-height: 1.42857143; | |
} | |
dt { | |
font-weight: bold; | |
} | |
dd { | |
margin-left: 0; | |
} | |
@media (min-width: 768px) { | |
.dl-horizontal dt { | |
float: left; | |
width: 160px; | |
clear: left; | |
text-align: right; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.dl-horizontal dd { | |
margin-left: 180px; | |
} | |
} | |
abbr[title], | |
abbr[data-original-title] { | |
cursor: help; | |
border-bottom: 1px dotted #777777; | |
} | |
.initialism { | |
font-size: 90%; | |
text-transform: uppercase; | |
} | |
blockquote { | |
padding: 9px 18px; | |
margin: 0 0 18px; | |
font-size: 16.25px; | |
border-left: 5px solid #eeeeee; | |
} | |
blockquote p:last-child, | |
blockquote ul:last-child, | |
blockquote ol:last-child { | |
margin-bottom: 0; | |
} | |
blockquote footer, | |
blockquote small, | |
blockquote .small { | |
display: block; | |
font-size: 80%; | |
line-height: 1.42857143; | |
color: #777777; | |
} | |
blockquote footer:before, | |
blockquote small:before, | |
blockquote .small:before { | |
content: '\2014 \00A0'; | |
} | |
.blockquote-reverse, | |
blockquote.pull-right { | |
padding-right: 15px; | |
padding-left: 0; | |
border-right: 5px solid #eeeeee; | |
border-left: 0; | |
text-align: right; | |
} | |
.blockquote-reverse footer:before, | |
blockquote.pull-right footer:before, | |
.blockquote-reverse small:before, | |
blockquote.pull-right small:before, | |
.blockquote-reverse .small:before, | |
blockquote.pull-right .small:before { | |
content: ''; | |
} | |
.blockquote-reverse footer:after, | |
blockquote.pull-right footer:after, | |
.blockquote-reverse small:after, | |
blockquote.pull-right small:after, | |
.blockquote-reverse .small:after, | |
blockquote.pull-right .small:after { | |
content: '\00A0 \2014'; | |
} | |
address { | |
margin-bottom: 18px; | |
font-style: normal; | |
line-height: 1.42857143; | |
} | |
code, | |
kbd, | |
pre, | |
samp { | |
font-family: Menlo, Monaco, Consolas, "Courier New", monospace; | |
} | |
code { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #c7254e; | |
background-color: #f9f2f4; | |
border-radius: 2px; | |
} | |
kbd { | |
padding: 2px 4px; | |
font-size: 90%; | |
color: #ffffff; | |
background-color: #333333; | |
border-radius: 2px; | |
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: 8.5px; | |
margin: 0 0 9px; | |
font-size: 12px; | |
line-height: 1.42857143; | |
word-break: break-all; | |
word-wrap: break-word; | |
color: #333333; | |
background-color: #f5f5f5; | |
border: 1px solid #cccccc; | |
border-radius: 2px; | |
} | |
pre code { | |
padding: 0; | |
font-size: inherit; | |
color: inherit; | |
white-space: pre-wrap; | |
background-color: transparent; | |
border-radius: 0; | |
} | |
.pre-scrollable { | |
max-height: 340px; | |
overflow-y: scroll; | |
} | |
.container { | |
margin-right: auto; | |
margin-left: auto; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
@media (min-width: 768px) { | |
.container { | |
width: calc(100% - 30px); | |
} | |
} | |
@media (min-width: 992px) { | |
.container { | |
width: calc(100% - 30px); | |
} | |
} | |
@media (min-width: 1200px) { | |
.container { | |
width: 1170px; | |
} | |
} | |
.container-fluid { | |
margin-right: auto; | |
margin-left: auto; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
.row { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { | |
position: relative; | |
min-height: 1px; | |
padding-left: 15px; | |
padding-right: 15px; | |
} | |
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { | |
float: left; | |
} | |
.col-xs-12 { | |
width: 100%; | |
} | |
.col-xs-11 { | |
width: 91.66666667%; | |
} | |
.col-xs-10 { | |
width: 83.33333333%; | |
} | |
.col-xs-9 { | |
width: 75%; | |
} | |
.col-xs-8 { | |
width: 66.66666667%; | |
} | |
.col-xs-7 { | |
width: 58.33333333%; | |
} | |
.col-xs-6 { | |
width: 50%; | |
} | |
.col-xs-5 { | |
width: 41.66666667%; | |
} | |
.col-xs-4 { | |
width: 33.33333333%; | |
} | |
.col-xs-3 { | |
width: 25%; | |
} | |
.col-xs-2 { | |
width: 16.66666667%; | |
} | |
.col-xs-1 { | |
width: 8.33333333%; | |
} | |
.col-xs-pull-12 { | |
right: 100%; | |
} | |
.col-xs-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-xs-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-xs-pull-9 { | |
right: 75%; | |
} | |
.col-xs-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-xs-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-xs-pull-6 { | |
right: 50%; | |
} | |
.col-xs-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-xs-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-xs-pull-3 { | |
right: 25%; | |
} | |
.col-xs-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-xs-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-xs-pull-0 { | |
right: auto; | |
} | |
.col-xs-push-12 { | |
left: 100%; | |
} | |
.col-xs-push-11 { | |
left: 91.66666667%; | |
} | |
.col-xs-push-10 { | |
left: 83.33333333%; | |
} | |
.col-xs-push-9 { | |
left: 75%; | |
} | |
.col-xs-push-8 { | |
left: 66.66666667%; | |
} | |
.col-xs-push-7 { | |
left: 58.33333333%; | |
} | |
.col-xs-push-6 { | |
left: 50%; | |
} | |
.col-xs-push-5 { | |
left: 41.66666667%; | |
} | |
.col-xs-push-4 { | |
left: 33.33333333%; | |
} | |
.col-xs-push-3 { | |
left: 25%; | |
} | |
.col-xs-push-2 { | |
left: 16.66666667%; | |
} | |
.col-xs-push-1 { | |
left: 8.33333333%; | |
} | |
.col-xs-push-0 { | |
left: auto; | |
} | |
.col-xs-offset-12 { | |
margin-left: 100%; | |
} | |
.col-xs-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-xs-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-xs-offset-9 { | |
margin-left: 75%; | |
} | |
.col-xs-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-xs-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-xs-offset-6 { | |
margin-left: 50%; | |
} | |
.col-xs-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-xs-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-xs-offset-3 { | |
margin-left: 25%; | |
} | |
.col-xs-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-xs-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-xs-offset-0 { | |
margin-left: 0%; | |
} | |
@media (min-width: 768px) { | |
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { | |
float: left; | |
} | |
.col-sm-12 { | |
width: 100%; | |
} | |
.col-sm-11 { | |
width: 91.66666667%; | |
} | |
.col-sm-10 { | |
width: 83.33333333%; | |
} | |
.col-sm-9 { | |
width: 75%; | |
} | |
.col-sm-8 { | |
width: 66.66666667%; | |
} | |
.col-sm-7 { | |
width: 58.33333333%; | |
} | |
.col-sm-6 { | |
width: 50%; | |
} | |
.col-sm-5 { | |
width: 41.66666667%; | |
} | |
.col-sm-4 { | |
width: 33.33333333%; | |
} | |
.col-sm-3 { | |
width: 25%; | |
} | |
.col-sm-2 { | |
width: 16.66666667%; | |
} | |
.col-sm-1 { | |
width: 8.33333333%; | |
} | |
.col-sm-pull-12 { | |
right: 100%; | |
} | |
.col-sm-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-sm-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-sm-pull-9 { | |
right: 75%; | |
} | |
.col-sm-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-sm-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-sm-pull-6 { | |
right: 50%; | |
} | |
.col-sm-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-sm-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-sm-pull-3 { | |
right: 25%; | |
} | |
.col-sm-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-sm-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-sm-pull-0 { | |
right: auto; | |
} | |
.col-sm-push-12 { | |
left: 100%; | |
} | |
.col-sm-push-11 { | |
left: 91.66666667%; | |
} | |
.col-sm-push-10 { | |
left: 83.33333333%; | |
} | |
.col-sm-push-9 { | |
left: 75%; | |
} | |
.col-sm-push-8 { | |
left: 66.66666667%; | |
} | |
.col-sm-push-7 { | |
left: 58.33333333%; | |
} | |
.col-sm-push-6 { | |
left: 50%; | |
} | |
.col-sm-push-5 { | |
left: 41.66666667%; | |
} | |
.col-sm-push-4 { | |
left: 33.33333333%; | |
} | |
.col-sm-push-3 { | |
left: 25%; | |
} | |
.col-sm-push-2 { | |
left: 16.66666667%; | |
} | |
.col-sm-push-1 { | |
left: 8.33333333%; | |
} | |
.col-sm-push-0 { | |
left: auto; | |
} | |
.col-sm-offset-12 { | |
margin-left: 100%; | |
} | |
.col-sm-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-sm-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-sm-offset-9 { | |
margin-left: 75%; | |
} | |
.col-sm-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-sm-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-sm-offset-6 { | |
margin-left: 50%; | |
} | |
.col-sm-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-sm-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-sm-offset-3 { | |
margin-left: 25%; | |
} | |
.col-sm-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-sm-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-sm-offset-0 { | |
margin-left: 0%; | |
} | |
} | |
@media (min-width: 992px) { | |
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { | |
float: left; | |
} | |
.col-md-12 { | |
width: 100%; | |
} | |
.col-md-11 { | |
width: 91.66666667%; | |
} | |
.col-md-10 { | |
width: 83.33333333%; | |
} | |
.col-md-9 { | |
width: 75%; | |
} | |
.col-md-8 { | |
width: 66.66666667%; | |
} | |
.col-md-7 { | |
width: 58.33333333%; | |
} | |
.col-md-6 { | |
width: 50%; | |
} | |
.col-md-5 { | |
width: 41.66666667%; | |
} | |
.col-md-4 { | |
width: 33.33333333%; | |
} | |
.col-md-3 { | |
width: 25%; | |
} | |
.col-md-2 { | |
width: 16.66666667%; | |
} | |
.col-md-1 { | |
width: 8.33333333%; | |
} | |
.col-md-pull-12 { | |
right: 100%; | |
} | |
.col-md-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-md-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-md-pull-9 { | |
right: 75%; | |
} | |
.col-md-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-md-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-md-pull-6 { | |
right: 50%; | |
} | |
.col-md-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-md-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-md-pull-3 { | |
right: 25%; | |
} | |
.col-md-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-md-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-md-pull-0 { | |
right: auto; | |
} | |
.col-md-push-12 { | |
left: 100%; | |
} | |
.col-md-push-11 { | |
left: 91.66666667%; | |
} | |
.col-md-push-10 { | |
left: 83.33333333%; | |
} | |
.col-md-push-9 { | |
left: 75%; | |
} | |
.col-md-push-8 { | |
left: 66.66666667%; | |
} | |
.col-md-push-7 { | |
left: 58.33333333%; | |
} | |
.col-md-push-6 { | |
left: 50%; | |
} | |
.col-md-push-5 { | |
left: 41.66666667%; | |
} | |
.col-md-push-4 { | |
left: 33.33333333%; | |
} | |
.col-md-push-3 { | |
left: 25%; | |
} | |
.col-md-push-2 { | |
left: 16.66666667%; | |
} | |
.col-md-push-1 { | |
left: 8.33333333%; | |
} | |
.col-md-push-0 { | |
left: auto; | |
} | |
.col-md-offset-12 { | |
margin-left: 100%; | |
} | |
.col-md-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-md-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-md-offset-9 { | |
margin-left: 75%; | |
} | |
.col-md-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-md-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-md-offset-6 { | |
margin-left: 50%; | |
} | |
.col-md-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-md-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-md-offset-3 { | |
margin-left: 25%; | |
} | |
.col-md-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-md-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-md-offset-0 { | |
margin-left: 0%; | |
} | |
} | |
@media (min-width: 1200px) { | |
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { | |
float: left; | |
} | |
.col-lg-12 { | |
width: 100%; | |
} | |
.col-lg-11 { | |
width: 91.66666667%; | |
} | |
.col-lg-10 { | |
width: 83.33333333%; | |
} | |
.col-lg-9 { | |
width: 75%; | |
} | |
.col-lg-8 { | |
width: 66.66666667%; | |
} | |
.col-lg-7 { | |
width: 58.33333333%; | |
} | |
.col-lg-6 { | |
width: 50%; | |
} | |
.col-lg-5 { | |
width: 41.66666667%; | |
} | |
.col-lg-4 { | |
width: 33.33333333%; | |
} | |
.col-lg-3 { | |
width: 25%; | |
} | |
.col-lg-2 { | |
width: 16.66666667%; | |
} | |
.col-lg-1 { | |
width: 8.33333333%; | |
} | |
.col-lg-pull-12 { | |
right: 100%; | |
} | |
.col-lg-pull-11 { | |
right: 91.66666667%; | |
} | |
.col-lg-pull-10 { | |
right: 83.33333333%; | |
} | |
.col-lg-pull-9 { | |
right: 75%; | |
} | |
.col-lg-pull-8 { | |
right: 66.66666667%; | |
} | |
.col-lg-pull-7 { | |
right: 58.33333333%; | |
} | |
.col-lg-pull-6 { | |
right: 50%; | |
} | |
.col-lg-pull-5 { | |
right: 41.66666667%; | |
} | |
.col-lg-pull-4 { | |
right: 33.33333333%; | |
} | |
.col-lg-pull-3 { | |
right: 25%; | |
} | |
.col-lg-pull-2 { | |
right: 16.66666667%; | |
} | |
.col-lg-pull-1 { | |
right: 8.33333333%; | |
} | |
.col-lg-pull-0 { | |
right: auto; | |
} | |
.col-lg-push-12 { | |
left: 100%; | |
} | |
.col-lg-push-11 { | |
left: 91.66666667%; | |
} | |
.col-lg-push-10 { | |
left: 83.33333333%; | |
} | |
.col-lg-push-9 { | |
left: 75%; | |
} | |
.col-lg-push-8 { | |
left: 66.66666667%; | |
} | |
.col-lg-push-7 { | |
left: 58.33333333%; | |
} | |
.col-lg-push-6 { | |
left: 50%; | |
} | |
.col-lg-push-5 { | |
left: 41.66666667%; | |
} | |
.col-lg-push-4 { | |
left: 33.33333333%; | |
} | |
.col-lg-push-3 { | |
left: 25%; | |
} | |
.col-lg-push-2 { | |
left: 16.66666667%; | |
} | |
.col-lg-push-1 { | |
left: 8.33333333%; | |
} | |
.col-lg-push-0 { | |
left: auto; | |
} | |
.col-lg-offset-12 { | |
margin-left: 100%; | |
} | |
.col-lg-offset-11 { | |
margin-left: 91.66666667%; | |
} | |
.col-lg-offset-10 { | |
margin-left: 83.33333333%; | |
} | |
.col-lg-offset-9 { | |
margin-left: 75%; | |
} | |
.col-lg-offset-8 { | |
margin-left: 66.66666667%; | |
} | |
.col-lg-offset-7 { | |
margin-left: 58.33333333%; | |
} | |
.col-lg-offset-6 { | |
margin-left: 50%; | |
} | |
.col-lg-offset-5 { | |
margin-left: 41.66666667%; | |
} | |
.col-lg-offset-4 { | |
margin-left: 33.33333333%; | |
} | |
.col-lg-offset-3 { | |
margin-left: 25%; | |
} | |
.col-lg-offset-2 { | |
margin-left: 16.66666667%; | |
} | |
.col-lg-offset-1 { | |
margin-left: 8.33333333%; | |
} | |
.col-lg-offset-0 { | |
margin-left: 0%; | |
} | |
} | |
table { | |
background-color: transparent; | |
} | |
caption { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
color: #777777; | |
text-align: left; | |
} | |
th { | |
text-align: left; | |
} | |
.table { | |
width: 100%; | |
max-width: 100%; | |
margin-bottom: 18px; | |
} | |
.table > thead > tr > th, | |
.table > tbody > tr > th, | |
.table > tfoot > tr > th, | |
.table > thead > tr > td, | |
.table > tbody > tr > td, | |
.table > tfoot > tr > td { | |
padding: 10px; | |
line-height: 1.42857143; | |
vertical-align: top; | |
border-top: 1px solid #f0f0f0; | |
} | |
.table > thead > tr > th { | |
vertical-align: bottom; | |
border-bottom: 2px solid #f0f0f0; | |
} | |
.table > caption + thead > tr:first-child > th, | |
.table > colgroup + thead > tr:first-child > th, | |
.table > thead:first-child > tr:first-child > th, | |
.table > caption + thead > tr:first-child > td, | |
.table > colgroup + thead > tr:first-child > td, | |
.table > thead:first-child > tr:first-child > td { | |
border-top: 0; | |
} | |
.table > tbody + tbody { | |
border-top: 2px solid #f0f0f0; | |
} | |
.table .table { | |
background-color: #edecec; | |
} | |
.table-condensed > thead > tr > th, | |
.table-condensed > tbody > tr > th, | |
.table-condensed > tfoot > tr > th, | |
.table-condensed > thead > tr > td, | |
.table-condensed > tbody > tr > td, | |
.table-condensed > tfoot > tr > td { | |
padding: 7px; | |
} | |
.table-bordered { | |
border: 1px solid #f0f0f0; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > tbody > tr > th, | |
.table-bordered > tfoot > tr > th, | |
.table-bordered > thead > tr > td, | |
.table-bordered > tbody > tr > td, | |
.table-bordered > tfoot > tr > td { | |
border: 1px solid #f0f0f0; | |
} | |
.table-bordered > thead > tr > th, | |
.table-bordered > thead > tr > td { | |
border-bottom-width: 2px; | |
} | |
.table-striped > tbody > tr:nth-of-type(odd) { | |
background-color: #f4f4f4; | |
} | |
.table-hover > tbody > tr:hover { | |
background-color: #f5f5f5; | |
} | |
table col[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-column; | |
} | |
table td[class*="col-"], | |
table th[class*="col-"] { | |
position: static; | |
float: none; | |
display: table-cell; | |
} | |
.table > thead > tr > td.active, | |
.table > tbody > tr > td.active, | |
.table > tfoot > tr > td.active, | |
.table > thead > tr > th.active, | |
.table > tbody > tr > th.active, | |
.table > tfoot > tr > th.active, | |
.table > thead > tr.active > td, | |
.table > tbody > tr.active > td, | |
.table > tfoot > tr.active > td, | |
.table > thead > tr.active > th, | |
.table > tbody > tr.active > th, | |
.table > tfoot > tr.active > th { | |
background-color: #fffcbe; | |
} | |
.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: #fffba4; | |
} | |
.table > thead > tr > td.success, | |
.table > tbody > tr > td.success, | |
.table > tfoot > tr > td.success, | |
.table > thead > tr > th.success, | |
.table > tbody > tr > th.success, | |
.table > tfoot > tr > th.success, | |
.table > thead > tr.success > td, | |
.table > tbody > tr.success > td, | |
.table > tfoot > tr.success > td, | |
.table > thead > tr.success > th, | |
.table > tbody > tr.success > th, | |
.table > tfoot > tr.success > th { | |
background-color: #dff0d8; | |
} | |
.table-hover > tbody > tr > td.success:hover, | |
.table-hover > tbody > tr > th.success:hover, | |
.table-hover > tbody > tr.success:hover > td, | |
.table-hover > tbody > tr:hover > .success, | |
.table-hover > tbody > tr.success:hover > th { | |
background-color: #d0e9c6; | |
} | |
.table > thead > tr > td.info, | |
.table > tbody > tr > td.info, | |
.table > tfoot > tr > td.info, | |
.table > thead > tr > th.info, | |
.table > tbody > tr > th.info, | |
.table > tfoot > tr > th.info, | |
.table > thead > tr.info > td, | |
.table > tbody > tr.info > td, | |
.table > tfoot > tr.info > td, | |
.table > thead > tr.info > th, | |
.table > tbody > tr.info > th, | |
.table > tfoot > tr.info > th { | |
background-color: #d9edf7; | |
} | |
.table-hover > tbody > tr > td.info:hover, | |
.table-hover > tbody > tr > th.info:hover, | |
.table-hover > tbody > tr.info:hover > td, | |
.table-hover > tbody > tr:hover > .info, | |
.table-hover > tbody > tr.info:hover > th { | |
background-color: #c4e3f3; | |
} | |
.table > thead > tr > td.warning, | |
.table > tbody > tr > td.warning, | |
.table > tfoot > tr > td.warning, | |
.table > thead > tr > th.warning, | |
.table > tbody > tr > th.warning, | |
.table > tfoot > tr > th.warning, | |
.table > thead > tr.warning > td, | |
.table > tbody > tr.warning > td, | |
.table > tfoot > tr.warning > td, | |
.table > thead > tr.warning > th, | |
.table > tbody > tr.warning > th, | |
.table > tfoot > tr.warning > th { | |
background-color: #fcf8e3; | |
} | |
.table-hover > tbody > tr > td.warning:hover, | |
.table-hover > tbody > tr > th.warning:hover, | |
.table-hover > tbody > tr.warning:hover > td, | |
.table-hover > tbody > tr:hover > .warning, | |
.table-hover > tbody > tr.warning:hover > th { | |
background-color: #faf2cc; | |
} | |
.table > thead > tr > td.danger, | |
.table > tbody > tr > td.danger, | |
.table > tfoot > tr > td.danger, | |
.table > thead > tr > th.danger, | |
.table > tbody > tr > th.danger, | |
.table > tfoot > tr > th.danger, | |
.table > thead > tr.danger > td, | |
.table > tbody > tr.danger > td, | |
.table > tfoot > tr.danger > td, | |
.table > thead > tr.danger > th, | |
.table > tbody > tr.danger > th, | |
.table > tfoot > tr.danger > th { | |
background-color: #f2dede; | |
} | |
.table-hover > tbody > tr > td.danger:hover, | |
.table-hover > tbody > tr > th.danger:hover, | |
.table-hover > tbody > tr.danger:hover > td, | |
.table-hover > tbody > tr:hover > .danger, | |
.table-hover > tbody > tr.danger:hover > th { | |
background-color: #ebcccc; | |
} | |
.table-responsive { | |
overflow-x: auto; | |
min-height: 0.01%; | |
} | |
@media screen and (max-width: 767px) { | |
.table-responsive { | |
width: 100%; | |
margin-bottom: 13.5px; | |
overflow-y: hidden; | |
-ms-overflow-style: -ms-autohiding-scrollbar; | |
border: 1px solid #f0f0f0; | |
} | |
.table-responsive > .table { | |
margin-bottom: 0; | |
} | |
.table-responsive > .table > thead > tr > th, | |
.table-responsive > .table > tbody > tr > th, | |
.table-responsive > .table > tfoot > tr > th, | |
.table-responsive > .table > thead > tr > td, | |
.table-responsive > .table > tbody > tr > td, | |
.table-responsive > .table > tfoot > tr > td { | |
white-space: nowrap; | |
} | |
.table-responsive > .table-bordered { | |
border: 0; | |
} | |
.table-responsive > .table-bordered > thead > tr > th:first-child, | |
.table-responsive > .table-bordered > tbody > tr > th:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.table-responsive > .table-bordered > thead > tr > td:first-child, | |
.table-responsive > .table-bordered > tbody > tr > td:first-child, | |
.table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
border-left: 0; | |
} | |
.table-responsive > .table-bordered > thead > tr > th:last-child, | |
.table-responsive > .table-bordered > tbody > tr > th:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.table-responsive > .table-bordered > thead > tr > td:last-child, | |
.table-responsive > .table-bordered > tbody > tr > td:last-child, | |
.table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
border-right: 0; | |
} | |
.table-responsive > .table-bordered > tbody > tr:last-child > th, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > th, | |
.table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.table-responsive > .table-bordered > tfoot > tr:last-child > td { | |
border-bottom: 0; | |
} | |
} | |
fieldset { | |
padding: 0; | |
margin: 0; | |
border: 0; | |
min-width: 0; | |
} | |
legend { | |
display: block; | |
width: 100%; | |
padding: 0; | |
margin-bottom: 18px; | |
font-size: 19.5px; | |
line-height: inherit; | |
color: #333333; | |
border: 0; | |
border-bottom: 1px solid #e5e5e5; | |
} | |
label { | |
display: inline-block; | |
max-width: 100%; | |
margin-bottom: 5px; | |
font-weight: bold; | |
} | |
input[type="search"] { | |
-webkit-box-sizing: border-box; | |
-moz-box-sizing: border-box; | |
box-sizing: border-box; | |
} | |
input[type="radio"], | |
input[type="checkbox"] { | |
margin: 4px 0 0; | |
margin-top: 1px \9; | |
line-height: normal; | |
} | |
input[type="file"] { | |
display: block; | |
} | |
input[type="range"] { | |
display: block; | |
width: 100%; | |
} | |
select[multiple], | |
select[size] { | |
height: auto; | |
} | |
input[type="file"]:focus, | |
input[type="radio"]:focus, | |
input[type="checkbox"]:focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
outline: none !important; | |
} | |
output { | |
display: block; | |
padding-top: 7px; | |
font-size: 13px; | |
line-height: 1.42857143; | |
color: #555555; | |
} | |
.form-control { | |
display: block; | |
width: 100%; | |
height: 35px; | |
padding: 6px 12px; | |
font-size: 13px; | |
line-height: 1.42857143; | |
color: #555555; | |
background-color: #ffffff; | |
background-image: none; | |
border: 1px solid #e0e0e0; | |
border-radius: 0; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); | |
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
-moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; | |
} | |
.form-control:focus { | |
border-color: #b4b4b4; | |
outline: 0; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 180, 180, 0.6); | |
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(180, 180, 180, 0.6); | |
} | |
.form-control::-moz-placeholder { | |
color: #999999; | |
opacity: 1; | |
} | |
.form-control:-ms-input-placeholder { | |
color: #999999; | |
} | |
.form-control::-webkit-input-placeholder { | |
color: #999999; | |
} | |
.form-control[disabled], | |
.form-control[readonly], | |
fieldset[disabled] .form-control { | |
background-color: #eeeeee; | |
opacity: 1; | |
} | |
.form-control[disabled], | |
fieldset[disabled] .form-control { | |
cursor: not-allowed; | |
} | |
textarea.form-control { | |
height: auto; | |
} | |
input[type="search"] { | |
-webkit-appearance: none; | |
} | |
@media screen and (-webkit-min-device-pixel-ratio: 0) { | |
input[type="date"], | |
input[type="time"], | |
input[type="datetime-local"], | |
input[type="month"] { | |
line-height: 35px; | |
} | |
input[type="date"].input-sm, | |
input[type="time"].input-sm, | |
input[type="datetime-local"].input-sm, | |
input[type="month"].input-sm, | |
.input-group-sm input[type="date"], | |
.input-group-sm input[type="time"], | |
.input-group-sm input[type="datetime-local"], | |
.input-group-sm input[type="month"] { | |
line-height: 30px; | |
} | |
input[type="date"].input-lg, | |
input[type="time"].input-lg, | |
input[type="datetime-local"].input-lg, | |
input[type="month"].input-lg, | |
.input-group-lg input[type="date"], | |
.input-group-lg input[type="time"], | |
.input-group-lg input[type="datetime-local"], | |
.input-group-lg input[type="month"] { | |
line-height: 40px; | |
} | |
} | |
.form-group { | |
margin-bottom: 15px; | |
} | |
.radio, | |
.checkbox { | |
position: relative; | |
display: block; | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.radio label, | |
.checkbox label { | |
min-height: 18px; | |
padding-left: 20px; | |
margin-bottom: 0; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.radio input[type="radio"], | |
.radio-inline input[type="radio"], | |
.checkbox input[type="checkbox"], | |
.checkbox-inline input[type="checkbox"] { | |
position: absolute; | |
margin-left: -20px; | |
margin-top: 4px \9; | |
} | |
.radio + .radio, | |
.checkbox + .checkbox { | |
margin-top: -5px; | |
} | |
.radio-inline, | |
.checkbox-inline { | |
position: relative; | |
display: inline-block; | |
padding-left: 20px; | |
margin-bottom: 0; | |
vertical-align: middle; | |
font-weight: normal; | |
cursor: pointer; | |
} | |
.radio-inline + .radio-inline, | |
.checkbox-inline + .checkbox-inline { | |
margin-top: 0; | |
margin-left: 10px; | |
} | |
input[type="radio"][disabled], | |
input[type="checkbox"][disabled], | |
input[type="radio"].disabled, | |
input[type="checkbox"].disabled, | |
fieldset[disabled] input[type="radio"], | |
fieldset[disabled] input[type="checkbox"] { | |
cursor: not-allowed; | |
} | |
.radio-inline.disabled, | |
.checkbox-inline.disabled, | |
fieldset[disabled] .radio-inline, | |
fieldset[disabled] .checkbox-inline { | |
cursor: not-allowed; | |
} | |
.radio.disabled label, | |
.checkbox.disabled label, | |
fieldset[disabled] .radio label, | |
fieldset[disabled] .checkbox label { | |
cursor: not-allowed; | |
} | |
.form-control-static { | |
padding-top: 7px; | |
padding-bottom: 7px; | |
margin-bottom: 0; | |
min-height: 31px; | |
} | |
.form-control-static.input-lg, | |
.form-control-static.input-sm { | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.input-sm { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 2px; | |
} | |
select.input-sm { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-sm, | |
select[multiple].input-sm { | |
height: auto; | |
} | |
.form-group-sm .form-control { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 2px; | |
} | |
select.form-group-sm .form-control { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.form-group-sm .form-control, | |
select[multiple].form-group-sm .form-control { | |
height: auto; | |
} | |
.form-group-sm .form-control-static { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
min-height: 30px; | |
} | |
.input-lg { | |
height: 40px; | |
padding: 10px 16px; | |
font-size: 17px; | |
line-height: 1.3333333; | |
border-radius: 0px; | |
} | |
select.input-lg { | |
height: 40px; | |
line-height: 40px; | |
} | |
textarea.input-lg, | |
select[multiple].input-lg { | |
height: auto; | |
} | |
.form-group-lg .form-control { | |
height: 40px; | |
padding: 10px 16px; | |
font-size: 17px; | |
line-height: 1.3333333; | |
border-radius: 0px; | |
} | |
select.form-group-lg .form-control { | |
height: 40px; | |
line-height: 40px; | |
} | |
textarea.form-group-lg .form-control, | |
select[multiple].form-group-lg .form-control { | |
height: auto; | |
} | |
.form-group-lg .form-control-static { | |
height: 40px; | |
padding: 10px 16px; | |
font-size: 17px; | |
line-height: 1.3333333; | |
min-height: 35px; | |
} | |
.has-feedback { | |
position: relative; | |
} | |
.has-feedback .form-control { | |
padding-right: 43.75px; | |
} | |
.form-control-feedback { | |
position: absolute; | |
top: 0; | |
right: 0; | |
z-index: 2; | |
display: block; | |
width: 35px; | |
height: 35px; | |
line-height: 35px; | |
text-align: center; | |
pointer-events: none; | |
} | |
.input-lg + .form-control-feedback { | |
width: 40px; | |
height: 40px; | |
line-height: 40px; | |
} | |
.input-sm + .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: #4caf50; | |
} | |
.has-success .form-control { | |
border-color: #4caf50; | |
-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: #3d8b40; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #92cf94; | |
} | |
.has-success .input-group-addon { | |
color: #4caf50; | |
border-color: #4caf50; | |
background-color: #dff0d8; | |
} | |
.has-success .form-control-feedback { | |
color: #4caf50; | |
} | |
.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: #ff9800; | |
} | |
.has-warning .form-control { | |
border-color: #ff9800; | |
-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: #cc7a00; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffc166; | |
} | |
.has-warning .input-group-addon { | |
color: #ff9800; | |
border-color: #ff9800; | |
background-color: #fcf8e3; | |
} | |
.has-warning .form-control-feedback { | |
color: #ff9800; | |
} | |
.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: #f44336; | |
} | |
.has-error .form-control { | |
border-color: #f44336; | |
-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: #ea1c0d; | |
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f99d97; | |
} | |
.has-error .input-group-addon { | |
color: #f44336; | |
border-color: #f44336; | |
background-color: #f2dede; | |
} | |
.has-error .form-control-feedback { | |
color: #f44336; | |
} | |
.has-feedback label ~ .form-control-feedback { | |
top: 23px; | |
} | |
.has-feedback label.sr-only ~ .form-control-feedback { | |
top: 0; | |
} | |
.help-block { | |
display: block; | |
margin-top: 5px; | |
margin-bottom: 10px; | |
color: #9e9e9e; | |
} | |
@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: 25px; | |
} | |
.form-horizontal .form-group { | |
margin-left: -15px; | |
margin-right: -15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .control-label { | |
text-align: right; | |
margin-bottom: 0; | |
padding-top: 7px; | |
} | |
} | |
.form-horizontal .has-feedback .form-control-feedback { | |
right: 15px; | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-lg .control-label { | |
padding-top: 14.333333px; | |
} | |
} | |
@media (min-width: 768px) { | |
.form-horizontal .form-group-sm .control-label { | |
padding-top: 6px; | |
} | |
} | |
.btn { | |
display: inline-block; | |
margin-bottom: 0; | |
font-weight: 400; | |
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: 13px; | |
line-height: 1.42857143; | |
border-radius: 2px; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.btn:focus, | |
.btn:active:focus, | |
.btn.active:focus, | |
.btn.focus, | |
.btn:active.focus, | |
.btn.active.focus { | |
outline: thin dotted; | |
outline: 5px auto -webkit-focus-ring-color; | |
outline-offset: -2px; | |
outline: none !important; | |
} | |
.btn:hover, | |
.btn:focus, | |
.btn.focus { | |
color: #333333; | |
text-decoration: none; | |
} | |
.btn:active, | |
.btn.active { | |
outline: 0; | |
background-image: none; | |
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
} | |
.btn.disabled, | |
.btn[disabled], | |
fieldset[disabled] .btn { | |
cursor: not-allowed; | |
opacity: 0.65; | |
filter: alpha(opacity=65); | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
a.btn.disabled, | |
fieldset[disabled] a.btn { | |
pointer-events: none; | |
} | |
.btn-default { | |
color: #333333; | |
background-color: #ffffff; | |
border-color: #cccccc; | |
} | |
.btn-default:focus, | |
.btn-default.focus { | |
color: #333333; | |
background-color: #e6e6e6; | |
border-color: #8c8c8c; | |
} | |
.btn-default:hover { | |
color: #333333; | |
background-color: #e6e6e6; | |
border-color: #adadad; | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open > .dropdown-toggle.btn-default { | |
color: #333333; | |
background-color: #e6e6e6; | |
border-color: #adadad; | |
} | |
.btn-default:active:hover, | |
.btn-default.active:hover, | |
.open > .dropdown-toggle.btn-default:hover, | |
.btn-default:active:focus, | |
.btn-default.active:focus, | |
.open > .dropdown-toggle.btn-default:focus, | |
.btn-default:active.focus, | |
.btn-default.active.focus, | |
.open > .dropdown-toggle.btn-default.focus { | |
color: #333333; | |
background-color: #d4d4d4; | |
border-color: #8c8c8c; | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open > .dropdown-toggle.btn-default { | |
background-image: none; | |
} | |
.btn-default.disabled, | |
.btn-default[disabled], | |
fieldset[disabled] .btn-default, | |
.btn-default.disabled:hover, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default:hover, | |
.btn-default.disabled:focus, | |
.btn-default[disabled]:focus, | |
fieldset[disabled] .btn-default:focus, | |
.btn-default.disabled.focus, | |
.btn-default[disabled].focus, | |
fieldset[disabled] .btn-default.focus, | |
.btn-default.disabled:active, | |
.btn-default[disabled]:active, | |
fieldset[disabled] .btn-default:active, | |
.btn-default.disabled.active, | |
.btn-default[disabled].active, | |
fieldset[disabled] .btn-default.active { | |
background-color: #ffffff; | |
border-color: #cccccc; | |
} | |
.btn-default .badge { | |
color: #ffffff; | |
background-color: #333333; | |
} | |
.btn-default:hover, | |
.btn-default:focus, | |
.btn-default.focus, | |
.btn-default:active, | |
.btn-default.active, | |
.open > .dropdown-toggle.btn-default { | |
color: #333333; | |
background-color: #ffffff; | |
border-color: transparent; | |
} | |
.btn-default:active, | |
.btn-default.active, | |
.open > .dropdown-toggle.btn-default { | |
background-image: none; | |
} | |
.btn-default.disabled, | |
.btn-default[disabled], | |
fieldset[disabled] .btn-default, | |
.btn-default.disabled:hover, | |
.btn-default[disabled]:hover, | |
fieldset[disabled] .btn-default:hover, | |
.btn-default.disabled:focus, | |
.btn-default[disabled]:focus, | |
fieldset[disabled] .btn-default:focus, | |
.btn-default.disabled.focus, | |
.btn-default[disabled].focus, | |
fieldset[disabled] .btn-default.focus, | |
.btn-default.disabled:active, | |
.btn-default[disabled]:active, | |
fieldset[disabled] .btn-default:active, | |
.btn-default.disabled.active, | |
.btn-default[disabled].active, | |
fieldset[disabled] .btn-default.active { | |
background-color: #ffffff; | |
border-color: #cccccc; | |
} | |
.btn-default .badge { | |
color: #ffffff; | |
background-color: #333333; | |
} | |
.btn-primary { | |
color: #ffffff; | |
background-color: #2196f3; | |
border-color: #0d8aee; | |
} | |
.btn-primary:focus, | |
.btn-primary.focus { | |
color: #ffffff; | |
background-color: #0c7cd5; | |
border-color: #064475; | |
} | |
.btn-primary:hover { | |
color: #ffffff; | |
background-color: #0c7cd5; | |
border-color: #0a68b4; | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open > .dropdown-toggle.btn-primary { | |
color: #ffffff; | |
background-color: #0c7cd5; | |
border-color: #0a68b4; | |
} | |
.btn-primary:active:hover, | |
.btn-primary.active:hover, | |
.open > .dropdown-toggle.btn-primary:hover, | |
.btn-primary:active:focus, | |
.btn-primary.active:focus, | |
.open > .dropdown-toggle.btn-primary:focus, | |
.btn-primary:active.focus, | |
.btn-primary.active.focus, | |
.open > .dropdown-toggle.btn-primary.focus { | |
color: #ffffff; | |
background-color: #0a68b4; | |
border-color: #064475; | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open > .dropdown-toggle.btn-primary { | |
background-image: none; | |
} | |
.btn-primary.disabled, | |
.btn-primary[disabled], | |
fieldset[disabled] .btn-primary, | |
.btn-primary.disabled:hover, | |
.btn-primary[disabled]:hover, | |
fieldset[disabled] .btn-primary:hover, | |
.btn-primary.disabled:focus, | |
.btn-primary[disabled]:focus, | |
fieldset[disabled] .btn-primary:focus, | |
.btn-primary.disabled.focus, | |
.btn-primary[disabled].focus, | |
fieldset[disabled] .btn-primary.focus, | |
.btn-primary.disabled:active, | |
.btn-primary[disabled]:active, | |
fieldset[disabled] .btn-primary:active, | |
.btn-primary.disabled.active, | |
.btn-primary[disabled].active, | |
fieldset[disabled] .btn-primary.active { | |
background-color: #2196f3; | |
border-color: #0d8aee; | |
} | |
.btn-primary .badge { | |
color: #2196f3; | |
background-color: #ffffff; | |
} | |
.btn-primary:hover, | |
.btn-primary:focus, | |
.btn-primary.focus, | |
.btn-primary:active, | |
.btn-primary.active, | |
.open > .dropdown-toggle.btn-primary { | |
color: #ffffff; | |
background-color: #2196f3; | |
border-color: transparent; | |
} | |
.btn-primary:active, | |
.btn-primary.active, | |
.open > .dropdown-toggle.btn-primary { | |
background-image: none; | |
} | |
.btn-primary.disabled, | |
.btn-primary[disabled], | |
fieldset[disabled] .btn-primary, | |
.btn-primary.disabled:hover, | |
.btn-primary[disabled]:hover, | |
fieldset[disabled] .btn-primary:hover, | |
.btn-primary.disabled:focus, | |
.btn-primary[disabled]:focus, | |
fieldset[disabled] .btn-primary:focus, | |
.btn-primary.disabled.focus, | |
.btn-primary[disabled].focus, | |
fieldset[disabled] .btn-primary.focus, | |
.btn-primary.disabled:active, | |
.btn-primary[disabled]:active, | |
fieldset[disabled] .btn-primary:active, | |
.btn-primary.disabled.active, | |
.btn-primary[disabled].active, | |
fieldset[disabled] .btn-primary.active { | |
background-color: #2196f3; | |
border-color: #0d8aee; | |
} | |
.btn-primary .badge { | |
color: #2196f3; | |
background-color: #ffffff; | |
} | |
.btn-success { | |
color: #ffffff; | |
background-color: #4caf50; | |
border-color: #449d48; | |
} | |
.btn-success:focus, | |
.btn-success.focus { | |
color: #ffffff; | |
background-color: #3d8b40; | |
border-color: #1e441f; | |
} | |
.btn-success:hover { | |
color: #ffffff; | |
background-color: #3d8b40; | |
border-color: #327334; | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open > .dropdown-toggle.btn-success { | |
color: #ffffff; | |
background-color: #3d8b40; | |
border-color: #327334; | |
} | |
.btn-success:active:hover, | |
.btn-success.active:hover, | |
.open > .dropdown-toggle.btn-success:hover, | |
.btn-success:active:focus, | |
.btn-success.active:focus, | |
.open > .dropdown-toggle.btn-success:focus, | |
.btn-success:active.focus, | |
.btn-success.active.focus, | |
.open > .dropdown-toggle.btn-success.focus { | |
color: #ffffff; | |
background-color: #327334; | |
border-color: #1e441f; | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open > .dropdown-toggle.btn-success { | |
background-image: none; | |
} | |
.btn-success.disabled, | |
.btn-success[disabled], | |
fieldset[disabled] .btn-success, | |
.btn-success.disabled:hover, | |
.btn-success[disabled]:hover, | |
fieldset[disabled] .btn-success:hover, | |
.btn-success.disabled:focus, | |
.btn-success[disabled]:focus, | |
fieldset[disabled] .btn-success:focus, | |
.btn-success.disabled.focus, | |
.btn-success[disabled].focus, | |
fieldset[disabled] .btn-success.focus, | |
.btn-success.disabled:active, | |
.btn-success[disabled]:active, | |
fieldset[disabled] .btn-success:active, | |
.btn-success.disabled.active, | |
.btn-success[disabled].active, | |
fieldset[disabled] .btn-success.active { | |
background-color: #4caf50; | |
border-color: #449d48; | |
} | |
.btn-success .badge { | |
color: #4caf50; | |
background-color: #ffffff; | |
} | |
.btn-success:hover, | |
.btn-success:focus, | |
.btn-success.focus, | |
.btn-success:active, | |
.btn-success.active, | |
.open > .dropdown-toggle.btn-success { | |
color: #ffffff; | |
background-color: #4caf50; | |
border-color: transparent; | |
} | |
.btn-success:active, | |
.btn-success.active, | |
.open > .dropdown-toggle.btn-success { | |
background-image: none; | |
} | |
.btn-success.disabled, | |
.btn-success[disabled], | |
fieldset[disabled] .btn-success, | |
.btn-success.disabled:hover, | |
.btn-success[disabled]:hover, | |
fieldset[disabled] .btn-success:hover, | |
.btn-success.disabled:focus, | |
.btn-success[disabled]:focus, | |
fieldset[disabled] .btn-success:focus, | |
.btn-success.disabled.focus, | |
.btn-success[disabled].focus, | |
fieldset[disabled] .btn-success.focus, | |
.btn-success.disabled:active, | |
.btn-success[disabled]:active, | |
fieldset[disabled] .btn-success:active, | |
.btn-success.disabled.active, | |
.btn-success[disabled].active, | |
fieldset[disabled] .btn-success.active { | |
background-color: #4caf50; | |
border-color: #449d48; | |
} | |
.btn-success .badge { | |
color: #4caf50; | |
background-color: #ffffff; | |
} | |
.btn-info { | |
color: #ffffff; | |
background-color: #00bcd4; | |
border-color: #00a5bb; | |
} | |
.btn-info:focus, | |
.btn-info.focus { | |
color: #ffffff; | |
background-color: #008fa1; | |
border-color: #00343b; | |
} | |
.btn-info:hover { | |
color: #ffffff; | |
background-color: #008fa1; | |
border-color: #006f7d; | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open > .dropdown-toggle.btn-info { | |
color: #ffffff; | |
background-color: #008fa1; | |
border-color: #006f7d; | |
} | |
.btn-info:active:hover, | |
.btn-info.active:hover, | |
.open > .dropdown-toggle.btn-info:hover, | |
.btn-info:active:focus, | |
.btn-info.active:focus, | |
.open > .dropdown-toggle.btn-info:focus, | |
.btn-info:active.focus, | |
.btn-info.active.focus, | |
.open > .dropdown-toggle.btn-info.focus { | |
color: #ffffff; | |
background-color: #006f7d; | |
border-color: #00343b; | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open > .dropdown-toggle.btn-info { | |
background-image: none; | |
} | |
.btn-info.disabled, | |
.btn-info[disabled], | |
fieldset[disabled] .btn-info, | |
.btn-info.disabled:hover, | |
.btn-info[disabled]:hover, | |
fieldset[disabled] .btn-info:hover, | |
.btn-info.disabled:focus, | |
.btn-info[disabled]:focus, | |
fieldset[disabled] .btn-info:focus, | |
.btn-info.disabled.focus, | |
.btn-info[disabled].focus, | |
fieldset[disabled] .btn-info.focus, | |
.btn-info.disabled:active, | |
.btn-info[disabled]:active, | |
fieldset[disabled] .btn-info:active, | |
.btn-info.disabled.active, | |
.btn-info[disabled].active, | |
fieldset[disabled] .btn-info.active { | |
background-color: #00bcd4; | |
border-color: #00a5bb; | |
} | |
.btn-info .badge { | |
color: #00bcd4; | |
background-color: #ffffff; | |
} | |
.btn-info:hover, | |
.btn-info:focus, | |
.btn-info.focus, | |
.btn-info:active, | |
.btn-info.active, | |
.open > .dropdown-toggle.btn-info { | |
color: #ffffff; | |
background-color: #00bcd4; | |
border-color: transparent; | |
} | |
.btn-info:active, | |
.btn-info.active, | |
.open > .dropdown-toggle.btn-info { | |
background-image: none; | |
} | |
.btn-info.disabled, | |
.btn-info[disabled], | |
fieldset[disabled] .btn-info, | |
.btn-info.disabled:hover, | |
.btn-info[disabled]:hover, | |
fieldset[disabled] .btn-info:hover, | |
.btn-info.disabled:focus, | |
.btn-info[disabled]:focus, | |
fieldset[disabled] .btn-info:focus, | |
.btn-info.disabled.focus, | |
.btn-info[disabled].focus, | |
fieldset[disabled] .btn-info.focus, | |
.btn-info.disabled:active, | |
.btn-info[disabled]:active, | |
fieldset[disabled] .btn-info:active, | |
.btn-info.disabled.active, | |
.btn-info[disabled].active, | |
fieldset[disabled] .btn-info.active { | |
background-color: #00bcd4; | |
border-color: #00a5bb; | |
} | |
.btn-info .badge { | |
color: #00bcd4; | |
background-color: #ffffff; | |
} | |
.btn-warning { | |
color: #ffffff; | |
background-color: #ff9800; | |
border-color: #e68900; | |
} | |
.btn-warning:focus, | |
.btn-warning.focus { | |
color: #ffffff; | |
background-color: #cc7a00; | |
border-color: #663d00; | |
} | |
.btn-warning:hover { | |
color: #ffffff; | |
background-color: #cc7a00; | |
border-color: #a86400; | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open > .dropdown-toggle.btn-warning { | |
color: #ffffff; | |
background-color: #cc7a00; | |
border-color: #a86400; | |
} | |
.btn-warning:active:hover, | |
.btn-warning.active:hover, | |
.open > .dropdown-toggle.btn-warning:hover, | |
.btn-warning:active:focus, | |
.btn-warning.active:focus, | |
.open > .dropdown-toggle.btn-warning:focus, | |
.btn-warning:active.focus, | |
.btn-warning.active.focus, | |
.open > .dropdown-toggle.btn-warning.focus { | |
color: #ffffff; | |
background-color: #a86400; | |
border-color: #663d00; | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open > .dropdown-toggle.btn-warning { | |
background-image: none; | |
} | |
.btn-warning.disabled, | |
.btn-warning[disabled], | |
fieldset[disabled] .btn-warning, | |
.btn-warning.disabled:hover, | |
.btn-warning[disabled]:hover, | |
fieldset[disabled] .btn-warning:hover, | |
.btn-warning.disabled:focus, | |
.btn-warning[disabled]:focus, | |
fieldset[disabled] .btn-warning:focus, | |
.btn-warning.disabled.focus, | |
.btn-warning[disabled].focus, | |
fieldset[disabled] .btn-warning.focus, | |
.btn-warning.disabled:active, | |
.btn-warning[disabled]:active, | |
fieldset[disabled] .btn-warning:active, | |
.btn-warning.disabled.active, | |
.btn-warning[disabled].active, | |
fieldset[disabled] .btn-warning.active { | |
background-color: #ff9800; | |
border-color: #e68900; | |
} | |
.btn-warning .badge { | |
color: #ff9800; | |
background-color: #ffffff; | |
} | |
.btn-warning:hover, | |
.btn-warning:focus, | |
.btn-warning.focus, | |
.btn-warning:active, | |
.btn-warning.active, | |
.open > .dropdown-toggle.btn-warning { | |
color: #ffffff; | |
background-color: #ff9800; | |
border-color: transparent; | |
} | |
.btn-warning:active, | |
.btn-warning.active, | |
.open > .dropdown-toggle.btn-warning { | |
background-image: none; | |
} | |
.btn-warning.disabled, | |
.btn-warning[disabled], | |
fieldset[disabled] .btn-warning, | |
.btn-warning.disabled:hover, | |
.btn-warning[disabled]:hover, | |
fieldset[disabled] .btn-warning:hover, | |
.btn-warning.disabled:focus, | |
.btn-warning[disabled]:focus, | |
fieldset[disabled] .btn-warning:focus, | |
.btn-warning.disabled.focus, | |
.btn-warning[disabled].focus, | |
fieldset[disabled] .btn-warning.focus, | |
.btn-warning.disabled:active, | |
.btn-warning[disabled]:active, | |
fieldset[disabled] .btn-warning:active, | |
.btn-warning.disabled.active, | |
.btn-warning[disabled].active, | |
fieldset[disabled] .btn-warning.active { | |
background-color: #ff9800; | |
border-color: #e68900; | |
} | |
.btn-warning .badge { | |
color: #ff9800; | |
background-color: #ffffff; | |
} | |
.btn-danger { | |
color: #ffffff; | |
background-color: #f44336; | |
border-color: #f32c1e; | |
} | |
.btn-danger:focus, | |
.btn-danger.focus { | |
color: #ffffff; | |
background-color: #ea1c0d; | |
border-color: #891008; | |
} | |
.btn-danger:hover { | |
color: #ffffff; | |
background-color: #ea1c0d; | |
border-color: #c8180b; | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open > .dropdown-toggle.btn-danger { | |
color: #ffffff; | |
background-color: #ea1c0d; | |
border-color: #c8180b; | |
} | |
.btn-danger:active:hover, | |
.btn-danger.active:hover, | |
.open > .dropdown-toggle.btn-danger:hover, | |
.btn-danger:active:focus, | |
.btn-danger.active:focus, | |
.open > .dropdown-toggle.btn-danger:focus, | |
.btn-danger:active.focus, | |
.btn-danger.active.focus, | |
.open > .dropdown-toggle.btn-danger.focus { | |
color: #ffffff; | |
background-color: #c8180b; | |
border-color: #891008; | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open > .dropdown-toggle.btn-danger { | |
background-image: none; | |
} | |
.btn-danger.disabled, | |
.btn-danger[disabled], | |
fieldset[disabled] .btn-danger, | |
.btn-danger.disabled:hover, | |
.btn-danger[disabled]:hover, | |
fieldset[disabled] .btn-danger:hover, | |
.btn-danger.disabled:focus, | |
.btn-danger[disabled]:focus, | |
fieldset[disabled] .btn-danger:focus, | |
.btn-danger.disabled.focus, | |
.btn-danger[disabled].focus, | |
fieldset[disabled] .btn-danger.focus, | |
.btn-danger.disabled:active, | |
.btn-danger[disabled]:active, | |
fieldset[disabled] .btn-danger:active, | |
.btn-danger.disabled.active, | |
.btn-danger[disabled].active, | |
fieldset[disabled] .btn-danger.active { | |
background-color: #f44336; | |
border-color: #f32c1e; | |
} | |
.btn-danger .badge { | |
color: #f44336; | |
background-color: #ffffff; | |
} | |
.btn-danger:hover, | |
.btn-danger:focus, | |
.btn-danger.focus, | |
.btn-danger:active, | |
.btn-danger.active, | |
.open > .dropdown-toggle.btn-danger { | |
color: #ffffff; | |
background-color: #f44336; | |
border-color: transparent; | |
} | |
.btn-danger:active, | |
.btn-danger.active, | |
.open > .dropdown-toggle.btn-danger { | |
background-image: none; | |
} | |
.btn-danger.disabled, | |
.btn-danger[disabled], | |
fieldset[disabled] .btn-danger, | |
.btn-danger.disabled:hover, | |
.btn-danger[disabled]:hover, | |
fieldset[disabled] .btn-danger:hover, | |
.btn-danger.disabled:focus, | |
.btn-danger[disabled]:focus, | |
fieldset[disabled] .btn-danger:focus, | |
.btn-danger.disabled.focus, | |
.btn-danger[disabled].focus, | |
fieldset[disabled] .btn-danger.focus, | |
.btn-danger.disabled:active, | |
.btn-danger[disabled]:active, | |
fieldset[disabled] .btn-danger:active, | |
.btn-danger.disabled.active, | |
.btn-danger[disabled].active, | |
fieldset[disabled] .btn-danger.active { | |
background-color: #f44336; | |
border-color: #f32c1e; | |
} | |
.btn-danger .badge { | |
color: #f44336; | |
background-color: #ffffff; | |
} | |
.btn-link { | |
color: #2196f3; | |
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: #0a6ebd; | |
text-decoration: none; | |
background-color: transparent; | |
} | |
.btn-link[disabled]:hover, | |
fieldset[disabled] .btn-link:hover, | |
.btn-link[disabled]:focus, | |
fieldset[disabled] .btn-link:focus { | |
color: #777777; | |
text-decoration: none; | |
} | |
.btn-xlg, | |
.btn-group-xlg > .btn { | |
padding: 15px 20px; | |
font-size: 65px; | |
line-height: 2.3333333; | |
border-radius: 10px; | |
} | |
.btn-lg, | |
.btn-group-lg > .btn { | |
padding: 10px 16px; | |
font-size: 17px; | |
line-height: 1.3333333; | |
border-radius: 2px; | |
} | |
.btn-sm, | |
.btn-group-sm > .btn { | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 2px; | |
} | |
.btn-xs, | |
.btn-group-xs > .btn { | |
padding: 1px 5px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 2px; | |
} | |
.btn-block { | |
display: block; | |
width: 100%; | |
} | |
.btn-block + .btn-block { | |
margin-top: 5px; | |
} | |
input[type="submit"].btn-block, | |
input[type="reset"].btn-block, | |
input[type="button"].btn-block { | |
width: 100%; | |
} | |
.fade { | |
opacity: 0; | |
-webkit-transition: opacity 0.15s linear; | |
-moz-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-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: 9; | |
display: none; | |
float: left; | |
min-width: 160px; | |
padding: 5px 0; | |
margin: 2px 0 0; | |
list-style: none; | |
font-size: 13px; | |
text-align: left; | |
background-color: #ffffff; | |
border: 1px solid transparent; | |
border-radius: 2px; | |
-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: 8px 0; | |
overflow: hidden; | |
background-color: rgba(0, 0, 0, 0.08); | |
} | |
.dropdown-menu > li > a { | |
display: block; | |
padding: 3px 20px; | |
clear: both; | |
font-weight: normal; | |
line-height: 1.42857143; | |
color: #333333; | |
white-space: nowrap; | |
} | |
.dropdown-menu > li > a:hover, | |
.dropdown-menu > li > a:focus { | |
text-decoration: none; | |
color: #333333; | |
background-color: rgba(0, 0, 0, 0.075); | |
} | |
.dropdown-menu > .active > a, | |
.dropdown-menu > .active > a:hover, | |
.dropdown-menu > .active > a:focus { | |
color: #333333; | |
text-decoration: none; | |
outline: 0; | |
background-color: rgba(0, 0, 0, 0.075); | |
} | |
.dropdown-menu > .disabled > a, | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
color: #e4e4e4; | |
} | |
.dropdown-menu > .disabled > a:hover, | |
.dropdown-menu > .disabled > a:focus { | |
text-decoration: none; | |
background-color: transparent; | |
background-image: none; | |
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); | |
cursor: not-allowed; | |
} | |
.open > .dropdown-menu { | |
display: block; | |
} | |
.open > a { | |
outline: 0; | |
} | |
.dropdown-menu-right { | |
left: auto; | |
right: 0; | |
} | |
.dropdown-menu-left { | |
left: 0; | |
right: auto; | |
} | |
.dropdown-header { | |
display: block; | |
padding: 3px 20px; | |
font-size: 12px; | |
line-height: 1.42857143; | |
color: #777777; | |
white-space: nowrap; | |
} | |
.dropdown-backdrop { | |
position: fixed; | |
left: 0; | |
right: 0; | |
bottom: 0; | |
top: 0; | |
z-index: -1; | |
} | |
.pull-right > .dropdown-menu { | |
right: 0; | |
left: auto; | |
} | |
.dropup .caret, | |
.navbar-fixed-bottom .dropdown .caret { | |
border-top: 0; | |
border-bottom: 4px solid; | |
content: ""; | |
} | |
.dropup .dropdown-menu, | |
.navbar-fixed-bottom .dropdown .dropdown-menu { | |
top: auto; | |
bottom: 100%; | |
margin-bottom: 2px; | |
} | |
@media (min-width: 768px) { | |
.navbar-right .dropdown-menu { | |
left: auto; | |
right: 0; | |
} | |
.navbar-right .dropdown-menu-left { | |
left: 0; | |
right: auto; | |
} | |
} | |
.btn-group, | |
.btn-group-vertical { | |
position: relative; | |
display: inline-block; | |
vertical-align: middle; | |
} | |
.btn-group > .btn, | |
.btn-group-vertical > .btn { | |
position: relative; | |
float: left; | |
} | |
.btn-group > .btn:hover, | |
.btn-group-vertical > .btn:hover, | |
.btn-group > .btn:focus, | |
.btn-group-vertical > .btn:focus, | |
.btn-group > .btn:active, | |
.btn-group-vertical > .btn:active, | |
.btn-group > .btn.active, | |
.btn-group-vertical > .btn.active { | |
z-index: 2; | |
} | |
.btn-group .btn + .btn, | |
.btn-group .btn + .btn-group, | |
.btn-group .btn-group + .btn, | |
.btn-group .btn-group + .btn-group { | |
margin-left: -1px; | |
} | |
.btn-toolbar { | |
margin-left: -5px; | |
} | |
.btn-toolbar .btn-group, | |
.btn-toolbar .input-group { | |
float: left; | |
} | |
.btn-toolbar > .btn, | |
.btn-toolbar > .btn-group, | |
.btn-toolbar > .input-group { | |
margin-left: 5px; | |
} | |
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { | |
border-radius: 0; | |
} | |
.btn-group > .btn:first-child { | |
margin-left: 0; | |
} | |
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.btn-group > .btn:last-child:not(:first-child), | |
.btn-group > .dropdown-toggle:not(:first-child) { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group > .btn-group { | |
float: left; | |
} | |
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { | |
border-radius: 0; | |
} | |
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-top-right-radius: 0; | |
} | |
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
border-bottom-left-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group .dropdown-toggle:active, | |
.btn-group.open .dropdown-toggle { | |
outline: 0; | |
} | |
.btn-group > .btn + .dropdown-toggle { | |
padding-left: 8px; | |
padding-right: 8px; | |
} | |
.btn-group > .btn-lg + .dropdown-toggle { | |
padding-left: 12px; | |
padding-right: 12px; | |
} | |
.btn-group.open .dropdown-toggle { | |
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); | |
} | |
.btn-group.open .dropdown-toggle.btn-link { | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
} | |
.btn .caret { | |
margin-left: 0; | |
} | |
.btn-lg .caret { | |
border-width: 5px 5px 0; | |
border-bottom-width: 0; | |
} | |
.dropup .btn-lg .caret { | |
border-width: 0 5px 5px; | |
} | |
.btn-group-vertical > .btn, | |
.btn-group-vertical > .btn-group, | |
.btn-group-vertical > .btn-group > .btn { | |
display: block; | |
float: none; | |
width: 100%; | |
max-width: 100%; | |
} | |
.btn-group-vertical > .btn-group > .btn { | |
float: none; | |
} | |
.btn-group-vertical > .btn + .btn, | |
.btn-group-vertical > .btn + .btn-group, | |
.btn-group-vertical > .btn-group + .btn, | |
.btn-group-vertical > .btn-group + .btn-group { | |
margin-top: -1px; | |
margin-left: 0; | |
} | |
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.btn-group-vertical > .btn:first-child:not(:last-child) { | |
border-top-right-radius: 2px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn:last-child:not(:first-child) { | |
border-bottom-left-radius: 2px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { | |
border-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, | |
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.btn-group-justified { | |
display: table; | |
width: 100%; | |
table-layout: fixed; | |
border-collapse: separate; | |
} | |
.btn-group-justified > .btn, | |
.btn-group-justified > .btn-group { | |
float: none; | |
display: table-cell; | |
width: 1%; | |
} | |
.btn-group-justified > .btn-group .btn { | |
width: 100%; | |
} | |
.btn-group-justified > .btn-group .dropdown-menu { | |
left: auto; | |
} | |
[data-toggle="buttons"] > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"], | |
[data-toggle="buttons"] > .btn input[type="checkbox"], | |
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { | |
position: absolute; | |
clip: rect(0, 0, 0, 0); | |
pointer-events: none; | |
} | |
.input-group { | |
position: relative; | |
display: table; | |
border-collapse: separate; | |
} | |
.input-group[class*="col-"] { | |
float: none; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.input-group .form-control { | |
position: relative; | |
z-index: 2; | |
float: left; | |
width: 100%; | |
margin-bottom: 0; | |
} | |
.input-group-lg > .form-control, | |
.input-group-lg > .input-group-addon, | |
.input-group-lg > .input-group-btn > .btn { | |
height: 40px; | |
padding: 10px 16px; | |
font-size: 17px; | |
line-height: 1.3333333; | |
border-radius: 0px; | |
} | |
select.input-group-lg > .form-control, | |
select.input-group-lg > .input-group-addon, | |
select.input-group-lg > .input-group-btn > .btn { | |
height: 40px; | |
line-height: 40px; | |
} | |
textarea.input-group-lg > .form-control, | |
textarea.input-group-lg > .input-group-addon, | |
textarea.input-group-lg > .input-group-btn > .btn, | |
select[multiple].input-group-lg > .form-control, | |
select[multiple].input-group-lg > .input-group-addon, | |
select[multiple].input-group-lg > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-sm > .form-control, | |
.input-group-sm > .input-group-addon, | |
.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
padding: 5px 10px; | |
font-size: 12px; | |
line-height: 1.5; | |
border-radius: 2px; | |
} | |
select.input-group-sm > .form-control, | |
select.input-group-sm > .input-group-addon, | |
select.input-group-sm > .input-group-btn > .btn { | |
height: 30px; | |
line-height: 30px; | |
} | |
textarea.input-group-sm > .form-control, | |
textarea.input-group-sm > .input-group-addon, | |
textarea.input-group-sm > .input-group-btn > .btn, | |
select[multiple].input-group-sm > .form-control, | |
select[multiple].input-group-sm > .input-group-addon, | |
select[multiple].input-group-sm > .input-group-btn > .btn { | |
height: auto; | |
} | |
.input-group-addon, | |
.input-group-btn, | |
.input-group .form-control { | |
display: table-cell; | |
} | |
.input-group-addon:not(:first-child):not(:last-child), | |
.input-group-btn:not(:first-child):not(:last-child), | |
.input-group .form-control:not(:first-child):not(:last-child) { | |
border-radius: 0; | |
} | |
.input-group-addon, | |
.input-group-btn { | |
width: 1%; | |
white-space: nowrap; | |
vertical-align: middle; | |
} | |
.input-group-addon { | |
padding: 6px 12px; | |
font-size: 13px; | |
font-weight: normal; | |
line-height: 1; | |
color: #555555; | |
text-align: center; | |
background-color: transparent; | |
border: 1px solid transparent; | |
border-radius: 2px; | |
} | |
.input-group-addon.input-sm { | |
padding: 5px 10px; | |
font-size: 12px; | |
border-radius: 2px; | |
} | |
.input-group-addon.input-lg { | |
padding: 10px 16px; | |
font-size: 17px; | |
border-radius: 2px; | |
} | |
.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 { | |
margin-left: -1px; | |
} | |
.nav { | |
margin-bottom: 0; | |
padding-left: 0; | |
list-style: none; | |
} | |
.nav > li { | |
position: relative; | |
display: block; | |
} | |
.nav > li > a { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
} | |
.nav > li > a:hover, | |
.nav > li > a:focus { | |
text-decoration: none; | |
background-color: #eeeeee; | |
} | |
.nav > li.disabled > a { | |
color: #777777; | |
} | |
.nav > li.disabled > a:hover, | |
.nav > li.disabled > a:focus { | |
color: #777777; | |
text-decoration: none; | |
background-color: transparent; | |
cursor: not-allowed; | |
} | |
.nav .open > a, | |
.nav .open > a:hover, | |
.nav .open > a:focus { | |
background-color: #eeeeee; | |
border-color: #2196f3; | |
} | |
.nav .nav-divider { | |
height: 1px; | |
margin: 8px 0; | |
overflow: hidden; | |
background-color: #e5e5e5; | |
} | |
.nav > li > a > img { | |
max-width: none; | |
} | |
.nav-tabs { | |
border-bottom: 1px solid #ffffff; | |
} | |
.nav-tabs > li { | |
float: left; | |
margin-bottom: -1px; | |
} | |
.nav-tabs > li > a { | |
margin-right: 2px; | |
line-height: 1.42857143; | |
border: 1px solid transparent; | |
border-radius: 2px 2px 0 0; | |
} | |
.nav-tabs > li > a:hover { | |
border-color: #eeeeee #eeeeee #ffffff; | |
} | |
.nav-tabs > li.active > a, | |
.nav-tabs > li.active > a:hover, | |
.nav-tabs > li.active > a:focus { | |
color: #555555; | |
background-color: transparent; | |
border: 1px solid #ffffff; | |
border-bottom-color: transparent; | |
cursor: default; | |
} | |
.nav-tabs.nav-justified { | |
width: 100%; | |
border-bottom: 0; | |
} | |
.nav-tabs.nav-justified > li { | |
float: none; | |
} | |
.nav-tabs.nav-justified > li > a { | |
text-align: center; | |
margin-bottom: 5px; | |
} | |
.nav-tabs.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs.nav-justified > li > a { | |
margin-right: 0; | |
border-radius: 2px; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border: 1px solid #dddddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs.nav-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
border-radius: 2px 2px 0 0; | |
} | |
.nav-tabs.nav-justified > .active > a, | |
.nav-tabs.nav-justified > .active > a:hover, | |
.nav-tabs.nav-justified > .active > a:focus { | |
border-bottom-color: #edecec; | |
} | |
} | |
.nav-pills > li { | |
float: left; | |
} | |
.nav-pills > li > a { | |
border-radius: 2px; | |
} | |
.nav-pills > li + li { | |
margin-left: 2px; | |
} | |
.nav-pills > li.active > a, | |
.nav-pills > li.active > a:hover, | |
.nav-pills > li.active > a:focus { | |
color: #ffffff; | |
background-color: #2196f3; | |
} | |
.nav-stacked > li { | |
float: none; | |
} | |
.nav-stacked > li + li { | |
margin-top: 2px; | |
margin-left: 0; | |
} | |
.nav-justified { | |
width: 100%; | |
} | |
.nav-justified > li { | |
float: none; | |
} | |
.nav-justified > li > a { | |
text-align: center; | |
margin-bottom: 5px; | |
} | |
.nav-justified > .dropdown .dropdown-menu { | |
top: auto; | |
left: auto; | |
} | |
@media (min-width: 768px) { | |
.nav-justified > li { | |
display: table-cell; | |
width: 1%; | |
} | |
.nav-justified > li > a { | |
margin-bottom: 0; | |
} | |
} | |
.nav-tabs-justified { | |
border-bottom: 0; | |
} | |
.nav-tabs-justified > li > a { | |
margin-right: 0; | |
border-radius: 2px; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border: 1px solid #dddddd; | |
} | |
@media (min-width: 768px) { | |
.nav-tabs-justified > li > a { | |
border-bottom: 1px solid #dddddd; | |
border-radius: 2px 2px 0 0; | |
} | |
.nav-tabs-justified > .active > a, | |
.nav-tabs-justified > .active > a:hover, | |
.nav-tabs-justified > .active > a:focus { | |
border-bottom-color: #edecec; | |
} | |
} | |
.tab-content > .tab-pane { | |
display: none; | |
} | |
.tab-content > .active { | |
display: block; | |
} | |
.nav-tabs .dropdown-menu { | |
margin-top: -1px; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
} | |
.navbar { | |
position: relative; | |
min-height: 50px; | |
margin-bottom: 18px; | |
border: 1px solid transparent; | |
} | |
@media (min-width: 768px) { | |
.navbar { | |
border-radius: 2px; | |
} | |
} | |
@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.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-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: -15px; | |
margin-left: -15px; | |
} | |
@media (min-width: 768px) { | |
.container > .navbar-header, | |
.container-fluid > .navbar-header, | |
.container > .navbar-collapse, | |
.container-fluid > .navbar-collapse { | |
margin-right: 0; | |
margin-left: 0; | |
} | |
} | |
.navbar-static-top { | |
z-index: 1000; | |
border-width: 0 0 1px; | |
} | |
@media (min-width: 768px) { | |
.navbar-static-top { | |
border-radius: 0; | |
} | |
} | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
position: fixed; | |
right: 0; | |
left: 0; | |
z-index: 1030; | |
} | |
@media (min-width: 768px) { | |
.navbar-fixed-top, | |
.navbar-fixed-bottom { | |
border-radius: 0; | |
} | |
} | |
.navbar-fixed-top { | |
top: 0; | |
border-width: 0 0 1px; | |
} | |
.navbar-fixed-bottom { | |
bottom: 0; | |
margin-bottom: 0; | |
border-width: 1px 0 0; | |
} | |
.navbar-brand { | |
float: left; | |
padding: 16px 15px; | |
font-size: 17px; | |
line-height: 18px; | |
height: 50px; | |
} | |
.navbar-brand:hover, | |
.navbar-brand:focus { | |
text-decoration: none; | |
} | |
.navbar-brand > img { | |
display: block; | |
} | |
@media (min-width: 768px) { | |
.navbar > .container .navbar-brand, | |
.navbar > .container-fluid .navbar-brand { | |
margin-left: -15px; | |
} | |
} | |
.navbar-toggle { | |
position: relative; | |
float: right; | |
margin-right: 15px; | |
padding: 9px 10px; | |
margin-top: 8px; | |
margin-bottom: 8px; | |
background-color: transparent; | |
background-image: none; | |
border: 1px solid transparent; | |
border-radius: 2px; | |
} | |
.navbar-toggle:focus { | |
outline: 0; | |
} | |
.navbar-toggle .icon-bar { | |
display: block; | |
width: 22px; | |
height: 2px; | |
border-radius: 1px; | |
} | |
.navbar-toggle .icon-bar + .icon-bar { | |
margin-top: 4px; | |
} | |
@media (min-width: 768px) { | |
.navbar-toggle { | |
display: none; | |
} | |
} | |
.navbar-nav { | |
margin: 8px -15px; | |
} | |
.navbar-nav > li > a { | |
padding-top: 10px; | |
padding-bottom: 10px; | |
line-height: 18px; | |
} | |
@media (max-width: 767px) { | |
.navbar-nav .open .dropdown-menu { | |
position: static; | |
float: none; | |
width: auto; | |
margin-top: 0; | |
background-color: transparent; | |
border: 0; | |
box-shadow: none; | |
} | |
.navbar-nav .open .dropdown-menu > li > a, | |
.navbar-nav .open .dropdown-menu .dropdown-header { | |
padding: 5px 15px 5px 25px; | |
} | |
.navbar-nav .open .dropdown-menu > li > a { | |
line-height: 18px; | |
} | |
.navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-nav .open .dropdown-menu > li > a:focus { | |
background-image: none; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-nav { | |
float: left; | |
margin: 0; | |
} | |
.navbar-nav > li { | |
float: left; | |
} | |
.navbar-nav > li > a { | |
padding-top: 16px; | |
padding-bottom: 16px; | |
} | |
} | |
.navbar-form { | |
margin-left: -15px; | |
margin-right: -15px; | |
padding: 10px 15px; | |
border-top: 1px solid transparent; | |
border-bottom: 1px solid transparent; | |
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); | |
margin-top: 7.5px; | |
margin-bottom: 7.5px; | |
} | |
@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: 2px; | |
border-top-left-radius: 2px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.navbar-btn { | |
margin-top: 7.5px; | |
margin-bottom: 7.5px; | |
} | |
.navbar-btn.btn-sm { | |
margin-top: 10px; | |
margin-bottom: 10px; | |
} | |
.navbar-btn.btn-xs { | |
margin-top: 14px; | |
margin-bottom: 14px; | |
} | |
.navbar-text { | |
margin-top: 16px; | |
margin-bottom: 16px; | |
} | |
@media (min-width: 768px) { | |
.navbar-text { | |
float: left; | |
margin-left: 15px; | |
margin-right: 15px; | |
} | |
} | |
@media (min-width: 768px) { | |
.navbar-left { | |
float: left !important; | |
} | |
.navbar-right { | |
float: right !important; | |
margin-right: -15px; | |
} | |
.navbar-right ~ .navbar-right { | |
margin-right: 0; | |
} | |
} | |
.navbar-default { | |
background-color: #f8f8f8; | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-brand { | |
color: #777777; | |
} | |
.navbar-default .navbar-brand:hover, | |
.navbar-default .navbar-brand:focus { | |
color: #5e5e5e; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-text { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav > li > a { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav > li > a:hover, | |
.navbar-default .navbar-nav > li > a:focus { | |
color: #333333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav > .active > a, | |
.navbar-default .navbar-nav > .active > a:hover, | |
.navbar-default .navbar-nav > .active > a:focus { | |
color: #555555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .disabled > a, | |
.navbar-default .navbar-nav > .disabled > a:hover, | |
.navbar-default .navbar-nav > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-toggle { | |
border-color: #dddddd; | |
} | |
.navbar-default .navbar-toggle:hover, | |
.navbar-default .navbar-toggle:focus { | |
background-color: #dddddd; | |
} | |
.navbar-default .navbar-toggle .icon-bar { | |
background-color: #888888; | |
} | |
.navbar-default .navbar-collapse, | |
.navbar-default .navbar-form { | |
border-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav > .open > a, | |
.navbar-default .navbar-nav > .open > a:hover, | |
.navbar-default .navbar-nav > .open > a:focus { | |
background-color: #e7e7e7; | |
color: #555555; | |
} | |
@media (max-width: 767px) { | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a { | |
color: #777777; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #333333; | |
background-color: transparent; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { | |
color: #555555; | |
background-color: #e7e7e7; | |
} | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
color: #cccccc; | |
background-color: transparent; | |
} | |
} | |
.navbar-default .navbar-link { | |
color: #777777; | |
} | |
.navbar-default .navbar-link:hover { | |
color: #333333; | |
} | |
.navbar-default .btn-link { | |
color: #777777; | |
} | |
.navbar-default .btn-link:hover, | |
.navbar-default .btn-link:focus { | |
color: #333333; | |
} | |
.navbar-default .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-default .btn-link:hover, | |
.navbar-default .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-default .btn-link:focus { | |
color: #cccccc; | |
} | |
.navbar-inverse { | |
background-color: #222222; | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-brand { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-brand:hover, | |
.navbar-inverse .navbar-brand:focus { | |
color: #ffffff; | |
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: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav > .active > a, | |
.navbar-inverse .navbar-nav > .active > a:hover, | |
.navbar-inverse .navbar-nav > .active > a:focus { | |
color: #ffffff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav > .disabled > a, | |
.navbar-inverse .navbar-nav > .disabled > a:hover, | |
.navbar-inverse .navbar-nav > .disabled > a:focus { | |
color: #444444; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-toggle { | |
border-color: #333333; | |
} | |
.navbar-inverse .navbar-toggle:hover, | |
.navbar-inverse .navbar-toggle:focus { | |
background-color: #333333; | |
} | |
.navbar-inverse .navbar-toggle .icon-bar { | |
background-color: #ffffff; | |
} | |
.navbar-inverse .navbar-collapse, | |
.navbar-inverse .navbar-form { | |
border-color: #101010; | |
} | |
.navbar-inverse .navbar-nav > .open > a, | |
.navbar-inverse .navbar-nav > .open > a:hover, | |
.navbar-inverse .navbar-nav > .open > a:focus { | |
background-color: #080808; | |
color: #ffffff; | |
} | |
@media (max-width: 767px) { | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { | |
border-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu .divider { | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { | |
color: #ffffff; | |
background-color: transparent; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { | |
color: #ffffff; | |
background-color: #080808; | |
} | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, | |
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { | |
color: #444444; | |
background-color: transparent; | |
} | |
} | |
.navbar-inverse .navbar-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .navbar-link:hover { | |
color: #ffffff; | |
} | |
.navbar-inverse .btn-link { | |
color: #9d9d9d; | |
} | |
.navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link:focus { | |
color: #ffffff; | |
} | |
.navbar-inverse .btn-link[disabled]:hover, | |
fieldset[disabled] .navbar-inverse .btn-link:hover, | |
.navbar-inverse .btn-link[disabled]:focus, | |
fieldset[disabled] .navbar-inverse .btn-link:focus { | |
color: #444444; | |
} | |
.breadcrumb { | |
padding: 8px 20px; | |
margin-bottom: 18px; | |
list-style: none; | |
background-color: transparent; | |
border-radius: 2px; | |
} | |
.breadcrumb > li { | |
display: inline-block; | |
} | |
.breadcrumb > li + li:before { | |
content: "/\00a0"; | |
padding: 0 5px; | |
color: #cccccc; | |
} | |
.breadcrumb > .active { | |
color: #7c7c7c; | |
} | |
.pagination { | |
display: inline-block; | |
padding-left: 0; | |
margin: 18px 0; | |
border-radius: 2px; | |
} | |
.pagination > li { | |
display: inline; | |
} | |
.pagination > li > a, | |
.pagination > li > span { | |
position: relative; | |
float: left; | |
padding: 6px 12px; | |
line-height: 1.42857143; | |
text-decoration: none; | |
color: #7e7e7e; | |
background-color: #e2e2e2; | |
border: 1px solid #ffffff; | |
margin-left: -1px; | |
} | |
.pagination > li:first-child > a, | |
.pagination > li:first-child > span { | |
margin-left: 0; | |
border-bottom-left-radius: 2px; | |
border-top-left-radius: 2px; | |
} | |
.pagination > li:last-child > a, | |
.pagination > li:last-child > span { | |
border-bottom-right-radius: 2px; | |
border-top-right-radius: 2px; | |
} | |
.pagination > li > a:hover, | |
.pagination > li > span:hover, | |
.pagination > li > a:focus, | |
.pagination > li > span:focus { | |
color: #333333; | |
background-color: #d7d7d7; | |
border-color: #ffffff; | |
} | |
.pagination > .active > a, | |
.pagination > .active > span, | |
.pagination > .active > a:hover, | |
.pagination > .active > span:hover, | |
.pagination > .active > a:focus, | |
.pagination > .active > span:focus { | |
z-index: 2; | |
color: #ffffff; | |
background-color: #00bcd4; | |
border-color: #ffffff; | |
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: #777777; | |
background-color: #e2e2e2; | |
border-color: #ffffff; | |
cursor: not-allowed; | |
} | |
.pagination-lg > li > a, | |
.pagination-lg > li > span { | |
padding: 10px 16px; | |
font-size: 17px; | |
} | |
.pagination-lg > li:first-child > a, | |
.pagination-lg > li:first-child > span { | |
border-bottom-left-radius: 2px; | |
border-top-left-radius: 2px; | |
} | |
.pagination-lg > li:last-child > a, | |
.pagination-lg > li:last-child > span { | |
border-bottom-right-radius: 2px; | |
border-top-right-radius: 2px; | |
} | |
.pagination-sm > li > a, | |
.pagination-sm > li > span { | |
padding: 5px 10px; | |
font-size: 12px; | |
} | |
.pagination-sm > li:first-child > a, | |
.pagination-sm > li:first-child > span { | |
border-bottom-left-radius: 2px; | |
border-top-left-radius: 2px; | |
} | |
.pagination-sm > li:last-child > a, | |
.pagination-sm > li:last-child > span { | |
border-bottom-right-radius: 2px; | |
border-top-right-radius: 2px; | |
} | |
.pager { | |
padding-left: 0; | |
margin: 18px 0; | |
list-style: none; | |
text-align: center; | |
} | |
.pager li { | |
display: inline; | |
} | |
.pager li > a, | |
.pager li > span { | |
display: inline-block; | |
padding: 5px 14px; | |
background-color: #e2e2e2; | |
border: 1px solid #ffffff; | |
border-radius: 15px; | |
} | |
.pager li > a:hover, | |
.pager li > a:focus { | |
text-decoration: none; | |
background-color: #d7d7d7; | |
} | |
.pager .next > a, | |
.pager .next > span { | |
float: right; | |
} | |
.pager .previous > a, | |
.pager .previous > span { | |
float: left; | |
} | |
.pager .disabled > a, | |
.pager .disabled > a:hover, | |
.pager .disabled > a:focus, | |
.pager .disabled > span { | |
color: #777777; | |
background-color: #e2e2e2; | |
cursor: not-allowed; | |
} | |
.label { | |
display: inline; | |
padding: .2em .6em .3em; | |
font-size: 75%; | |
font-weight: bold; | |
line-height: 1; | |
color: #ffffff; | |
text-align: center; | |
white-space: nowrap; | |
vertical-align: baseline; | |
border-radius: .25em; | |
} | |
a.label:hover, | |
a.label:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.label:empty { | |
display: none; | |
} | |
.btn .label { | |
position: relative; | |
top: -1px; | |
} | |
.label-default { | |
background-color: #777777; | |
} | |
.label-default[href]:hover, | |
.label-default[href]:focus { | |
background-color: #5e5e5e; | |
} | |
.label-primary { | |
background-color: #2196f3; | |
} | |
.label-primary[href]:hover, | |
.label-primary[href]:focus { | |
background-color: #0c7cd5; | |
} | |
.label-success { | |
background-color: #4caf50; | |
} | |
.label-success[href]:hover, | |
.label-success[href]:focus { | |
background-color: #3d8b40; | |
} | |
.label-info { | |
background-color: #00bcd4; | |
} | |
.label-info[href]:hover, | |
.label-info[href]:focus { | |
background-color: #008fa1; | |
} | |
.label-warning { | |
background-color: #ff9800; | |
} | |
.label-warning[href]:hover, | |
.label-warning[href]:focus { | |
background-color: #cc7a00; | |
} | |
.label-danger { | |
background-color: #f44336; | |
} | |
.label-danger[href]:hover, | |
.label-danger[href]:focus { | |
background-color: #ea1c0d; | |
} | |
.badge { | |
display: inline-block; | |
min-width: 10px; | |
padding: 3px 7px; | |
font-size: 12px; | |
font-weight: 400; | |
color: #ffffff; | |
line-height: 1; | |
vertical-align: baseline; | |
white-space: nowrap; | |
text-align: center; | |
background-color: #ff9800; | |
border-radius: 2px; | |
} | |
.badge:empty { | |
display: none; | |
} | |
.badge .dropdown { | |
position: relative; | |
left: 100px; | |
top: 100px; | |
} | |
.btn .badge { | |
position: relative; | |
top: -1px; | |
} | |
.btn-xs .badge, | |
.btn-group-xs > .btn .badge { | |
top: 0; | |
padding: 1px 5px; | |
} | |
a.badge:hover, | |
a.badge:focus { | |
color: #ffffff; | |
text-decoration: none; | |
cursor: pointer; | |
} | |
.list-group-item.active > .badge, | |
.nav-pills > .active > a > .badge { | |
color: #ffffff; | |
background-color: #2196f3; | |
} | |
.list-group-item > .badge { | |
float: right; | |
} | |
.list-group-item > .badge + .badge { | |
margin-right: 5px; | |
} | |
.nav-pills > li > a > .badge { | |
margin-left: 3px; | |
} | |
.jumbotron { | |
padding: 30px 15px; | |
margin-bottom: 30px; | |
color: inherit; | |
background-color: #f7f7f7; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
color: inherit; | |
} | |
.jumbotron p { | |
margin-bottom: 15px; | |
font-size: 20px; | |
font-weight: 200; | |
} | |
.jumbotron > hr { | |
border-top-color: #dedede; | |
} | |
.container .jumbotron, | |
.container-fluid .jumbotron { | |
border-radius: 2px; | |
} | |
.jumbotron .container { | |
max-width: 100%; | |
} | |
@media screen and (min-width: 768px) { | |
.jumbotron { | |
padding: 48px 0; | |
} | |
.container .jumbotron, | |
.container-fluid .jumbotron { | |
padding-left: 60px; | |
padding-right: 60px; | |
} | |
.jumbotron h1, | |
.jumbotron .h1 { | |
font-size: 59px; | |
} | |
} | |
.thumbnail { | |
display: block; | |
padding: 3px; | |
margin-bottom: 18px; | |
line-height: 1.42857143; | |
background-color: #ffffff; | |
border: 1px solid #ededed; | |
border-radius: 2px; | |
-webkit-transition: border 0.2s ease-in-out; | |
-moz-transition: border 0.2s ease-in-out; | |
-o-transition: border 0.2s ease-in-out; | |
transition: border 0.2s ease-in-out; | |
} | |
.thumbnail > img, | |
.thumbnail a > img { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
a.thumbnail:hover, | |
a.thumbnail:focus, | |
a.thumbnail.active { | |
border-color: #2196f3; | |
} | |
.thumbnail .caption { | |
padding: 9px; | |
color: #5e5e5e; | |
} | |
.alert { | |
padding: 15px; | |
margin-bottom: 18px; | |
border: 1px solid transparent; | |
border-radius: 2px; | |
} | |
.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: #dff0d8; | |
color: #4caf50; | |
} | |
.alert-success hr { | |
border-top-color: #d0e9c6; | |
} | |
.alert-success .alert-link { | |
color: #3d8b40; | |
} | |
.alert-info { | |
background-color: #d9edf7; | |
border-color: #d9edf7; | |
color: #2196f3; | |
} | |
.alert-info hr { | |
border-top-color: #c4e3f3; | |
} | |
.alert-info .alert-link { | |
color: #0c7cd5; | |
} | |
.alert-warning { | |
background-color: #ffedd6; | |
border-color: #ffedd6; | |
color: #ff9800; | |
} | |
.alert-warning hr { | |
border-top-color: #ffe2bd; | |
} | |
.alert-warning .alert-link { | |
color: #cc7a00; | |
} | |
.alert-danger { | |
background-color: #f2dede; | |
border-color: #f2dede; | |
color: #f44336; | |
} | |
.alert-danger hr { | |
border-top-color: #ebcccc; | |
} | |
.alert-danger .alert-link { | |
color: #ea1c0d; | |
} | |
@-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: 18px; | |
margin-bottom: 18px; | |
background-color: #f5f5f5; | |
border-radius: 2px; | |
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); | |
} | |
.progress-bar { | |
float: left; | |
width: 0%; | |
height: 100%; | |
font-size: 12px; | |
line-height: 18px; | |
color: #ffffff; | |
text-align: center; | |
background-color: #2196f3; | |
-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; | |
-moz-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: #4caf50; | |
} | |
.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: #00bcd4; | |
} | |
.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: #ff9800; | |
} | |
.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: #f44336; | |
} | |
.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-right, | |
.media > .pull-right { | |
padding-left: 10px; | |
} | |
.media-left, | |
.media > .pull-left { | |
padding-right: 10px; | |
} | |
.media-left, | |
.media-right, | |
.media-body { | |
display: table-cell; | |
vertical-align: top; | |
} | |
.media-middle { | |
vertical-align: middle; | |
} | |
.media-bottom { | |
vertical-align: bottom; | |
} | |
.media-heading { | |
margin-top: 0; | |
margin-bottom: 5px; | |
} | |
.media-list { | |
padding-left: 0; | |
list-style: none; | |
} | |
.list-group { | |
margin-bottom: 20px; | |
padding-left: 0; | |
} | |
.list-group-item { | |
position: relative; | |
display: block; | |
padding: 10px 15px; | |
margin-bottom: -1px; | |
background-color: #ffffff; | |
border: 1px solid #e9e9e9; | |
} | |
.list-group-item:first-child { | |
border-top-right-radius: 2px; | |
border-top-left-radius: 2px; | |
} | |
.list-group-item:last-child { | |
margin-bottom: 0; | |
border-bottom-right-radius: 2px; | |
border-bottom-left-radius: 2px; | |
} | |
a.list-group-item { | |
color: #555555; | |
} | |
a.list-group-item .list-group-item-heading { | |
color: #333333; | |
} | |
a.list-group-item:hover, | |
a.list-group-item:focus { | |
text-decoration: none; | |
color: #555555; | |
background-color: #f5f5f5; | |
} | |
.list-group-item.disabled, | |
.list-group-item.disabled:hover, | |
.list-group-item.disabled:focus { | |
background-color: #ffffff; | |
color: #b5b4b4; | |
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: #b5b4b4; | |
} | |
.list-group-item.active, | |
.list-group-item.active:hover, | |
.list-group-item.active:focus { | |
z-index: 2; | |
color: #000000; | |
background-color: #f5f5f5; | |
border-color: #e9e9e9; | |
} | |
.list-group-item.active .list-group-item-heading, | |
.list-group-item.active:hover .list-group-item-heading, | |
.list-group-item.active:focus .list-group-item-heading, | |
.list-group-item.active .list-group-item-heading > small, | |
.list-group-item.active:hover .list-group-item-heading > small, | |
.list-group-item.active:focus .list-group-item-heading > small, | |
.list-group-item.active .list-group-item-heading > .small, | |
.list-group-item.active:hover .list-group-item-heading > .small, | |
.list-group-item.active:focus .list-group-item-heading > .small { | |
color: inherit; | |
} | |
.list-group-item.active .list-group-item-text, | |
.list-group-item.active:hover .list-group-item-text, | |
.list-group-item.active:focus .list-group-item-text { | |
color: #ffffff; | |
} | |
.list-group-item-success { | |
color: #4caf50; | |
background-color: #dff0d8; | |
} | |
a.list-group-item-success { | |
color: #4caf50; | |
} | |
a.list-group-item-success .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-success:hover, | |
a.list-group-item-success:focus { | |
color: #4caf50; | |
background-color: #d0e9c6; | |
} | |
a.list-group-item-success.active, | |
a.list-group-item-success.active:hover, | |
a.list-group-item-success.active:focus { | |
color: #fff; | |
background-color: #4caf50; | |
border-color: #4caf50; | |
} | |
.list-group-item-info { | |
color: #2196f3; | |
background-color: #d9edf7; | |
} | |
a.list-group-item-info { | |
color: #2196f3; | |
} | |
a.list-group-item-info .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-info:hover, | |
a.list-group-item-info:focus { | |
color: #2196f3; | |
background-color: #c4e3f3; | |
} | |
a.list-group-item-info.active, | |
a.list-group-item-info.active:hover, | |
a.list-group-item-info.active:focus { | |
color: #fff; | |
background-color: #2196f3; | |
border-color: #2196f3; | |
} | |
.list-group-item-warning { | |
color: #ff9800; | |
background-color: #fcf8e3; | |
} | |
a.list-group-item-warning { | |
color: #ff9800; | |
} | |
a.list-group-item-warning .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-warning:hover, | |
a.list-group-item-warning:focus { | |
color: #ff9800; | |
background-color: #faf2cc; | |
} | |
a.list-group-item-warning.active, | |
a.list-group-item-warning.active:hover, | |
a.list-group-item-warning.active:focus { | |
color: #fff; | |
background-color: #ff9800; | |
border-color: #ff9800; | |
} | |
.list-group-item-danger { | |
color: #f44336; | |
background-color: #f2dede; | |
} | |
a.list-group-item-danger { | |
color: #f44336; | |
} | |
a.list-group-item-danger .list-group-item-heading { | |
color: inherit; | |
} | |
a.list-group-item-danger:hover, | |
a.list-group-item-danger:focus { | |
color: #f44336; | |
background-color: #ebcccc; | |
} | |
a.list-group-item-danger.active, | |
a.list-group-item-danger.active:hover, | |
a.list-group-item-danger.active:focus { | |
color: #fff; | |
background-color: #f44336; | |
border-color: #f44336; | |
} | |
.list-group-item-heading { | |
margin-top: 0; | |
margin-bottom: 5px; | |
} | |
.list-group-item-text { | |
margin-bottom: 0; | |
line-height: 1.3; | |
} | |
.panel { | |
margin-bottom: 18px; | |
background-color: #ffffff; | |
border: 1px solid transparent; | |
border-radius: 2px; | |
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); | |
} | |
.panel-body { | |
padding: 15px; | |
} | |
.panel-heading { | |
padding: 10px 15px; | |
border-bottom: 1px solid transparent; | |
border-top-right-radius: 1px; | |
border-top-left-radius: 1px; | |
} | |
.panel-heading > .dropdown .dropdown-toggle { | |
color: inherit; | |
} | |
.panel-title { | |
margin-top: 0; | |
margin-bottom: 0; | |
font-size: 15px; | |
color: inherit; | |
} | |
.panel-title > a, | |
.panel-title > small, | |
.panel-title > .small, | |
.panel-title > small > a, | |
.panel-title > .small > a { | |
color: inherit; | |
} | |
.panel-footer { | |
padding: 10px 15px; | |
background-color: #f5f5f5; | |
border-top: 1px solid #dddddd; | |
border-bottom-right-radius: 1px; | |
border-bottom-left-radius: 1px; | |
} | |
.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: 1px; | |
border-top-left-radius: 1px; | |
} | |
.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: 1px; | |
border-bottom-left-radius: 1px; | |
} | |
.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: 1px; | |
border-top-left-radius: 1px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { | |
border-top-left-radius: 1px; | |
border-top-right-radius: 1px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, | |
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { | |
border-top-left-radius: 1px; | |
} | |
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, | |
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, | |
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, | |
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { | |
border-top-right-radius: 1px; | |
} | |
.panel > .table:last-child, | |
.panel > .table-responsive:last-child > .table:last-child { | |
border-bottom-right-radius: 1px; | |
border-bottom-left-radius: 1px; | |
} | |
.panel > .table:last-child > tbody:last-child > tr:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { | |
border-bottom-left-radius: 1px; | |
border-bottom-right-radius: 1px; | |
} | |
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, | |
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { | |
border-bottom-left-radius: 1px; | |
} | |
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, | |
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, | |
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, | |
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { | |
border-bottom-right-radius: 1px; | |
} | |
.panel > .panel-body + .table, | |
.panel > .panel-body + .table-responsive, | |
.panel > .table + .panel-body, | |
.panel > .table-responsive + .panel-body { | |
border-top: 1px solid #f0f0f0; | |
} | |
.panel > .table > tbody:first-child > tr:first-child th, | |
.panel > .table > tbody:first-child > tr:first-child td { | |
border-top: 0; | |
} | |
.panel > .table-bordered, | |
.panel > .table-responsive > .table-bordered { | |
border: 0; | |
} | |
.panel > .table-bordered > thead > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child, | |
.panel > .table-bordered > tbody > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, | |
.panel > .table-bordered > tfoot > tr > th:first-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, | |
.panel > .table-bordered > thead > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child, | |
.panel > .table-bordered > tbody > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, | |
.panel > .table-bordered > tfoot > tr > td:first-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { | |
border-left: 0; | |
} | |
.panel > .table-bordered > thead > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child, | |
.panel > .table-bordered > tbody > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, | |
.panel > .table-bordered > tfoot > tr > th:last-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, | |
.panel > .table-bordered > thead > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child, | |
.panel > .table-bordered > tbody > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, | |
.panel > .table-bordered > tfoot > tr > td:last-child, | |
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { | |
border-right: 0; | |
} | |
.panel > .table-bordered > thead > tr:first-child > td, | |
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td, | |
.panel > .table-bordered > tbody > tr:first-child > td, | |
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, | |
.panel > .table-bordered > thead > tr:first-child > th, | |
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th, | |
.panel > .table-bordered > tbody > tr:first-child > th, | |
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { | |
border-bottom: 0; | |
} | |
.panel > .table-bordered > tbody > tr:last-child > td, | |
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, | |
.panel > .table-bordered > tfoot > tr:last-child > td, | |
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, | |
.panel > .table-bordered > tbody > tr:last-child > th, | |
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, | |
.panel > .table-bordered > tfoot > tr:last-child > th, | |
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { | |
border-bottom: 0; | |
} | |
.panel > .table-responsive { | |
border: 0; | |
margin-bottom: 0; | |
} | |
.panel-group { | |
margin-bottom: 18px; | |
} | |
.panel-group .panel { | |
margin-bottom: 0; | |
border-radius: 2px; | |
} | |
.panel-group .panel + .panel { | |
margin-top: 5px; | |
} | |
.panel-group .panel-heading { | |
border-bottom: 0; | |
} | |
.panel-group .panel-heading + .panel-collapse > .panel-body, | |
.panel-group .panel-heading + .panel-collapse > .list-group { | |
border-top: 1px solid #dddddd; | |
} | |
.panel-group .panel-footer { | |
border-top: 0; | |
} | |
.panel-group .panel-footer + .panel-collapse .panel-body { | |
border-bottom: 1px solid #dddddd; | |
} | |
.panel-default { | |
border-color: #dddddd; | |
} | |
.panel-default > .panel-heading { | |
color: #333333; | |
background-color: #f5f5f5; | |
border-color: #dddddd; | |
} | |
.panel-default > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #dddddd; | |
} | |
.panel-default > .panel-heading .badge { | |
color: #f5f5f5; | |
background-color: #333333; | |
} | |
.panel-default > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #dddddd; | |
} | |
.panel-primary { | |
border-color: #2196f3; | |
} | |
.panel-primary > .panel-heading { | |
color: #ffffff; | |
background-color: #2196f3; | |
border-color: #2196f3; | |
} | |
.panel-primary > .panel-heading + .panel-collapse > .panel-body { | |
border-top-color: #2196f3; | |
} | |
.panel-primary > .panel-heading .badge { | |
color: #2196f3; | |
background-color: #ffffff; | |
} | |
.panel-primary > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #2196f3; | |
} | |
.panel-success { | |
border-color: #d6e9c6; | |
} | |
.panel-success > .panel-heading { | |
color: #4caf50; | |
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: #4caf50; | |
} | |
.panel-success > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #d6e9c6; | |
} | |
.panel-info { | |
border-color: #bce8f1; | |
} | |
.panel-info > .panel-heading { | |
color: #2196f3; | |
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: #2196f3; | |
} | |
.panel-info > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #bce8f1; | |
} | |
.panel-warning { | |
border-color: #faebcc; | |
} | |
.panel-warning > .panel-heading { | |
color: #ff9800; | |
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: #ff9800; | |
} | |
.panel-warning > .panel-footer + .panel-collapse > .panel-body { | |
border-bottom-color: #faebcc; | |
} | |
.panel-danger { | |
border-color: #ebccd1; | |
} | |
.panel-danger > .panel-heading { | |
color: #f44336; | |
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: #f44336; | |
} | |
.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: 2px; | |
-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: 2px; | |
} | |
.well-sm { | |
padding: 9px; | |
border-radius: 2px; | |
} | |
.close { | |
float: right; | |
font-size: 19.5px; | |
font-weight: bold; | |
line-height: 1; | |
color: #000000; | |
text-shadow: 0 1px 0 #ffffff; | |
opacity: 0.2; | |
filter: alpha(opacity=20); | |
} | |
.close:hover, | |
.close:focus { | |
color: #000000; | |
text-decoration: none; | |
cursor: pointer; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
button.close { | |
padding: 0; | |
cursor: pointer; | |
background: transparent; | |
border: 0; | |
-webkit-appearance: none; | |
} | |
.modal-open { | |
overflow: hidden; | |
} | |
.modal { | |
display: none; | |
overflow: hidden; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1050; | |
-webkit-overflow-scrolling: touch; | |
outline: 0; | |
} | |
.modal.fade .modal-dialog { | |
-webkit-transform: translate(0, -25%); | |
-ms-transform: translate(0, -25%); | |
-o-transform: translate(0, -25%); | |
transform: translate(0, -25%); | |
-webkit-transition: -webkit-transform 0.3s ease-out; | |
-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: #ffffff; | |
border: 1px solid transparent; | |
border-radius: 2px; | |
-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: 0; | |
background-color: #000000; | |
} | |
.modal-backdrop.fade { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.modal-backdrop.in { | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
.modal-header { | |
padding: 15px; | |
border-bottom: 1px solid transparent; | |
min-height: #0f0f0f; | |
} | |
.modal-header .close { | |
margin-top: -2px; | |
} | |
.modal-title { | |
margin: 0; | |
line-height: transparent; | |
} | |
.modal-body { | |
position: relative; | |
padding: 15px; | |
} | |
.modal-footer { | |
padding: 15px; | |
text-align: right; | |
border-top: 1px solid transparent; | |
} | |
.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; | |
font-size: 12px; | |
font-weight: normal; | |
line-height: 1.4; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.tooltip.in { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.tooltip.top { | |
margin-top: -3px; | |
padding: 5px 0; | |
} | |
.tooltip.right { | |
margin-left: 3px; | |
padding: 0 5px; | |
} | |
.tooltip.bottom { | |
margin-top: 3px; | |
padding: 5px 0; | |
} | |
.tooltip.left { | |
margin-left: -3px; | |
padding: 0 5px; | |
} | |
.tooltip-inner { | |
max-width: 200px; | |
padding: 3px 8px; | |
color: #ffffff; | |
text-align: center; | |
text-decoration: none; | |
background-color: #737373; | |
border-radius: 2px; | |
} | |
.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: #737373; | |
} | |
.tooltip.top-left .tooltip-arrow { | |
bottom: 0; | |
right: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #737373; | |
} | |
.tooltip.top-right .tooltip-arrow { | |
bottom: 0; | |
left: 5px; | |
margin-bottom: -5px; | |
border-width: 5px 5px 0; | |
border-top-color: #737373; | |
} | |
.tooltip.right .tooltip-arrow { | |
top: 50%; | |
left: 0; | |
margin-top: -5px; | |
border-width: 5px 5px 5px 0; | |
border-right-color: #737373; | |
} | |
.tooltip.left .tooltip-arrow { | |
top: 50%; | |
right: 0; | |
margin-top: -5px; | |
border-width: 5px 0 5px 5px; | |
border-left-color: #737373; | |
} | |
.tooltip.bottom .tooltip-arrow { | |
top: 0; | |
left: 50%; | |
margin-left: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #737373; | |
} | |
.tooltip.bottom-left .tooltip-arrow { | |
top: 0; | |
right: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #737373; | |
} | |
.tooltip.bottom-right .tooltip-arrow { | |
top: 0; | |
left: 5px; | |
margin-top: -5px; | |
border-width: 0 5px 5px; | |
border-bottom-color: #737373; | |
} | |
.popover { | |
position: absolute; | |
top: 0; | |
left: 0; | |
z-index: 1060; | |
display: none; | |
max-width: 276px; | |
padding: 1px; | |
font-family: roboto; | |
font-size: 13px; | |
font-weight: normal; | |
line-height: 1.42857143; | |
text-align: left; | |
background-color: #ffffff; | |
background-clip: padding-box; | |
border: 1px solid #ffffff; | |
border-radius: 2px; | |
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); | |
white-space: normal; | |
} | |
.popover.top { | |
margin-top: -10px; | |
} | |
.popover.right { | |
margin-left: 10px; | |
} | |
.popover.bottom { | |
margin-top: 10px; | |
} | |
.popover.left { | |
margin-left: -10px; | |
} | |
.popover-title { | |
margin: 0; | |
padding: 8px 14px; | |
font-size: 13px; | |
background-color: #ffffff; | |
border-bottom: 1px solid #f2f2f2; | |
border-radius: 1px 1px 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: #cccccc; | |
border-top-color: #ffffff; | |
bottom: -11px; | |
} | |
.popover.top > .arrow:after { | |
content: " "; | |
bottom: 1px; | |
margin-left: -10px; | |
border-bottom-width: 0; | |
border-top-color: #ffffff; | |
} | |
.popover.right > .arrow { | |
top: 50%; | |
left: -11px; | |
margin-top: -11px; | |
border-left-width: 0; | |
border-right-color: #cccccc; | |
border-right-color: #ffffff; | |
} | |
.popover.right > .arrow:after { | |
content: " "; | |
left: 1px; | |
bottom: -10px; | |
border-left-width: 0; | |
border-right-color: #ffffff; | |
} | |
.popover.bottom > .arrow { | |
left: 50%; | |
margin-left: -11px; | |
border-top-width: 0; | |
border-bottom-color: #cccccc; | |
border-bottom-color: #ffffff; | |
top: -11px; | |
} | |
.popover.bottom > .arrow:after { | |
content: " "; | |
top: 1px; | |
margin-left: -10px; | |
border-top-width: 0; | |
border-bottom-color: #ffffff; | |
} | |
.popover.left > .arrow { | |
top: 50%; | |
right: -11px; | |
margin-top: -11px; | |
border-right-width: 0; | |
border-left-color: #cccccc; | |
border-left-color: #ffffff; | |
} | |
.popover.left > .arrow:after { | |
content: " "; | |
right: 1px; | |
border-right-width: 0; | |
border-left-color: #ffffff; | |
bottom: -10px; | |
} | |
.carousel { | |
position: relative; | |
} | |
.carousel-inner { | |
position: relative; | |
overflow: hidden; | |
width: 100%; | |
} | |
.carousel-inner > .item { | |
display: none; | |
position: relative; | |
-webkit-transition: 0.6s ease-in-out left; | |
-moz-transition: 0.6s ease-in-out left; | |
-o-transition: 0.6s ease-in-out left; | |
transition: 0.6s ease-in-out left; | |
} | |
.carousel-inner > .item > img, | |
.carousel-inner > .item > a > img { | |
line-height: 1; | |
} | |
@media all and (transform-3d), (-webkit-transform-3d) { | |
.carousel-inner > .item { | |
-webkit-transition: -webkit-transform 0.6s ease-in-out; | |
-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: 1000; | |
-moz-perspective: 1000; | |
perspective: 1000; | |
} | |
.carousel-inner > .item.next, | |
.carousel-inner > .item.active.right { | |
-webkit-transform: translate3d(100%, 0, 0); | |
transform: translate3d(100%, 0, 0); | |
left: 0; | |
} | |
.carousel-inner > .item.prev, | |
.carousel-inner > .item.active.left { | |
-webkit-transform: translate3d(-100%, 0, 0); | |
transform: translate3d(-100%, 0, 0); | |
left: 0; | |
} | |
.carousel-inner > .item.next.left, | |
.carousel-inner > .item.prev.right, | |
.carousel-inner > .item.active { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
left: 0; | |
} | |
} | |
.carousel-inner > .active, | |
.carousel-inner > .next, | |
.carousel-inner > .prev { | |
display: block; | |
} | |
.carousel-inner > .active { | |
left: 0; | |
} | |
.carousel-inner > .next, | |
.carousel-inner > .prev { | |
position: absolute; | |
top: 0; | |
width: 100%; | |
} | |
.carousel-inner > .next { | |
left: 100%; | |
} | |
.carousel-inner > .prev { | |
left: -100%; | |
} | |
.carousel-inner > .next.left, | |
.carousel-inner > .prev.right { | |
left: 0; | |
} | |
.carousel-inner > .active.left { | |
left: -100%; | |
} | |
.carousel-inner > .active.right { | |
left: 100%; | |
} | |
.carousel-control { | |
position: absolute; | |
top: 0; | |
left: 0; | |
bottom: 0; | |
width: 15%; | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
font-size: 20px; | |
color: #ffffff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
} | |
.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: #ffffff; | |
text-decoration: none; | |
opacity: 0.9; | |
filter: alpha(opacity=90); | |
} | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next, | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .glyphicon-chevron-right { | |
position: absolute; | |
top: 50%; | |
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; | |
margin-top: -10px; | |
line-height: 1; | |
font-family: serif; | |
} | |
.carousel-control .icon-prev:before { | |
content: '\2039'; | |
} | |
.carousel-control .icon-next:before { | |
content: '\203a'; | |
} | |
.carousel-indicators { | |
position: absolute; | |
bottom: 10px; | |
left: 50%; | |
z-index: 15; | |
width: 60%; | |
margin-left: -30%; | |
padding-left: 0; | |
list-style: none; | |
text-align: center; | |
} | |
.carousel-indicators li { | |
display: inline-block; | |
width: 10px; | |
height: 10px; | |
margin: 1px; | |
text-indent: -999px; | |
border: 1px solid #ffffff; | |
border-radius: 10px; | |
cursor: pointer; | |
background-color: #000 \9; | |
background-color: rgba(0, 0, 0, 0); | |
} | |
.carousel-indicators .active { | |
margin: 0; | |
width: 12px; | |
height: 12px; | |
background-color: #ffffff; | |
} | |
.carousel-caption { | |
position: absolute; | |
left: 15%; | |
right: 15%; | |
bottom: 20px; | |
z-index: 10; | |
padding-top: 20px; | |
padding-bottom: 20px; | |
color: #ffffff; | |
text-align: center; | |
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); | |
} | |
.carousel-caption .btn { | |
text-shadow: none; | |
} | |
@media screen and (min-width: 768px) { | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .glyphicon-chevron-right, | |
.carousel-control .icon-prev, | |
.carousel-control .icon-next { | |
width: 30px; | |
height: 30px; | |
margin-top: -15px; | |
font-size: 30px; | |
} | |
.carousel-control .glyphicon-chevron-left, | |
.carousel-control .icon-prev { | |
margin-left: -15px; | |
} | |
.carousel-control .glyphicon-chevron-right, | |
.carousel-control .icon-next { | |
margin-right: -15px; | |
} | |
.carousel-caption { | |
left: 20%; | |
right: 20%; | |
padding-bottom: 30px; | |
} | |
.carousel-indicators { | |
bottom: 20px; | |
} | |
} | |
.clearfix:before, | |
.clearfix:after, | |
.dl-horizontal dd:before, | |
.dl-horizontal dd:after, | |
.container:before, | |
.container:after, | |
.container-fluid:before, | |
.container-fluid:after, | |
.row:before, | |
.row:after, | |
.form-horizontal .form-group:before, | |
.form-horizontal .form-group:after, | |
.btn-toolbar:before, | |
.btn-toolbar:after, | |
.btn-group-vertical > .btn-group:before, | |
.btn-group-vertical > .btn-group:after, | |
.nav:before, | |
.nav:after, | |
.navbar:before, | |
.navbar:after, | |
.navbar-header:before, | |
.navbar-header:after, | |
.navbar-collapse:before, | |
.navbar-collapse:after, | |
.pager:before, | |
.pager:after, | |
.panel-body:before, | |
.panel-body:after, | |
.modal-footer:before, | |
.modal-footer:after { | |
content: " "; | |
display: table; | |
} | |
.clearfix:after, | |
.dl-horizontal dd:after, | |
.container:after, | |
.container-fluid:after, | |
.row:after, | |
.form-horizontal .form-group:after, | |
.btn-toolbar:after, | |
.btn-group-vertical > .btn-group:after, | |
.nav:after, | |
.navbar:after, | |
.navbar-header:after, | |
.navbar-collapse:after, | |
.pager:after, | |
.panel-body:after, | |
.modal-footer:after { | |
clear: both; | |
} | |
.center-block { | |
display: block; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
.pull-right { | |
float: right !important; | |
} | |
.pull-left { | |
float: left !important; | |
} | |
.hide { | |
display: none !important; | |
} | |
.show { | |
display: block !important; | |
} | |
.invisible { | |
visibility: hidden; | |
} | |
.text-hide { | |
font: 0/0 a; | |
color: transparent; | |
text-shadow: none; | |
background-color: transparent; | |
border: 0; | |
} | |
.hidden { | |
display: none !important; | |
} | |
.affix { | |
position: fixed; | |
} | |
@-ms-viewport { | |
width: device-width; | |
} | |
.visible-xs, | |
.visible-sm, | |
.visible-md, | |
.visible-lg { | |
display: none !important; | |
} | |
.visible-xs-block, | |
.visible-xs-inline, | |
.visible-xs-inline-block, | |
.visible-sm-block, | |
.visible-sm-inline, | |
.visible-sm-inline-block, | |
.visible-md-block, | |
.visible-md-inline, | |
.visible-md-inline-block, | |
.visible-lg-block, | |
.visible-lg-inline, | |
.visible-lg-inline-block { | |
display: none !important; | |
} | |
@media (max-width: 767px) { | |
.visible-xs { | |
display: block !important; | |
} | |
table.visible-xs { | |
display: table; | |
} | |
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; | |
} | |
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; | |
} | |
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; | |
} | |
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; | |
} | |
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; | |
} | |
} | |
/* | |
* LESS Plugins | |
*/ | |
/* | |
* Variable and Mixin | |
*/ | |
/* | |
* Grid System | |
*/ | |
/* Typography + Scaffolding + Links */ | |
/* Border Radius */ | |
/* Colors */ | |
/* Tabs */ | |
/* Form */ | |
/* Table */ | |
/* | |
* Input Group | |
*/ | |
/* | |
* Pagination | |
*/ | |
/* | |
* Popover | |
*/ | |
/* | |
* Dropdown | |
*/ | |
/* | |
* Thumbnail | |
*/ | |
/* | |
* Form Stats and Alerts | |
*/ | |
/* | |
* Buttons | |
*/ | |
/* | |
* Thumbnail | |
*/ | |
/* | |
* Carousel | |
*/ | |
/* | |
* Modal | |
*/ | |
/* | |
* Tooltips | |
*/ | |
/* | |
* Popover | |
*/ | |
/* | |
* Breadcrumbs | |
*/ | |
/* | |
* Jumbotron | |
*/ | |
/* | |
* List Groups | |
*/ | |
/* | |
* Badges | |
*/ | |
/* | |
* Material Colors | |
*/ | |
/* | |
* Font Face | |
*/ | |
/* | |
* Background Repeat + Position | |
*/ | |
/* | |
* CSS Animations based on animate.css | |
*/ | |
/* | |
* CSS Transform - Scale and Rotate | |
*/ | |
/* | |
* User Select | |
*/ | |
/* | |
* Background Image Cover | |
*/ | |
/* | |
* Tab Focus | |
*/ | |
/* | |
* Pop-in Hover effects | |
*/ | |
/* | |
* Override Bootstrap Button Mixin | |
*/ | |
/* | |
* Scale 3d | |
*/ | |
/* | |
* Load Font | |
*/ | |
/* | |
* Roboto Light | |
*/ | |
@font-face { | |
font-family: roboto; | |
src: url('../fonts/roboto/Roboto-Light-webfont.eot'); | |
src: url('../fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Light-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Light-webfont.svg#icon') format('svg'); | |
font-weight: 300; | |
font-style: normal; | |
} | |
/* | |
* Roboto Regular | |
*/ | |
@font-face { | |
font-family: roboto; | |
src: url('../fonts/roboto/Roboto-Regular-webfont.eot'); | |
src: url('../fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Regular-webfont.svg#icon') format('svg'); | |
font-weight: 400; | |
font-style: normal; | |
} | |
/* | |
* Roboto Medium | |
*/ | |
@font-face { | |
font-family: roboto; | |
src: url('../fonts/roboto/Roboto-Medium-webfont.eot'); | |
src: url('../fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Medium-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Medium-webfont.svg#icon') format('svg'); | |
font-weight: 500; | |
font-style: normal; | |
} | |
/* | |
* Roboto Bold | |
*/ | |
@font-face { | |
font-family: roboto; | |
src: url('../fonts/roboto/Roboto-Bold-webfont.eot'); | |
src: url('../fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/roboto/Roboto-Bold-webfont.svg#icon') format('svg'); | |
font-weight: 700; | |
font-style: normal; | |
} | |
/* | |
* Shadow Light | |
*/ | |
@font-face { | |
font-family: shadowsintolight; | |
src: url('../fonts/shadowsintolight/shadowsintolight-webfont.eot'); | |
src: url('../fonts/shadowsintolight/shadowsintolight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/shadowsintolight/shadowsintolight-webfont.woff') format('woff'), url('../fonts/shadowsintolight/shadowsintolight-webfont.ttf') format('truetype'), url('../fonts/shadowsintolight/shadowsintolight-webfont.svg#icon') format('svg'); | |
font-weight: 400; | |
font-style: normal; | |
} | |
/* | |
* Vendors | |
*/ | |
/*! | |
* Material Design Iconic Font 1.0.1 by Sergey Kupletsky (@zavoloklom) - http://zavoloklom.github.io/material-design-iconic-font/ | |
* License - https://github.com/zavoloklom/material-design-iconic-font/blob/gh-pages/License.md (Attribution-ShareAlike 4.0 International license) | |
*/ | |
@font-face { | |
font-family: 'Material Design Iconic Font'; | |
src: url('../fonts/material-icons/Material-Design-Iconic-Font.eot?v=1.0.1'); | |
src: url('../fonts/material-icons/Material-Design-Iconic-Font.eot?#iefix&v=1.0.1') format('embedded-opentype'), url('../fonts/material-icons/Material-Design-Iconic-Font.woff?v=1.0.1') format('woff'), url('../fonts/material-icons/Material-Design-Iconic-Font.ttf?v=1.0.1') format('truetype'), url('../fonts/material-icons/Material-Design-Iconic-Font.svg?v=1.0.1#Material-Design-Iconic-Font') format('svg'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
[class^="md-"], | |
[class*=" md-"] { | |
display: inline-block; | |
font: normal normal normal 14px/1 'Material Design Iconic Font'; | |
font-size: inherit; | |
speak: none; | |
text-rendering: auto; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.md { | |
line-height: inherit; | |
vertical-align: bottom; | |
} | |
.md-lg { | |
font-size: 1.5em; | |
line-height: .5em; | |
vertical-align: -35%; | |
} | |
.md-2x { | |
font-size: 2em; | |
} | |
.md-3x { | |
font-size: 3em; | |
} | |
.md-4x { | |
font-size: 4em; | |
} | |
.md-5x { | |
font-size: 5em; | |
} | |
.md-border { | |
padding: .2em .25em .15em; | |
border: solid 0.08em grey; | |
border-radius: .1em; | |
} | |
.md-border-circle { | |
padding: .2em .25em .15em; | |
border: solid 0.08em grey; | |
border-radius: 50%; | |
} | |
[class^="md-"].pull-left, | |
[class*=" md-"].pull-left { | |
float: left; | |
margin-right: .3em; | |
} | |
[class^="md-"].pull-right, | |
[class*=" md-"].pull-right { | |
float: right; | |
margin-left: .3em; | |
} | |
.md-spin { | |
-webkit-animation: md-spin 1.5s infinite linear; | |
animation: md-spin 1.5s infinite linear; | |
} | |
.md-spin-reverse { | |
-webkit-animation: md-spin-reverse 1.5s infinite linear; | |
animation: md-spin-reverse 1.5s infinite linear; | |
} | |
@-webkit-keyframes md-spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@keyframes md-spin { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform: rotate(359deg); | |
transform: rotate(359deg); | |
} | |
} | |
@-webkit-keyframes md-spin-reverse { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform: rotate(-359deg); | |
transform: rotate(-359deg); | |
} | |
} | |
@keyframes md-spin-reverse { | |
0% { | |
-webkit-transform: rotate(0deg); | |
transform: rotate(0deg); | |
} | |
100% { | |
-webkit-transform: rotate(-359deg); | |
transform: rotate(-359deg); | |
} | |
} | |
.md-rotate-90 { | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); | |
-webkit-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
transform: rotate(90deg); | |
} | |
.md-rotate-180 { | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); | |
-webkit-transform: rotate(180deg); | |
-ms-transform: rotate(180deg); | |
transform: rotate(180deg); | |
} | |
.md-rotate-270 { | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); | |
-webkit-transform: rotate(270deg); | |
-ms-transform: rotate(270deg); | |
transform: rotate(270deg); | |
} | |
.md-flip-horizontal { | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); | |
-webkit-transform: scale(-1, 1); | |
-ms-transform: scale(-1, 1); | |
transform: scale(-1, 1); | |
} | |
.md-flip-vertical { | |
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); | |
-webkit-transform: scale(1, -1); | |
-ms-transform: scale(1, -1); | |
transform: scale(1, -1); | |
} | |
:root .md-rotate-90, | |
:root .md-rotate-180, | |
:root .md-rotate-270, | |
:root .md-flip-horizontal, | |
:root .md-flip-vertical { | |
filter: none; | |
} | |
/* Material Design Iconic Font uses the Unicode Private Use Area (PUA) to ensure screen | |
readers do not read off random characters that represent icons */ | |
/* If you do not want use all icons you can disable icon set here */ | |
.md-3d-rotation:before { | |
content: "\f000"; | |
} | |
.md-accessibility:before { | |
content: "\f001"; | |
} | |
.md-account-balance:before { | |
content: "\f002"; | |
} | |
.md-account-balance-wallet:before { | |
content: "\f003"; | |
} | |
.md-account-box:before { | |
content: "\f004"; | |
} | |
.md-account-child:before { | |
content: "\f005"; | |
} | |
.md-account-circle:before { | |
content: "\f006"; | |
} | |
.md-add-shopping-cart:before { | |
content: "\f007"; | |
} | |
.md-alarm:before { | |
content: "\f008"; | |
} | |
.md-alarm-add:before { | |
content: "\f009"; | |
} | |
.md-alarm-off:before { | |
content: "\f00a"; | |
} | |
.md-alarm-on:before { | |
content: "\f00b"; | |
} | |
.md-android:before { | |
content: "\f00c"; | |
} | |
.md-announcement:before { | |
content: "\f00d"; | |
} | |
.md-aspect-ratio:before { | |
content: "\f00e"; | |
} | |
.md-assessment:before { | |
content: "\f00f"; | |
} | |
.md-assignment:before { | |
content: "\f010"; | |
} | |
.md-assignment-ind:before { | |
content: "\f011"; | |
} | |
.md-assignment-late:before { | |
content: "\f012"; | |
} | |
.md-assignment-return:before { | |
content: "\f013"; | |
} | |
.md-assignment-returned:before { | |
content: "\f014"; | |
} | |
.md-assignment-turned-in:before { | |
content: "\f015"; | |
} | |
.md-autorenew:before { | |
content: "\f016"; | |
} | |
.md-backup:before { | |
content: "\f017"; | |
} | |
.md-book:before { | |
content: "\f018"; | |
} | |
.md-bookmark:before { | |
content: "\f019"; | |
} | |
.md-bookmark-outline:before { | |
content: "\f01a"; | |
} | |
.md-bug-report:before { | |
content: "\f01b"; | |
} | |
.md-cached:before { | |
content: "\f01c"; | |
} | |
.md-class:before { | |
content: "\f01d"; | |
} | |
.md-credit-card:before { | |
content: "\f01e"; | |
} | |
.md-dashboard:before { | |
content: "\f01f"; | |
} | |
.md-delete:before { | |
content: "\f020"; | |
} | |
.md-description:before { | |
content: "\f021"; | |
} | |
.md-dns:before { | |
content: "\f022"; | |
} | |
.md-done:before { | |
content: "\f023"; | |
} | |
.md-done-all:before { | |
content: "\f024"; | |
} | |
.md-event:before { | |
content: "\f025"; | |
} | |
.md-exit-to-app:before { | |
content: "\f026"; | |
} | |
.md-explore:before { | |
content: "\f027"; | |
} | |
.md-extension:before { | |
content: "\f028"; | |
} | |
.md-face-unlock:before { | |
content: "\f029"; | |
} | |
.md-favorite:before { | |
content: "\f02a"; | |
} | |
.md-favorite-outline:before { | |
content: "\f02b"; | |
} | |
.md-find-in-page:before { | |
content: "\f02c"; | |
} | |
.md-find-replace:before { | |
content: "\f02d"; | |
} | |
.md-flip-to-back:before { | |
content: "\f02e"; | |
} | |
.md-flip-to-front:before { | |
content: "\f02f"; | |
} | |
.md-get-app:before { | |
content: "\f030"; | |
} | |
.md-grade:before { | |
content: "\f031"; | |
} | |
.md-group-work:before { | |
content: "\f032"; | |
} | |
.md-help:before { | |
content: "\f033"; | |
} | |
.md-highlight-remove:before { | |
content: "\f034"; | |
} | |
.md-history:before { | |
content: "\f035"; | |
} | |
.md-home:before { | |
content: "\f036"; | |
} | |
.md-https:before { | |
content: "\f037"; | |
} | |
.md-info:before { | |
content: "\f038"; | |
} | |
.md-info-outline:before { | |
content: "\f039"; | |
} | |
.md-input:before { | |
content: "\f03a"; | |
} | |
.md-invert-colors:before { | |
content: "\f03b"; | |
} | |
.md-label:before { | |
content: "\f03c"; | |
} | |
.md-label-outline:before { | |
content: "\f03d"; | |
} | |
.md-language:before { | |
content: "\f03e"; | |
} | |
.md-launch:before { | |
content: "\f03f"; | |
} | |
.md-list:before { | |
content: "\f040"; | |
} | |
.md-lock:before { | |
content: "\f041"; | |
} | |
.md-lock-open:before { | |
content: "\f042"; | |
} | |
.md-lock-outline:before { | |
content: "\f043"; | |
} | |
.md-loyalty:before { | |
content: "\f044"; | |
} | |
.md-markunread-mailbox:before { | |
content: "\f045"; | |
} | |
.md-note-add:before { | |
content: "\f046"; | |
} | |
.md-open-in-browser:before { | |
content: "\f047"; | |
} | |
.md-open-in-new:before { | |
content: "\f048"; | |
} | |
.md-open-with:before { | |
content: "\f049"; | |
} | |
.md-pageview:before { | |
content: "\f04a"; | |
} | |
.md-payment:before { | |
content: "\f04b"; | |
} | |
.md-perm-camera-mic:before { | |
content: "\f04c"; | |
} | |
.md-perm-contact-cal:before { | |
content: "\f04d"; | |
} | |
.md-perm-data-setting:before { | |
content: "\f04e"; | |
} | |
.md-perm-device-info:before { | |
content: "\f04f"; | |
} | |
.md-perm-identity:before { | |
content: "\f050"; | |
} | |
.md-perm-media:before { | |
content: "\f051"; | |
} | |
.md-perm-phone-msg:before { | |
content: "\f052"; | |
} | |
.md-perm-scan-wifi:before { | |
content: "\f053"; | |
} | |
.md-picture-in-picture:before { | |
content: "\f054"; | |
} | |
.md-polymer:before { | |
content: "\f055"; | |
} | |
.md-print:before { | |
content: "\f056"; | |
} | |
.md-query-builder:before { | |
content: "\f057"; | |
} | |
.md-question-answer:before { | |
content: "\f058"; | |
} | |
.md-receipt:before { | |
content: "\f059"; | |
} | |
.md-redeem:before { | |
content: "\f05a"; | |
} | |
.md-report-problem:before { | |
content: "\f05b"; | |
} | |
.md-restore:before { | |
content: "\f05c"; | |
} | |
.md-room:before { | |
content: "\f05d"; | |
} | |
.md-schedule:before { | |
content: "\f05e"; | |
} | |
.md-search:before { | |
content: "\f05f"; | |
} | |
.md-settings:before { | |
content: "\f060"; | |
} | |
.md-settings-applications:before { | |
content: "\f061"; | |
} | |
.md-settings-backup-restore:before { | |
content: "\f062"; | |
} | |
.md-settings-bluetooth:before { | |
content: "\f063"; | |
} | |
.md-settings-cell:before { | |
content: "\f064"; | |
} | |
.md-settings-display:before { | |
content: "\f065"; | |
} | |
.md-settings-ethernet:before { | |
content: "\f066"; | |
} | |
.md-settings-input-antenna:before { | |
content: "\f067"; | |
} | |
.md-settings-input-component:before { | |
content: "\f068"; | |
} | |
.md-settings-input-composite:before { | |
content: "\f069"; | |
} | |
.md-settings-input-hdmi:before { | |
content: "\f06a"; | |
} | |
.md-settings-input-svideo:before { | |
content: "\f06b"; | |
} | |
.md-settings-overscan:before { | |
content: "\f06c"; | |
} | |
.md-settings-phone:before { | |
content: "\f06d"; | |
} | |
.md-settings-power:before { | |
content: "\f06e"; | |
} | |
.md-settings-remote:before { | |
content: "\f06f"; | |
} | |
.md-settings-voice:before { | |
content: "\f070"; | |
} | |
.md-shop:before { | |
content: "\f071"; | |
} | |
.md-shopping-basket:before { | |
content: "\f072"; | |
} | |
.md-shopping-cart:before { | |
content: "\f073"; | |
} | |
.md-shop-two:before { | |
content: "\f074"; | |
} | |
.md-speaker-notes:before { | |
content: "\f075"; | |
} | |
.md-spellcheck:before { | |
content: "\f076"; | |
} | |
.md-star-rate:before { | |
content: "\f077"; | |
} | |
.md-stars:before { | |
content: "\f078"; | |
} | |
.md-store:before { | |
content: "\f079"; | |
} | |
.md-subject:before { | |
content: "\f07a"; | |
} | |
.md-swap-horiz:before { | |
content: "\f07b"; | |
} | |
.md-swap-vert:before { | |
content: "\f07c"; | |
} | |
.md-swap-vert-circle:before { | |
content: "\f07d"; | |
} | |
.md-system-update-tv:before { | |
content: "\f07e"; | |
} | |
.md-tab:before { | |
content: "\f07f"; | |
} | |
.md-tab-unselected:before { | |
content: "\f080"; | |
} | |
.md-theaters:before { | |
content: "\f081"; | |
} | |
.md-thumb-down:before { | |
content: "\f082"; | |
} | |
.md-thumbs-up-down:before { | |
content: "\f083"; | |
} | |
.md-thumb-up:before { | |
content: "\f084"; | |
} | |
.md-toc:before { | |
content: "\f085"; | |
} | |
.md-today:before { | |
content: "\f086"; | |
} | |
.md-track-changes:before { | |
content: "\f087"; | |
} | |
.md-translate:before { | |
content: "\f088"; | |
} | |
.md-trending-down:before { | |
content: "\f089"; | |
} | |
.md-trending-neutral:before { | |
content: "\f08a"; | |
} | |
.md-trending-up:before { | |
content: "\f08b"; | |
} | |
.md-turned-in:before { | |
content: "\f08c"; | |
} | |
.md-turned-in-not:before { | |
content: "\f08d"; | |
} | |
.md-verified-user:before { | |
content: "\f08e"; | |
} | |
.md-view-agenda:before { | |
content: "\f08f"; | |
} | |
.md-view-array:before { | |
content: "\f090"; | |
} | |
.md-view-carousel:before { | |
content: "\f091"; | |
} | |
.md-view-column:before { | |
content: "\f092"; | |
} | |
.md-view-day:before { | |
content: "\f093"; | |
} | |
.md-view-headline:before { | |
content: "\f094"; | |
} | |
.md-view-list:before { | |
content: "\f095"; | |
} | |
.md-view-module:before { | |
content: "\f096"; | |
} | |
.md-view-quilt:before { | |
content: "\f097"; | |
} | |
.md-view-stream:before { | |
content: "\f098"; | |
} | |
.md-view-week:before { | |
content: "\f099"; | |
} | |
.md-visibility:before { | |
content: "\f09a"; | |
} | |
.md-visibility-off:before { | |
content: "\f09b"; | |
} | |
.md-wallet-giftcard:before { | |
content: "\f09c"; | |
} | |
.md-wallet-membership:before { | |
content: "\f09d"; | |
} | |
.md-wallet-travel:before { | |
content: "\f09e"; | |
} | |
.md-work:before { | |
content: "\f09f"; | |
} | |
.md-error:before { | |
content: "\f0a0"; | |
} | |
.md-warning:before { | |
content: "\f0a1"; | |
} | |
.md-album:before { | |
content: "\f0a2"; | |
} | |
.md-av-timer:before { | |
content: "\f0a3"; | |
} | |
.md-closed-caption:before { | |
content: "\f0a4"; | |
} | |
.md-equalizer:before { | |
content: "\f0a5"; | |
} | |
.md-explicit:before { | |
content: "\f0a6"; | |
} | |
.md-fast-forward:before { | |
content: "\f0a7"; | |
} | |
.md-fast-rewind:before { | |
content: "\f0a8"; | |
} | |
.md-games:before { | |
content: "\f0a9"; | |
} | |
.md-hearing:before { | |
content: "\f0aa"; | |
} | |
.md-high-quality:before { | |
content: "\f0ab"; | |
} | |
.md-loop:before { | |
content: "\f0ac"; | |
} | |
.md-mic:before { | |
content: "\f0ad"; | |
} | |
.md-mic-none:before { | |
content: "\f0ae"; | |
} | |
.md-mic-off:before { | |
content: "\f0af"; | |
} | |
.md-movie:before { | |
content: "\f0b0"; | |
} | |
.md-my-library-add:before { | |
content: "\f0b1"; | |
} | |
.md-my-library-books:before { | |
content: "\f0b2"; | |
} | |
.md-my-library-music:before { | |
content: "\f0b3"; | |
} | |
.md-new-releases:before { | |
content: "\f0b4"; | |
} | |
.md-not-interested:before { | |
content: "\f0b5"; | |
} | |
.md-pause:before { | |
content: "\f0b6"; | |
} | |
.md-pause-circle-fill:before { | |
content: "\f0b7"; | |
} | |
.md-pause-circle-outline:before { | |
content: "\f0b8"; | |
} | |
.md-play-arrow:before { | |
content: "\f0b9"; | |
} | |
.md-play-circle-fill:before { | |
content: "\f0ba"; | |
} | |
.md-play-circle-outline:before { | |
content: "\f0bb"; | |
} | |
.md-playlist-add:before { | |
content: "\f0bc"; | |
} | |
.md-play-shopping-bag:before { | |
content: "\f0bd"; | |
} | |
.md-queue:before { | |
content: "\f0be"; | |
} | |
.md-queue-music:before { | |
content: "\f0bf"; | |
} | |
.md-radio:before { | |
content: "\f0c0"; | |
} | |
.md-recent-actors:before { | |
content: "\f0c1"; | |
} | |
.md-repeat:before { | |
content: "\f0c2"; | |
} | |
.md-repeat-one:before { | |
content: "\f0c3"; | |
} | |
.md-replay:before { | |
content: "\f0c4"; | |
} | |
.md-shuffle:before { | |
content: "\f0c5"; | |
} | |
.md-skip-next:before { | |
content: "\f0c6"; | |
} | |
.md-skip-previous:before { | |
content: "\f0c7"; | |
} | |
.md-snooze:before { | |
content: "\f0c8"; | |
} | |
.md-stop:before { | |
content: "\f0c9"; | |
} | |
.md-subtitles:before { | |
content: "\f0ca"; | |
} | |
.md-surround-sound:before { | |
content: "\f0cb"; | |
} | |
.md-videocam:before { | |
content: "\f0cc"; | |
} | |
.md-videocam-off:before { | |
content: "\f0cd"; | |
} | |
.md-video-collection:before { | |
content: "\f0ce"; | |
} | |
.md-volume-down:before { | |
content: "\f0cf"; | |
} | |
.md-volume-mute:before { | |
content: "\f0d0"; | |
} | |
.md-volume-off:before { | |
content: "\f0d1"; | |
} | |
.md-volume-up:before { | |
content: "\f0d2"; | |
} | |
.md-web:before { | |
content: "\f0d3"; | |
} | |
.md-business:before { | |
content: "\f0d4"; | |
} | |
.md-call:before { | |
content: "\f0d5"; | |
} | |
.md-call-end:before { | |
content: "\f0d6"; | |
} | |
.md-call-made:before { | |
content: "\f0d7"; | |
} | |
.md-call-merge:before { | |
content: "\f0d8"; | |
} | |
.md-call-missed:before { | |
content: "\f0d9"; | |
} | |
.md-call-received:before { | |
content: "\f0da"; | |
} | |
.md-call-split:before { | |
content: "\f0db"; | |
} | |
.md-chat:before { | |
content: "\f0dc"; | |
} | |
.md-clear-all:before { | |
content: "\f0dd"; | |
} | |
.md-comment:before { | |
content: "\f0de"; | |
} | |
.md-contacts:before { | |
content: "\f0df"; | |
} | |
.md-dialer-sip:before { | |
content: "\f0e0"; | |
} | |
.md-dialpad:before { | |
content: "\f0e1"; | |
} | |
.md-dnd-on:before { | |
content: "\f0e2"; | |
} | |
.md-email:before { | |
content: "\f0e3"; | |
} | |
.md-forum:before { | |
content: "\f0e4"; | |
} | |
.md-import-export:before { | |
content: "\f0e5"; | |
} | |
.md-invert-colors-off:before { | |
content: "\f0e6"; | |
} | |
.md-invert-colors-on:before { | |
content: "\f0e7"; | |
} | |
.md-live-help:before { | |
content: "\f0e8"; | |
} | |
.md-location-off:before { | |
content: "\f0e9"; | |
} | |
.md-location-on:before { | |
content: "\f0ea"; | |
} | |
.md-message:before { | |
content: "\f0eb"; | |
} | |
.md-messenger:before { | |
content: "\f0ec"; | |
} | |
.md-no-sim:before { | |
content: "\f0ed"; | |
} | |
.md-phone:before { | |
content: "\f0ee"; | |
} | |
.md-portable-wifi-off:before { | |
content: "\f0ef"; | |
} | |
.md-quick-contacts-dialer:before { | |
content: "\f0f0"; | |
} | |
.md-quick-contacts-mail:before { | |
content: "\f0f1"; | |
} | |
.md-ring-volume:before { | |
content: "\f0f2"; | |
} | |
.md-stay-current-landscape:before { | |
content: "\f0f3"; | |
} | |
.md-stay-current-portrait:before { | |
content: "\f0f4"; | |
} | |
.md-stay-primary-landscape:before { | |
content: "\f0f5"; | |
} | |
.md-stay-primary-portrait:before { | |
content: "\f0f6"; | |
} | |
.md-swap-calls:before { | |
content: "\f0f7"; | |
} | |
.md-textsms:before { | |
content: "\f0f8"; | |
} | |
.md-voicemail:before { | |
content: "\f0f9"; | |
} | |
.md-vpn-key:before { | |
content: "\f0fa"; | |
} | |
.md-add:before { | |
content: "\f0fb"; | |
} | |
.md-add-box:before { | |
content: "\f0fc"; | |
} | |
.md-add-circle:before { | |
content: "\f0fd"; | |
} | |
.md-add-circle-outline:before { | |
content: "\f0fe"; | |
} | |
.md-archive:before { | |
content: "\f0ff"; | |
} | |
.md-backspace:before { | |
content: "\f100"; | |
} | |
.md-block:before { | |
content: "\f101"; | |
} | |
.md-clear:before { | |
content: "\f102"; | |
} | |
.md-content-copy:before { | |
content: "\f103"; | |
} | |
.md-content-cut:before { | |
content: "\f104"; | |
} | |
.md-content-paste:before { | |
content: "\f105"; | |
} | |
.md-create:before { | |
content: "\f106"; | |
} | |
.md-drafts:before { | |
content: "\f107"; | |
} | |
.md-filter-list:before { | |
content: "\f108"; | |
} | |
.md-flag:before { | |
content: "\f109"; | |
} | |
.md-forward:before { | |
content: "\f10a"; | |
} | |
.md-gesture:before { | |
content: "\f10b"; | |
} | |
.md-inbox:before { | |
content: "\f10c"; | |
} | |
.md-link:before { | |
content: "\f10d"; | |
} | |
.md-mail:before { | |
content: "\f10e"; | |
} | |
.md-markunread:before { | |
content: "\f10f"; | |
} | |
.md-redo:before { | |
content: "\f110"; | |
} | |
.md-remove:before { | |
content: "\f111"; | |
} | |
.md-remove-circle:before { | |
content: "\f112"; | |
} | |
.md-remove-circle-outline:before { | |
content: "\f113"; | |
} | |
.md-reply:before { | |
content: "\f114"; | |
} | |
.md-reply-all:before { | |
content: "\f115"; | |
} | |
.md-report:before { | |
content: "\f116"; | |
} | |
.md-save:before { | |
content: "\f117"; | |
} | |
.md-select-all:before { | |
content: "\f118"; | |
} | |
.md-send:before { | |
content: "\f119"; | |
} | |
.md-sort:before { | |
content: "\f11a"; | |
} | |
.md-text-format:before { | |
content: "\f11b"; | |
} | |
.md-undo:before { | |
content: "\f11c"; | |
} | |
.md-access-alarm:before { | |
content: "\f11d"; | |
} | |
.md-access-alarms:before { | |
content: "\f11e"; | |
} | |
.md-access-time:before { | |
content: "\f11f"; | |
} | |
.md-add-alarm:before { | |
content: "\f120"; | |
} | |
.md-airplanemode-off:before { | |
content: "\f121"; | |
} | |
.md-airplanemode-on:before { | |
content: "\f122"; | |
} | |
.md-battery-20:before { | |
content: "\f123"; | |
} | |
.md-battery-30:before { | |
content: "\f124"; | |
} | |
.md-battery-50:before { | |
content: "\f125"; | |
} | |
.md-battery-60:before { | |
content: "\f126"; | |
} | |
.md-battery-80:before { | |
content: "\f127"; | |
} | |
.md-battery-90:before { | |
content: "\f128"; | |
} | |
.md-battery-alert:before { | |
content: "\f129"; | |
} | |
.md-battery-charging-20:before { | |
content: "\f12a"; | |
} | |
.md-battery-charging-30:before { | |
content: "\f12b"; | |
} | |
.md-battery-charging-50:before { | |
content: "\f12c"; | |
} | |
.md-battery-charging-60:before { | |
content: "\f12d"; | |
} | |
.md-battery-charging-80:before { | |
content: "\f12e"; | |
} | |
.md-battery-charging-90:before { | |
content: "\f12f"; | |
} | |
.md-battery-charging-full:before { | |
content: "\f130"; | |
} | |
.md-battery-full:before { | |
content: "\f131"; | |
} | |
.md-battery-std:before { | |
content: "\f132"; | |
} | |
.md-battery-unknown:before { | |
content: "\f133"; | |
} | |
.md-bluetooth:before { | |
content: "\f134"; | |
} | |
.md-bluetooth-connected:before { | |
content: "\f135"; | |
} | |
.md-bluetooth-disabled:before { | |
content: "\f136"; | |
} | |
.md-bluetooth-searching:before { | |
content: "\f137"; | |
} | |
.md-brightness-auto:before { | |
content: "\f138"; | |
} | |
.md-brightness-high:before { | |
content: "\f139"; | |
} | |
.md-brightness-low:before { | |
content: "\f13a"; | |
} | |
.md-brightness-medium:before { | |
content: "\f13b"; | |
} | |
.md-data-usage:before { | |
content: "\f13c"; | |
} | |
.md-developer-mode:before { | |
content: "\f13d"; | |
} | |
.md-devices:before { | |
content: "\f13e"; | |
} | |
.md-dvr:before { | |
content: "\f13f"; | |
} | |
.md-gps-fixed:before { | |
content: "\f140"; | |
} | |
.md-gps-not-fixed:before { | |
content: "\f141"; | |
} | |
.md-gps-off:before { | |
content: "\f142"; | |
} | |
.md-location-disabled:before { | |
content: "\f143"; | |
} | |
.md-location-searching:before { | |
content: "\f144"; | |
} | |
.md-multitrack-audio:before { | |
content: "\f145"; | |
} | |
.md-network-cell:before { | |
content: "\f146"; | |
} | |
.md-network-wifi:before { | |
content: "\f147"; | |
} | |
.md-nfc:before { | |
content: "\f148"; | |
} | |
.md-now-wallpaper:before { | |
content: "\f149"; | |
} | |
.md-now-widgets:before { | |
content: "\f14a"; | |
} | |
.md-screen-lock-landscape:before { | |
content: "\f14b"; | |
} | |
.md-screen-lock-portrait:before { | |
content: "\f14c"; | |
} | |
.md-screen-lock-rotation:before { | |
content: "\f14d"; | |
} | |
.md-screen-rotation:before { | |
content: "\f14e"; | |
} | |
.md-sd-storage:before { | |
content: "\f14f"; | |
} | |
.md-settings-system-daydream:before { | |
content: "\f150"; | |
} | |
.md-signal-cellular-0-bar:before { | |
content: "\f151"; | |
} | |
.md-signal-cellular-1-bar:before { | |
content: "\f152"; | |
} | |
.md-signal-cellular-2-bar:before { | |
content: "\f153"; | |
} | |
.md-signal-cellular-3-bar:before { | |
content: "\f154"; | |
} | |
.md-signal-cellular-4-bar:before { | |
content: "\f155"; | |
} | |
.md-signal-cellular-connected-no-internet-0-bar:before { | |
content: "\f156"; | |
} | |
.md-signal-cellular-connected-no-internet-1-bar:before { | |
content: "\f157"; | |
} | |
.md-signal-cellular-connected-no-internet-2-bar:before { | |
content: "\f158"; | |
} | |
.md-signal-cellular-connected-no-internet-3-bar:before { | |
content: "\f159"; | |
} | |
.md-signal-cellular-connected-no-internet-4-bar:before { | |
content: "\f15a"; | |
} | |
.md-signal-cellular-no-sim:before { | |
content: "\f15b"; | |
} | |
.md-signal-cellular-null:before { | |
content: "\f15c"; | |
} | |
.md-signal-cellular-off:before { | |
content: "\f15d"; | |
} | |
.md-signal-wifi-0-bar:before { | |
content: "\f15e"; | |
} | |
.md-signal-wifi-1-bar:before { | |
content: "\f15f"; | |
} | |
.md-signal-wifi-2-bar:before { | |
content: "\f160"; | |
} | |
.md-signal-wifi-3-bar:before { | |
content: "\f161"; | |
} | |
.md-signal-wifi-4-bar:before { | |
content: "\f162"; | |
} | |
.md-signal-wifi-off:before { | |
content: "\f163"; | |
} | |
.md-storage:before { | |
content: "\f164"; | |
} | |
.md-usb:before { | |
content: "\f165"; | |
} | |
.md-wifi-lock:before { | |
content: "\f166"; | |
} | |
.md-wifi-tethering:before { | |
content: "\f167"; | |
} | |
.md-attach-file:before { | |
content: "\f168"; | |
} | |
.md-attach-money:before { | |
content: "\f169"; | |
} | |
.md-border-all:before { | |
content: "\f16a"; | |
} | |
.md-border-bottom:before { | |
content: "\f16b"; | |
} | |
.md-border-clear:before { | |
content: "\f16c"; | |
} | |
.md-border-color:before { | |
content: "\f16d"; | |
} | |
.md-border-horizontal:before { | |
content: "\f16e"; | |
} | |
.md-border-inner:before { | |
content: "\f16f"; | |
} | |
.md-border-left:before { | |
content: "\f170"; | |
} | |
.md-border-outer:before { | |
content: "\f171"; | |
} | |
.md-border-right:before { | |
content: "\f172"; | |
} | |
.md-border-style:before { | |
content: "\f173"; | |
} | |
.md-border-top:before { | |
content: "\f174"; | |
} | |
.md-border-vertical:before { | |
content: "\f175"; | |
} | |
.md-format-align-center:before { | |
content: "\f176"; | |
} | |
.md-format-align-justify:before { | |
content: "\f177"; | |
} | |
.md-format-align-left:before { | |
content: "\f178"; | |
} | |
.md-format-align-right:before { | |
content: "\f179"; | |
} | |
.md-format-bold:before { | |
content: "\f17a"; | |
} | |
.md-format-clear:before { | |
content: "\f17b"; | |
} | |
.md-format-color-fill:before { | |
content: "\f17c"; | |
} | |
.md-format-color-reset:before { | |
content: "\f17d"; | |
} | |
.md-format-color-text:before { | |
content: "\f17e"; | |
} | |
.md-format-indent-decrease:before { | |
content: "\f17f"; | |
} | |
.md-format-indent-increase:before { | |
content: "\f180"; | |
} | |
.md-format-italic:before { | |
content: "\f181"; | |
} | |
.md-format-line-spacing:before { | |
content: "\f182"; | |
} | |
.md-format-list-bulleted:before { | |
content: "\f183"; | |
} | |
.md-format-list-numbered:before { | |
content: "\f184"; | |
} | |
.md-format-paint:before { | |
content: "\f185"; | |
} | |
.md-format-quote:before { | |
content: "\f186"; | |
} | |
.md-format-size:before { | |
content: "\f187"; | |
} | |
.md-format-strikethrough:before { | |
content: "\f188"; | |
} | |
.md-format-textdirection-l-to-r:before { | |
content: "\f189"; | |
} | |
.md-format-textdirection-r-to-l:before { | |
content: "\f18a"; | |
} | |
.md-format-underline:before { | |
content: "\f18b"; | |
} | |
.md-functions:before { | |
content: "\f18c"; | |
} | |
.md-insert-chart:before { | |
content: "\f18d"; | |
} | |
.md-insert-comment:before { | |
content: "\f18e"; | |
} | |
.md-insert-drive-file:before { | |
content: "\f18f"; | |
} | |
.md-insert-emoticon:before { | |
content: "\f190"; | |
} | |
.md-insert-invitation:before { | |
content: "\f191"; | |
} | |
.md-insert-link:before { | |
content: "\f192"; | |
} | |
.md-insert-photo:before { | |
content: "\f193"; | |
} | |
.md-merge-type:before { | |
content: "\f194"; | |
} | |
.md-mode-comment:before { | |
content: "\f195"; | |
} | |
.md-mode-edit:before { | |
content: "\f196"; | |
} | |
.md-publish:before { | |
content: "\f197"; | |
} | |
.md-vertical-align-bottom:before { | |
content: "\f198"; | |
} | |
.md-vertical-align-center:before { | |
content: "\f199"; | |
} | |
.md-vertical-align-top:before { | |
content: "\f19a"; | |
} | |
.md-wrap-text:before { | |
content: "\f19b"; | |
} | |
.md-attachment:before { | |
content: "\f19c"; | |
} | |
.md-cloud:before { | |
content: "\f19d"; | |
} | |
.md-cloud-circle:before { | |
content: "\f19e"; | |
} | |
.md-cloud-done:before { | |
content: "\f19f"; | |
} | |
.md-cloud-download:before { | |
content: "\f1a0"; | |
} | |
.md-cloud-off:before { | |
content: "\f1a1"; | |
} | |
.md-cloud-queue:before { | |
content: "\f1a2"; | |
} | |
.md-cloud-upload:before { | |
content: "\f1a3"; | |
} | |
.md-file-download:before { | |
content: "\f1a4"; | |
} | |
.md-file-upload:before { | |
content: "\f1a5"; | |
} | |
.md-folder:before { | |
content: "\f1a6"; | |
} | |
.md-folder-open:before { | |
content: "\f1a7"; | |
} | |
.md-folder-shared:before { | |
content: "\f1a8"; | |
} | |
.md-cast:before { | |
content: "\f1a9"; | |
} | |
.md-cast-connected:before { | |
content: "\f1aa"; | |
} | |
.md-computer:before { | |
content: "\f1ab"; | |
} | |
.md-desktop-mac:before { | |
content: "\f1ac"; | |
} | |
.md-desktop-windows:before { | |
content: "\f1ad"; | |
} | |
.md-dock:before { | |
content: "\f1ae"; | |
} | |
.md-gamepad:before { | |
content: "\f1af"; | |
} | |
.md-headset:before { | |
content: "\f1b0"; | |
} | |
.md-headset-mic:before { | |
content: "\f1b1"; | |
} | |
.md-keyboard:before { | |
content: "\f1b2"; | |
} | |
.md-keyboard-alt:before { | |
content: "\f1b3"; | |
} | |
.md-keyboard-arrow-down:before { | |
content: "\f1b4"; | |
} | |
.md-keyboard-arrow-left:before { | |
content: "\f1b5"; | |
} | |
.md-keyboard-arrow-right:before { | |
content: "\f1b6"; | |
} | |
.md-keyboard-arrow-up:before { | |
content: "\f1b7"; | |
} | |
.md-keyboard-backspace:before { | |
content: "\f1b8"; | |
} | |
.md-keyboard-capslock:before { | |
content: "\f1b9"; | |
} | |
.md-keyboard-control:before { | |
content: "\f1ba"; | |
} | |
.md-keyboard-hide:before { | |
content: "\f1bb"; | |
} | |
.md-keyboard-return:before { | |
content: "\f1bc"; | |
} | |
.md-keyboard-tab:before { | |
content: "\f1bd"; | |
} | |
.md-keyboard-voice:before { | |
content: "\f1be"; | |
} | |
.md-laptop:before { | |
content: "\f1bf"; | |
} | |
.md-laptop-chromebook:before { | |
content: "\f1c0"; | |
} | |
.md-laptop-mac:before { | |
content: "\f1c1"; | |
} | |
.md-laptop-windows:before { | |
content: "\f1c2"; | |
} | |
.md-memory:before { | |
content: "\f1c3"; | |
} | |
.md-mouse:before { | |
content: "\f1c4"; | |
} | |
.md-phone-android:before { | |
content: "\f1c5"; | |
} | |
.md-phone-iphone:before { | |
content: "\f1c6"; | |
} | |
.md-phonelink:before { | |
content: "\f1c7"; | |
} | |
.md-phonelink-off:before { | |
content: "\f1c8"; | |
} | |
.md-security:before { | |
content: "\f1c9"; | |
} | |
.md-sim-card:before { | |
content: "\f1ca"; | |
} | |
.md-smartphone:before { | |
content: "\f1cb"; | |
} | |
.md-speaker:before { | |
content: "\f1cc"; | |
} | |
.md-tablet:before { | |
content: "\f1cd"; | |
} | |
.md-tablet-android:before { | |
content: "\f1ce"; | |
} | |
.md-tablet-mac:before { | |
content: "\f1cf"; | |
} | |
.md-tv:before { | |
content: "\f1d0"; | |
} | |
.md-watch:before { | |
content: "\f1d1"; | |
} | |
.md-add-to-photos:before { | |
content: "\f1d2"; | |
} | |
.md-adjust:before { | |
content: "\f1d3"; | |
} | |
.md-assistant-photo:before { | |
content: "\f1d4"; | |
} | |
.md-audiotrack:before { | |
content: "\f1d5"; | |
} | |
.md-blur-circular:before { | |
content: "\f1d6"; | |
} | |
.md-blur-linear:before { | |
content: "\f1d7"; | |
} | |
.md-blur-off:before { | |
content: "\f1d8"; | |
} | |
.md-blur-on:before { | |
content: "\f1d9"; | |
} | |
.md-brightness-1:before { | |
content: "\f1da"; | |
} | |
.md-brightness-2:before { | |
content: "\f1db"; | |
} | |
.md-brightness-3:before { | |
content: "\f1dc"; | |
} | |
.md-brightness-4:before { | |
content: "\f1dd"; | |
} | |
.md-brightness-5:before { | |
content: "\f1de"; | |
} | |
.md-brightness-6:before { | |
content: "\f1df"; | |
} | |
.md-brightness-7:before { | |
content: "\f1e0"; | |
} | |
.md-brush:before { | |
content: "\f1e1"; | |
} | |
.md-camera:before { | |
content: "\f1e2"; | |
} | |
.md-camera-alt:before { | |
content: "\f1e3"; | |
} | |
.md-camera-front:before { | |
content: "\f1e4"; | |
} | |
.md-camera-rear:before { | |
content: "\f1e5"; | |
} | |
.md-camera-roll:before { | |
content: "\f1e6"; | |
} | |
.md-center-focus-strong:before { | |
content: "\f1e7"; | |
} | |
.md-center-focus-weak:before { | |
content: "\f1e8"; | |
} | |
.md-collections:before { | |
content: "\f1e9"; | |
} | |
.md-colorize:before { | |
content: "\f1ea"; | |
} | |
.md-color-lens:before { | |
content: "\f1eb"; | |
} | |
.md-compare:before { | |
content: "\f1ec"; | |
} | |
.md-control-point:before { | |
content: "\f1ed"; | |
} | |
.md-control-point-duplicate:before { | |
content: "\f1ee"; | |
} | |
.md-crop:before { | |
content: "\f1ef"; | |
} | |
.md-crop-3-2:before { | |
content: "\f1f0"; | |
} | |
.md-crop-5-4:before { | |
content: "\f1f1"; | |
} | |
.md-crop-7-5:before { | |
content: "\f1f2"; | |
} | |
.md-crop-16-9:before { | |
content: "\f1f3"; | |
} | |
.md-crop-din:before { | |
content: "\f1f4"; | |
} | |
.md-crop-free:before { | |
content: "\f1f5"; | |
} | |
.md-crop-landscape:before { | |
content: "\f1f6"; | |
} | |
.md-crop-original:before { | |
content: "\f1f7"; | |
} | |
.md-crop-portrait:before { | |
content: "\f1f8"; | |
} | |
.md-crop-square:before { | |
content: "\f1f9"; | |
} | |
.md-dehaze:before { | |
content: "\f1fa"; | |
} | |
.md-details:before { | |
content: "\f1fb"; | |
} | |
.md-edit:before { | |
content: "\f1fc"; | |
} | |
.md-exposure:before { | |
content: "\f1fd"; | |
} | |
.md-exposure-minus-1:before { | |
content: "\f1fe"; | |
} | |
.md-exposure-minus-2:before { | |
content: "\f1ff"; | |
} | |
.md-exposure-zero:before { | |
content: "\f200"; | |
} | |
.md-exposure-plus-1:before { | |
content: "\f201"; | |
} | |
.md-exposure-plus-2:before { | |
content: "\f202"; | |
} | |
.md-filter:before { | |
content: "\f203"; | |
} | |
.md-filter-1:before { | |
content: "\f204"; | |
} | |
.md-filter-2:before { | |
content: "\f205"; | |
} | |
.md-filter-3:before { | |
content: "\f206"; | |
} | |
.md-filter-4:before { | |
content: "\f207"; | |
} | |
.md-filter-5:before { | |
content: "\f208"; | |
} | |
.md-filter-6:before { | |
content: "\f209"; | |
} | |
.md-filter-7:before { | |
content: "\f20a"; | |
} | |
.md-filter-8:before { | |
content: "\f20b"; | |
} | |
.md-filter-9:before { | |
content: "\f20c"; | |
} | |
.md-filter-9-plus:before { | |
content: "\f20d"; | |
} | |
.md-filter-b-and-w:before { | |
content: "\f20e"; | |
} | |
.md-filter-center-focus:before { | |
content: "\f20f"; | |
} | |
.md-filter-drama:before { | |
content: "\f210"; | |
} | |
.md-filter-frames:before { | |
content: "\f211"; | |
} | |
.md-filter-hdr:before { | |
content: "\f212"; | |
} | |
.md-filter-none:before { | |
content: "\f213"; | |
} | |
.md-filter-tilt-shift:before { | |
content: "\f214"; | |
} | |
.md-filter-vintage:before { | |
content: "\f215"; | |
} | |
.md-flare:before { | |
content: "\f216"; | |
} | |
.md-flash-auto:before { | |
content: "\f217"; | |
} | |
.md-flash-off:before { | |
content: "\f218"; | |
} | |
.md-flash-on:before { | |
content: "\f219"; | |
} | |
.md-flip:before { | |
content: "\f21a"; | |
} | |
.md-gradient:before { | |
content: "\f21b"; | |
} | |
.md-grain:before { | |
content: "\f21c"; | |
} | |
.md-grid-off:before { | |
content: "\f21d"; | |
} | |
.md-grid-on:before { | |
content: "\f21e"; | |
} | |
.md-hdr-off:before { | |
content: "\f21f"; | |
} | |
.md-hdr-on:before { | |
content: "\f220"; | |
} | |
.md-hdr-strong:before { | |
content: "\f221"; | |
} | |
.md-hdr-weak:before { | |
content: "\f222"; | |
} | |
.md-healing:before { | |
content: "\f223"; | |
} | |
.md-image:before { | |
content: "\f224"; | |
} | |
.md-image-aspect-ratio:before { | |
content: "\f225"; | |
} | |
.md-iso:before { | |
content: "\f226"; | |
} | |
.md-landscape:before { | |
content: "\f227"; | |
} | |
.md-leak-add:before { | |
content: "\f228"; | |
} | |
.md-leak-remove:before { | |
content: "\f229"; | |
} | |
.md-lens:before { | |
content: "\f22a"; | |
} | |
.md-looks:before { | |
content: "\f22b"; | |
} | |
.md-looks-1:before { | |
content: "\f22c"; | |
} | |
.md-looks-2:before { | |
content: "\f22d"; | |
} | |
.md-looks-3:before { | |
content: "\f22e"; | |
} | |
.md-looks-4:before { | |
content: "\f22f"; | |
} | |
.md-looks-5:before { | |
content: "\f230"; | |
} | |
.md-looks-6:before { | |
content: "\f231"; | |
} | |
.md-loupe:before { | |
content: "\f232"; | |
} | |
.md-movie-creation:before { | |
content: "\f233"; | |
} | |
.md-nature:before { | |
content: "\f234"; | |
} | |
.md-nature-people:before { | |
content: "\f235"; | |
} | |
.md-navigate-before:before { | |
content: "\f236"; | |
} | |
.md-navigate-next:before { | |
content: "\f237"; | |
} | |
.md-palette:before { | |
content: "\f238"; | |
} | |
.md-panorama:before { | |
content: "\f239"; | |
} | |
.md-panorama-fisheye:before { | |
content: "\f23a"; | |
} | |
.md-panorama-horizontal:before { | |
content: "\f23b"; | |
} | |
.md-panorama-vertical:before { | |
content: "\f23c"; | |
} | |
.md-panorama-wide-angle:before { | |
content: "\f23d"; | |
} | |
.md-photo:before { | |
content: "\f23e"; | |
} | |
.md-photo-album:before { | |
content: "\f23f"; | |
} | |
.md-photo-camera:before { | |
content: "\f240"; | |
} | |
.md-photo-library:before { | |
content: "\f241"; | |
} | |
.md-portrait:before { | |
content: "\f242"; | |
} | |
.md-remove-red-eye:before { | |
content: "\f243"; | |
} | |
.md-rotate-left:before { | |
content: "\f244"; | |
} | |
.md-rotate-right:before { | |
content: "\f245"; | |
} | |
.md-slideshow:before { | |
content: "\f246"; | |
} | |
.md-straighten:before { | |
content: "\f247"; | |
} | |
.md-style:before { | |
content: "\f248"; | |
} | |
.md-switch-camera:before { | |
content: "\f249"; | |
} | |
.md-switch-video:before { | |
content: "\f24a"; | |
} | |
.md-tag-faces:before { | |
content: "\f24b"; | |
} | |
.md-texture:before { | |
content: "\f24c"; | |
} | |
.md-timelapse:before { | |
content: "\f24d"; | |
} | |
.md-timer:before { | |
content: "\f24e"; | |
} | |
.md-timer-3:before { | |
content: "\f24f"; | |
} | |
.md-timer-10:before { | |
content: "\f250"; | |
} | |
.md-timer-auto:before { | |
content: "\f251"; | |
} | |
.md-timer-off:before { | |
content: "\f252"; | |
} | |
.md-tonality:before { | |
content: "\f253"; | |
} | |
.md-transform:before { | |
content: "\f254"; | |
} | |
.md-tune:before { | |
content: "\f255"; | |
} | |
.md-wb-auto:before { | |
content: "\f256"; | |
} | |
.md-wb-cloudy:before { | |
content: "\f257"; | |
} | |
.md-wb-incandescent:before { | |
content: "\f258"; | |
} | |
.md-wb-irradescent:before { | |
content: "\f259"; | |
} | |
.md-wb-sunny:before { | |
content: "\f25a"; | |
} | |
.md-beenhere:before { | |
content: "\f25b"; | |
} | |
.md-directions:before { | |
content: "\f25c"; | |
} | |
.md-directions-bike:before { | |
content: "\f25d"; | |
} | |
.md-directions-bus:before { | |
content: "\f25e"; | |
} | |
.md-directions-car:before { | |
content: "\f25f"; | |
} | |
.md-directions-ferry:before { | |
content: "\f260"; | |
} | |
.md-directions-subway:before { | |
content: "\f261"; | |
} | |
.md-directions-train:before { | |
content: "\f262"; | |
} | |
.md-directions-transit:before { | |
content: "\f263"; | |
} | |
.md-directions-walk:before { | |
content: "\f264"; | |
} | |
.md-flight:before { | |
content: "\f265"; | |
} | |
.md-hotel:before { | |
content: "\f266"; | |
} | |
.md-layers:before { | |
content: "\f267"; | |
} | |
.md-layers-clear:before { | |
content: "\f268"; | |
} | |
.md-local-airport:before { | |
content: "\f269"; | |
} | |
.md-local-atm:before { | |
content: "\f26a"; | |
} | |
.md-local-attraction:before { | |
content: "\f26b"; | |
} | |
.md-local-bar:before { | |
content: "\f26c"; | |
} | |
.md-local-cafe:before { | |
content: "\f26d"; | |
} | |
.md-local-car-wash:before { | |
content: "\f26e"; | |
} | |
.md-local-convenience-store:before { | |
content: "\f26f"; | |
} | |
.md-local-drink:before { | |
content: "\f270"; | |
} | |
.md-local-florist:before { | |
content: "\f271"; | |
} | |
.md-local-gas-station:before { | |
content: "\f272"; | |
} | |
.md-local-grocery-store:before { | |
content: "\f273"; | |
} | |
.md-local-hospital:before { | |
content: "\f274"; | |
} | |
.md-local-hotel:before { | |
content: "\f275"; | |
} | |
.md-local-laundry-service:before { | |
content: "\f276"; | |
} | |
.md-local-library:before { | |
content: "\f277"; | |
} | |
.md-local-mall:before { | |
content: "\f278"; | |
} | |
.md-local-movies:before { | |
content: "\f279"; | |
} | |
.md-local-offer:before { | |
content: "\f27a"; | |
} | |
.md-local-parking:before { | |
content: "\f27b"; | |
} | |
.md-local-pharmacy:before { | |
content: "\f27c"; | |
} | |
.md-local-phone:before { | |
content: "\f27d"; | |
} | |
.md-local-pizza:before { | |
content: "\f27e"; | |
} | |
.md-local-play:before { | |
content: "\f27f"; | |
} | |
.md-local-post-office:before { | |
content: "\f280"; | |
} | |
.md-local-print-shop:before { | |
content: "\f281"; | |
} | |
.md-local-restaurant:before { | |
content: "\f282"; | |
} | |
.md-local-see:before { | |
content: "\f283"; | |
} | |
.md-local-shipping:before { | |
content: "\f284"; | |
} | |
.md-local-taxi:before { | |
content: "\f285"; | |
} | |
.md-location-history:before { | |
content: "\f286"; | |
} | |
.md-map:before { | |
content: "\f287"; | |
} | |
.md-my-location:before { | |
content: "\f288"; | |
} | |
.md-navigation:before { | |
content: "\f289"; | |
} | |
.md-pin-drop:before { | |
content: "\f28a"; | |
} | |
.md-place:before { | |
content: "\f28b"; | |
} | |
.md-rate-review:before { | |
content: "\f28c"; | |
} | |
.md-restaurant-menu:before { | |
content: "\f28d"; | |
} | |
.md-satellite:before { | |
content: "\f28e"; | |
} | |
.md-store-mall-directory:before { | |
content: "\f28f"; | |
} | |
.md-terrain:before { | |
content: "\f290"; | |
} | |
.md-traffic:before { | |
content: "\f291"; | |
} | |
.md-apps:before { | |
content: "\f292"; | |
} | |
.md-cancel:before { | |
content: "\f293"; | |
} | |
.md-arrow-drop-down-circle:before { | |
content: "\f294"; | |
} | |
.md-arrow-drop-down:before { | |
content: "\f295"; | |
} | |
.md-arrow-drop-up:before { | |
content: "\f296"; | |
} | |
.md-arrow-back:before { | |
content: "\f297"; | |
} | |
.md-arrow-forward:before { | |
content: "\f298"; | |
} | |
.md-check:before { | |
content: "\f299"; | |
} | |
.md-close:before { | |
content: "\f29a"; | |
} | |
.md-chevron-left:before { | |
content: "\f29b"; | |
} | |
.md-chevron-right:before { | |
content: "\f29c"; | |
} | |
.md-expand-less:before { | |
content: "\f29d"; | |
} | |
.md-expand-more:before { | |
content: "\f29e"; | |
} | |
.md-fullscreen:before { | |
content: "\f29f"; | |
} | |
.md-fullscreen-exit:before { | |
content: "\f2a0"; | |
} | |
.md-menu:before { | |
content: "\f2a1"; | |
} | |
.md-more-horiz:before { | |
content: "\f2a2"; | |
} | |
.md-more-vert:before { | |
content: "\f2a3"; | |
} | |
.md-refresh:before { | |
content: "\f2a4"; | |
} | |
.md-unfold-less:before { | |
content: "\f2a5"; | |
} | |
.md-unfold-more:before { | |
content: "\f2a6"; | |
} | |
.md-adb:before { | |
content: "\f2a7"; | |
} | |
.md-bluetooth-audio:before { | |
content: "\f2a8"; | |
} | |
.md-disc-full:before { | |
content: "\f2a9"; | |
} | |
.md-dnd-forwardslash:before { | |
content: "\f2aa"; | |
} | |
.md-do-not-disturb:before { | |
content: "\f2ab"; | |
} | |
.md-drive-eta:before { | |
content: "\f2ac"; | |
} | |
.md-event-available:before { | |
content: "\f2ad"; | |
} | |
.md-event-busy:before { | |
content: "\f2ae"; | |
} | |
.md-event-note:before { | |
content: "\f2af"; | |
} | |
.md-folder-special:before { | |
content: "\f2b0"; | |
} | |
.md-mms:before { | |
content: "\f2b1"; | |
} | |
.md-more:before { | |
content: "\f2b2"; | |
} | |
.md-network-locked:before { | |
content: "\f2b3"; | |
} | |
.md-phone-bluetooth-speaker:before { | |
content: "\f2b4"; | |
} | |
.md-phone-forwarded:before { | |
content: "\f2b5"; | |
} | |
.md-phone-in-talk:before { | |
content: "\f2b6"; | |
} | |
.md-phone-locked:before { | |
content: "\f2b7"; | |
} | |
.md-phone-missed:before { | |
content: "\f2b8"; | |
} | |
.md-phone-paused:before { | |
content: "\f2b9"; | |
} | |
.md-play-download:before { | |
content: "\f2ba"; | |
} | |
.md-play-install:before { | |
content: "\f2bb"; | |
} | |
.md-sd-card:before { | |
content: "\f2bc"; | |
} | |
.md-sim-card-alert:before { | |
content: "\f2bd"; | |
} | |
.md-sms:before { | |
content: "\f2be"; | |
} | |
.md-sms-failed:before { | |
content: "\f2bf"; | |
} | |
.md-sync:before { | |
content: "\f2c0"; | |
} | |
.md-sync-disabled:before { | |
content: "\f2c1"; | |
} | |
.md-sync-problem:before { | |
content: "\f2c2"; | |
} | |
.md-system-update:before { | |
content: "\f2c3"; | |
} | |
.md-tap-and-play:before { | |
content: "\f2c4"; | |
} | |
.md-time-to-leave:before { | |
content: "\f2c5"; | |
} | |
.md-vibration:before { | |
content: "\f2c6"; | |
} | |
.md-voice-chat:before { | |
content: "\f2c7"; | |
} | |
.md-vpn-lock:before { | |
content: "\f2c8"; | |
} | |
.md-cake:before { | |
content: "\f2c9"; | |
} | |
.md-domain:before { | |
content: "\f2ca"; | |
} | |
.md-location-city:before { | |
content: "\f2cb"; | |
} | |
.md-mood:before { | |
content: "\f2cc"; | |
} | |
.md-notifications-none:before { | |
content: "\f2cd"; | |
} | |
.md-notifications:before { | |
content: "\f2ce"; | |
} | |
.md-notifications-off:before { | |
content: "\f2cf"; | |
} | |
.md-notifications-on:before { | |
content: "\f2d0"; | |
} | |
.md-notifications-paused:before { | |
content: "\f2d1"; | |
} | |
.md-pages:before { | |
content: "\f2d2"; | |
} | |
.md-party-mode:before { | |
content: "\f2d3"; | |
} | |
.md-group:before { | |
content: "\f2d4"; | |
} | |
.md-group-add:before { | |
content: "\f2d5"; | |
} | |
.md-people:before { | |
content: "\f2d6"; | |
} | |
.md-people-outline:before { | |
content: "\f2d7"; | |
} | |
.md-person:before { | |
content: "\f2d8"; | |
} | |
.md-person-add:before { | |
content: "\f2d9"; | |
} | |
.md-person-outline:before { | |
content: "\f2da"; | |
} | |
.md-plus-one:before { | |
content: "\f2db"; | |
} | |
.md-poll:before { | |
content: "\f2dc"; | |
} | |
.md-public:before { | |
content: "\f2dd"; | |
} | |
.md-school:before { | |
content: "\f2de"; | |
} | |
.md-share:before { | |
content: "\f2df"; | |
} | |
.md-whatshot:before { | |
content: "\f2e0"; | |
} | |
.md-check-box:before { | |
content: "\f2e1"; | |
} | |
.md-check-box-outline-blank:before { | |
content: "\f2e2"; | |
} | |
.md-radio-button-off:before { | |
content: "\f2e3"; | |
} | |
.md-radio-button-on:before { | |
content: "\f2e4"; | |
} | |
.md-star:before { | |
content: "\f2e5"; | |
} | |
.md-star-half:before { | |
content: "\f2e6"; | |
} | |
.md-star-outline:before { | |
content: "\f2e7"; | |
} | |
@font-face { | |
font-family: weather-icons; | |
src: url('../fonts/weather-icons/weather-icons.eot'); | |
src: url('../fonts/weather-icons/weather-icons.eot?#iefix') format('embedded-opentype'), url('../fonts/weather-icons/weather-icons.woff') format('woff'), url('../fonts/weather-icons/weather-icons.ttf') format('truetype'), url('../fonts/weather-icons/weather-icons.svg#icon') format('svg'); | |
font-weight: 400; | |
font-style: normal; | |
} | |
#weather-widget [class*="icon-"] { | |
font-family: 'weather-icons'; | |
font-style: normal; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
.icon-0:before { | |
content: ":"; | |
} | |
.icon-1:before { | |
content: "p"; | |
} | |
.icon-2:before { | |
content: "S"; | |
} | |
.icon-3:before { | |
content: "Q"; | |
} | |
.icon-4:before { | |
content: "S"; | |
} | |
.icon-5:before { | |
content: "W"; | |
} | |
.icon-6:before { | |
content: "W"; | |
} | |
.icon-7:before { | |
content: "W"; | |
} | |
.icon-8:before { | |
content: "W"; | |
} | |
.icon-9:before { | |
content: "I"; | |
} | |
.icon-10:before { | |
content: "W"; | |
} | |
.icon-11:before { | |
content: "I"; | |
} | |
.icon-12:before { | |
content: "I"; | |
} | |
.icon-13:before { | |
content: "I"; | |
} | |
.icon-14:before { | |
content: "I"; | |
} | |
.icon-15:before { | |
content: "W"; | |
} | |
.icon-16:before { | |
content: "I"; | |
} | |
.icon-17:before { | |
content: "W"; | |
} | |
.icon-18:before { | |
content: "U"; | |
} | |
.icon-19:before { | |
content: "Z"; | |
} | |
.icon-20:before { | |
content: "Z"; | |
} | |
.icon-21:before { | |
content: "Z"; | |
} | |
.icon-22:before { | |
content: "Z"; | |
} | |
.icon-23:before { | |
content: "Z"; | |
} | |
.icon-24:before { | |
content: "E"; | |
} | |
.icon-25:before { | |
content: "E"; | |
} | |
.icon-26:before { | |
content: "3"; | |
} | |
.icon-27:before { | |
content: "a"; | |
} | |
.icon-28:before { | |
content: "A"; | |
} | |
.icon-29:before { | |
content: "a"; | |
} | |
.icon-30:before { | |
content: "A"; | |
} | |
.icon-31:before { | |
content: "6"; | |
} | |
.icon-32:before { | |
content: "1"; | |
} | |
.icon-33:before { | |
content: "6"; | |
} | |
.icon-34:before { | |
content: "1"; | |
} | |
.icon-35:before { | |
content: "W"; | |
} | |
.icon-36:before { | |
content: "1"; | |
} | |
.icon-37:before { | |
content: "S"; | |
} | |
.icon-38:before { | |
content: "S"; | |
} | |
.icon-39:before { | |
content: "S"; | |
} | |
.icon-40:before { | |
content: "M"; | |
} | |
.icon-41:before { | |
content: "W"; | |
} | |
.icon-42:before { | |
content: "I"; | |
} | |
.icon-43:before { | |
content: "W"; | |
} | |
.icon-44:before { | |
content: "a"; | |
} | |
.icon-45:before { | |
content: "S"; | |
} | |
.icon-46:before { | |
content: "U"; | |
} | |
.icon-47:before { | |
content: "S"; | |
} | |
.chosen-select { | |
width: 100%; | |
} | |
.chosen-select-deselect { | |
width: 100%; | |
} | |
.chosen-container { | |
display: inline-block; | |
font-size: 13px; | |
position: relative; | |
vertical-align: middle; | |
} | |
.chosen-container .chosen-drop { | |
background: #ffffff; | |
border: 1px solid #e0e0e0; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); | |
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); | |
margin-top: -1px; | |
position: absolute; | |
top: 100%; | |
left: -9000px; | |
z-index: 1060; | |
} | |
.chosen-container.chosen-with-drop .chosen-drop { | |
left: 0; | |
right: 0; | |
} | |
.chosen-container .chosen-results { | |
color: #555555; | |
margin: 0 4px 4px 0; | |
max-height: 240px; | |
padding: 0 0 0 4px; | |
position: relative; | |
overflow-x: hidden; | |
overflow-y: auto; | |
-webkit-overflow-scrolling: touch; | |
} | |
.chosen-container .chosen-results li { | |
display: none; | |
line-height: 1.42857143; | |
list-style: none; | |
margin: 0; | |
padding: 5px 6px; | |
} | |
.chosen-container .chosen-results li em { | |
background: #feffde; | |
font-style: normal; | |
} | |
.chosen-container .chosen-results li.group-result { | |
display: list-item; | |
cursor: default; | |
color: #999; | |
font-weight: bold; | |
} | |
.chosen-container .chosen-results li.group-option { | |
padding-left: 15px; | |
} | |
.chosen-container .chosen-results li.active-result { | |
cursor: pointer; | |
display: list-item; | |
} | |
.chosen-container .chosen-results li.highlighted { | |
background-color: #2196f3; | |
background-image: none; | |
color: white; | |
} | |
.chosen-container .chosen-results li.highlighted em { | |
background: transparent; | |
} | |
.chosen-container .chosen-results li.disabled-result { | |
display: list-item; | |
color: #777777; | |
} | |
.chosen-container .chosen-results .no-results { | |
background: #eeeeee; | |
display: list-item; | |
} | |
.chosen-container .chosen-results-scroll { | |
background: white; | |
margin: 0 4px; | |
position: absolute; | |
text-align: center; | |
width: 321px; | |
z-index: 1; | |
} | |
.chosen-container .chosen-results-scroll span { | |
display: inline-block; | |
height: 1.42857143; | |
text-indent: -5000px; | |
width: 9px; | |
} | |
.chosen-container .chosen-results-scroll-down { | |
bottom: 0; | |
} | |
.chosen-container .chosen-results-scroll-down span { | |
background: url("") no-repeat -4px -3px; | |
} | |
.chosen-container .chosen-results-scroll-up span { | |
background: url("") no-repeat -22px -3px; | |
} | |
.chosen-container-single .chosen-single { | |
background-color: #ffffff; | |
-webkit-background-clip: padding-box; | |
-moz-background-clip: padding; | |
background-clip: padding-box; | |
border: 1px solid #e0e0e0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #555555; | |
display: block; | |
height: 35px; | |
overflow: hidden; | |
line-height: 35px; | |
padding: 0 0 0 8px; | |
position: relative; | |
text-decoration: none; | |
white-space: nowrap; | |
} | |
.chosen-container-single .chosen-single span { | |
display: block; | |
margin-right: 26px; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.chosen-container-single .chosen-single abbr { | |
background: url("") right top no-repeat; | |
display: block; | |
font-size: 1px; | |
height: 10px; | |
position: absolute; | |
right: 26px; | |
top: 12.5px; | |
width: 12px; | |
} | |
.chosen-container-single .chosen-single abbr:hover { | |
background-position: right -11px; | |
} | |
.chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover { | |
background-position: right 2px; | |
} | |
.chosen-container-single .chosen-single div { | |
display: block; | |
height: 100%; | |
position: absolute; | |
top: 0; | |
right: 0; | |
width: 18px; | |
} | |
.chosen-container-single .chosen-single div b { | |
background: url("") no-repeat 0 7px; | |
display: block; | |
height: 100%; | |
width: 100%; | |
} | |
.chosen-container-single .chosen-default { | |
color: #777777; | |
} | |
.chosen-container-single .chosen-search { | |
margin: 0; | |
padding: 3px 4px; | |
position: relative; | |
white-space: nowrap; | |
z-index: 9; | |
} | |
.chosen-container-single .chosen-search input[type="text"] { | |
background: url("") no-repeat 100% -20px, #ffffff; | |
border: 1px solid #e0e0e0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
margin: 1px 0; | |
padding: 4px 20px 4px 4px; | |
width: 100%; | |
} | |
.chosen-container-single .chosen-drop { | |
margin-top: -1px; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-background-clip: padding-box; | |
-moz-background-clip: padding; | |
background-clip: padding-box; | |
} | |
.chosen-container-single-nosearch .chosen-search input { | |
position: absolute; | |
left: -9000px; | |
} | |
.chosen-container-multi .chosen-choices { | |
background-color: #ffffff; | |
border: 1px solid #e0e0e0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
cursor: text; | |
height: auto !important; | |
height: 1%; | |
margin: 0; | |
overflow: hidden; | |
padding: 0; | |
position: relative; | |
} | |
.chosen-container-multi .chosen-choices li { | |
float: left; | |
list-style: none; | |
} | |
.chosen-container-multi .chosen-choices .search-field { | |
margin: 0; | |
padding: 0; | |
white-space: nowrap; | |
} | |
.chosen-container-multi .chosen-choices .search-field input[type="text"] { | |
background: transparent !important; | |
border: 0 !important; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #555555; | |
height: 33px; | |
margin: 0; | |
padding: 4px; | |
outline: 0; | |
} | |
.chosen-container-multi .chosen-choices .search-field .default { | |
color: #999; | |
} | |
.chosen-container-multi .chosen-choices .search-choice { | |
-webkit-background-clip: padding-box; | |
-moz-background-clip: padding; | |
background-clip: padding-box; | |
background-color: #eeeeee; | |
border: 1px solid #e0e0e0; | |
border-top-right-radius: 0; | |
border-top-left-radius: 0; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
color: #333333; | |
cursor: default; | |
line-height: 13px; | |
margin: 6px 0 3px 5px; | |
padding: 3px 20px 3px 5px; | |
position: relative; | |
} | |
.chosen-container-multi .chosen-choices .search-choice .search-choice-close { | |
background: url("") right top no-repeat; | |
display: block; | |
font-size: 1px; | |
height: 10px; | |
position: absolute; | |
right: 4px; | |
top: 5px; | |
width: 12px; | |
cursor: pointer; | |
} | |
.chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover { | |
background-position: right -11px; | |
} | |
.chosen-container-multi .chosen-choices .search-choice-focus { | |
background: #d4d4d4; | |
} | |
.chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close { | |
background-position: right -11px; | |
} | |
.chosen-container-multi .chosen-results { | |
margin: 0 0 0 0; | |
padding: 0; | |
} | |
.chosen-container-multi .chosen-drop .result-selected { | |
display: none; | |
} | |
.chosen-container-active .chosen-single { | |
border: 1px solid #b4b4b4; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
-webkit-transition: border linear .2s, box-shadow linear .2s; | |
-moz-transition: border linear .2s, box-shadow linear .2s; | |
-o-transition: border linear .2s, box-shadow linear .2s; | |
transition: border linear .2s, box-shadow linear .2s; | |
} | |
.chosen-container-active.chosen-with-drop .chosen-single { | |
background-color: #ffffff; | |
border: 1px solid #b4b4b4; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
-webkit-transition: border linear .2s, box-shadow linear .2s; | |
-moz-transition: border linear .2s, box-shadow linear .2s; | |
-o-transition: border linear .2s, box-shadow linear .2s; | |
transition: border linear .2s, box-shadow linear .2s; | |
} | |
.chosen-container-active.chosen-with-drop .chosen-single div { | |
background: transparent; | |
border-left: none; | |
} | |
.chosen-container-active.chosen-with-drop .chosen-single div b { | |
background-position: -18px 7px; | |
} | |
.chosen-container-active .chosen-choices { | |
border: 1px solid #b4b4b4; | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
-webkit-box-shadow: none; | |
box-shadow: none; | |
-webkit-transition: border linear .2s, box-shadow linear .2s; | |
-moz-transition: border linear .2s, box-shadow linear .2s; | |
-o-transition: border linear .2s, box-shadow linear .2s; | |
transition: border linear .2s, box-shadow linear .2s; | |
} | |
.chosen-container-active .chosen-choices .search-field input[type="text"] { | |
color: #111 !important; | |
} | |
.chosen-container-active.chosen-with-drop .chosen-choices { | |
border-bottom-right-radius: 0; | |
border-bottom-left-radius: 0; | |
} | |
.chosen-disabled { | |
cursor: default; | |
opacity: 0.5 !important; | |
} | |
.chosen-disabled .chosen-single { | |
cursor: default; | |
} | |
.chosen-disabled .chosen-choices .search-choice .search-choice-close { | |
cursor: default; | |
} | |
.chosen-rtl { | |
text-align: right; | |
} | |
.chosen-rtl .chosen-single { | |
padding: 0 8px 0 0; | |
overflow: visible; | |
} | |
.chosen-rtl .chosen-single span { | |
margin-left: 26px; | |
margin-right: 0; | |
direction: rtl; | |
} | |
.chosen-rtl .chosen-single div { | |
left: 7px; | |
right: auto; | |
} | |
.chosen-rtl .chosen-single abbr { | |
left: 26px; | |
right: auto; | |
} | |
.chosen-rtl .chosen-choices .search-field input[type="text"] { | |
direction: rtl; | |
} | |
.chosen-rtl .chosen-choices li { | |
float: right; | |
} | |
.chosen-rtl .chosen-choices .search-choice { | |
margin: 6px 5px 3px 0; | |
padding: 3px 5px 3px 19px; | |
} | |
.chosen-rtl .chosen-choices .search-choice .search-choice-close { | |
background-position: right top; | |
left: 4px; | |
right: auto; | |
} | |
.chosen-rtl.chosen-container-single .chosen-results { | |
margin: 0 0 4px 4px; | |
padding: 0 4px 0 0; | |
} | |
.chosen-rtl .chosen-results .group-option { | |
padding-left: 0; | |
padding-right: 15px; | |
} | |
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div { | |
border-right: none; | |
} | |
.chosen-rtl .chosen-search input[type="text"] { | |
background: url("") no-repeat -28px -20px, #ffffff; | |
direction: rtl; | |
padding: 4px 5px 4px 20px; | |
} | |
.input-group .chosen-container:last-child .chosen-single, | |
.input-group .chosen-container:last-child .chosen-default, | |
.input-group .chosen-container:last-child .chosen-choices { | |
border-top-left-radius: 0px; | |
border-bottom-left-radius: 0px; | |
} | |
.input-group .chosen-container:not(:last-child) .chosen-single, | |
.input-group .chosen-container:not(:last-child) .chosen-default, | |
.input-group .chosen-container:not(:last-child) .chosen-choices { | |
border-top-right-radius: 0px; | |
border-bottom-right-radius: 0px; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) { | |
.chosen-rtl .chosen-search input[type="text"], | |
.chosen-container-single .chosen-single abbr, | |
.chosen-container-single .chosen-single div b, | |
.chosen-container-single .chosen-search input[type="text"], | |
.chosen-container-multi .chosen-choices .search-choice .search-choice-close, | |
.chosen-container .chosen-results-scroll-down span, | |
.chosen-container .chosen-results-scroll-up span { | |
background-image: url("") !important; | |
background-size: 52px 37px !important; | |
background-repeat: no-repeat !important; | |
} | |
} | |
.bootstrap-select { | |
/*width: 220px\9; IE8 and below*/ | |
width: 220px \0; | |
/*IE9 and below*/ | |
} | |
.bootstrap-select > .btn { | |
width: 100%; | |
padding-right: 25px; | |
} | |
.error .bootstrap-select .btn { | |
border: 1px solid #b94a48; | |
} | |
.control-group.error .bootstrap-select .dropdown-toggle { | |
border-color: #b94a48; | |
} | |
.bootstrap-select.fit-width { | |
width: auto !important; | |
} | |
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { | |
width: 220px; | |
} | |
.bootstrap-select.form-control { | |
margin-bottom: 0; | |
padding: 0; | |
border: none; | |
} | |
.bootstrap-select.form-control:not([class*="col-"]) { | |
width: 100%; | |
} | |
.bootstrap-select.btn-group:not(.input-group-btn), | |
.bootstrap-select.btn-group[class*="col-"] { | |
float: none; | |
display: inline-block; | |
margin-left: 0; | |
} | |
.bootstrap-select.btn-group.dropdown-menu-right, | |
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right, | |
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right { | |
float: right; | |
} | |
.form-search .bootstrap-select.btn-group, | |
.form-inline .bootstrap-select.btn-group, | |
.form-horizontal .bootstrap-select.btn-group, | |
.form-group .bootstrap-select.btn-group { | |
margin-bottom: 0; | |
} | |
.form-group-lg .bootstrap-select.btn-group.form-control, | |
.form-group-sm .bootstrap-select.btn-group.form-control { | |
padding: 0; | |
} | |
.form-inline .bootstrap-select.btn-group .form-control { | |
width: 100%; | |
} | |
.input-append .bootstrap-select.btn-group { | |
margin-left: -1px; | |
} | |
.input-prepend .bootstrap-select.btn-group { | |
margin-right: -1px; | |
} | |
.bootstrap-select.btn-group > .disabled { | |
cursor: not-allowed; | |
} | |
.bootstrap-select.btn-group > .disabled:focus { | |
outline: none !important; | |
} | |
.bootstrap-select.btn-group .btn .filter-option { | |
display: inline-block; | |
overflow: hidden; | |
width: 100%; | |
text-align: left; | |
} | |
.bootstrap-select.btn-group .btn .caret { | |
position: absolute; | |
top: 50%; | |
right: 12px; | |
margin-top: -2px; | |
vertical-align: middle; | |
} | |
.bootstrap-select.btn-group[class*="col-"] .btn { | |
width: 100%; | |
} | |
.bootstrap-select.btn-group .dropdown-menu { | |
min-width: 100%; | |
z-index: 1035; | |
box-sizing: border-box; | |
} | |
.bootstrap-select.btn-group .dropdown-menu.inner { | |
position: static; | |
border: 0; | |
padding: 0; | |
margin: 0; | |
border-radius: 0; | |
box-shadow: none; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li { | |
position: relative; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small, | |
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small, | |
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small { | |
color: #64b1d8; | |
color: rgba(100, 177, 216, 0.4); | |
} | |
.bootstrap-select.btn-group .dropdown-menu li.disabled a { | |
cursor: not-allowed; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li a { | |
cursor: pointer; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li a.opt { | |
position: relative; | |
padding-left: 2.25em; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark { | |
display: none; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li a span.text { | |
display: inline-block; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li small { | |
padding-left: 0.5em; | |
} | |
.bootstrap-select.btn-group .dropdown-menu .notify { | |
position: absolute; | |
bottom: 5px; | |
width: 96%; | |
margin: 0 2%; | |
min-height: 26px; | |
padding: 3px 5px; | |
background: #f5f5f5; | |
border: 1px solid #e3e3e3; | |
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); | |
pointer-events: none; | |
opacity: 0.9; | |
box-sizing: border-box; | |
} | |
.bootstrap-select.btn-group .no-results { | |
padding: 3px; | |
background: #f5f5f5; | |
margin: 0 5px; | |
} | |
.bootstrap-select.btn-group.fit-width .btn .filter-option { | |
position: static; | |
} | |
.bootstrap-select.btn-group.fit-width .btn .caret { | |
position: static; | |
top: auto; | |
margin-top: -1px; | |
} | |
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark { | |
position: absolute; | |
display: inline-block; | |
right: 15px; | |
margin-top: 5px; | |
} | |
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text { | |
margin-right: 34px; | |
} | |
.bootstrap-select.show-menu-arrow.open > .btn { | |
z-index: 1036; | |
} | |
.bootstrap-select.show-menu-arrow .dropdown-toggle:before { | |
content: ''; | |
border-left: 7px solid transparent; | |
border-right: 7px solid transparent; | |
border-bottom-width: 7px; | |
border-bottom-style: solid; | |
border-bottom-color: #cccccc; | |
border-bottom-color: rgba(204, 204, 204, 0.2); | |
position: absolute; | |
bottom: -4px; | |
left: 9px; | |
display: none; | |
} | |
.bootstrap-select.show-menu-arrow .dropdown-toggle:after { | |
content: ''; | |
border-left: 6px solid transparent; | |
border-right: 6px solid transparent; | |
border-bottom: 6px solid white; | |
position: absolute; | |
bottom: -4px; | |
left: 10px; | |
display: none; | |
} | |
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before { | |
bottom: auto; | |
top: -3px; | |
border-bottom: 0; | |
border-top-width: 7px; | |
border-top-style: solid; | |
border-top-color: #cccccc; | |
border-top-color: rgba(204, 204, 204, 0.2); | |
} | |
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after { | |
bottom: auto; | |
top: -3px; | |
border-top: 6px solid white; | |
border-bottom: 0; | |
} | |
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before { | |
right: 12px; | |
left: auto; | |
} | |
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after { | |
right: 13px; | |
left: auto; | |
} | |
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before, | |
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after { | |
display: block; | |
} | |
.bs-searchbox, | |
.bs-actionsbox { | |
padding: 4px 8px; | |
} | |
.bs-actionsbox { | |
float: left; | |
width: 100%; | |
box-sizing: border-box; | |
} | |
.bs-actionsbox .btn-group button { | |
width: 50%; | |
} | |
.bs-searchbox + .bs-actionsbox { | |
padding: 0 8px 4px; | |
} | |
.bs-searchbox input.form-control { | |
margin-bottom: 0; | |
width: 100%; | |
} | |
.mobile-device { | |
position: absolute; | |
top: 0; | |
left: 0; | |
display: block !important; | |
width: 100%; | |
height: 100% !important; | |
opacity: 0; | |
} | |
/*! | |
* Datetimepicker for Bootstrap 3 | |
//! version : 4.0.0 | |
* https://github.com/Eonasdan/bootstrap-datetimepicker/ | |
*/ | |
.bootstrap-datetimepicker-widget.dropdown-menu { | |
margin: 2px 0; | |
padding: 4px; | |
width: 19em; | |
} | |
@media (min-width: 768px) { | |
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { | |
width: 38em; | |
} | |
} | |
@media (min-width: 992px) { | |
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { | |
width: 38em; | |
} | |
} | |
@media (min-width: 1200px) { | |
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { | |
width: 38em; | |
} | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu:before, | |
.bootstrap-datetimepicker-widget.dropdown-menu:after { | |
content: ''; | |
display: inline-block; | |
position: absolute; | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { | |
border-left: 7px solid transparent; | |
border-right: 7px solid transparent; | |
border-bottom: 7px solid #ccc; | |
border-bottom-color: rgba(0, 0, 0, 0.2); | |
top: -7px; | |
left: 7px; | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { | |
border-left: 6px solid transparent; | |
border-right: 6px solid transparent; | |
border-bottom: 6px solid white; | |
top: -6px; | |
left: 8px; | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu.top:before { | |
border-left: 7px solid transparent; | |
border-right: 7px solid transparent; | |
border-top: 7px solid #ccc; | |
border-top-color: rgba(0, 0, 0, 0.2); | |
bottom: -7px; | |
left: 6px; | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu.top:after { | |
border-left: 6px solid transparent; | |
border-right: 6px solid transparent; | |
border-top: 6px solid white; | |
bottom: -6px; | |
left: 7px; | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before { | |
left: auto; | |
right: 6px; | |
} | |
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after { | |
left: auto; | |
right: 7px; | |
} | |
.bootstrap-datetimepicker-widget .list-unstyled { | |
margin: 0; | |
} | |
.bootstrap-datetimepicker-widget a[data-action] { | |
padding: 6px 0; | |
} | |
.bootstrap-datetimepicker-widget a[data-action]:active { | |
box-shadow: none; | |
} | |
.bootstrap-datetimepicker-widget .timepicker-hour, | |
.bootstrap-datetimepicker-widget .timepicker-minute, | |
.bootstrap-datetimepicker-widget .timepicker-second { | |
width: 54px; | |
font-weight: bold; | |
font-size: 1.2em; | |
margin: 0; | |
} | |
.bootstrap-datetimepicker-widget button[data-action] { | |
padding: 6px; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Increment Hours"; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Increment Minutes"; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Decrement Hours"; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Decrement Minutes"; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Show Hours"; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Show Minutes"; | |
} | |
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Toggle AM/PM"; | |
} | |
.bootstrap-datetimepicker-widget .picker-switch { | |
text-align: center; | |
} | |
.bootstrap-datetimepicker-widget .picker-switch::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Toggle Date and Time Screens"; | |
} | |
.bootstrap-datetimepicker-widget .picker-switch td { | |
padding: 0; | |
margin: 0; | |
height: auto; | |
width: auto; | |
line-height: inherit; | |
} | |
.bootstrap-datetimepicker-widget .picker-switch td span { | |
line-height: 2.5; | |
height: 2.5em; | |
width: 100%; | |
} | |
.bootstrap-datetimepicker-widget table { | |
width: 100%; | |
margin: 0; | |
} | |
.bootstrap-datetimepicker-widget td, | |
.bootstrap-datetimepicker-widget th { | |
text-align: center; | |
border-radius: 2px; | |
} | |
.bootstrap-datetimepicker-widget th { | |
height: 20px; | |
line-height: 20px; | |
width: 20px; | |
} | |
.bootstrap-datetimepicker-widget th.picker-switch { | |
width: 145px; | |
} | |
.bootstrap-datetimepicker-widget th.disabled, | |
.bootstrap-datetimepicker-widget th.disabled:hover { | |
background: none; | |
color: #777777; | |
cursor: not-allowed; | |
} | |
.bootstrap-datetimepicker-widget th.prev::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Previous Month"; | |
} | |
.bootstrap-datetimepicker-widget th.next::after { | |
position: absolute; | |
width: 1px; | |
height: 1px; | |
margin: -1px; | |
padding: 0; | |
overflow: hidden; | |
clip: rect(0, 0, 0, 0); | |
border: 0; | |
content: "Next Month"; | |
} | |
.bootstrap-datetimepicker-widget thead tr:first-child th { | |
cursor: pointer; | |
} | |
.bootstrap-datetimepicker-widget thead tr:first-child th:hover { | |
background: #eeeeee; | |
} | |
.bootstrap-datetimepicker-widget td { | |
height: 54px; | |
line-height: 54px; | |
width: 54px; | |
} | |
.bootstrap-datetimepicker-widget td.cw { | |
font-size: .8em; | |
height: 20px; | |
line-height: 20px; | |
color: #777777; | |
} | |
.bootstrap-datetimepicker-widget td.day { | |
height: 20px; | |
line-height: 20px; | |
width: 20px; | |
} | |
.bootstrap-datetimepicker-widget td.day:hover, | |
.bootstrap-datetimepicker-widget td.hour:hover, | |
.bootstrap-datetimepicker-widget td.minute:hover, | |
.bootstrap-datetimepicker-widget td.second:hover { | |
background: #eeeeee; | |
cursor: pointer; | |
} | |
.bootstrap-datetimepicker-widget td.old, | |
.bootstrap-datetimepicker-widget td.new { | |
color: #777777; | |
} | |
.bootstrap-datetimepicker-widget td.today { | |
position: relative; | |
} | |
.bootstrap-datetimepicker-widget td.today:before { | |
content: ''; | |
display: inline-block; | |
border-left: 7px solid transparent; | |
border-bottom: 7px solid #2196f3; | |
border-top-color: rgba(0, 0, 0, 0.2); | |
position: absolute; | |
bottom: 4px; | |
right: 4px; | |
} | |
.bootstrap-datetimepicker-widget td.active, | |
.bootstrap-datetimepicker-widget td.active:hover { | |
background-color: #2196f3; | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
} | |
.bootstrap-datetimepicker-widget td.active.today:before { | |
border-bottom-color: #fff; | |
} | |
.bootstrap-datetimepicker-widget td.disabled, | |
.bootstrap-datetimepicker-widget td.disabled:hover { | |
background: none; | |
color: #777777; | |
cursor: not-allowed; | |
} | |
.bootstrap-datetimepicker-widget td span { | |
display: inline-block; | |
width: 54px; | |
height: 54px; | |
line-height: 54px; | |
margin: 2px 1.5px; | |
cursor: pointer; | |
border-radius: 2px; | |
} | |
.bootstrap-datetimepicker-widget td span:hover { | |
background: #eeeeee; | |
} | |
.bootstrap-datetimepicker-widget td span.active { | |
background-color: #2196f3; | |
color: #ffffff; | |
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
} | |
.bootstrap-datetimepicker-widget td span.old { | |
color: #777777; | |
} | |
.bootstrap-datetimepicker-widget td span.disabled, | |
.bootstrap-datetimepicker-widget td span.disabled:hover { | |
background: none; | |
color: #777777; | |
cursor: not-allowed; | |
} | |
.bootstrap-datetimepicker-widget.usetwentyfour td.hour { | |
height: 27px; | |
line-height: 27px; | |
} | |
.input-group.date .input-group-addon { | |
cursor: pointer; | |
} | |
.btn-file { | |
overflow: hidden; | |
position: relative; | |
vertical-align: middle; | |
} | |
.btn-file > input { | |
position: absolute; | |
top: 0; | |
right: 0; | |
margin: 0; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
font-size: 23px; | |
height: 100%; | |
width: 100%; | |
direction: ltr; | |
cursor: pointer; | |
} | |
.fileinput { | |
margin-bottom: 9px; | |
display: inline-block; | |
} | |
.fileinput .form-control { | |
padding-top: 7px; | |
padding-bottom: 5px; | |
display: inline-block; | |
margin-bottom: 0px; | |
vertical-align: middle; | |
cursor: text; | |
} | |
.fileinput .thumbnail { | |
overflow: hidden; | |
display: inline-block; | |
margin-bottom: 5px; | |
vertical-align: middle; | |
text-align: center; | |
} | |
.fileinput .thumbnail > img { | |
max-height: 100%; | |
} | |
.fileinput .btn { | |
vertical-align: middle; | |
} | |
.fileinput-exists .fileinput-new, | |
.fileinput-new .fileinput-exists { | |
display: none; | |
} | |
.fileinput-inline .fileinput-controls { | |
display: inline; | |
} | |
.fileinput-filename { | |
vertical-align: middle; | |
display: inline-block; | |
overflow: hidden; | |
} | |
.form-control .fileinput-filename { | |
vertical-align: bottom; | |
} | |
.fileinput.input-group { | |
display: table; | |
} | |
.fileinput.input-group > * { | |
position: relative; | |
z-index: 2; | |
} | |
.fileinput.input-group > .btn-file { | |
z-index: 1; | |
} | |
.fileinput-new.input-group .btn-file, | |
.fileinput-new .input-group .btn-file { | |
border-radius: 0 2px 2px 0; | |
} | |
.fileinput-new.input-group .btn-file.btn-xs, | |
.fileinput-new .input-group .btn-file.btn-xs, | |
.fileinput-new.input-group .btn-file.btn-sm, | |
.fileinput-new .input-group .btn-file.btn-sm { | |
border-radius: 0 2px 2px 0; | |
} | |
.fileinput-new.input-group .btn-file.btn-lg, | |
.fileinput-new .input-group .btn-file.btn-lg { | |
border-radius: 0 2px 2px 0; | |
} | |
.form-group.has-warning .fileinput .fileinput-preview { | |
color: #ff9800; | |
} | |
.form-group.has-warning .fileinput .thumbnail { | |
border-color: #faebcc; | |
} | |
.form-group.has-error .fileinput .fileinput-preview { | |
color: #f44336; | |
} | |
.form-group.has-error .fileinput .thumbnail { | |
border-color: #ebccd1; | |
} | |
.form-group.has-success .fileinput .fileinput-preview { | |
color: #4caf50; | |
} | |
.form-group.has-success .fileinput .thumbnail { | |
border-color: #d6e9c6; | |
} | |
.input-group-addon:not(:first-child) { | |
border-left: 0; | |
} | |
/*! | |
* Waves v0.6.0 | |
* http://fian.my.id/Waves | |
* | |
* Copyright 2014 Alfiana E. Sibuea and other contributors | |
* Released under the MIT license | |
* https://github.com/fians/Waves/blob/master/LICENSE | |
*/ | |
.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; | |
-webkit-transition: all 0.3s ease-out; | |
-moz-transition: all 0.3s ease-out; | |
-o-transition: all 0.3s ease-out; | |
transition: all 0.3s ease-out; | |
} | |
.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); | |
-moz-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(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); | |
} | |
.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); | |
} | |
.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; | |
} | |
/* Firefox Bug: link not triggered */ | |
a.waves-effect .waves-ripple { | |
z-index: -1; | |
} | |
/* | |
* Load Website related LESS files | |
*/ | |
#employee-lists { | |
background: #4caf50; | |
color: #fff; | |
margin-bottom: 30px; | |
font-family: roboto; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
} | |
#employee-lists .el-header { | |
position: relative; | |
padding: 25px; | |
} | |
#employee-lists .el-header > h2 { | |
margin: 0; | |
color: #fff; | |
line-height: 100%; | |
} | |
#employee-lists .el-header > small { | |
font-size: 17px; | |
display: block; | |
margin-top: 3px; | |
} | |
#employee-lists .el-header .actions { | |
position: absolute; | |
right: 10px; | |
padding: 0; | |
list-style: none; | |
top: 15px; | |
} | |
#employee-lists .el-header .actions > li { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
#employee-lists .el-body { | |
min-height: 300px; | |
position: relative; | |
padding: 20px 10px 20px 25px; | |
background: rgba(0, 0, 0, 0.03); | |
} | |
#employee-lists .el-body #add-el-item { | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
position: absolute; | |
background: #fff; | |
top: -25px; | |
right: 23px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
} | |
#employee-lists .el-body #add-el-item .add-new-item { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#employee-lists .el-body #add-el-item .add-el-body { | |
overflow: hidden; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
#employee-lists .el-body #add-el-item .add-el-body textarea { | |
padding: 25px 25px 45px; | |
resize: none; | |
width: 100%; | |
font-size: 24px; | |
color: #009688; | |
position: absolute; | |
height: 100%; | |
border: 0; | |
outline: none; | |
} | |
#employee-lists .el-body #add-el-item:not(.toggled) { | |
overflow: hidden; | |
} | |
#employee-lists .el-body #add-el-item:not(.toggled) .add-new-item { | |
position: relative; | |
z-index: 1; | |
display: inline-block; | |
width: 50px; | |
height: 50px; | |
background-repeat: no-repeat; | |
background-position: center; | |
cursor: pointer; | |
text-align: center; | |
font-size: 23px; | |
color: #4caf50; | |
line-height: 50px; | |
} | |
#employee-lists .el-body #add-el-item:not(.toggled):hover { | |
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18); | |
} | |
#employee-lists .el-body #add-el-item.toggled { | |
width: calc(100% - 47px); | |
height: calc(100% - 25px); | |
border-radius: 2px; | |
top: 0; | |
z-index: 1; | |
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); | |
max-height: 300px; | |
overflow: visible; | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-new-item { | |
display: none; | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body .add-el-actions { | |
position: absolute; | |
bottom: 0; | |
width: 100%; | |
padding: 5px 10px; | |
border-top: 1px solid #EEE; | |
z-index: 1; | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body .add-el-actions > a { | |
font-size: 25px; | |
padding: 0 6px; | |
border-radius: 50%; | |
text-align: center; | |
height: 40px; | |
width: 40px; | |
display: inline-block; | |
line-height: 41px; | |
position: relative; | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body .add-el-actions > a:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: #eeeeee; | |
z-index: -1; | |
border-radius: 50%; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body .add-el-actions > a:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body .add-el-actions [data-el-action="dismiss"] { | |
color: #f44336; | |
} | |
#employee-lists .el-body #add-el-item.toggled .add-el-body .add-el-actions [data-el-action="save"] { | |
color: #4caf50; | |
} | |
#employee-lists .el-body .media-body { | |
padding-top: 3px; | |
} | |
#employee-lists .el-body .checkbox { | |
font-size: 18px; | |
margin-bottom: 15px; | |
} | |
#employee-lists .el-body .checkbox span { | |
display: inline-block; | |
margin-top: -3px; | |
} | |
#employee-lists .el-body .checkbox input:checked + i + span { | |
text-decoration: line-through; | |
} | |
#employee-lists .el-body .checkbox .input-helper:before { | |
border-color: rgba(255, 255, 255, 0.8); | |
border-width: 2px; | |
} | |
#employee-lists .el-body .checkbox .input-helper:after { | |
border-color: #fff; | |
} | |
/* | |
* Generate Margin Class | |
* margin, margin-top, margin-bottom, margin-left, margin-right | |
*/ | |
.m-0 { | |
margin: 0px !important; | |
} | |
.m-t-0 { | |
margin-top: 0px !important; | |
} | |
.m-b-0 { | |
margin-bottom: 0px !important; | |
} | |
.m-l-0 { | |
margin-left: 0px !important; | |
} | |
.m-r-0 { | |
margin-right: 0px !important; | |
} | |
.m-5 { | |
margin: 5px !important; | |
} | |
.m-t-5 { | |
margin-top: 5px !important; | |
} | |
.m-b-5 { | |
margin-bottom: 5px !important; | |
} | |
.m-l-5 { | |
margin-left: 5px !important; | |
} | |
.m-r-5 { | |
margin-right: 5px !important; | |
} | |
.m-10 { | |
margin: 10px !important; | |
} | |
.m-t-10 { | |
margin-top: 10px !important; | |
} | |
.m-b-10 { | |
margin-bottom: 10px !important; | |
} | |
.m-l-10 { | |
margin-left: 10px !important; | |
} | |
.m-r-10 { | |
margin-right: 10px !important; | |
} | |
.m-15 { | |
margin: 15px !important; | |
} | |
.m-t-15 { | |
margin-top: 15px !important; | |
} | |
.m-b-15 { | |
margin-bottom: 15px !important; | |
} | |
.m-l-15 { | |
margin-left: 15px !important; | |
} | |
.m-r-15 { | |
margin-right: 15px !important; | |
} | |
.m-20 { | |
margin: 20px !important; | |
} | |
.m-t-20 { | |
margin-top: 20px !important; | |
} | |
.m-b-20 { | |
margin-bottom: 20px !important; | |
} | |
.m-l-20 { | |
margin-left: 20px !important; | |
} | |
.m-r-20 { | |
margin-right: 20px !important; | |
} | |
.m-25 { | |
margin: 25px !important; | |
} | |
.m-t-25 { | |
margin-top: 25px !important; | |
} | |
.m-b-25 { | |
margin-bottom: 25px !important; | |
} | |
.m-l-25 { | |
margin-left: 25px !important; | |
} | |
.m-r-25 { | |
margin-right: 25px !important; | |
} | |
/* | |
* Generate Padding Class | |
* padding, padding-top, padding-bottom, padding-left, padding-right | |
*/ | |
.p-0 { | |
padding: 0px !important; | |
} | |
.p-t-0 { | |
padding-top: 0px !important; | |
} | |
.p-b-0 { | |
padding-bottom: 0px !important; | |
} | |
.p-l-0 { | |
padding-left: 0px !important; | |
} | |
.p-r-0 { | |
padding-right: 0px !important; | |
} | |
.p-5 { | |
padding: 5px !important; | |
} | |
.p-t-5 { | |
padding-top: 5px !important; | |
} | |
.p-b-5 { | |
padding-bottom: 5px !important; | |
} | |
.p-l-5 { | |
padding-left: 5px !important; | |
} | |
.p-r-5 { | |
padding-right: 5px !important; | |
} | |
.p-10 { | |
padding: 10px !important; | |
} | |
.p-t-10 { | |
padding-top: 10px !important; | |
} | |
.p-b-10 { | |
padding-bottom: 10px !important; | |
} | |
.p-l-10 { | |
padding-left: 10px !important; | |
} | |
.p-r-10 { | |
padding-right: 10px !important; | |
} | |
.p-15 { | |
padding: 15px !important; | |
} | |
.p-t-15 { | |
padding-top: 15px !important; | |
} | |
.p-b-15 { | |
padding-bottom: 15px !important; | |
} | |
.p-l-15 { | |
padding-left: 15px !important; | |
} | |
.p-r-15 { | |
padding-right: 15px !important; | |
} | |
.p-20 { | |
padding: 20px !important; | |
} | |
.p-t-20 { | |
padding-top: 20px !important; | |
} | |
.p-b-20 { | |
padding-bottom: 20px !important; | |
} | |
.p-l-20 { | |
padding-left: 20px !important; | |
} | |
.p-r-20 { | |
padding-right: 20px !important; | |
} | |
.p-25 { | |
padding: 25px !important; | |
} | |
.p-t-25 { | |
padding-top: 25px !important; | |
} | |
.p-b-25 { | |
padding-bottom: 25px !important; | |
} | |
.p-l-25 { | |
padding-left: 25px !important; | |
} | |
.p-r-25 { | |
padding-right: 25px !important; | |
} | |
/* | |
* Font Weight | |
*/ | |
.f-300 { | |
font-weight: 300 !important; | |
} | |
.f-400 { | |
font-weight: 400 !important; | |
} | |
.f-500 { | |
font-weight: 500 !important; | |
} | |
.f-700 { | |
font-weight: 700 !important; | |
} | |
/* | |
* Position Classes | |
*/ | |
.p-relative { | |
position: relative !important; | |
} | |
.p-absolute { | |
position: absolute !important; | |
} | |
.p-fixed { | |
position: fixed !important; | |
} | |
.p-static { | |
position: static !important; | |
} | |
/* | |
* Overflow | |
*/ | |
.o-hidden { | |
overflow: hidden !important; | |
} | |
.o-visible { | |
overflow: visible !important; | |
} | |
.o-auto { | |
overflow: auto !important; | |
} | |
/* | |
* Display | |
*/ | |
.d-block { | |
display: block !important; | |
} | |
.di-block { | |
display: inline-block !important; | |
} | |
/* | |
* Material Background Colors | |
*/ | |
.bgm-white { | |
background-color: #ffffff !important; | |
} | |
.c-white { | |
color: #ffffff !important; | |
} | |
.bgm-black { | |
background-color: #000000 !important; | |
} | |
.c-black { | |
color: #000000 !important; | |
} | |
.bgm-brown { | |
background-color: #795548 !important; | |
} | |
.c-brown { | |
color: #795548 !important; | |
} | |
.bgm-pink { | |
background-color: #e91e63 !important; | |
} | |
.c-pink { | |
color: #e91e63 !important; | |
} | |
.bgm-red { | |
background-color: #f44336 !important; | |
} | |
.c-red { | |
color: #f44336 !important; | |
} | |
.bgm-blue { | |
background-color: #2196f3 !important; | |
} | |
.c-blue { | |
color: #2196f3 !important; | |
} | |
.bgm-purple { | |
background-color: #9c27b0 !important; | |
} | |
.c-purple { | |
color: #9c27b0 !important; | |
} | |
.bgm-deeppurple { | |
background-color: #673ab7 !important; | |
} | |
.c-deeppurple { | |
color: #673ab7 !important; | |
} | |
.bgm-lightblue { | |
background-color: #03a9f4 !important; | |
} | |
.c-lightblue { | |
color: #03a9f4 !important; | |
} | |
.bgm-cyan { | |
background-color: #00bcd4 !important; | |
} | |
.c-cyan { | |
color: #00bcd4 !important; | |
} | |
.bgm-teal { | |
background-color: #009688 !important; | |
} | |
.c-teal { | |
color: #009688 !important; | |
} | |
.bgm-green { | |
background-color: #4caf50 !important; | |
} | |
.c-green { | |
color: #4caf50 !important; | |
} | |
.bgm-lightgreen { | |
background-color: #8bc34a !important; | |
} | |
.c-lightgreen { | |
color: #8bc34a !important; | |
} | |
.bgm-lime { | |
background-color: #cddc39 !important; | |
} | |
.c-lime { | |
color: #cddc39 !important; | |
} | |
.bgm-yellow { | |
background-color: #ffeb3b !important; | |
} | |
.c-yellow { | |
color: #ffeb3b !important; | |
} | |
.bgm-amber { | |
background-color: #ffc107 !important; | |
} | |
.c-amber { | |
color: #ffc107 !important; | |
} | |
.bgm-orange { | |
background-color: #ff9800 !important; | |
} | |
.c-orange { | |
color: #ff9800 !important; | |
} | |
.bgm-deeporange { | |
background-color: #ff5722 !important; | |
} | |
.c-deeporange { | |
color: #ff5722 !important; | |
} | |
.bgm-gray { | |
background-color: #9e9e9e !important; | |
} | |
.c-gray { | |
color: #9e9e9e !important; | |
} | |
.bgm-bluegray { | |
background-color: #607d8b !important; | |
} | |
.c-bluegray { | |
color: #607d8b !important; | |
} | |
.bgm-bluegray-alt { | |
background-color: #859aa4 !important; | |
} | |
.c-bluegray-alt { | |
color: #859aa4 !important; | |
} | |
.bgm-indigo { | |
background-color: #3f51b5 !important; | |
} | |
.c-indigo { | |
color: #3f51b5 !important; | |
} | |
/* | |
* Background Colors | |
*/ | |
.bg-black-trp { | |
background-color: rgba(0, 0, 0, 0.1) !important; | |
} | |
/* | |
* Border | |
*/ | |
.b-0 { | |
border: 0 !important; | |
} | |
/* | |
* width | |
*/ | |
.w-100 { | |
width: 100% !important; | |
} | |
/* | |
* Media - Overriding the Media object to 3.2 version in order to prevent issues like text overflow. | |
*/ | |
.media { | |
overflow: visible; | |
} | |
.media:before, | |
.media:after { | |
content: " "; | |
display: table; | |
} | |
.media:after { | |
clear: both; | |
} | |
.media:before, | |
.media:after { | |
content: " "; | |
display: table; | |
} | |
.media:after { | |
clear: both; | |
} | |
.media > .pull-left { | |
padding-right: 15px; | |
} | |
.media > .pull-right { | |
padding-left: 15px; | |
} | |
.media-heading { | |
font-size: 14px; | |
margin-bottom: 10px; | |
} | |
.media-body { | |
zoom: 1; | |
display: block; | |
width: auto; | |
} | |
.media-object { | |
border-radius: 2px; | |
} | |
.close { | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
font-weight: normal; | |
text-shadow: none; | |
} | |
.close:hover { | |
color: inherit; | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
/* | |
* Rob's Less Playground, starting with Bedges, hence the filename | |
*/ | |
badge-counts { | |
position: absolute; | |
color: #FFF; | |
font-style: normal; | |
background: #f44336; | |
padding: 0px 5px; | |
border-radius: 2px; | |
right: 4px; | |
top: -20px; | |
font-size: 10px; | |
-webkit-animation-name: wobble; | |
animation-name: wobble; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
} | |
*, | |
button, | |
input, | |
i, | |
a { | |
-webkit-font-smoothing: antialiased; | |
} | |
*, | |
*:active, | |
*:hover { | |
outline: none !important; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; | |
} | |
body { | |
font-weight: 400; | |
padding-top: 65px; | |
} | |
audio, | |
video { | |
outline: none; | |
} | |
p { | |
margin-bottom: 20px; | |
} | |
small { | |
font-size: 11px; | |
} | |
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-size: 12px; | |
} | |
/* | |
* Ordered Lists | |
*/ | |
.clist { | |
list-style: none; | |
} | |
.clist > li:before { | |
font-family: 'Material Design Iconic Font'; | |
margin: 0 10px 0 -20px; | |
vertical-align: middle; | |
} | |
.clist.clist-angle > li:before { | |
content: "\f1b6"; | |
} | |
.clist.clist-check > li:before { | |
content: "\f299"; | |
} | |
.clist.clist-star > li:before { | |
content: "\f2e5"; | |
} | |
#main { | |
position: relative; | |
} | |
body #content { | |
padding: 30px 0; | |
} | |
@media (min-width: 1200px) { | |
body.sw-toggled #content { | |
padding: 30px 0 30px 250px; | |
} | |
} | |
@media (min-width: 1200px) { | |
body.sw-toggled #content > .container { | |
width: calc(100% - 30px); | |
} | |
} | |
@media (min-width: 1200px) { | |
body.sw-toggled #content-full-width { | |
padding: 30px 30px 30px 30px; | |
} | |
} | |
@media (min-width: 1200px) { | |
body.sw-toggled #content-full-width > .container { | |
width: calc(100% - 30px); | |
} | |
} | |
#header { | |
background: #4285F4; | |
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3); | |
height: 65px; | |
position: fixed; | |
z-index: 10; | |
width: 100%; | |
left: 0; | |
padding-right: 10px; | |
top: 0; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
#header:not(.sidebar-toggled).header-up { | |
-webkit-transform: translate3d(0, -70px, 0); | |
transform: translate3d(0, -70px, 0); | |
} | |
.header-inner { | |
list-style: none; | |
padding: 15px 0; | |
} | |
.header-inner > li { | |
display: inline-block; | |
vertical-align: top; | |
} | |
.header-inner > li:not(:last-child) { | |
margin-right: -2px; | |
} | |
.header-inner .logo a { | |
color: #fff; | |
text-transform: uppercase; | |
padding: 6px 10px; | |
display: block; | |
font-size: 16px; | |
font-weight: 100; | |
} | |
#menu-trigger { | |
width: 65px; | |
height: 35px; | |
cursor: pointer; | |
} | |
#menu-trigger .line-wrap .line { | |
background-color: #fff; | |
} | |
#menu-trigger:before { | |
content: ""; | |
position: absolute; | |
top: 9px; | |
left: 7px; | |
width: 45px; | |
height: 45px; | |
border-radius: 50%; | |
background: rgba(255, 255, 255, 0.22); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
z-index: 0; | |
} | |
#menu-trigger.open:before { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.top-menu { | |
list-style: none; | |
padding: 0; | |
} | |
.top-menu > li { | |
display: inline-block; | |
} | |
@media (max-width: 767px) { | |
.top-menu > li { | |
position: static !important; | |
} | |
} | |
.top-menu > li .dropdown-menu-lg { | |
padding: 0; | |
} | |
.top-menu > li .dropdown-menu-lg .lv-body { | |
height: 275px; | |
overflow-y: auto; | |
} | |
@media (min-width: 768px) { | |
.top-menu > li:not(#toggle-width) { | |
position: relative; | |
} | |
.top-menu > li:not(#toggle-width):before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: rgba(0, 0, 0, 0.12); | |
z-index: 0; | |
border-radius: 2px; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.top-menu > li:not(#toggle-width):hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.top-menu > li:not(#toggle-width).open:before { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
} | |
.top-menu > li > a { | |
height: 35px; | |
min-width: 50px; | |
display: inline-block; | |
background-position: center; | |
background-repeat: no-repeat; | |
position: relative; | |
z-index: 1; | |
} | |
.top-menu > li > a > .tmn-counts { | |
position: absolute; | |
color: #FFF; | |
font-style: normal; | |
background: #f44336; | |
padding: 1px 5px; | |
border-radius: 2px; | |
right: 7px; | |
top: -3px; | |
font-size: 10px; | |
-webkit-animation-name: wobble; | |
animation-name: wobble; | |
-webkit-animation-duration: 500ms; | |
animation-duration: 500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
} | |
.top-menu > li > a.tm-chat { | |
background-image: url("../img/icons/menu-2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.top-menu > li > a.tm-chat { | |
background-image: url("../img/icons/menu-2@2x.png"); | |
background-size: 18px 12px; | |
} | |
} | |
.top-menu > li > a.tm-settings { | |
background-image: url("../img/icons/ellipsis.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.top-menu > li > a.tm-settings { | |
background-image: url("../img/icons/ellipsis@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
.top-menu > li > a.tm-notification { | |
background-image: url("../img/icons/notification.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.top-menu > li > a.tm-notification { | |
background-image: url("../img/icons/notification@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
.top-menu > li > a.tm-message { | |
background-image: url("../img/icons/message.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.top-menu > li > a.tm-message { | |
background-image: url("../img/icons/message@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
.top-menu > li > a.tm-search { | |
background-image: url("../img/icons/search.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.top-menu > li > a.tm-search { | |
background-image: url("../img/icons/search@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
.top-menu > li > a.tm-task { | |
background-image: url("../img/icons/task.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.top-menu > li > a.tm-task { | |
background-image: url("../img/icons/task@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
.top-menu > li:before { | |
top: -1px !important; | |
} | |
@media (max-width: 767px) { | |
.top-menu .dropdown-menu-lg { | |
width: calc(100% - 28px) !important; | |
} | |
.top-menu .dropdown-menu { | |
right: 14px; | |
top: 55px; | |
} | |
} | |
@media (min-width: 1200px) { | |
.top-menu #toggle-width .toggle-switch { | |
margin: -12px 30px 0 0; | |
} | |
.top-menu #toggle-width .toggle-switch .ts-helper { | |
height: 11px; | |
width: 33px; | |
} | |
.top-menu #toggle-width .toggle-switch .ts-helper:before { | |
width: 20px; | |
height: 20px; | |
top: -5px; | |
} | |
.top-menu #toggle-width .toggle-switch input:checked + .ts-helper { | |
background: rgba(0, 0, 0, 0.26); | |
} | |
.top-menu #toggle-width .toggle-switch input:checked + .ts-helper:before { | |
left: 18px; | |
background: #fff; | |
} | |
} | |
@media (max-width: 1200px) { | |
.top-menu #toggle-width { | |
display: none; | |
} | |
} | |
#notifications { | |
position: relative; | |
} | |
#notifications .lv-body { | |
overflow-x: hidden; | |
} | |
#notifications:before { | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: calc(100% - 70px); | |
background: url(../img/notifications.png) no-repeat center; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 400ms; | |
transition-duration: 400ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transform: scale(0) rotate(-180deg); | |
-ms-transform: scale(0) rotate(-180deg); | |
-o-transform: scale(0) rotate(-180deg); | |
transform: scale(0) rotate(-180deg); | |
opacity: 0; | |
filter: alpha(opacity=0); | |
top: 42px; | |
} | |
#notifications.empty:before { | |
-webkit-transform: scale(1) rotate(0deg); | |
-ms-transform: scale(1) rotate(0deg); | |
-o-transform: scale(1) rotate(0deg); | |
transform: scale(1) rotate(0deg); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#top-search-wrap { | |
position: absolute; | |
top: -65px; | |
left: 0; | |
width: 100%; | |
height: 65px; | |
background: #4285F4; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
z-index: 10; | |
} | |
@media (min-width: 768px) { | |
#top-search-wrap { | |
text-align: center; | |
} | |
} | |
#top-search-wrap input[type="text"] { | |
border: 0; | |
height: 40px; | |
padding: 0 10px 0 40px; | |
font-size: 18px; | |
margin: 12px; | |
width: 500px; | |
border-radius: 2px; | |
color: rgba(51, 51, 51, 0.69); | |
background-color: rgba(255, 255, 255, 0.26); | |
background-image: url("../img/icons/search.png"); | |
background-repeat: no-repeat; | |
background-position: 10px center; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#top-search-wrap input[type="text"] { | |
background-image: url("../img/icons/search@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
#top-search-wrap input[type="text"]:focus { | |
background-color: rgba(255, 255, 255, 0.4); | |
} | |
@media (max-width: 767px) { | |
#top-search-wrap input[type="text"] { | |
width: calc(100% - 60px); | |
} | |
} | |
#top-search-wrap #top-search-close { | |
position: absolute; | |
top: 16px; | |
font-size: 23px; | |
font-style: normal; | |
color: rgba(0, 0, 0, 0.38); | |
width: 35px; | |
text-align: center; | |
border-radius: 2px; | |
cursor: pointer; | |
right: 20px; | |
} | |
#top-search-wrap #top-search-close:hover { | |
background-color: rgba(0, 0, 0, 0.15); | |
color: #000; | |
} | |
@media (max-width: 767px) { | |
#top-search-wrap #top-search-close { | |
right: 7px; | |
} | |
} | |
.search-toggled #top-search-wrap { | |
top: 0; | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
/* | |
* Full Width Layout | |
*/ | |
@media (min-width: 1200px) { | |
.sw-toggled #header { | |
padding-left: 15px; | |
} | |
.sw-toggled #menu-trigger { | |
display: none; | |
} | |
} | |
/* | |
* For Stupid IE9 | |
*/ | |
.ie9 #header:not(.sidebar-toggled).header-up { | |
display: none; | |
} | |
:-webkit-full-screen [data-action="fullscreen"] { | |
display: none; | |
} | |
:-moz-full-screen [data-action="fullscreen"] { | |
display: none; | |
} | |
:-ms-fullscreen [data-action="fullscreen"] { | |
display: none; | |
} | |
:full-screen [data-action="fullscreen"] { | |
display: none; | |
} | |
:fullscreen [data-action="fullscreen"] { | |
display: none; | |
} | |
#sidebar { | |
position: fixed; | |
background: #fff; | |
box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); | |
top: 65px; | |
height: calc(100% - 65px); | |
-webkit-transform: translate3d(-250px, 0, 0); | |
transform: translate3d(-250px, 0, 0); | |
z-index: 5; | |
width: 250px; | |
overflow: hidden; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
#sidebar .sidebar-inner { | |
height: 100%; | |
overflow-y: auto; | |
width: 300px; | |
} | |
#sidebar .sidebar-inner .si-inner { | |
width: 250px; | |
} | |
#sidebar.toggled { | |
-webkit-transform: translate3d(0, 0, 0); | |
transform: translate3d(0, 0, 0); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#sidebar .profile-menu > a { | |
display: block; | |
height: 129px; | |
margin-bottom: 5px; | |
width: 100%; | |
background: url(../img/profile-menu.png) no-repeat left top; | |
background-size: 100%; | |
} | |
#sidebar .profile-menu > a .profile-pic { | |
padding: 12px; | |
} | |
#sidebar .profile-menu > a .profile-pic > img { | |
width: 47px; | |
height: 47px; | |
border-radius: 50%; | |
border: 3px solid rgba(0, 0, 0, 0.14); | |
box-sizing: content-box; | |
} | |
#sidebar .profile-menu > a .profile-info { | |
background: rgba(0, 0, 0, 0.37); | |
padding: 7px 14px; | |
color: #fff; | |
margin-top: 20px; | |
position: relative; | |
} | |
#sidebar .profile-menu > a .profile-info > i { | |
font-size: 19px; | |
line-height: 100%; | |
position: absolute; | |
right: 5px; | |
top: 7px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
#sidebar .profile-menu .main-menu { | |
display: none; | |
margin: 0 0 0; | |
border-bottom: 1px solid #E6E6E6; | |
} | |
#sidebar .profile-menu:before, | |
#sidebar .profile-menu:after { | |
content: " "; | |
display: table; | |
} | |
#sidebar .profile-menu:after { | |
clear: both; | |
} | |
#sidebar .profile-menu:before, | |
#sidebar .profile-menu:after { | |
content: " "; | |
display: table; | |
} | |
#sidebar .profile-menu:after { | |
clear: both; | |
} | |
#sidebar .profile-menu.toggled .profile-info > i { | |
-webkit-transform: rotate(180deg); | |
-ms-transform: rotate(180deg); | |
-o-transform: rotate(180deg); | |
transform: rotate(180deg); | |
} | |
#sidebar .main-menu { | |
list-style: none; | |
padding-left: 0; | |
margin: 20px 0 0 0; | |
} | |
#sidebar .main-menu > li > a { | |
padding: 14px 20px 14px 52px; | |
display: block; | |
color: #4C4C4C; | |
font-weight: 500; | |
position: relative; | |
} | |
#sidebar .main-menu > li > a:hover { | |
color: #262626; | |
background-color: #f7f7f7; | |
} | |
#sidebar .main-menu > li > a > i { | |
position: absolute; | |
left: 16px; | |
font-size: 20px; | |
top: 0; | |
width: 25px; | |
text-align: center; | |
padding: 9px 0; | |
} | |
#sidebar .main-menu > li.sub-menu > a:before, | |
#sidebar .main-menu > li.sub-menu > a:after { | |
position: absolute; | |
right: 10px; | |
top: 12px; | |
color: #575757; | |
font-family: 'Material Design Iconic Font'; | |
font-size: 17px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
} | |
#sidebar .main-menu > li.sub-menu > a:before { | |
content: "\f0fb"; | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
#sidebar .main-menu > li.sub-menu > a:after { | |
content: "\f111"; | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
} | |
#sidebar .main-menu > li.sub-menu > ul { | |
list-style: none; | |
background: #f7f7f7; | |
display: none; | |
padding: 0; | |
} | |
#sidebar .main-menu > li.sub-menu > ul > li > a { | |
color: #7f7f7f; | |
padding: 8px 20px 8px 50px; | |
font-weight: 500; | |
display: block; | |
} | |
#sidebar .main-menu > li.sub-menu > ul > li > a.active, | |
#sidebar .main-menu > li.sub-menu > ul > li > a:hover { | |
color: #000; | |
} | |
#sidebar .main-menu > li.sub-menu > ul > li:first-child > a { | |
padding-top: 14px; | |
} | |
#sidebar .main-menu > li.sub-menu > ul > li:last-child > a { | |
padding-bottom: 16px; | |
} | |
#sidebar .main-menu > li.sub-menu.toggled > a:before { | |
content: "\f0fb"; | |
-webkit-transform: scale(0) rotate(-90deg); | |
-ms-transform: scale(0) rotate(-90deg); | |
-o-transform: scale(0) rotate(-90deg); | |
transform: scale(0) rotate(-90deg); | |
} | |
#sidebar .main-menu > li.sub-menu.toggled > a:after { | |
content: "\f111"; | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
#sidebar .main-menu > li.sub-menu.active > ul { | |
display: block; | |
} | |
#sidebar .main-menu > li.active > a { | |
color: #262626; | |
background-color: #F4F4F4; | |
} | |
/* | |
* Full width layout | |
*/ | |
body:not(.sw-toggled) #sidebar { | |
box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); | |
} | |
@media (min-width: 1200px) { | |
body.sw-toggled #sidebar { | |
-webkit-transform: translate3d(0, 0, 0) !important; | |
transform: translate3d(0, 0, 0) !important; | |
opacity: 1 !important; | |
filter: alpha(opacity=100) !important; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
} | |
} | |
@media (max-width: 1200px) { | |
body.sw-toggled #sidebar { | |
box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); | |
} | |
} | |
/* | |
* For Stupid IE9 | |
*/ | |
.ie9 #sidebar:not(.toggled) { | |
display: none; | |
} | |
input:active, | |
input:focus { | |
outline: 0; | |
box-shadow: none !important; | |
} | |
.form-control { | |
box-shadow: none; | |
border: 0; | |
border-bottom: 1px solid #e0e0e0; | |
} | |
.form-control:active, | |
.form-control:focus { | |
border-bottom-color: #b4b4b4; | |
} | |
.dropdown-menu { | |
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
margin-top: 1px; | |
} | |
.dropdown-menu > li > a { | |
padding: 8px 17px; | |
-webkit-transition: background-color; | |
-moz-transition: background-color; | |
-o-transition: background-color; | |
transition: background-color; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
font-family: roboto; | |
} | |
.dropdown-menu.dropdown-menu-lg { | |
width: 300px; | |
} | |
.dropdown-menu.dropdown-menu-sm { | |
width: 150px; | |
} | |
.dropdown-menu.dropdown-menu-right { | |
right: 0; | |
left: auto; | |
} | |
.dropdown-menu.dropdown-menu-right > li > a { | |
text-align: right; | |
} | |
.dropdown-menu.dm-icon > li > a > .md { | |
line-height: 100%; | |
vertical-align: top; | |
font-size: 18px; | |
width: 28px; | |
} | |
.dropdown-menu:not([class*="bgm-"]) > li > a { | |
color: #4C4C4C; | |
} | |
.dropdown-menu:not([class*="bgm-"]) > li > a:hover { | |
color: #000; | |
} | |
.dropdown-menu[class*="bgm-"] > li > a { | |
font-weight: 300; | |
color: #fff; | |
} | |
.dropdown:not([data-animation]) .dropdown-menu, | |
.btn-group:not([data-animation]) .dropdown-menu { | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
opacity: 0; | |
filter: alpha(opacity=0); | |
display: block; | |
} | |
.dropdown .dropdown-menu:not([data-animation]).pull-right, | |
.bootstrap-select .dropdown-menu:not([data-animation]).pull-right, | |
.btn-group .dropdown-menu:not([data-animation]).pull-right, | |
.dropdown .dropdown-menu:not([data-animation]).dropdown-menu-right, | |
.bootstrap-select .dropdown-menu:not([data-animation]).dropdown-menu-right, | |
.btn-group .dropdown-menu:not([data-animation]).dropdown-menu-right { | |
-webkit-transform-origin: top right; | |
-moz-transform-origin: top right; | |
-ms-transform-origin: top right; | |
transform-origin: top right; | |
} | |
.dropdown .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right), | |
.bootstrap-select .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right), | |
.btn-group .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right) { | |
-webkit-transform-origin: top left; | |
-moz-transform-origin: top left; | |
-ms-transform-origin: top left; | |
transform-origin: top left; | |
} | |
.dropup .dropdown-menu:not([data-animation]).pull-right, | |
.dropup .dropdown-menu:not([data-animation]).dropdown-menu-right { | |
-webkit-transform-origin: bottom right; | |
-moz-transform-origin: bottom right; | |
-ms-transform-origin: bottom right; | |
transform-origin: bottom right; | |
} | |
.dropup .dropdown-menu:not([data-animation]):not(.pull-right):not(.dropdown-menu-right) { | |
-webkit-transform-origin: bottom left; | |
-moz-transform-origin: bottom left; | |
-ms-transform-origin: bottom left; | |
transform-origin: bottom left; | |
} | |
.dropdown.open .dropdown-menu:not([data-animation]), | |
.dropup.open .dropdown-menu:not([data-animation]), | |
.bootstrap-select.open .dropdown-menu:not([data-animation]), | |
.btn-group.open .dropdown-menu:not([data-animation]) { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.dropdown-header { | |
padding: 3px 17px; | |
margin-top: 10px; | |
color: #b1b1b1; | |
text-transform: uppercase; | |
font-weight: normal; | |
} | |
.btn-group.open .dropdown-toggle { | |
box-shadow: none; | |
} | |
.listview { | |
position: relative; | |
} | |
.listview:not(.lv-lg):not(.lv-message) .lv-item { | |
padding: 10px 15px; | |
} | |
@media (min-width: 480px) { | |
.listview.lv-lg .lv-item { | |
padding: 17px 35px 17px 25px; | |
} | |
} | |
@media (max-width: 767px) { | |
.listview.lv-lg .lv-item { | |
padding: 17px 35px 17px 20px; | |
} | |
} | |
.listview.lv-lg .lv-item:hover { | |
background-color: #FFFFDB; | |
} | |
.listview .lv-item { | |
position: relative; | |
display: block; | |
-webkit-transition: background-color; | |
-moz-transition: background-color; | |
-o-transition: background-color; | |
transition: background-color; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.listview .lv-item .lv-small { | |
font-size: 12px; | |
color: #A9A9A9; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
display: block; | |
width: 100%; | |
} | |
.listview .lv-item .checkbox, | |
.listview .lv-item.media { | |
margin: 0; | |
} | |
.listview .lv-item .lv-actions { | |
position: absolute; | |
} | |
@media (min-width: 480px) { | |
.listview .lv-item .lv-actions { | |
right: 15px; | |
height: 30px; | |
margin-top: -15px; | |
top: 50%; | |
} | |
} | |
@media (max-width: 767px) { | |
.listview .lv-item .lv-actions { | |
right: 7px; | |
top: 10px; | |
} | |
} | |
.listview .lv-title { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
display: block; | |
} | |
.listview a.lv-item:hover { | |
background: #ECF9FF; | |
} | |
.listview [class*="lv-img"] { | |
border-radius: 50%; | |
} | |
.listview .lv-img { | |
width: 50px; | |
height: 50px; | |
} | |
.listview .lv-img-sm { | |
width: 35px; | |
height: 35px; | |
} | |
.listview .lv-header { | |
text-align: center; | |
padding: 15px 10px 13px; | |
line-height: 100%; | |
text-transform: uppercase; | |
border-bottom: 1px solid #F0F0F0; | |
font-weight: 500; | |
color: #4C4C4C; | |
} | |
.listview .lv-header .actions { | |
position: absolute; | |
top: 6px; | |
right: 8px; | |
z-index: 10; | |
} | |
.listview .lv-header-alt { | |
background: #f8f8f8; | |
padding: 12px; | |
border-bottom: 1px solid #EEE; | |
} | |
.listview .lv-header-alt:before, | |
.listview .lv-header-alt:after { | |
content: " "; | |
display: table; | |
} | |
.listview .lv-header-alt:after { | |
clear: both; | |
} | |
.listview .lv-header-alt:before, | |
.listview .lv-header-alt:after { | |
content: " "; | |
display: table; | |
} | |
.listview .lv-header-alt:after { | |
clear: both; | |
} | |
.listview .lv-header-alt .lv-actions { | |
z-index: 3; | |
float: right; | |
margin-top: 3px; | |
position: relative; | |
} | |
.listview .lv-header-alt .lv-actions > li > a { | |
margin: 0 3px; | |
} | |
.listview .lvh-label { | |
color: #818181; | |
display: inline-block; | |
margin: 0; | |
font-size: 14px; | |
font-weight: normal; | |
padding: 0 10px; | |
line-height: 33px; | |
vertical-align: middle; | |
} | |
.listview .lv-footer { | |
display: block; | |
text-align: center; | |
padding: 7px 10px 8px; | |
border-top: 1px solid #F0F0F0; | |
line-height: 100%; | |
font-size: 11px; | |
margin-top: 20px; | |
color: #828282; | |
} | |
.listview a.lv-footer:hover { | |
color: #050505; | |
} | |
.listview.lv-bordered .lv-item:not(:last-child) { | |
border-bottom: 1px solid #f0f0f0; | |
} | |
.listview .lv-attrs { | |
list-style: none; | |
padding: 0; | |
margin: 5px 0 0 0; | |
} | |
.listview .lv-attrs > li { | |
display: inline-block; | |
padding: 2px 10px 3px; | |
font-size: 12px; | |
margin-top: 5px; | |
margin-right: 2px; | |
} | |
.listview .lv-attrs > li:not(.info):not(.primary):not(.warning):not(.danger) { | |
border: 1px solid #dedede; | |
background: #ffffff; | |
color: #5e5e5e; | |
} | |
.listview .lv-attrs > li.info { | |
border: 1px solid #00bcd4; | |
background: #00bcd4; | |
color: #ffffff; | |
} | |
.listview .lv-attrs > li.primary { | |
border: 1px solid #2196f3; | |
background: #2196f3; | |
color: #ffffff; | |
} | |
.listview .lv-attrs > li.warning { | |
border: 1px solid #ff9800; | |
background: #ff9800; | |
color: #ffffff; | |
} | |
.listview .lv-attrs > li.danger { | |
border: 1px solid #f44336; | |
background: #f44336; | |
color: #ffffff; | |
} | |
.listview .lv-attrs > li > a { | |
display: block; | |
} | |
.listview:not(.lv-message) .lv-title { | |
color: #000; | |
} | |
/* | |
* Inside Card will have more padding | |
*/ | |
.card-body .lv-item { | |
padding: 12px 20px; | |
} | |
.progress { | |
box-shadow: none; | |
border-radius: 0; | |
height: 5px; | |
margin-bottom: 0; | |
} | |
.progress .progress-bar { | |
box-shadow: none; | |
} | |
#chat { | |
position: fixed; | |
background: #fff; | |
padding: 20px 0; | |
width: 400px; | |
box-shadow: 0 0 10px rgba(51, 51, 51, 0.38); | |
height: calc(100% - 65px); | |
-webkit-transform: translate3d(100vw, 0, 0); | |
transform: translate3d(100vw, 0, 0); | |
top: 65px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
z-index: 5; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
#chat.toggled { | |
-webkit-transform: translate3d(calc(100vw - 400px), 0, 0); | |
transform: translate3d(calc(100vw - 400px), 0, 0); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#chat .chat-search { | |
padding: 20px 20px 15px 20px; | |
} | |
#chat .chat-search .form-control { | |
background-image: url("../img/icons/search-2.png"); | |
background-repeat: no-repeat; | |
background-position: left center; | |
padding-left: 30px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#chat .chat-search .form-control { | |
background-image: url("../img/icons/search-2@2x.png"); | |
background-size: 24px 24px; | |
} | |
} | |
#chat .chat-search .form-control:focus { | |
background-position: right center; | |
padding: 0 30px 0 0; | |
} | |
/* | |
* Chat Status Icons | |
*/ | |
[class*="chat-status"] { | |
position: absolute; | |
width: 10px; | |
height: 10px; | |
border-radius: 50%; | |
top: -3px; | |
right: 12px; | |
border: 2px solid #FFF; | |
} | |
/* Simple Mixin */ | |
.chat-status-online { | |
box-shadow: 0 0 0 1px #1ec01e; | |
background: #1ec01e; | |
} | |
.chat-status-offline { | |
box-shadow: 0 0 0 1px #e73f3f; | |
background: #e73f3f; | |
} | |
.chat-status-busy { | |
box-shadow: 0 0 0 1px #ffa500; | |
background: #ffa500; | |
} | |
/* | |
* For Stupid IE9 | |
*/ | |
.ie9 #chat { | |
right: 0; | |
} | |
.ie9 #chat:not(.toggled) { | |
display: none; | |
} | |
.tab-nav { | |
list-style: none; | |
padding: 0; | |
white-space: nowrap; | |
margin: 0; | |
overflow: auto; | |
box-shadow: inset 0 -2px 0 0 #eeeeee; | |
} | |
.tab-nav > li { | |
display: inline-block; | |
vertical-align: top; | |
} | |
.tab-nav > li > a { | |
display: inline-block; | |
color: #7a7a7a; | |
text-transform: uppercase; | |
position: relative; | |
width: 100%; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
font-weight: 500; | |
} | |
.tab-nav > li > a:after { | |
content: ""; | |
height: 2px; | |
position: absolute; | |
width: 100%; | |
left: 0; | |
bottom: 0; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
} | |
@media (min-width: 768px) { | |
.tab-nav > li > a { | |
padding: 10px 15px 12px; | |
} | |
} | |
@media (max-width: 768px) { | |
.tab-nav > li > a { | |
padding: 10px 8px 12px; | |
} | |
} | |
.tab-nav > li.active > a { | |
color: #000; | |
} | |
.tab-nav > li.active > a:after { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.tab-nav.tab-nav-right { | |
text-align: right; | |
} | |
.tab-nav.tn-justified > li { | |
display: table-cell; | |
width: 1%; | |
text-align: center; | |
} | |
.tab-nav.tn-icon > li .md { | |
font-size: 22px; | |
line-height: 100%; | |
min-height: 25px; | |
} | |
.tab-nav:not([data-tab-color]) > li > a:after { | |
background: #2196f3; | |
} | |
.tab-nav[data-tab-color="green"] > li > a:after { | |
background: #4caf50; | |
} | |
.tab-nav[data-tab-color="red"] > li > a:after { | |
background: #f44336; | |
} | |
.tab-nav[data-tab-color="teal"] > li > a:after { | |
background: #009688; | |
} | |
.tab-nav[data-tab-color="amber"] > li > a:after { | |
background: #ffc107; | |
} | |
.tab-nav[data-tab-color="black"] > li > a:after { | |
background: #000000; | |
} | |
.tab-nav[data-tab-color="cyan"] > li > a:after { | |
background: #00bcd4; | |
} | |
.tab-content { | |
padding: 20px 0; | |
} | |
.card_employee { | |
position: relative; | |
background: #fff; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
margin-bottom: 30px; | |
} | |
.card_employee .card_employee-header { | |
position: relative; | |
} | |
@media screen and (min-width: 768px) { | |
.card_employee .card_employee-header:not(.ch-alt) { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_employee .card_employee-header:not(.ch-alt) { | |
padding: 18px; | |
} | |
} | |
.card_employee .card_employee-header h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 17px; | |
font-weight: 400; | |
} | |
.card_employee .card_employee-header h2 small { | |
display: block; | |
margin-top: 8px; | |
color: #AEAEAE; | |
line-height: 160%; | |
} | |
@media screen and (min-width: 768px) { | |
.card_employee .card_employee-header.ch-alt { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_employee .card_employee-header.ch-alt { | |
padding: 18px 18px 28px; | |
} | |
} | |
.card_employee .card_employee-header.ch-alt:not([class*="bgm-"]) { | |
background-color: #f7f7f7; | |
} | |
.card_employee .card_employee-header[class*="bgm-"] h2, | |
.card_employee .card_employee-header[class*="bgm-"] h2 small { | |
color: #fff; | |
} | |
.card_employee .card_employee-header .actions { | |
position: absolute; | |
right: 10px; | |
z-index: 2; | |
top: 15px; | |
} | |
.card_employee .card_employee-header .title { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
font-size: 15px; | |
} | |
.card_employee .card_employee-header .btn-float { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
} | |
@media screen and (min-width: 768px) { | |
.card_employee .card_employee-body.card-padding { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_employee .card_employee-body.card-padding { | |
padding: 18px; | |
} | |
} | |
.card_employee .card_employee-body.card-padding-sm { | |
padding: 15px; | |
} | |
.card_employee .card_employee-colourblock { | |
background-color: aliceblue; | |
} | |
@media screen and (min-width: 768px) { | |
.card_employee .card_employee-colourblock.card-padding { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_employee .card_employee-colourblock.card-padding { | |
padding: 18px; | |
} | |
} | |
.card_employee .card_employee-colourblock.card-padding-sm { | |
padding: 15px; | |
} | |
.card_client { | |
position: relative; | |
background: #fff; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
margin-bottom: 30px; | |
} | |
.card_client .card_client-header { | |
position: relative; | |
background-color: cadetblue; | |
} | |
@media screen and (min-width: 768px) { | |
.card_client .card_client-header:not(.ch-alt) { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_client .card_client-header:not(.ch-alt) { | |
padding: 18px; | |
} | |
} | |
.card_client .card_client-header h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 17px; | |
font-weight: 400; | |
} | |
.card_client .card_client-header h2 small { | |
display: block; | |
margin-top: 8px; | |
color: #AEAEAE; | |
line-height: 160%; | |
} | |
@media screen and (min-width: 768px) { | |
.card_client .card_client-header.ch-alt { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_client .card_client-header.ch-alt { | |
padding: 18px 18px 28px; | |
} | |
} | |
.card_client .card_client-header.ch-alt:not([class*="bgm-"]) { | |
background-color: #f7f7f7; | |
} | |
.card_client .card_client-header[class*="bgm-"] h2, | |
.card_client .card_client-header[class*="bgm-"] h2 small { | |
color: #fff; | |
} | |
.card_client .card_client-header .actions { | |
position: absolute; | |
right: 10px; | |
z-index: 2; | |
top: 15px; | |
} | |
.card_client .card_client-header .title { | |
font-size: 15px; | |
color: aliceblue; | |
} | |
.card_client .card_client-header .btn-float { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
} | |
@media screen and (min-width: 768px) { | |
.card_client .card_client-body.card-padding { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card_client .card_client-body.card-padding { | |
padding: 18px; | |
} | |
} | |
.card_client .card_client-body.card-padding-sm { | |
padding: 15px; | |
} | |
.card { | |
position: relative; | |
background: #fff; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
margin-bottom: 15px; | |
} | |
.card .card-header { | |
position: relative; | |
} | |
@media screen and (min-width: 768px) { | |
.card .card-header:not(.ch-alt) { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card .card-header:not(.ch-alt) { | |
padding: 18px; | |
} | |
} | |
.card .card-header h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 17px; | |
font-weight: 400; | |
} | |
.card .card-header h2 small { | |
display: block; | |
margin-top: 8px; | |
color: #AEAEAE; | |
line-height: 160%; | |
} | |
@media screen and (min-width: 768px) { | |
.card .card-header.ch-alt { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card .card-header.ch-alt { | |
padding: 18px 18px 28px; | |
} | |
} | |
.card .card-header.ch-alt:not([class*="bgm-"]) { | |
background-color: #f7f7f7; | |
} | |
.card .card-header[class*="bgm-"] h2, | |
.card .card-header[class*="bgm-"] h2 small { | |
color: #fff; | |
} | |
.card .card-header .actions { | |
position: absolute; | |
right: 10px; | |
z-index: 2; | |
top: 15px; | |
} | |
.card .card-header .title { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
font-size: 15px; | |
} | |
.card .card-header .btn-float { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
} | |
.card .card-footer { | |
position: relative; | |
} | |
@media screen and (min-width: 768px) { | |
.card .card-footer:not(.ch-alt) { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card .card-footer:not(.ch-alt) { | |
padding: 18px; | |
} | |
} | |
.card .card-footer h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 17px; | |
font-weight: 400; | |
} | |
.card .card-footer h2 small { | |
display: block; | |
margin-top: 8px; | |
color: #AEAEAE; | |
line-height: 160%; | |
} | |
@media screen and (min-width: 768px) { | |
.card .card-footer.ch-alt { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card .card-footer.ch-alt { | |
padding: 18px 18px 28px; | |
} | |
} | |
.card .card-footer.ch-alt:not([class*="bgm-"]) { | |
background-color: #f7f7f7; | |
} | |
.card .card-footer[class*="bgm-"] h2, | |
.card .card-footer[class*="bgm-"] h2 small { | |
color: #fff; | |
} | |
.card .card-footer .actions { | |
position: absolute; | |
right: 10px; | |
z-index: 2; | |
top: 15px; | |
} | |
.card .card-footer .title { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
font-size: 15px; | |
} | |
.card .card-footer .btn-float { | |
right: 25px; | |
bottom: -23px; | |
z-index: 1; | |
} | |
@media screen and (min-width: 768px) { | |
.card .card-body.card-padding { | |
padding: 23px 26px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.card .card-body.card-padding { | |
padding: 18px; | |
} | |
} | |
.card .card-body.card-padding-sm { | |
padding: 15x; | |
} | |
.chart-edge { | |
margin: 20px -8px 0 -10px; | |
overflow: hidden; | |
} | |
.chart-edge .flot-chart { | |
bottom: -14px; | |
} | |
.charts-row { | |
margin-top: 50px; | |
margin-bottom: 20px; | |
} | |
.mini-charts-item { | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
position: relative; | |
margin-bottom: 30px; | |
} | |
.mini-charts-item .chart { | |
padding: 15px; | |
float: left; | |
} | |
.mini-charts-item .chart.chart-pie { | |
margin: 0 20px; | |
} | |
.mini-charts-item .count { | |
overflow: hidden; | |
color: rgba(255, 255, 255, 0.9); | |
padding: 16px 12px; | |
} | |
.mini-charts-item .count > h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 22px; | |
font-weight: 300; | |
color: #fff; | |
} | |
.mini-charts-item .count > small { | |
margin-bottom: 2px; | |
display: block; | |
} | |
.mini-charts-item .count > h2, | |
.mini-charts-item .count > small { | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
.mini-charts-item > .clearfix, | |
.mini-charts-item > .dl-horizontal dd, | |
.mini-charts-item > .container, | |
.mini-charts-item > .container-fluid, | |
.mini-charts-item > .row, | |
.mini-charts-item > .form-horizontal .form-group, | |
.mini-charts-item > .btn-toolbar, | |
.mini-charts-item > .btn-group-vertical > .btn-group, | |
.mini-charts-item > .nav, | |
.mini-charts-item > .navbar, | |
.mini-charts-item > .navbar-header, | |
.mini-charts-item > .navbar-collapse, | |
.mini-charts-item > .pager, | |
.mini-charts-item > .panel-body, | |
.mini-charts-item > .modal-footer { | |
position: relative; | |
z-index: 1; | |
} | |
.mini-charts-item:before { | |
-webkit-transition: width; | |
-moz-transition: width; | |
-o-transition: width; | |
transition: width; | |
-webkit-transition-duration: 500ms; | |
transition-duration: 500ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
content: ""; | |
width: 113px; | |
height: 100%; | |
background: rgba(0, 0, 0, 0.1); | |
position: absolute; | |
left: 0; | |
top: 0; | |
} | |
.mini-charts-item:hover .count { | |
color: #fff !important; | |
} | |
.mini-charts-item:hover:before { | |
width: 100%; | |
} | |
/* | |
* Sparkline Tooltip | |
*/ | |
#jqstooltip { | |
min-width: 21px; | |
min-height: 23px; | |
text-align: center; | |
border: 0; | |
background: #fff; | |
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); | |
background-color: #fff; | |
} | |
#jqstooltip .jqsfield { | |
font-size: 12px; | |
font-weight: 700; | |
font-family: inherit; | |
text-align: center; | |
color: #333; | |
} | |
#jqstooltip .jqsfield > span { | |
display: none; | |
} | |
/* | |
* Easy Pie Charts | |
*/ | |
.epc-item { | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
position: relative; | |
margin-bottom: 30px; | |
padding: 30px 20px; | |
text-align: center; | |
} | |
.easy-pie { | |
display: inline-block; | |
position: relative; | |
padding: 0 5px 10px; | |
} | |
.easy-pie .percent { | |
position: absolute; | |
font-weight: 300; | |
width: 100%; | |
line-height: 100%; | |
left: 0; | |
} | |
.easy-pie .percent:after { | |
content: "%"; | |
} | |
.easy-pie.main-pie .percent { | |
margin-top: 49px; | |
font-size: 50px; | |
text-align: center; | |
} | |
.easy-pie.main-pie .percent:not([class*="c-"]) { | |
color: rgba(255, 255, 255, 0.7); | |
} | |
.easy-pie.main-pie .percent:after { | |
font-size: 30px; | |
} | |
.easy-pie.main-pie .pie-title { | |
color: #fff; | |
} | |
.easy-pie:not(.main-pie) .percent { | |
font-size: 26px; | |
margin-top: 37px; | |
} | |
.easy-pie:not(.main-pie) .percent:after { | |
font-size: 20px; | |
} | |
.easy-pie .pie-title { | |
position: absolute; | |
width: 100%; | |
text-align: center; | |
bottom: -3px; | |
left: 0; | |
} | |
/* | |
* Recet Items Table Chart | |
*/ | |
#recent-items-chart { | |
width: calc(100% + 19px); | |
height: 150px; | |
margin: -20px -10px 0; | |
bottom: -10px; | |
} | |
/* | |
* Flot Chart | |
*/ | |
[class*="flot-chart"] { | |
width: 100%; | |
display: block; | |
} | |
.flot-chart { | |
height: 200px; | |
} | |
.flot-chart-pie { | |
height: 300px; | |
} | |
@media (min-width: 768px) { | |
.flot-chart-pie { | |
margin-bottom: 20px; | |
} | |
} | |
.flot-tooltip, | |
#flotTip { | |
position: absolute; | |
color: #333; | |
display: none; | |
font-size: 12px; | |
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); | |
padding: 3px 10px; | |
background-color: #fff; | |
z-index: 99999; | |
} | |
[class*="flc-"] { | |
text-align: center; | |
margin: 10px 0 5px; | |
} | |
[class*="flc-"] table { | |
display: inline-block; | |
} | |
[class*="flc-"] .legendColorBox > div { | |
border: #fff !important; | |
} | |
[class*="flc-"] .legendColorBox > div > div { | |
border-radius: 50%; | |
} | |
[class*="flc-"] .legendLabel { | |
padding: 0 8px 0 3px; | |
} | |
.dash-widget-item { | |
position: relative; | |
min-height: 380px; | |
margin-bottom: 30px; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
} | |
.dash-widget-item .dash-widget-header { | |
position: relative; | |
} | |
.dash-widget-item .dash-widget-header .actions { | |
display: none; | |
position: absolute; | |
right: 4px; | |
top: 6px; | |
padding: 0; | |
list-style: none; | |
} | |
.dash-widget-item .dash-widget-header .actions > li { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
.dash-widget-item .dash-widget-header .actions > li > a { | |
color: #fff; | |
font-size: 20px; | |
} | |
.dash-widget-item .dash-widget-footer { | |
position: absolute; | |
left: 0; | |
bottom: 0; | |
width: 100%; | |
} | |
.dash-widget-item .dash-widget-title { | |
padding: 12px 20px; | |
position: absolute; | |
width: 100%; | |
left: 0; | |
font-weight: 300; | |
} | |
.dash-widget-item:hover .dash-widget-header .actions { | |
display: block; | |
} | |
/* | |
* Site Visits | |
*/ | |
#site-visits { | |
color: rgba(255, 255, 255, 0.9); | |
} | |
#site-visits .dash-widget-header { | |
padding-bottom: 38px; | |
background-color: rgba(0, 0, 0, 0.13); | |
} | |
#site-visits .dash-widget-title { | |
bottom: 0; | |
background: rgba(0, 0, 0, 0.15); | |
color: rgba(255, 255, 255, 0.9); | |
} | |
#site-visits h3 { | |
color: rgba(255, 255, 255, 0.9); | |
} | |
/* | |
* Best Selling Item | |
*/ | |
#best-selling { | |
background-color: #fff; | |
} | |
#best-selling .dash-widget-header > img { | |
width: 100%; | |
height: 155px; | |
} | |
#best-selling .dash-widget-header .dash-widget-title { | |
padding-bottom: 30px; | |
top: 0; | |
color: #fff; | |
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); | |
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); | |
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99000000', endColorstr='#00000000', GradientType=0); | |
} | |
#best-selling .dash-widget-header .main-item { | |
padding: 15px; | |
color: #fff; | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
width: 100%; | |
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); | |
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); | |
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); | |
background-repeat: repeat-x; | |
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#99000000', GradientType=0); | |
} | |
#best-selling .dash-widget-header .main-item > h2 { | |
font-weight: 400; | |
font-size: 20px; | |
margin: 5px 0 0 0; | |
line-height: 100%; | |
color: #fff; | |
} | |
/* | |
* Weather | |
*/ | |
#weather-widget { | |
color: #fff; | |
padding: 20px 20px 0; | |
} | |
#weather-widget .weather-status { | |
font-size: 40px; | |
line-height: 100%; | |
} | |
#weather-widget .weather-icon { | |
text-align: center; | |
margin-top: 10px; | |
height: 150px; | |
background-repeat: no-repeat; | |
background-position: center; | |
/* Weather Icons */ | |
} | |
#weather-widget .weather-icon.wi-0 { | |
background-image: url("../img/icons/weather/0.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-0 { | |
background-image: url("../img/icons/weather/0@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-1 { | |
background-image: url("../img/icons/weather/1.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-1 { | |
background-image: url("../img/icons/weather/1@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-2 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-2 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-3 { | |
background-image: url("../img/icons/weather/3.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-3 { | |
background-image: url("../img/icons/weather/3@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-4 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-4 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-5 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-5 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-6 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-6 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-7 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-7 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-8 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-8 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-9 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-9 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-10 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-10 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-11 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-11 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-12 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-12 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-13 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-13 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-14 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-14 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-15 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-15 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-16 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-16 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-17 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-17 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-18 { | |
background-image: url("../img/icons/weather/18.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-18 { | |
background-image: url("../img/icons/weather/18@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-19 { | |
background-image: url("../img/icons/weather/19.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-19 { | |
background-image: url("../img/icons/weather/19@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-20 { | |
background-image: url("../img/icons/weather/19.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-20 { | |
background-image: url("../img/icons/weather/19@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-21 { | |
background-image: url("../img/icons/weather/19.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-21 { | |
background-image: url("../img/icons/weather/19@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-22 { | |
background-image: url("../img/icons/weather/19.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-22 { | |
background-image: url("../img/icons/weather/19@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-23 { | |
background-image: url("../img/icons/weather/19.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-23 { | |
background-image: url("../img/icons/weather/19@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-24 { | |
background-image: url("../img/icons/weather/24.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-24 { | |
background-image: url("../img/icons/weather/24@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-25 { | |
background-image: url("../img/icons/weather/24.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-25 { | |
background-image: url("../img/icons/weather/24@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-26 { | |
background-image: url("../img/icons/weather/26.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-26 { | |
background-image: url("../img/icons/weather/26@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-27 { | |
background-image: url("../img/icons/weather/27.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-27 { | |
background-image: url("../img/icons/weather/27@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-28 { | |
background-image: url("../img/icons/weather/28.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-28 { | |
background-image: url("../img/icons/weather/28@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-29 { | |
background-image: url("../img/icons/weather/27.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-29 { | |
background-image: url("../img/icons/weather/27@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-30 { | |
background-image: url("../img/icons/weather/28.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-30 { | |
background-image: url("../img/icons/weather/28@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-31 { | |
background-image: url("../img/icons/weather/31.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-31 { | |
background-image: url("../img/icons/weather/31@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-32 { | |
background-image: url("../img/icons/weather/32.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-32 { | |
background-image: url("../img/icons/weather/32@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-33 { | |
background-image: url("../img/icons/weather/31.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-33 { | |
background-image: url("../img/icons/weather/31@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-34 { | |
background-image: url("../img/icons/weather/32.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-34 { | |
background-image: url("../img/icons/weather/32@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-35 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-35 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-36 { | |
background-image: url("../img/icons/weather/32.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-36 { | |
background-image: url("../img/icons/weather/32@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-37 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-37 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-38 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-38 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-39 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-39 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-40 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-40 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-41 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-41 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-42 { | |
background-image: url("../img/icons/weather/9.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-42 { | |
background-image: url("../img/icons/weather/9@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-43 { | |
background-image: url("../img/icons/weather/5.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-43 { | |
background-image: url("../img/icons/weather/5@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-44 { | |
background-image: url("../img/icons/weather/27.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-44 { | |
background-image: url("../img/icons/weather/27@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-45 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-45 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-46 { | |
background-image: url("../img/icons/weather/18.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-46 { | |
background-image: url("../img/icons/weather/18@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-icon.wi-47 { | |
background-image: url("../img/icons/weather/2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
#weather-widget .weather-icon.wi-47 { | |
background-image: url("../img/icons/weather/2@2x.png"); | |
background-size: 125px 125px; | |
} | |
} | |
#weather-widget .weather-info { | |
list-style: none; | |
padding: 0; | |
margin: 3px 0 0 0; | |
} | |
#weather-widget .weather-info > li { | |
display: inline-block; | |
border: 1px solid rgba(255, 255, 255, 0.39); | |
padding: 2px 10px 3px; | |
margin-right: 5px; | |
} | |
#weather-widget .weather-list { | |
background: rgba(0, 0, 0, 0.08); | |
padding: 5px 12px; | |
font-size: 16px; | |
height: 51px; | |
overflow: hidden; | |
text-overflow: ellipsis; | |
white-space: nowrap; | |
} | |
#weather-widget .weather-list > span { | |
margin-right: 7px; | |
font-weight: 300; | |
display: inline-block; | |
line-height: 40px; | |
vertical-align: top; | |
} | |
#weather-widget .weather-list > span.weather-list-icon { | |
width: 35px; | |
height: 35px; | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 30px 30px; | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-0 { | |
background-image: url('../img/icons/weather/0.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-1 { | |
background-image: url('../img/icons/weather/1.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-2 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-3 { | |
background-image: url('../img/icons/weather/3.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-4 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-5 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-6 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-7 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-8 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-9 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-10 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-11 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-12 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-13 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-14 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-15 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-16 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-17 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-18 { | |
background-image: url('../img/icons/weather/18.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-19 { | |
background-image: url('../img/icons/weather/19.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-20 { | |
background-image: url('../img/icons/weather/19.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-21 { | |
background-image: url('../img/icons/weather/19.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-22 { | |
background-image: url('../img/icons/weather/19.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-23 { | |
background-image: url('../img/icons/weather/19.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-24 { | |
background-image: url('../img/icons/weather/24.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-25 { | |
background-image: url('../img/icons/weather/24.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-26 { | |
background-image: url('../img/icons/weather/26.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-27 { | |
background-image: url('../img/icons/weather/27.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-28 { | |
background-image: url('../img/icons/weather/28.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-29 { | |
background-image: url('../img/icons/weather/27.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-30 { | |
background-image: url('../img/icons/weather/28.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-31 { | |
background-image: url('../img/icons/weather/31.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-32 { | |
background-image: url('../img/icons/weather/32.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-33 { | |
background-image: url('../img/icons/weather/31.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-34 { | |
background-image: url('../img/icons/weather/32.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-35 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-36 { | |
background-image: url('../img/icons/weather/32.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-37 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-38 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-39 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-40 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-41 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-42 { | |
background-image: url('../img/icons/weather/9.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-43 { | |
background-image: url('../img/icons/weather/5.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-44 { | |
background-image: url('../img/icons/weather/27.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-45 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-46 { | |
background-image: url('../img/icons/weather/18.png'); | |
} | |
#weather-widget .weather-list > span.weather-list-icon.wi-47 { | |
background-image: url('../img/icons/weather/2.png'); | |
} | |
#weather-widget .weather-list > span > i { | |
line-height: 100%; | |
font-size: 39px; | |
} | |
/* | |
* Pie Charts | |
*/ | |
#pie-charts { | |
background: #fff; | |
} | |
#pie-charts .dash-widget-header { | |
color: rgba(255, 255, 255, 0.9); | |
} | |
/* | |
* Blog Post | |
*/ | |
.blog-post .bp-header { | |
position: relative; | |
} | |
.blog-post .bp-header > img { | |
width: 100%; | |
} | |
.blog-post .bp-header .bp-title { | |
background: #3f51b5; | |
width: 100%; | |
padding: 20px; | |
color: #FFF; | |
display: block; | |
} | |
.blog-post .bp-header .bp-title > h2 { | |
color: #FFF; | |
font-weight: 400; | |
margin: 0 0 2px; | |
line-height: 100%; | |
font-size: 21px; | |
} | |
/* | |
* Profile View | |
*/ | |
.profile-view { | |
text-align: center; | |
} | |
.profile-view .pv-header { | |
position: relative; | |
height: 145px; | |
width: 100%; | |
background-image: url('../img/headers/sm/4.png'); | |
background-repeat: no-repeat; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-size: cover; | |
background-position: center; | |
} | |
.profile-view .pv-header > .pv-main { | |
border-radius: 50%; | |
width: 130px; | |
position: absolute; | |
height: 130px; | |
bottom: -50px; | |
left: 50%; | |
margin-left: -65px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.profile-view .pv-body { | |
margin-top: 70px; | |
padding: 0 20px 20px; | |
min-height: 380px; | |
} | |
.profile-view .pv-body > h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 20px; | |
font-weight: 400; | |
} | |
.profile-view .pv-body > small { | |
display: block; | |
color: #8E8E8E; | |
margin: 10px 0 15px; | |
} | |
.profile-view .pv-body .pv-contact, | |
.profile-view .pv-body .pv-follow { | |
padding: 0; | |
list-style: none; | |
} | |
.profile-view .pv-body .pv-contact > li, | |
.profile-view .pv-body .pv-follow > li { | |
display: inline-block; | |
} | |
.profile-view .pv-body .pv-follow { | |
margin: 20px -20px; | |
padding: 10px; | |
background-color: #F7F7F7; | |
border-top: 1px solid #EEE; | |
border-bottom: 1px solid #EEE; | |
} | |
.profile-view .pv-body .pv-follow > li { | |
padding: 0 10px; | |
} | |
.profile-view .pv-body .pv-contact > li { | |
margin: 0 5px; | |
} | |
.profile-view .pv-body .pv-contact > li > .md { | |
line-height: 100%; | |
vertical-align: text-bottom; | |
font-size: 22px; | |
} | |
.profile-view .pv-body .pv-follow-btn { | |
padding: 7px 20px; | |
background: #00bcd4; | |
color: #FFF; | |
border-radius: 3px; | |
text-transform: uppercase; | |
display: block; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.profile-view .pv-body .pv-follow-btn:hover { | |
background: #00a5bb; | |
} | |
.profile-view:hover .pv-main { | |
-webkit-transform: scale(1.2); | |
-ms-transform: scale(1.2); | |
-o-transform: scale(1.2); | |
transform: scale(1.2); | |
} | |
/* | |
* Picture List | |
*/ | |
.picture-list .pl-body { | |
padding: 2px; | |
} | |
.picture-list .pl-body [class*="col-"] { | |
padding: 0; | |
padding: 2px; | |
} | |
.picture-list .pl-body [class*="col-"] > a { | |
display: block; | |
position: relative; | |
} | |
.picture-list .pl-body [class*="col-"] > a:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: rgba(0, 0, 0, 0.3); | |
z-index: 0; | |
border-radius: 0; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.picture-list .pl-body [class*="col-"] > a:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.picture-list .pl-body [class*="col-"] > a img { | |
width: 100%; | |
} | |
.picture-list .pl-body:before, | |
.picture-list .pl-body:after { | |
content: " "; | |
display: table; | |
} | |
.picture-list .pl-body:after { | |
clear: both; | |
} | |
.picture-list .pl-body:before, | |
.picture-list .pl-body:after { | |
content: " "; | |
display: table; | |
} | |
.picture-list .pl-body:after { | |
clear: both; | |
} | |
/* | |
* Social | |
*/ | |
.go-social .card-body { | |
padding: 0 15px 20px; | |
} | |
.go-social .card-body [class*="col-"] { | |
padding: 12px; | |
} | |
.go-social .card-body [class*="col-"] img { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
} | |
.go-social .card-body [class*="col-"]:hover img { | |
-webkit-transform: scale(1.2); | |
-ms-transform: scale(1.2); | |
-o-transform: scale(1.2); | |
transform: scale(1.2); | |
} | |
/* | |
* Rating | |
*/ | |
.rating-list { | |
padding: 0 0 10px; | |
} | |
.rating-list .rl-star { | |
margin-top: 10px; | |
margin-bottom: 4px; | |
} | |
.rating-list .rl-star .md { | |
font-size: 20px; | |
} | |
.rating-list .rl-star .md:not(.active) { | |
color: #ccc; | |
} | |
.rating-list .rl-star .md.active { | |
color: #ff9800; | |
} | |
.rating-list .lv-item .media .md-star { | |
line-height: 100%; | |
font-size: 18px; | |
color: #a6a6a6; | |
} | |
.rating-list .lv-item .media .media-body { | |
padding: 7px 10px 0 5px; | |
} | |
.table { | |
background-color: #fff; | |
margin-bottom: 0; | |
} | |
.table > thead > tr > th { | |
background-color: #fff; | |
vertical-align: middle; | |
font-weight: 500; | |
color: #333; | |
border-width: 1px; | |
} | |
.table [class*="bg-"] > tr > th { | |
color: #fff; | |
border-bottom: 0; | |
} | |
.table [class*="bg-"] + tbody > tr:first-child > td { | |
border-top: 0; | |
} | |
.table.table-inner { | |
border: 0; | |
} | |
.table > thead > tr > th:first-child, | |
.table > tbody > tr > th:first-child, | |
.table > tfoot > tr > th:first-child, | |
.table > thead > tr > td:first-child, | |
.table > tbody > tr > td:first-child, | |
.table > tfoot > tr > td:first-child { | |
padding-left: 30px; | |
} | |
.table > thead > tr > th:last-child, | |
.table > tbody > tr > th:last-child, | |
.table > tfoot > tr > th:last-child, | |
.table > thead > tr > td:last-child, | |
.table > tbody > tr > td:last-child, | |
.table > tfoot > tr > td:last-child { | |
padding-right: 30px; | |
} | |
.table > tbody > tr.active > td, | |
.table > tfoot > tr.active > td, | |
.table > tbody > tr.info > td, | |
.table > tfoot > tr.info > td, | |
.table > tbody > tr.warning > td, | |
.table > tfoot > tr.warning > td, | |
.table > tbody > tr.succes > td, | |
.table > tfoot > tr.succes > td, | |
.table > tbody > tr.danger > td, | |
.table > tfoot > tr.danger > td { | |
border: 0; | |
} | |
.table > tbody > tr:last-child > td, | |
.table > tfoot > tr:last-child > td { | |
padding-bottom: 20px; | |
} | |
.table-striped td, | |
.table-striped th { | |
border: 0 !important; | |
} | |
.table-hover > tbody > tr:hover { | |
background-color: #ECF9FF !important; | |
} | |
.table-bordered { | |
border-bottom: 0; | |
border-left: 0; | |
border-right: 0; | |
} | |
.table-bordered > tbody > tr > td, | |
.table-bordered > tbody > tr > th { | |
border-bottom: 0; | |
border-left: 0; | |
} | |
.table-bordered > tbody > tr > td:last-child, | |
.table-bordered > tbody > tr > th:last-child { | |
border-right: 0; | |
} | |
.table-bordered > thead > tr > th { | |
border-left: 0; | |
} | |
.table-bordered > thead > tr > th:last-child { | |
border-right: 0; | |
} | |
.table-vmiddle td { | |
vertical-align: middle !important; | |
} | |
.table-responsive { | |
border: 0; | |
} | |
#todo-lists { | |
background: #ffc107; | |
color: #fff; | |
margin-bottom: 30px; | |
font-family: 'shadowsintolight', cursive; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
} | |
#todo-lists .tl-header { | |
position: relative; | |
padding: 25px; | |
} | |
#todo-lists .tl-header > h2 { | |
margin: 0; | |
color: #fff; | |
line-height: 100%; | |
} | |
#todo-lists .tl-header > small { | |
font-size: 17px; | |
display: block; | |
margin-top: 3px; | |
} | |
#todo-lists .tl-header .actions { | |
position: absolute; | |
right: 10px; | |
padding: 0; | |
list-style: none; | |
top: 15px; | |
} | |
#todo-lists .tl-header .actions > li { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
#todo-lists .tl-body { | |
min-height: 300px; | |
position: relative; | |
padding: 20px 10px 20px 25px; | |
background: rgba(0, 0, 0, 0.03); | |
} | |
#todo-lists .tl-body #add-tl-item { | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
position: absolute; | |
background: #fff; | |
top: -25px; | |
right: 23px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
} | |
#todo-lists .tl-body #add-tl-item .add-new-item { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#todo-lists .tl-body #add-tl-item .add-tl-body { | |
overflow: hidden; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
#todo-lists .tl-body #add-tl-item .add-tl-body textarea { | |
padding: 25px 25px 45px; | |
resize: none; | |
width: 100%; | |
font-size: 24px; | |
color: #ffc107; | |
position: absolute; | |
height: 100%; | |
border: 0; | |
outline: none; | |
} | |
#todo-lists .tl-body #add-tl-item:not(.toggled) { | |
overflow: hidden; | |
} | |
#todo-lists .tl-body #add-tl-item:not(.toggled) .add-new-item { | |
position: relative; | |
z-index: 1; | |
display: inline-block; | |
width: 50px; | |
height: 50px; | |
background-repeat: no-repeat; | |
background-position: center; | |
cursor: pointer; | |
text-align: center; | |
font-size: 23px; | |
color: #ff9800; | |
line-height: 50px; | |
} | |
#todo-lists .tl-body #add-tl-item:not(.toggled):hover { | |
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18); | |
} | |
#todo-lists .tl-body #add-tl-item.toggled { | |
width: calc(100% - 47px); | |
height: calc(100% - 25px); | |
border-radius: 2px; | |
top: 0; | |
z-index: 1; | |
box-shadow: 0 5px 8px rgba(0, 0, 0, 0.2); | |
max-height: 300px; | |
overflow: visible; | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-new-item { | |
display: none; | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions { | |
position: absolute; | |
bottom: 0; | |
width: 100%; | |
padding: 5px 10px; | |
border-top: 1px solid #EEE; | |
z-index: 1; | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions > a { | |
font-size: 25px; | |
padding: 0 6px; | |
border-radius: 50%; | |
text-align: center; | |
height: 40px; | |
width: 40px; | |
display: inline-block; | |
line-height: 41px; | |
position: relative; | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions > a:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: #eeeeee; | |
z-index: -1; | |
border-radius: 50%; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions > a:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions [data-tl-action="dismiss"] { | |
color: #f44336; | |
} | |
#todo-lists .tl-body #add-tl-item.toggled .add-tl-body .add-tl-actions [data-tl-action="save"] { | |
color: #4caf50; | |
} | |
#todo-lists .tl-body .media-body { | |
padding-top: 3px; | |
} | |
#todo-lists .tl-body .checkbox { | |
font-size: 18px; | |
margin-bottom: 15px; | |
} | |
#todo-lists .tl-body .checkbox span { | |
display: inline-block; | |
margin-top: -3px; | |
} | |
#todo-lists .tl-body .checkbox input:checked + i + span { | |
text-decoration: line-through; | |
} | |
#todo-lists .tl-body .checkbox .input-helper:before { | |
border-color: rgba(255, 255, 255, 0.8); | |
border-width: 2px; | |
} | |
#todo-lists .tl-body .checkbox .input-helper:after { | |
border-color: #fff; | |
} | |
.btn { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
border: 0; | |
} | |
.btn[class*="bgm-"] { | |
color: #fff; | |
} | |
.btn:not(.btn-link):not(.btn-float):not(.command-edit):not(.command-delete):not(.selectpicker) { | |
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); | |
} | |
.btn:not(.btn-link):not(.btn-float):not(.command-edit):not(.command-delete):not(.selectpicker):hover { | |
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); | |
} | |
.btn .caret { | |
margin-top: -3px; | |
} | |
.btn-group:not(.bootstrap-select), | |
.btn-group-vertical:not(.bootstrap-select) { | |
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3); | |
} | |
.btn-group .btn, | |
.btn-group-vertical .btn, | |
.btn-group .btn:active, | |
.btn-group-vertical .btn:active, | |
.btn-group .btn:focus, | |
.btn-group-vertical .btn:focus, | |
.btn-group .btn-group, | |
.btn-group-vertical .btn-group { | |
box-shadow: none !important; | |
} | |
.btn-group .btn, | |
.btn-group-vertical .btn { | |
margin: 0; | |
} | |
.btn-xs, | |
.btn-group-xs > .btn { | |
padding: 2px 5px; | |
font-size: 11px; | |
line-height: 1.5; | |
border-radius: 2px; | |
} | |
.btn-link { | |
color: #797979; | |
text-decoration: none; | |
border-radius: 2px; | |
} | |
.btn-link:hover { | |
color: #0a0a0a; | |
} | |
.btn-link:hover, | |
.btn-link:active, | |
.btn-link:focus { | |
text-decoration: none; | |
} | |
.btn-inverse { | |
color: #ffffff; | |
background-color: #454545; | |
border-color: transparent; | |
} | |
.btn-inverse:focus, | |
.btn-inverse.focus { | |
color: #ffffff; | |
background-color: #2b2b2b; | |
border-color: rgba(0, 0, 0, 0); | |
} | |
.btn-inverse:hover { | |
color: #ffffff; | |
background-color: #2b2b2b; | |
border-color: rgba(0, 0, 0, 0); | |
} | |
.btn-inverse:active, | |
.btn-inverse.active, | |
.open > .dropdown-toggle.btn-inverse { | |
color: #ffffff; | |
background-color: #2b2b2b; | |
border-color: rgba(0, 0, 0, 0); | |
} | |
.btn-inverse:active:hover, | |
.btn-inverse.active:hover, | |
.open > .dropdown-toggle.btn-inverse:hover, | |
.btn-inverse:active:focus, | |
.btn-inverse.active:focus, | |
.open > .dropdown-toggle.btn-inverse:focus, | |
.btn-inverse:active.focus, | |
.btn-inverse.active.focus, | |
.open > .dropdown-toggle.btn-inverse.focus { | |
color: #ffffff; | |
background-color: #1a1a1a; | |
border-color: rgba(0, 0, 0, 0); | |
} | |
.btn-inverse:active, | |
.btn-inverse.active, | |
.open > .dropdown-toggle.btn-inverse { | |
background-image: none; | |
} | |
.btn-inverse.disabled, | |
.btn-inverse[disabled], | |
fieldset[disabled] .btn-inverse, | |
.btn-inverse.disabled:hover, | |
.btn-inverse[disabled]:hover, | |
fieldset[disabled] .btn-inverse:hover, | |
.btn-inverse.disabled:focus, | |
.btn-inverse[disabled]:focus, | |
fieldset[disabled] .btn-inverse:focus, | |
.btn-inverse.disabled.focus, | |
.btn-inverse[disabled].focus, | |
fieldset[disabled] .btn-inverse.focus, | |
.btn-inverse.disabled:active, | |
.btn-inverse[disabled]:active, | |
fieldset[disabled] .btn-inverse:active, | |
.btn-inverse.disabled.active, | |
.btn-inverse[disabled].active, | |
fieldset[disabled] .btn-inverse.active { | |
background-color: #454545; | |
border-color: transparent; | |
} | |
.btn-inverse .badge { | |
color: #454545; | |
background-color: #ffffff; | |
} | |
.btn-inverse:hover, | |
.btn-inverse:focus, | |
.btn-inverse.focus, | |
.btn-inverse:active, | |
.btn-inverse.active, | |
.open > .dropdown-toggle.btn-inverse { | |
color: #ffffff; | |
background-color: #454545; | |
border-color: transparent; | |
} | |
.btn-inverse:active, | |
.btn-inverse.active, | |
.open > .dropdown-toggle.btn-inverse { | |
background-image: none; | |
} | |
.btn-inverse.disabled, | |
.btn-inverse[disabled], | |
fieldset[disabled] .btn-inverse, | |
.btn-inverse.disabled:hover, | |
.btn-inverse[disabled]:hover, | |
fieldset[disabled] .btn-inverse:hover, | |
.btn-inverse.disabled:focus, | |
.btn-inverse[disabled]:focus, | |
fieldset[disabled] .btn-inverse:focus, | |
.btn-inverse.disabled.focus, | |
.btn-inverse[disabled].focus, | |
fieldset[disabled] .btn-inverse.focus, | |
.btn-inverse.disabled:active, | |
.btn-inverse[disabled]:active, | |
fieldset[disabled] .btn-inverse:active, | |
.btn-inverse.disabled.active, | |
.btn-inverse[disabled].active, | |
fieldset[disabled] .btn-inverse.active { | |
background-color: #454545; | |
border-color: transparent; | |
} | |
.btn-inverse .badge { | |
color: #454545; | |
background-color: #ffffff; | |
} | |
.btn-icon { | |
border-radius: 50%; | |
width: 40px; | |
height: 40px; | |
padding: 0; | |
text-align: center; | |
position: relative; | |
} | |
.btn-icon:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: 50%; | |
z-index: 0; | |
border-radius: 300ms; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.btn-icon:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.btn-icon .md { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
font-size: 17px; | |
} | |
.btn-icon:hover .md { | |
-webkit-transform: rotate(-360deg); | |
-ms-transform: rotate(-360deg); | |
-o-transform: rotate(-360deg); | |
transform: rotate(-360deg); | |
} | |
.btn-icon.btn-default:hover { | |
background: #fff; | |
} | |
.btn-icon-medium { | |
border-radius: 50%; | |
width: 60px; | |
height: 60px; | |
padding: 0; | |
text-align: center; | |
position: relative; | |
} | |
.btn-icon-medium:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: 50%; | |
z-index: 0; | |
border-radius: 300ms; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.btn-icon-medium:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.btn-icon-medium .md { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
font-size: 17px; | |
} | |
.btn-icon-medium:hover .md { | |
-webkit-transform: rotate(-360deg); | |
-ms-transform: rotate(-360deg); | |
-o-transform: rotate(-360deg); | |
transform: rotate(-360deg); | |
} | |
.btn-icon-medium.btn-default:hover { | |
background: #fff; | |
} | |
.btn-float { | |
width: 50px; | |
height: 50px; | |
border-radius: 50%; | |
position: absolute; | |
line-height: 38px; | |
} | |
.btn-float:hover { | |
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18); | |
} | |
.btn-float i { | |
font-size: 23px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 500ms; | |
transition-duration: 500ms; | |
} | |
.btn-float:hover i { | |
-webkit-transform: rotate(360deg); | |
-ms-transform: rotate(360deg); | |
-o-transform: rotate(360deg); | |
transform: rotate(360deg); | |
} | |
.btn-float:not(.bgm-white):not(.bgm-gray) > i { | |
color: #fff; | |
} | |
.btn-float.bgm-white > i, | |
.btn-float.bgm-gray > i { | |
color: #333; | |
} | |
.open .btn { | |
outline: none !important; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; | |
} | |
.open .btn:focus, | |
.open .btn:active { | |
outline: none !important; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; | |
} | |
/* | |
* Checkbox and Radio | |
*/ | |
.checkbox label, | |
.radio label { | |
padding-left: 30px; | |
position: relative; | |
} | |
.checkbox input, | |
.radio input { | |
top: 0; | |
left: 0; | |
margin-left: 0 !important; | |
z-index: 1; | |
cursor: pointer; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
margin-top: 0; | |
} | |
.checkbox .input-helper:before, | |
.radio .input-helper:before, | |
.checkbox .input-helper:after, | |
.radio .input-helper:after { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
position: absolute; | |
content: ""; | |
} | |
.checkbox .input-helper:before, | |
.radio .input-helper:before { | |
left: 0; | |
border: 1px solid #ccc; | |
} | |
.checkbox.disabled, | |
.radio.disabled { | |
opacity: 0.6; | |
filter: alpha(opacity=60); | |
} | |
.checkbox input { | |
width: 17px; | |
height: 17px; | |
} | |
.checkbox input:checked + .input-helper:before { | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
} | |
.checkbox input:checked + .input-helper:after { | |
-webkit-transform: scale(1) rotate(-50deg); | |
-ms-transform: scale(1) rotate(-50deg); | |
-o-transform: scale(1) rotate(-50deg); | |
transform: scale(1) rotate(-50deg); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.checkbox .input-helper:before { | |
top: 0; | |
width: 17px; | |
height: 17px; | |
} | |
.checkbox .input-helper:after { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
-webkit-transform: scale(0) rotate(80deg); | |
-ms-transform: scale(0) rotate(80deg); | |
-o-transform: scale(0) rotate(80deg); | |
transform: scale(0) rotate(80deg); | |
width: 22px; | |
height: 9px; | |
border-bottom: 2px solid #009688; | |
border-left: 2px solid #009688; | |
border-bottom-left-radius: 2px; | |
left: -1px; | |
top: 1px; | |
} | |
.has-error .checkbox .input-helper:before { | |
border-color: #f99d97; | |
} | |
.has-error .checkbox .input-helper:after { | |
border-bottom-color: #f77066; | |
border-left-color: #f77066; | |
} | |
.has-success .checkbox .input-helper:before { | |
border-color: #92cf94; | |
} | |
.has-success .checkbox .input-helper:after { | |
border-bottom-color: #6ec071; | |
border-left-color: #6ec071; | |
} | |
.has-warning .checkbox .input-helper:before { | |
border-color: #ffdb6d; | |
} | |
.has-warning .checkbox .input-helper:after { | |
border-bottom-color: #ffce3a; | |
border-left-color: #ffce3a; | |
} | |
.radio input { | |
width: 19px; | |
height: 19px; | |
} | |
.radio input:checked + .input-helper:after { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.radio .input-helper:before { | |
top: -1px; | |
width: 19px; | |
height: 19px; | |
border-radius: 50%; | |
} | |
.radio .input-helper:after { | |
width: 11px; | |
height: 11px; | |
background: #009688; | |
border-radius: 50%; | |
top: 3px; | |
left: 4px; | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
} | |
.checkbox-inline, | |
.radio-inline { | |
vertical-align: top; | |
margin-top: 0; | |
padding-left: 25px; | |
} | |
/* | |
* Select | |
*/ | |
html:not(.ie9) .select { | |
position: relative; | |
} | |
html:not(.ie9) .select:before { | |
position: absolute; | |
top: 0; | |
content: ""; | |
height: calc(100% - 2px); | |
width: 30px; | |
background-color: #FFF; | |
background-position: right calc(100% - 7px); | |
background-repeat: no-repeat; | |
background-image: url("../img/select.png"); | |
pointer-events: none; | |
z-index: 5; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
html:not(.ie9) .select:before { | |
background-image: url("../img/select@2x.png"); | |
background-size: 12px 12px; | |
} | |
} | |
html:not(.ie9) .select:not(.fg-line):before { | |
right: 0; | |
} | |
html:not(.ie9) .select.fg-line:before { | |
right: 10px; | |
} | |
/* | |
* Input Group | |
*/ | |
.input-group-addon { | |
border-width: 0px 0px 1px 0px; | |
} | |
/* | |
* Input Feilds | |
*/ | |
.fg-line { | |
position: relative; | |
vertical-align: top; | |
/* Validation Stats */ | |
} | |
.fg-line:not(.form-group) { | |
display: inline-block; | |
width: 100%; | |
} | |
.fg-line .form-control { | |
resize: none; | |
} | |
.fg-line .form-control:not(:disabled) { | |
color: #000; | |
} | |
.fg-line .form-control:disabled { | |
color: #9d9d9d; | |
background: transparent; | |
} | |
.fg-line:not(.disabled):after, | |
.fg-line:not(.readonly):after { | |
position: absolute; | |
z-index: 3; | |
bottom: 0; | |
left: 0; | |
height: 2px; | |
width: 0; | |
content: ""; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.fg-line:not([class*=has-]):after { | |
background: #2196f3; | |
} | |
.fg-line.input-toggled:after { | |
width: 100%; | |
} | |
.fg-line.readonly .form-control { | |
color: #9d9d9d; | |
background: transparent; | |
} | |
.fg-line.fg-toggled:after { | |
width: 100%; | |
} | |
.fg-line.has-success:after { | |
background: #4caf50; | |
} | |
.fg-line.has-warning:after { | |
background: #ffc107; | |
} | |
.fg-line.has-error:after { | |
background: #f44336; | |
} | |
/* Validation Stats for inner fg-line*/ | |
.has-success .fg-line:after { | |
background: #4caf50; | |
} | |
.has-warning .fg-line:after { | |
background: #ffc107; | |
} | |
.has-error .fg-line:after { | |
background: #f44336; | |
} | |
.fg-float { | |
margin-top: 2px; | |
position: relative; | |
} | |
.fg-float .form-control { | |
position: relative; | |
background: transparent; | |
z-index: 1; | |
} | |
.fg-float .form-control::-moz-placeholder { | |
color: #ffffff; | |
opacity: 1; | |
} | |
.fg-float .form-control:-ms-input-placeholder { | |
color: #ffffff; | |
} | |
.fg-float .form-control::-webkit-input-placeholder { | |
color: #ffffff; | |
} | |
.fg-float .fg-label { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
position: absolute; | |
top: 5px; | |
font-weight: 400; | |
color: #959595; | |
pointer-events: none; | |
z-index: 0; | |
left: 0; | |
} | |
.fg-float .input-lg + .fg-label { | |
font-size: 17px; | |
} | |
.fg-float .input-sm + .fg-label { | |
font-size: 11px; | |
} | |
.fg-float .fg-toggled + .fg-label { | |
top: -20px; | |
font-size: 11px; | |
} | |
.form-control { | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
padding: 0; | |
border-radius: 0; | |
} | |
.form-control:focus { | |
box-shadow: none; | |
} | |
.form-control.auto-size { | |
padding-top: 6px; | |
} | |
.form-group { | |
margin-bottom: 30px; | |
} | |
/* | |
* Validation | |
*/ | |
.has-success .form-control, | |
.has-warning .form-control, | |
.has-error .form-control { | |
box-shadow: none; | |
} | |
.form-control-feedback { | |
font-size: 20px; | |
} | |
.control-label { | |
font-weight: normal; | |
} | |
/* | |
* Input Groups | |
*/ | |
.input-group { | |
/* Mixin for Input Group */ | |
} | |
.input-group .input-group-addon { | |
vertical-align: bottom; | |
padding: 0; | |
} | |
.input-group .input-group-addon .md { | |
line-height: 100%; | |
} | |
.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon:not(.last) { | |
padding-right: 10px; | |
} | |
.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon.last { | |
padding-left: 10px; | |
} | |
.input-group:not(.input-group-lg):not(.input-group-sm) .input-group-addon .md { | |
font-size: 23px; | |
} | |
.input-group.input-group-lg .input-group-addon:not(.last) { | |
padding-right: 15px; | |
} | |
.input-group.input-group-lg .input-group-addon.last { | |
padding-left: 15px; | |
} | |
.input-group.input-group-lg .input-group-addon .md { | |
font-size: 30px; | |
} | |
.input-group.input-group-sm .input-group-addon:not(.last) { | |
padding-right: 5px; | |
} | |
.input-group.input-group-sm .input-group-addon.last { | |
padding-left: 5px; | |
} | |
.input-group.input-group-sm .input-group-addon .md { | |
font-size: 18px; | |
} | |
.input-group > [class*="col-"] { | |
padding: 0; | |
} | |
.input-group .fg-line { | |
padding: 0 10px; | |
} | |
.input-group .fg-line:after { | |
left: 10px; | |
} | |
.input-group .fg-line.fg-toggled:after { | |
width: calc(100% - 20px); | |
} | |
/* | |
* Toggle Switch | |
*/ | |
.toggle-switch { | |
display: inline-block; | |
vertical-align: top; | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
} | |
.toggle-switch .ts-label { | |
display: inline-block; | |
margin: 0 20px 0 0; | |
vertical-align: top; | |
-webkit-transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); | |
transition: color 0.56s cubic-bezier(0.4, 0, 0.2, 1); | |
} | |
.toggle-switch .ts-helper { | |
display: inline-block; | |
position: relative; | |
width: 40px; | |
height: 16px; | |
border-radius: 8px; | |
background: rgba(0, 0, 0, 0.26); | |
-webkit-transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); | |
transition: background 0.28s cubic-bezier(0.4, 0, 0.2, 1); | |
vertical-align: middle; | |
cursor: pointer; | |
} | |
.toggle-switch .ts-helper:before { | |
content: ''; | |
position: absolute; | |
top: -4px; | |
left: -4px; | |
width: 24px; | |
height: 24px; | |
background: #fafafa; | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28); | |
border-radius: 50%; | |
webkit-transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); | |
transition: left 0.28s cubic-bezier(0.4, 0, 0.2, 1), background 0.28s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); | |
} | |
.toggle-switch:not(.disabled) .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(128, 128, 128, 0.1); | |
} | |
.toggle-switch input { | |
position: absolute; | |
z-index: 1; | |
width: 46px; | |
margin: 0 0 0 -4px; | |
height: 24px; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
cursor: pointer; | |
} | |
.toggle-switch input:checked + .ts-helper:before { | |
left: 20px; | |
} | |
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper { | |
background: rgba(0, 150, 136, 0.5); | |
} | |
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:before { | |
background: #009688; | |
} | |
.toggle-switch:not([data-ts-color]) input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 150, 136, 0.2); | |
} | |
.toggle-switch.disabled { | |
opacity: 0.6; | |
filter: alpha(opacity=60); | |
} | |
.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(244, 67, 54, 0.5); | |
} | |
.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:before { | |
background: #f44336; | |
} | |
.toggle-switch[data-ts-color="red"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(244, 67, 54, 0.2); | |
} | |
.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(33, 150, 243, 0.5); | |
} | |
.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:before { | |
background: #2196f3; | |
} | |
.toggle-switch[data-ts-color="blue"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(33, 150, 243, 0.2); | |
} | |
.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(255, 193, 7, 0.5); | |
} | |
.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:before { | |
background: #ffc107; | |
} | |
.toggle-switch[data-ts-color="amber"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(255, 193, 7, 0.2); | |
} | |
.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(156, 39, 176, 0.5); | |
} | |
.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:before { | |
background: #9c27b0; | |
} | |
.toggle-switch[data-ts-color="purple"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(156, 39, 176, 0.2); | |
} | |
.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(233, 30, 99, 0.5); | |
} | |
.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:before { | |
background: #e91e63; | |
} | |
.toggle-switch[data-ts-color="pink"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(233, 30, 99, 0.2); | |
} | |
.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(205, 220, 57, 0.5); | |
} | |
.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:before { | |
background: #cddc39; | |
} | |
.toggle-switch[data-ts-color="lime"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(205, 220, 57, 0.2); | |
} | |
.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(0, 188, 212, 0.5); | |
} | |
.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:before { | |
background: #00bcd4; | |
} | |
.toggle-switch[data-ts-color="cyan"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(0, 188, 212, 0.2); | |
} | |
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper { | |
background: rgba(76, 175, 80, 0.5); | |
} | |
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:before { | |
background: #4caf50; | |
} | |
.toggle-switch[data-ts-color="green"] input:not(:disabled):checked + .ts-helper:active:before { | |
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28), 0 0 0 20px rgba(76, 175, 80, 0.2); | |
} | |
.pagination { | |
border-radius: 0; | |
} | |
.pagination > li { | |
margin: 0 2px; | |
display: inline-block; | |
vertical-align: top; | |
} | |
.pagination > li > a, | |
.pagination > li > span { | |
border-radius: 50% !important; | |
padding: 0; | |
width: 40px; | |
height: 40px; | |
line-height: 38px; | |
text-align: center; | |
font-size: 14px; | |
z-index: 1; | |
position: relative; | |
} | |
.pagination > li > a > .md, | |
.pagination > li > span > .md { | |
font-size: 22px; | |
} | |
.pagination > li > a:before, | |
.pagination > li > span:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: rgba(0, 0, 0, 0.1); | |
z-index: 0; | |
border-radius: 50%; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.pagination > li > a:hover:before, | |
.pagination > li > span:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.pagination > li.disabled { | |
opacity: 0.5; | |
filter: alpha(opacity=50); | |
} | |
/* | |
* Listview Pagination | |
*/ | |
.lv-pagination { | |
width: 100%; | |
text-align: center; | |
padding: 40px 0; | |
border-top: 1px solid #F0F0F0; | |
margin-top: 0; | |
margin-bottom: 0; | |
} | |
.popover { | |
box-shadow: 0 2px 30px rgba(0, 0, 0, 0.2); | |
} | |
.popover-title { | |
border-bottom: 0; | |
padding: 15px; | |
font-size: 12px; | |
text-transform: uppercase; | |
} | |
.popover-content { | |
padding: 0 15px 15px; | |
} | |
.popover-content p { | |
margin-bottom: 0; | |
} | |
.fw-container .tab-content { | |
padding: 25px 0; | |
} | |
.fw-container .fw-footer { | |
text-align: center; | |
margin: 30px 0 0; | |
width: 100%; | |
border-top: 2px solid #eee; | |
padding: 15px 0; | |
} | |
.alert { | |
padding-left: 30px; | |
} | |
.alert span { | |
cursor: pointer; | |
} | |
.alert:not(.alert-dismissible) { | |
padding-right: 30px; | |
} | |
.alert.alert-dismissable { | |
padding-right: 44px; | |
} | |
.alert-inverse { | |
background: rgba(51, 51, 51, 0.9); | |
box-shadow: 0 0 5px rgba(51, 51, 51, 0.5); | |
color: #fff; | |
} | |
.alert-inverse a { | |
color: #fff; | |
} | |
.growl-animated { | |
border: 0; | |
color: #fff; | |
} | |
.growl-animated.alert-info { | |
background: rgba(33, 150, 243, 0.8); | |
box-shadow: 0 0 5px rgba(33, 150, 243, 0.5); | |
} | |
.growl-animated.alert-success { | |
background: rgba(76, 175, 80, 0.8); | |
box-shadow: 0 0 5px rgba(76, 175, 80, 0.5); | |
} | |
.growl-animated.alert-warning { | |
background: rgba(255, 152, 0, 0.8); | |
box-shadow: 0 0 5px rgba(255, 152, 0, 0.5); | |
} | |
.growl-animated.alert-danger { | |
background: rgba(244, 67, 54, 0.8); | |
box-shadow: 0 0 5px rgba(244, 67, 54, 0.5); | |
} | |
a.thumbnail:hover, | |
a.thumbnail:focus, | |
a.thumbnail.active { | |
border-color: #e0e0e0; | |
box-shadow: 0 0 6px #EAEAEA; | |
} | |
/* | |
* Lightbox | |
*/ | |
.lightbox .lightbox-item { | |
border: 3px solid #fff; | |
box-shadow: 0 0 6px rgba(178, 178, 178, 0.61); | |
position: relative; | |
} | |
.lightbox .lightbox-item > img { | |
width: 100%; | |
} | |
.lightbox .lightbox-item:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: rgba(0, 0, 0, 0.3); | |
z-index: 0; | |
border-radius: 0; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.lightbox .lightbox-item:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.lightbox .lightbox-item:hover { | |
cursor: pointer; | |
} | |
.lightbox [data-src] { | |
margin-bottom: 20px; | |
} | |
/* | |
* Carousel | |
*/ | |
.carousel .carousel-control { | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.carousel .carousel-control .md { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
line-height: 100%; | |
} | |
@media screen and (min-width: 768px) { | |
.carousel .carousel-control .md { | |
font-size: 60px; | |
width: 60px; | |
height: 60px; | |
margin-top: -30px; | |
margin-left: -30px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.carousel .carousel-control .md { | |
width: 24px; | |
height: 24px; | |
margin-top: -12px; | |
margin-left: -12px; | |
} | |
} | |
.carousel:hover .carousel-control { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.carousel .carousel-caption { | |
background: rgba(0, 0, 0, 0.6); | |
left: 0; | |
right: 0; | |
bottom: 0; | |
width: 100%; | |
padding-bottom: 50px; | |
} | |
.carousel .carousel-caption > h3 { | |
color: #fff; | |
margin: 0 0 5px; | |
font-weight: 300; | |
} | |
.carousel .carousel-caption > p { | |
margin: 0; | |
} | |
@media screen and (max-width: 991px) { | |
.carousel .carousel-caption { | |
display: none; | |
} | |
} | |
.carousel .carousel-indicators { | |
bottom: 10px; | |
margin: 0; | |
left: 0; | |
bottom: 0; | |
width: 100%; | |
padding: 0 0 6px; | |
background: rgba(0, 0, 0, 0.6); | |
} | |
.carousel .carousel-indicators li { | |
border-radius: 0; | |
width: 15px; | |
border: 0; | |
background: #fff; | |
height: 3px; | |
margin: 0; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
} | |
.carousel .carousel-indicators li.active { | |
width: 25px; | |
height: 3px; | |
background: #ff9800; | |
} | |
.modal .modal-content { | |
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31); | |
border-radius: 3px; | |
border: 0; | |
} | |
.modal .modal-header { | |
padding: 23px 26px; | |
} | |
.modal .modal-body { | |
padding: 0 26px 10px; | |
} | |
.modal .modal-footer .btn-link { | |
font-size: 14px; | |
color: #000; | |
font-weight: 500; | |
} | |
.modal .modal-footer .btn-link:hover { | |
background-color: #eee; | |
} | |
.modal:not([data-modal-color]) .modal-footer .btn-link { | |
font-weight: 500; | |
} | |
.modal:not([data-modal-color]) .modal-footer .btn-link:hover { | |
background-color: #eee; | |
} | |
.modal[data-modal-color] { | |
color: #fff; | |
} | |
.modal[data-modal-color] .modal-title, | |
.modal[data-modal-color] .modal-footer .btn-link { | |
color: #fff; | |
} | |
.modal[data-modal-color] .modal-footer { | |
background: rgba(0, 0, 0, 0.1); | |
} | |
.modal[data-modal-color] .modal-backdrop { | |
background: #fff; | |
} | |
.modal[data-modal-color] .modal-footer .btn-link { | |
font-weight: 400; | |
} | |
.modal[data-modal-color] .modal-footer .btn-link:hover { | |
background-color: rgba(0, 0, 0, 0.1); | |
} | |
.modal[data-modal-color="blue"] .modal-content { | |
background: #2196f3; | |
} | |
.modal[data-modal-color="cyan"] .modal-content { | |
background: #00bcd4; | |
} | |
.modal[data-modal-color="green"] .modal-content { | |
background: #4caf50; | |
} | |
.modal[data-modal-color="lightgreen"] .modal-content { | |
background: #8bc34a; | |
} | |
.modal[data-modal-color="lightblue"] .modal-content { | |
background: #03a9f4; | |
} | |
.modal[data-modal-color="amber"] .modal-content { | |
background: #ffc107; | |
} | |
.modal[data-modal-color="teal"] .modal-content { | |
background: #009688; | |
} | |
.modal[data-modal-color="orange"] .modal-content { | |
background: #ff9800; | |
} | |
.modal[data-modal-color="bluegray"] .modal-content { | |
background: #607d8b; | |
} | |
.modal[data-modal-color="red"] .modal-content { | |
background: #f44336; | |
} | |
.panel { | |
box-shadow: none; | |
border: 0; | |
} | |
.panel-heading { | |
padding: 0; | |
} | |
.panel-title > a { | |
padding: 10px 15px; | |
display: block; | |
font-size: 13px; | |
} | |
.panel-collapse .panel-heading { | |
position: relative; | |
} | |
.panel-collapse .panel-heading .panel-title > a { | |
padding: 8px 5px 16px 30px; | |
color: #000; | |
position: relative; | |
} | |
.panel-collapse .panel-heading .panel-title > a:after, | |
.panel-collapse .panel-heading .panel-title > a:before { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
height: 2px; | |
width: 100%; | |
content: ""; | |
} | |
.panel-collapse .panel-heading .panel-title > a:after { | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
} | |
.panel-collapse .panel-heading:not(.active) .panel-title > a:before { | |
background: #eee; | |
} | |
.panel-collapse .panel-heading:before, | |
.panel-collapse .panel-heading:after { | |
font-family: 'Material Design Iconic Font'; | |
font-size: 17px; | |
position: absolute; | |
left: 0; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
top: 4px; | |
} | |
.panel-collapse .panel-heading:before { | |
content: "\f0fb"; | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.panel-collapse .panel-heading:after { | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
content: "\f111"; | |
} | |
.panel-collapse .panel-heading.active .panel-title > a:after { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.panel-collapse .panel-heading.active:before { | |
-webkit-transform: scale(0) rotate(-90deg); | |
-ms-transform: scale(0) rotate(-90deg); | |
-o-transform: scale(0) rotate(-90deg); | |
transform: scale(0) rotate(-90deg); | |
} | |
.panel-collapse .panel-heading.active:after { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.panel-collapse .panel-body { | |
border-top: 0 !important; | |
padding-left: 5px; | |
padding-right: 5px; | |
} | |
.panel-group:not([data-collapse-color]) .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #2196f3; | |
} | |
.panel-group[data-collapse-color="red"] .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #f44336; | |
} | |
.panel-group[data-collapse-color="green"] .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #4caf50; | |
} | |
.panel-group[data-collapse-color="amber"] .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #ffc107; | |
} | |
.panel-group[data-collapse-color="teal"] .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #009688; | |
} | |
.panel-group[data-collapse-color="black"] .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #000000; | |
} | |
.panel-group[data-collapse-color="cyan"] .panel-collapse .panel-heading.active .panel-title > a:after { | |
background: #00bcd4; | |
} | |
.tooltip-inner { | |
border-radius: 1px; | |
padding: 3px 10px 5px; | |
} | |
.breadcrumb { | |
border-bottom: 1px solid #E5E5E5; | |
border-radius: 0; | |
} | |
@media (min-width: 768px) { | |
.breadcrumb { | |
padding: 10px 77px 11px; | |
} | |
} | |
.breadcrumb > li > a { | |
color: #A9A9A9; | |
} | |
.breadcrumb > li > a:hover { | |
color: #7c7c7c; | |
} | |
#messages-main { | |
position: relative; | |
} | |
#messages-main:before, | |
#messages-main:after { | |
content: " "; | |
display: table; | |
} | |
#messages-main:after { | |
clear: both; | |
} | |
#messages-main:before, | |
#messages-main:after { | |
content: " "; | |
display: table; | |
} | |
#messages-main:after { | |
clear: both; | |
} | |
#messages-main .ms-block { | |
padding: 23px 20px 0; | |
} | |
#messages-main .ms-menu { | |
position: absolute; | |
left: 0; | |
top: 0; | |
background: #F8F8F8; | |
border-right: 1px solid #EEE; | |
padding-bottom: 50px; | |
height: 100%; | |
width: 240px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
} | |
@media (max-width: 767px) { | |
#messages-main .ms-menu { | |
height: calc(100% - 58px); | |
-webkit-transform: translate3d(-240px, 58px, 0); | |
transform: translate3d(-240px, 58px, 0); | |
opacity: 0; | |
filter: alpha(opacity=0); | |
z-index: 1; | |
} | |
#messages-main .ms-menu.toggled { | |
-webkit-transform: translate3d(0, 58px, 0); | |
transform: translate3d(0, 58px, 0); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
} | |
#messages-main .ms-menu .lv-item { | |
padding-left: 20px; | |
padding-right: 20px; | |
} | |
#messages-main .ms-menu .lv-item.active { | |
background: #fff; | |
} | |
#messages-main .ms-menu .lv-item:not(.active):hover { | |
background: #F2F2F2; | |
cursor: pointer; | |
} | |
@media (min-width: 768px) { | |
#messages-main .ms-body { | |
padding-left: 240px; | |
} | |
} | |
@media (max-width: 767px) { | |
#messages-main .ms-body { | |
overflow: hidden; | |
} | |
} | |
#messages-main .ms-user:before, | |
#messages-main .ms-user:after { | |
content: " "; | |
display: table; | |
} | |
#messages-main .ms-user:after { | |
clear: both; | |
} | |
#messages-main .ms-user:before, | |
#messages-main .ms-user:after { | |
content: " "; | |
display: table; | |
} | |
#messages-main .ms-user:after { | |
clear: both; | |
} | |
#messages-main .ms-user > img { | |
border-radius: 50%; | |
width: 40px; | |
float: left; | |
} | |
#messages-main .ms-user > div { | |
overflow: hidden; | |
padding: 7px 5px 7px 15px; | |
font-size: 11px; | |
} | |
#messages-main #ms-compose { | |
position: fixed; | |
bottom: 120px; | |
z-index: 1; | |
right: 30px; | |
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); | |
} | |
#ms-menu-trigger { | |
-webkit-touch-callout: none; | |
-webkit-user-select: none; | |
-khtml-user-select: none; | |
-moz-user-select: none; | |
-ms-user-select: none; | |
user-select: none; | |
float: left; | |
margin: 1px 0 0 -7px; | |
} | |
@media (min-width: 768px) { | |
#ms-menu-trigger { | |
display: none; | |
} | |
} | |
#ms-menu-trigger .line-wrap .line { | |
background-color: #717171; | |
} | |
/* | |
* For Message | |
*/ | |
.lv-message .lv-item { | |
padding: 20px; | |
} | |
.lv-message .lv-item.right { | |
text-align: right; | |
} | |
.lv-message .lv-item.right .lv-avatar { | |
margin-right: 0; | |
margin-left: 15px; | |
} | |
.lv-message .lv-item:not(.right) .ms-item { | |
background: #ffc107; | |
color: #fff; | |
} | |
.lv-message .lv-item.right .ms-item { | |
background: #eee; | |
} | |
.lv-avatar { | |
width: 35px; | |
height: 35px; | |
border-radius: 50%; | |
color: #FFF; | |
text-align: center; | |
line-height: 34px; | |
font-size: 15px; | |
margin-right: 15px; | |
padding: 0 !important; | |
text-transform: uppercase; | |
} | |
.lv-avatar > img { | |
width: 35px; | |
height: 35px; | |
border-radius: 50%; | |
vertical-align: top; | |
} | |
.ms-item { | |
padding: 13px 19px 15px; | |
border-radius: 2px; | |
display: inline-block; | |
} | |
@media (min-width: 768px) { | |
.ms-item { | |
max-width: 70%; | |
} | |
} | |
.ms-date { | |
display: block; | |
color: #B3B3B3; | |
margin-top: 7px; | |
} | |
.ms-date > i { | |
font-size: 14px; | |
vertical-align: bottom; | |
line-height: 100%; | |
} | |
.ms-reply { | |
box-shadow: 0 -20px 20px -5px #ffffff; | |
position: relative; | |
margin: 0 !important; | |
} | |
.ms-reply textarea { | |
width: 100%; | |
font-size: 13px; | |
border: 0; | |
padding: 10px 8px; | |
resize: none; | |
height: 60px; | |
} | |
.ms-reply button { | |
position: absolute; | |
top: 0; | |
right: 0; | |
border: 0; | |
height: 100%; | |
width: 60px; | |
font-size: 25px; | |
background: #F5F5F5; | |
color: #2196f3; | |
} | |
.ms-reply button:hover { | |
background: #f2f2f2; | |
} | |
.four-zero-content { | |
background: #fff; | |
padding: 20px; | |
} | |
.four-zero-content:before { | |
height: 50%; | |
width: 100%; | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: #EDECEC; | |
content: ""; | |
} | |
.four-zero { | |
background: #00bcd4; | |
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); | |
border-radius: 2px; | |
position: absolute; | |
top: 50%; | |
margin-top: -150px; | |
color: #fff; | |
text-align: center; | |
padding: 15px; | |
height: 300px; | |
width: 500px; | |
left: 50%; | |
margin-left: -250px; | |
} | |
.four-zero h2 { | |
font-size: 130px; | |
} | |
@media (max-width: 767px) { | |
.four-zero { | |
width: calc(100% - 40px); | |
left: 20px; | |
margin-left: 0; | |
height: 260px; | |
margin-top: -130px; | |
} | |
.four-zero h2 { | |
font-size: 90px; | |
} | |
} | |
.four-zero h2 { | |
line-height: 100%; | |
color: #fff; | |
font-weight: 100; | |
} | |
.four-zero small { | |
display: block; | |
font-size: 26px; | |
margin-top: -10px; | |
} | |
.four-zero footer { | |
background: rgba(0, 0, 0, 0.13); | |
position: absolute; | |
left: 0; | |
bottom: 0; | |
width: 100%; | |
padding: 10px; | |
} | |
.four-zero footer > a { | |
font-size: 21px; | |
display: inline-block; | |
color: #FFF; | |
margin: 0 1px; | |
line-height: 40px; | |
width: 40px; | |
height: 40px; | |
background: rgba(0, 0, 0, 0.09); | |
border-radius: 50%; | |
text-align: center; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.four-zero footer > a:hover { | |
background: rgba(0, 0, 0, 0.2); | |
} | |
.login-content { | |
overflow: hidden; | |
height: 100%; | |
} | |
.login-content .lc-block { | |
background: #fff; | |
box-shadow: 0 1px 11px rgba(0, 0, 0, 0.27); | |
border-radius: 2px; | |
padding: 35px 55px 35px; | |
width: 500px; | |
display: inline-block; | |
margin-top: -60px; | |
vertical-align: middle; | |
position: relative; | |
} | |
@media (max-width: 767px) { | |
.login-content .lc-block { | |
padding: 15px 35px 25px 20px; | |
width: calc(100% - 60px); | |
} | |
} | |
.login-content .lc-block .checkbox { | |
margin: 5px 0 0 42px; | |
text-align: left; | |
} | |
.login-content .lc-block .btn-login { | |
top: 50%; | |
margin-top: -25px; | |
right: -25px; | |
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); | |
} | |
.login-content .lc-block:not(.toggled) { | |
display: none; | |
} | |
.login-content .lc-block.toggled { | |
-webkit-animation-name: fadeInRight; | |
animation-name: fadeInRight; | |
-webkit-animation-duration: 200ms; | |
animation-duration: 200ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
z-index: 10; | |
} | |
.login-content .login-navigation { | |
list-style: none; | |
padding: 0; | |
margin: 0; | |
position: absolute; | |
width: 100%; | |
text-align: center; | |
left: 0%; | |
bottom: -45px; | |
} | |
.login-content .login-navigation > li { | |
display: inline-block; | |
margin: 0 2px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 150ms; | |
transition-duration: 150ms; | |
cursor: pointer; | |
vertical-align: top; | |
color: #fff; | |
line-height: 16px; | |
min-width: 16px; | |
min-height: 16px; | |
text-transform: uppercase; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
} | |
.login-content .login-navigation > li > span { | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.login-content .login-navigation > li:not(:hover) { | |
font-size: 0px; | |
border-radius: 100%; | |
} | |
.login-content .login-navigation > li:hover { | |
border-radius: 10px; | |
padding: 0 5px; | |
font-size: 8px; | |
} | |
.login-content .login-navigation > li:hover > span { | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
body.login-content { | |
text-align: center; | |
} | |
body.login-content:after { | |
content: ""; | |
vertical-align: middle; | |
display: inline-block; | |
width: 1px; | |
height: 100%; | |
} | |
body.login-content:before { | |
height: 50%; | |
width: 100%; | |
position: absolute; | |
top: 0; | |
left: 0; | |
background: #00bcd4; | |
content: ""; | |
z-index: 0; | |
} | |
/* | |
* Block Header | |
* Used for Heading outside the Cards. | |
*/ | |
.block-header { | |
margin-bottom: 25px; | |
position: relative; | |
} | |
@media screen and (min-width: 768px) { | |
.block-header { | |
padding: 0 22px; | |
} | |
} | |
@media screen and (max-width: 991px) { | |
.block-header { | |
padding: 0 18px; | |
} | |
} | |
.block-header > h2 { | |
font-size: 15px; | |
color: #777; | |
margin: 0; | |
font-weight: 400; | |
text-transform: uppercase; | |
} | |
.block-header > h2 > small { | |
display: block; | |
text-transform: none; | |
margin-top: 8px; | |
margin-bottom: 20px; | |
color: #9E9E9E; | |
line-height: 140%; | |
} | |
.block-header .actions { | |
position: absolute; | |
right: 10px; | |
top: -5px; | |
z-index: 3; | |
} | |
/* | |
* Header Actions | |
*/ | |
.actions { | |
list-style: none; | |
padding: 0; | |
z-index: 2; | |
margin: 0; | |
} | |
.actions > li { | |
display: inline-block; | |
vertical-align: baseline; | |
} | |
.actions > li > a, | |
.actions > a { | |
width: 30px; | |
height: 30px; | |
line-height: 29px; | |
display: inline-block; | |
text-align: center; | |
position: relative; | |
} | |
.actions > li > a > i, | |
.actions > a > i { | |
-webkit-transition: color; | |
-moz-transition: color; | |
-o-transition: color; | |
transition: color; | |
-webkit-transition-duration: 1300ms; | |
transition-duration: 1300ms; | |
color: #adadad; | |
font-size: 20px; | |
} | |
.actions > li > a:hover > i, | |
.actions > a:hover > i { | |
color: #000; | |
} | |
.actions > li > a:before, | |
.actions > a:before { | |
left: 0; | |
top: 0; | |
content: ""; | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
-webkit-transform: scale3d(0, 0, 0); | |
-moz-transform: scale3d(0, 0, 0); | |
-ms-transform: scale3d(0, 0, 0); | |
-o-transform: scale3d(0, 0, 0); | |
transform: scale3d(0, 0, 0); | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
background-color: rgba(0, 0, 0, 0.1); | |
z-index: 0; | |
border-radius: 50%; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.actions > li > a:hover:before, | |
.actions > a:hover:before { | |
-webkit-transform: scale3d(1, 1, 1); | |
-moz-transform: scale3d(1, 1, 1); | |
-ms-transform: scale3d(1, 1, 1); | |
-o-transform: scale3d(1, 1, 1); | |
transform: scale3d(1, 1, 1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.actions > li.open > a > i, | |
.actions.open > a > i { | |
color: #000; | |
} | |
.actions > li.open > a:before, | |
.actions.open > a:before { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.actions.actions-alt > li > a > i { | |
color: #fff; | |
} | |
.actions.actions-alt > li > a > i:hover { | |
color: #fff; | |
} | |
.actions.actions-alt > li.open > a > i { | |
color: #fff; | |
} | |
.actions.open { | |
z-index: 3; | |
} | |
/* | |
* Collapse Menu Icons | |
*/ | |
.line-wrap { | |
width: 18px; | |
height: 12px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
margin: 10px 20px; | |
} | |
.line-wrap .line { | |
width: 18px; | |
height: 2px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.line-wrap .line.center { | |
margin: 3px 0; | |
} | |
.open .line-wrap { | |
-webkit-transform: rotate(180deg); | |
-ms-transform: rotate(180deg); | |
-o-transform: rotate(180deg); | |
transform: rotate(180deg); | |
} | |
.open .line-wrap .line.top { | |
width: 12px; | |
transform: translateX(8px) translateY(1px) rotate(45deg); | |
-webkit-transform: translateX(8px) translateY(1px) rotate(45deg); | |
} | |
.open .line-wrap .line.bottom { | |
width: 12px; | |
transform: translateX(8px) translateY(-1px) rotate(-45deg); | |
-webkit-transform: translateX(8px) translateY(-1px) rotate(-45deg); | |
} | |
/* | |
* Social Icons | |
*/ | |
.socicon { | |
font-family: 'socicon' !important; | |
} | |
.ie-warning { | |
position: fixed; | |
top: 0; | |
left: 0; | |
z-index: 9999; | |
background: #000000; | |
width: 100%; | |
height: 100%; | |
text-align: center; | |
color: #fff; | |
font-family: "Courier New", Courier, monospace; | |
padding: 50px 0; | |
} | |
.ie-warning p { | |
font-size: 17px; | |
} | |
.ie-warning .iew-download { | |
background: #fff; | |
list-style: none; | |
padding: 30px 0; | |
margin: 50px -50px; | |
} | |
.ie-warning .iew-download > li { | |
display: inline; | |
zoom: 1; | |
vertical-align: top; | |
} | |
.ie-warning .iew-download > li > a { | |
display: block; | |
color: #000; | |
width: 140px; | |
font-size: 15px; | |
padding: 15px 0; | |
} | |
.ie-warning .iew-download > li > a > div { | |
margin-top: 10px; | |
} | |
.ie-warning .iew-download > li > a:hover { | |
background-color: #eee; | |
} | |
/* | |
* Client card View | |
*/ | |
.client-view { | |
text-align: center; | |
} | |
.client-view .cv-header { | |
position: relative; | |
height: 145px; | |
width: 100%; | |
background-image: url('../img/headers/sm/4.png'); | |
background-repeat: no-repeat; | |
-webkit-background-size: cover; | |
-moz-background-size: cover; | |
-o-background-size: cover; | |
background-size: cover; | |
background-position: center; | |
} | |
.client-view .cv-header > .cv-main { | |
border-radius: 50%; | |
width: 130px; | |
position: absolute; | |
height: 130px; | |
bottom: -50px; | |
left: 50%; | |
margin-left: -65px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.client-view .cv-body { | |
margin-top: 25px; | |
padding: 0 20px 20px; | |
min-height: 380px; | |
} | |
.client-view .cv-body > h2 { | |
margin: 0; | |
line-height: 100%; | |
font-size: 20px; | |
font-weight: 400; | |
} | |
.client-view .cv-body > small { | |
display: block; | |
color: #8E8E8E; | |
margin: 10px 0 15px; | |
} | |
.client-view .cv-body .cv-contact, | |
.client-view .cv-body .cv-follow { | |
padding: 0; | |
list-style: none; | |
} | |
.client-view .cv-body .cv-contact > li, | |
.client-view .cv-body .cv-follow > li { | |
display: inline-block; | |
} | |
.client-view .cv-body .cv-follow { | |
margin: 20px -20px; | |
padding: 10px; | |
background-color: #F7F7F7; | |
border-top: 1px solid #EEE; | |
border-bottom: 1px solid #EEE; | |
} | |
.client-view .cv-body .cv-follow > li { | |
padding: 0 10px; | |
} | |
.client-view .cv-body .cv-contact > li { | |
margin: 0 5px; | |
} | |
.client-view .cv-body .cv-contact > li > .md { | |
line-height: 100%; | |
vertical-align: text-bottom; | |
font-size: 22px; | |
} | |
.client-view .cv-body .cv-follow-btn { | |
padding: 7px 20px; | |
background: #00bcd4; | |
color: #FFF; | |
border-radius: 3px; | |
text-transform: uppercase; | |
display: block; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.client-view .cv-body .cv-follow-btn:hover { | |
background: #00a5bb; | |
} | |
.client-view:hover .cv-main { | |
-webkit-transform: scale(1.2); | |
-ms-transform: scale(1.2); | |
-o-transform: scale(1.2); | |
transform: scale(1.2); | |
} | |
/* | |
* Vendor Overrides | |
*/ | |
.mejs-container { | |
outline: none; | |
} | |
.mejs-container .mejs-controls { | |
background: #ec592f; | |
height: 50px; | |
padding: 10px 5px 0; | |
} | |
.mejs-container .mejs-controls div { | |
height: 5px; | |
} | |
.mejs-container .mejs-controls div.mejs-time-rail { | |
position: absolute; | |
left: 0; | |
top: 0; | |
padding: 0; | |
width: 100% !important; | |
} | |
.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-total { | |
margin: 0; | |
width: 100% !important; | |
background: #ec592f; | |
} | |
.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-loaded { | |
background: #D04B25; | |
} | |
.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-current { | |
background: #ffea00; | |
} | |
.mejs-container .mejs-controls div.mejs-time-rail .mejs-time-buffering { | |
background: #ec592f; | |
} | |
.mejs-container .mejs-controls div.mejs-time-rail span:not(.mejs-time-float), | |
.mejs-container .mejs-controls div.mejs-time-rail a { | |
border-radius: 0; | |
height: 3px; | |
} | |
.mejs-container .mejs-controls .mejs-button button { | |
background-color: #ec592f; | |
width: 15px; | |
height: 15px; | |
background-position: center; | |
} | |
.mejs-container .mejs-controls .mejs-button button:focus { | |
outline: none !important; | |
} | |
.mejs-container .mejs-controls .mejs-volume-button { | |
position: absolute; | |
right: 35px; | |
} | |
.mejs-container .mejs-controls .mejs-play button { | |
background-image: url("../img/icons/play.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.mejs-container .mejs-controls .mejs-play button { | |
background-image: url("../img/icons/play@2x.png"); | |
background-size: 15px 15px; | |
} | |
} | |
.mejs-container .mejs-controls .mejs-pause button { | |
background-image: url("../img/icons/pause.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.mejs-container .mejs-controls .mejs-pause button { | |
background-image: url("../img/icons/pause@2x.png"); | |
background-size: 15px 15px; | |
} | |
} | |
.mejs-container .mejs-controls .mejs-mute button { | |
background-image: url("../img/icons/speaker.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.mejs-container .mejs-controls .mejs-mute button { | |
background-image: url("../img/icons/speaker@2x.png"); | |
background-size: 15px 15px; | |
} | |
} | |
.mejs-container .mejs-controls .mejs-unmute button { | |
background-image: url("../img/icons/speaker-2.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.mejs-container .mejs-controls .mejs-unmute button { | |
background-image: url("../img/icons/speaker-2@2x.png"); | |
background-size: 15px 15px; | |
} | |
} | |
.mejs-container .mejs-controls .mejs-fullscreen-button { | |
position: absolute; | |
right: 5px; | |
} | |
.mejs-container .mejs-controls .mejs-fullscreen-button button { | |
background-image: url("../img/icons/fullscreen.png"); | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.mejs-container .mejs-controls .mejs-fullscreen-button button { | |
background-image: url("../img/icons/fullscreen@2x.png"); | |
background-size: 15px 15px; | |
} | |
} | |
/** CALENDAR WIDGET **/ | |
#calendar-widget { | |
margin-bottom: 30px; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
} | |
#fc-actions { | |
position: absolute; | |
top: 24px; | |
right: 12px; | |
} | |
.fc { | |
background-color: #fff; | |
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15); | |
margin-bottom: 30px; | |
} | |
.fc td { | |
border-color: #f0f0f0; | |
text-align: center !important; | |
} | |
.fc th { | |
background: #f32c1e; | |
color: rgba(255, 255, 255, 0.9); | |
font-weight: 400; | |
padding: 6px 0; | |
} | |
.fc table tr > td:first-child { | |
border-left-width: 0; | |
} | |
.fc .ui-widget-header { | |
border-width: 0; | |
} | |
.fc-toolbar { | |
background-color: #f44336; | |
margin-bottom: 0; | |
padding: 20px 7px 19px; | |
position: relative; | |
} | |
.fc-toolbar h2 { | |
color: rgba(255, 255, 255, 0.9); | |
margin-top: 7px; | |
font-size: 20px; | |
font-weight: 300; | |
text-transform: uppercase; | |
} | |
.fc-toolbar .ui-button { | |
border: 0; | |
background: 0 0; | |
padding: 0; | |
outline: none !important; | |
text-align: center; | |
} | |
.fc-toolbar .ui-button > span { | |
position: relative; | |
font-family: 'Material Design Iconic Font'; | |
font-size: 20px; | |
color: #FFF; | |
line-height: 100%; | |
width: 30px; | |
padding-top: 5px; | |
display: block; | |
margin-top: 2px; | |
} | |
.fc-toolbar .ui-button > span:before { | |
position: relative; | |
z-index: 1; | |
} | |
.fc-toolbar .ui-button > span.ui-icon-circle-triangle-w:before { | |
content: "\f297"; | |
} | |
.fc-toolbar .ui-button > span.ui-icon-circle-triangle-e:before { | |
content: "\f298"; | |
} | |
.fc-toolbar .ui-button > span:after { | |
content: ""; | |
width: 0; | |
position: absolute; | |
top: 50%; | |
height: 0; | |
border-radius: 50%; | |
left: 50%; | |
z-index: 0; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
} | |
.fc-toolbar .ui-button:hover > span:after { | |
width: 31px; | |
height: 31px; | |
left: 0; | |
top: 0; | |
background: rgba(0, 0, 0, 0.2); | |
} | |
.fc-event { | |
padding: 0; | |
font-size: 11px; | |
border-radius: 0; | |
border: 0; | |
} | |
.fc-event .fc-title { | |
padding: 2px 0; | |
display: block; | |
} | |
.fc-event .fc-time { | |
float: left; | |
background: rgba(0, 0, 0, 0.2); | |
padding: 2px 6px; | |
margin: 0 0 0 -1px; | |
} | |
.fc-view, | |
.fc-view > table { | |
border: 0; | |
overflow: hidden; | |
/* | |
@media @min-992 { | |
width: ~"calc(100% + 1px)"; | |
} | |
*/ | |
} | |
.fc-view > table > tbody > tr > .ui-widget-content { | |
border-top: 0; | |
} | |
div.fc-row { | |
margin-right: 0 !important; | |
border: 0 !important; | |
} | |
/* Even Tag Color */ | |
.event-tag { | |
margin-top: 5px; | |
} | |
.event-tag > span { | |
border-radius: 50%; | |
width: 30px; | |
height: 30px; | |
position: relative; | |
display: inline-block; | |
cursor: pointer; | |
} | |
.event-tag > span:hover { | |
opacity: 0.8; | |
filter: alpha(opacity=80); | |
} | |
.event-tag > span.selected:before { | |
font-family: 'Material Design Iconic Font'; | |
content: "\f299"; | |
position: absolute; | |
text-align: center; | |
top: 3px; | |
width: 100%; | |
font-size: 17px; | |
color: #FFF; | |
} | |
.bootgrid-footer .infoBar, | |
.bootgrid-header .actionBar { | |
text-align: left; | |
} | |
.bootgrid-footer .search, | |
.bootgrid-header .search { | |
vertical-align: top; | |
} | |
.bootgrid-header { | |
padding: 0 25px 10px; | |
} | |
.bootgrid-header .search { | |
border: 1px solid #e0e0e0; | |
} | |
.bootgrid-header .search .form-control, | |
.bootgrid-header .search .input-group-addon { | |
border: 0; | |
} | |
.bootgrid-header .search .glyphicon-search { | |
vertical-align: top; | |
padding: 10px 10px 0; | |
} | |
.bootgrid-header .search .glyphicon-search:before { | |
content: "\f05f"; | |
font-family: 'Material Design Iconic Font'; | |
font-size: 17px; | |
vertical-align: top; | |
line-height: 100%; | |
} | |
@media (min-width: 480px) { | |
.bootgrid-header .search { | |
width: 300px; | |
} | |
} | |
@media (max-width: 480px) { | |
.bootgrid-header .search { | |
width: 100%; | |
padding-right: 90px; | |
} | |
} | |
.bootgrid-header .actions { | |
box-shadow: none; | |
} | |
.bootgrid-header .actions .btn-group { | |
border: 1px solid #e0e0e0; | |
} | |
.bootgrid-header .actions .btn-group .btn { | |
height: 35px; | |
box-shadow: none !important; | |
background: transparent; | |
} | |
.bootgrid-header .actions .btn-group .dropdown-menu { | |
padding: 10px 20px; | |
} | |
.bootgrid-header .actions .btn-group .dropdown-menu .dropdown-item { | |
padding: 0 0 0 27px !important; | |
} | |
.bootgrid-header .actions .btn-group .dropdown-menu .dropdown-item:hover { | |
background-color: #fff !important; | |
} | |
@media (min-width: 768px) { | |
.bootgrid-header .actions .btn-group .dropdown-menu { | |
left: 0; | |
-webkit-transform-origin: top left; | |
-moz-transform-origin: top left; | |
-ms-transform-origin: top left; | |
transform-origin: top left; | |
margin-top: 1px; | |
} | |
} | |
.bootgrid-header .actions .btn-group .caret { | |
display: none; | |
} | |
.bootgrid-header .actions .btn-group .md { | |
line-height: 100%; | |
font-size: 18px; | |
vertical-align: top; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 250ms; | |
transition-duration: 250ms; | |
} | |
.bootgrid-header .actions .btn-group.open .md { | |
-webkit-transform: rotate(90deg); | |
-ms-transform: rotate(90deg); | |
-o-transform: rotate(90deg); | |
transform: rotate(90deg); | |
} | |
@media (max-width: 480px) { | |
.bootgrid-header .actions { | |
position: absolute; | |
top: 0; | |
right: 15px; | |
} | |
} | |
.bootgrid-table th > .column-header-anchor > .icon { | |
top: 0px; | |
font-size: 20px; | |
line-height: 100%; | |
} | |
.bootgrid-footer .col-sm-6 { | |
padding: 10px 30px 20px; | |
} | |
@media (max-width: 768px) { | |
.bootgrid-footer .col-sm-6 { | |
text-align: center; | |
} | |
} | |
@media (max-width: 768px) { | |
.bootgrid-footer .infoBar { | |
display: none; | |
} | |
} | |
.bootgrid-footer .infoBar .infos { | |
border: 1px solid #EEE; | |
display: inline-block; | |
float: right; | |
padding: 7px 30px; | |
font-size: 12px; | |
margin-top: 5px; | |
} | |
.select-cell .checkbox { | |
margin: 0; | |
} | |
.command-edit, | |
.command-delete { | |
background: #fff; | |
border: 1px solid #eee !important; | |
} | |
.bootstrap-select > .selectpicker { | |
background: none !important; | |
border-bottom: 1px solid #e0e0e0 !important; | |
border-radius: 0; | |
padding-left: 0; | |
padding-right: 0; | |
} | |
.bootstrap-select > .selectpicker:before { | |
position: absolute; | |
top: 0; | |
right: 0; | |
content: ""; | |
height: calc(100% - 2px); | |
width: 30px; | |
background-color: #FFF; | |
background-position: right calc(100% - 7px); | |
background-repeat: no-repeat; | |
background-image: url("../img/select.png"); | |
pointer-events: none; | |
z-index: 5; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.bootstrap-select > .selectpicker:before { | |
background-image: url("../img/select@2x.png"); | |
background-size: 12px 12px; | |
} | |
} | |
.bootstrap-select > .selectpicker:after { | |
position: absolute; | |
z-index: 3; | |
bottom: -1px; | |
left: 0; | |
height: 2px; | |
width: 0; | |
content: ""; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.bootstrap-select > .selectpicker:not(.disabled):after, | |
.bootstrap-select > .selectpicker:not(.readonly):after { | |
background: #2196f3; | |
} | |
.bootstrap-select > .selectpicker.disabled:after, | |
.bootstrap-select > .selectpicker.readonly:after { | |
background: #ccc; | |
} | |
.bootstrap-select.open > .selectpicker:after { | |
width: 100%; | |
} | |
.bootstrap-select .bs-searchbox { | |
padding: 0 18px; | |
margin: 5px 0 10px; | |
position: relative; | |
} | |
.bootstrap-select .bs-searchbox:before { | |
position: absolute; | |
left: 14px; | |
top: 2px; | |
width: 30px; | |
height: 100%; | |
content: "\f05f"; | |
font-family: 'Material Design Iconic Font'; | |
font-size: 25px; | |
} | |
.bootstrap-select .bs-searchbox input { | |
padding-left: 25px; | |
border: 0; | |
} | |
.bootstrap-select.btn-group .dropdown-menu li a.opt { | |
padding-left: 17px; | |
} | |
.bootstrap-select .check-mark { | |
margin-top: -5px !important; | |
font-size: 19px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
display: block !important; | |
position: absolute; | |
top: 7px; | |
right: 15px; | |
} | |
.bootstrap-select .selected .check-mark { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
} | |
.bootstrap-select .notify { | |
bottom: 0 !important; | |
margin: 0 !important; | |
width: 100% !important; | |
border: 0 !important; | |
background: #f44336 !important; | |
color: #fff !important; | |
text-align: center; | |
} | |
.chosen-container .chosen-drop { | |
border: 0; | |
} | |
.chosen-container:after { | |
position: absolute; | |
z-index: 3; | |
bottom: 0; | |
left: 0; | |
height: 2px; | |
width: 0; | |
content: ""; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
background: #2196f3; | |
} | |
.chosen-container .chosen-drop { | |
margin-top: 1px; | |
display: block; | |
left: 0; | |
width: 100%; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
opacity: 0; | |
filter: alpha(opacity=0); | |
} | |
.chosen-container:not(.chosen-right) .chosen-drop { | |
-webkit-transform-origin: 0 0; | |
-moz-transform-origin: 0 0; | |
-ms-transform-origin: 0 0; | |
transform-origin: 0 0; | |
} | |
.chosen-container.chosen-right .chosen-drop { | |
-webkit-transform-origin: 100% 0; | |
-moz-transform-origin: 100% 0; | |
-ms-transform-origin: 100% 0; | |
transform-origin: 100% 0; | |
} | |
.chosen-container.chosen-container-active .chosen-drop { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.chosen-container .chosen-results { | |
padding: 0; | |
margin: 0; | |
} | |
.chosen-container .chosen-results > li { | |
padding: 8px 17px; | |
color: #4C4C4C; | |
-webkit-transition: background-color; | |
-moz-transition: background-color; | |
-o-transition: background-color; | |
transition: background-color; | |
-webkit-transition-duration: 300ms; | |
transition-duration: 300ms; | |
} | |
.chosen-container .chosen-results > li:not(.disabled-result):not(.result-selected):not(.group-result) { | |
color: #262626; | |
} | |
.chosen-container .chosen-results > li:not(.disabled-result):not(.result-selected):not(.group-result):not(:hover) { | |
background: #fff !important; | |
} | |
.chosen-container .chosen-results > li:not(.disabled-result):not(.result-selected):not(.group-result):hover { | |
background-color: #e4e4e4; | |
color: #262626; | |
} | |
.chosen-container .chosen-results > li.disabled-result { | |
color: #e4e4e4; | |
} | |
.chosen-container .chosen-results > li.result-selected { | |
background: #2196f3; | |
color: #fff; | |
} | |
.chosen-container .chosen-results > li.group-result { | |
padding: 3px 16px; | |
margin-top: 10px; | |
color: #b1b1b1; | |
font-weight: normal; | |
} | |
.chosen-container .chosen-results > li.group-result:not(:first-child) { | |
border-top: 1px solid rgba(0, 0, 0, 0.08); | |
padding-top: 15px; | |
} | |
.chosen-container .chosen-choices { | |
border-left: 0; | |
border-top: 0; | |
border-right: 0; | |
} | |
.chosen-container .chosen-choices .search-field input[type=text] { | |
height: 34px; | |
} | |
.chosen-container .chosen-choices .search-choice { | |
border: 0; | |
padding: 5px 25px 5px 7px; | |
border-radius: 2px; | |
margin: 3px 5px 1px 0; | |
} | |
.chosen-container .chosen-choices .search-choice .search-choice-close { | |
right: 5px; | |
} | |
.chosen-container .chosen-choices .search-choice .search-choice-close:before { | |
font-family: 'Material Design Iconic Font'; | |
content: "\f29a"; | |
font-size: 13px; | |
color: #696969; | |
margin-right: 8px; | |
} | |
.chosen-container .chosen-choices .chosen-single-with-deselect:before { | |
font-family: 'Material Design Iconic Font'; | |
content: "\f29a"; | |
font-size: 13px; | |
color: #696969; | |
margin-right: 8px; | |
content: ""; | |
} | |
.chosen-container-single:before { | |
position: absolute; | |
top: 0; | |
height: 100%; | |
width: 13px; | |
right: 0; | |
z-index: 1; | |
background-image: url("../img/select.png"); | |
background-position: right; | |
background-repeat: no-repeat; | |
content: ""; | |
} | |
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) { | |
.chosen-container-single:before { | |
background-image: url("../img/select@2x.png"); | |
background-size: 12px 12px; | |
} | |
} | |
.chosen-container-single .chosen-single { | |
padding: 0 16px 0 0; | |
border-left: 0; | |
border-top: 0; | |
border-right: 0; | |
} | |
.chosen-container-single .chosen-search { | |
padding: 0 18px; | |
margin: 10px 0 15px; | |
position: relative; | |
} | |
.chosen-container-single .chosen-search:before { | |
position: absolute; | |
left: 14px; | |
top: 2px; | |
width: 30px; | |
height: 100%; | |
content: "\f05f"; | |
font-family: 'Material Design Iconic Font'; | |
font-size: 25px; | |
} | |
.chosen-container-single .chosen-search input[type=text] { | |
border: 0; | |
padding-top: 8px; | |
padding-left: 30px; | |
} | |
.chosen-container-active.chosen-with-drop .chosen-single { | |
border: 0; | |
} | |
.chosen-container-active:after { | |
width: 100%; | |
} | |
.noUi-target { | |
border-radius: 0; | |
box-shadow: none; | |
border: 0; | |
} | |
.noUi-background { | |
background: #d4d4d4; | |
box-shadow: none; | |
} | |
.noUi-horizontal { | |
height: 3px; | |
} | |
.noUi-horizontal .noUi-handle { | |
top: -8px; | |
} | |
.noUi-vertical { | |
width: 3px; | |
} | |
.noUi-horizontal .noUi-handle, | |
.noUi-vertical .noUi-handle { | |
width: 19px; | |
height: 19px; | |
border: 0; | |
border-radius: 100%; | |
box-shadow: none; | |
-webkit-transition: box-shadow; | |
-moz-transition: box-shadow; | |
-o-transition: box-shadow; | |
transition: box-shadow; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
cursor: pointer; | |
position: relative; | |
} | |
.noUi-horizontal .noUi-handle:before, | |
.noUi-vertical .noUi-handle:before, | |
.noUi-horizontal .noUi-handle:after, | |
.noUi-vertical .noUi-handle:after { | |
display: none; | |
} | |
.noUi-horizontal .noUi-handle:active, | |
.noUi-vertical .noUi-handle:active { | |
background: #ccc !important; | |
} | |
.noUi-horizontal .noUi-handle .is-tooltip, | |
.noUi-vertical .noUi-handle .is-tooltip { | |
position: absolute; | |
bottom: 32px; | |
height: 35px; | |
border-radius: 2px; | |
color: #fff; | |
text-align: center; | |
line-height: 33px; | |
width: 50px; | |
left: 50%; | |
margin-left: -25px; | |
padding: 0 10px; | |
-webkit-transition: all; | |
-moz-transition: all; | |
-o-transition: all; | |
transition: all; | |
-webkit-transition-duration: 200ms; | |
transition-duration: 200ms; | |
-webkit-backface-visibility: hidden; | |
-moz-backface-visibility: hidden; | |
backface-visibility: hidden; | |
opacity: 0; | |
filter: alpha(opacity=0); | |
-webkit-transform: scale(0); | |
-ms-transform: scale(0); | |
-o-transform: scale(0); | |
transform: scale(0); | |
} | |
.noUi-horizontal .noUi-handle .is-tooltip:after, | |
.noUi-vertical .noUi-handle .is-tooltip:after { | |
width: 0; | |
height: 0; | |
border-style: solid; | |
border-width: 15px 10px 0 10px; | |
position: absolute; | |
bottom: -8px; | |
left: 50%; | |
margin-left: -9px; | |
content: ""; | |
} | |
.noUi-horizontal .noUi-active, | |
.noUi-vertical .noUi-active { | |
box-shadow: 0 0 0 13px rgba(0, 0, 0, 0.1); | |
} | |
.noUi-horizontal .noUi-active .is-tooltip, | |
.noUi-vertical .noUi-active .is-tooltip { | |
-webkit-transform: scale(1); | |
-ms-transform: scale(1); | |
-o-transform: scale(1); | |
transform: scale(1); | |
bottom: 40px; | |
opacity: 1; | |
filter: alpha(opacity=100); | |
} | |
.input-slider:not([data-is-color]) .noUi-handle, | |
.input-slider-range:not([data-is-color]) .noUi-handle, | |
.input-slider-time-range:not([data-is-color]) .noUi-handle, | |
.input-slider-values:not([data-is-color]) .noUi-handle, | |
.input-slider:not([data-is-color]) .noUi-connect, | |
.input-slider-range:not([data-is-color]) .noUi-connect, | |
.input-slider-time-range:not([data-is-color]) .noUi-connect, | |
.input-slider-values:not([data-is-color]) .noUi-connect { | |
background: #009688 !important; | |
} | |
.input-slider:not([data-is-color]) .is-tooltip, | |
.input-slider-range:not([data-is-color]) .is-tooltip, | |
.input-slider-time-range:not([data-is-color]) .is-tooltip, | |
.input-slider-values:not([data-is-color]) .is-tooltip { | |
background: #009688; | |
} | |
.input-slider:not([data-is-color]) .is-tooltip:after, | |
.input-slider-range:not([data-is-color]) .is-tooltip:after, | |
.input-slider-time-range:not([data-is-color]) .is-tooltip:after, | |
.input-slider-values:not([data-is-color]) .is-tooltip:after { | |
border-color: #009688 transparent transparent transparent; | |
} | |
.input-slider[data-is-color=red] .noUi-handle, | |
.input-slider-range[data-is-color=red] .noUi-handle, | |
.input-slider-time-range[data-is-color=red] .noUi-handle, | |
.input-slider-values[data-is-color=red] .noUi-handle, | |
.input-slider[data-is-color=red] .noUi-connect, | |
.input-slider-range[data-is-color=red] .noUi-connect, | |
.input-slider-time-range[data-is-color=red] .noUi-connect, | |
.input-slider-values[data-is-color=red] .noUi-connect { | |
background: #f44336 !important; | |
} | |
.input-slider[data-is-color=blue] .noUi-handle, | |
.input-slider-range[data-is-color=blue] .noUi-handle, | |
.input-slider-time-range[data-is-color=blue] .noUi-handle, | |
.input-slider-values[data-is-color=blue] .noUi-handle, | |
.input-slider[data-is-color=blue] .noUi-connect, | |
.input-slider-range[data-is-color=blue] .noUi-connect, | |
.input-slider-time-range[data-is-color=blue] .noUi-connect, | |
.input-slider-values[data-is-color=blue] .noUi-connect { | |
background: #2196f3 !important; | |
} | |
.input-slider[data-is-color=cyan] .noUi-handle, | |
.input-slider-range[data-is-color=cyan] .noUi-handle, | |
.input-slider-time-range[data-is-color=cyan] .noUi-handle, | |
.input-slider-values[data-is-color=cyan] .noUi-handle, | |
.input-slider[data-is-color=cyan] .noUi-connect, | |
.input-slider-range[data-is-color=cyan] .noUi-connect, | |
.input-slider-time-range[data-is-color=cyan] .noUi-connect, | |
.input-slider-values[data-is-color=cyan] .noUi-connect { | |
background: #00bcd4 !important; | |
} | |
.input-slider[data-is-color=amber] .noUi-handle, | |
.input-slider-range[data-is-color=amber] .noUi-handle, | |
.input-slider-time-range[data-is-color=amber] .noUi-handle, | |
.input-slider-values[data-is-color=amber] .noUi-handle, | |
.input-slider[data-is-color=amber] .noUi-connect, | |
.input-slider-range[data-is-color=amber] .noUi-connect, | |
.input-slider-time-range[data-is-color=amber] .noUi-connect, | |
.input-slider-values[data-is-color=amber] .noUi-connect { | |
background: #ffc107 !important; | |
} | |
.input-slider[data-is-color=green] .noUi-handle, | |
.input-slider-range[data-is-color=green] .noUi-handle, | |
.input-slider-time-range[data-is-color=green] .noUi-handle, | |
.input-slider-values[data-is-color=green] .noUi-handle, | |
.input-slider[data-is-color=green] .noUi-connect, | |
.input-slider-range[data-is-color=green] .noUi-connect, | |
.input-slider-time-range[data-is-color=green] .noUi-connect, | |
.input-slider-values[data-is-color=green] .noUi-connect { | |
background: #4caf50 !important; | |
} | |
.input-slider .noUi-origin { | |
background: #d4d4d4; | |
} | |
.input-slider:not([data-is-color]) .noUi-base { | |
background: #009688 !important; | |
} | |
.input-slider[data-is-color=red] .noUi-base { | |
background: #f44336 !important; | |
} | |
.input-slider[data-is-color=blue] .noUi-base { | |
background: #2196f3 !important; | |
} | |
.input-slider[data-is-color=cyan] .noUi-base { | |
background: #00bcd4 !important; | |
} | |
.input-slider[data-is-color=amber] .noUi-base { | |
background: #ffc107 !important; | |
} | |
.input-slider[data-is-color=green] .noUi-base { | |
background: #4caf50 !important; | |
} | |
.cp-container { | |
position: relative; | |
} | |
.cp-container > .input-group input.cp-value { | |
color: #000 !important; | |
background: transparent !important; | |
} | |
.cp-container > .input-group .dropdown-menu { | |
padding: 20px; | |
margin-left: 10px; | |
} | |
.cp-container i.cp-value { | |
width: 25px; | |
height: 25px; | |
border-radius: 2px; | |
position: absolute; | |
top: 0; | |
right: 15px; | |
} | |
.note-editor, | |
.note-popover { | |
border-color: #e4e4e4; | |
} | |
.note-editor .note-toolbar, | |
.note-popover .note-toolbar, | |
.note-editor .popover-content, | |
.note-popover .popover-content { | |
background: #fff; | |
border-color: #e4e4e4; | |
margin: 0; | |
padding: 10px 0 15px; | |
text-align: center; | |
} | |
.note-editor .note-toolbar > .btn-group, | |
.note-popover .note-toolbar > .btn-group, | |
.note-editor .popover-content > .btn-group, | |
.note-popover .popover-content > .btn-group { | |
display: inline-block; | |
float: none; | |
box-shadow: none; | |
} | |
.note-editor .note-toolbar > .btn-group .btn, | |
.note-popover .note-toolbar > .btn-group .btn, | |
.note-editor .popover-content > .btn-group .btn, | |
.note-popover .popover-content > .btn-group .btn { | |
margin: 0 1px; | |
} | |
.note-editor .note-toolbar > .btn-group > .active, | |
.note-popover .note-toolbar > .btn-group > .active, | |
.note-editor .popover-content > .btn-group > .active, | |
.note-popover .popover-content > .btn-group > .active { | |
background: #00bcd4; | |
color: #fff; | |
} | |
.note-editor .note-toolbar .btn, | |
.note-popover .note-toolbar .btn, | |
.note-editor .popover-content .btn, | |
.note-popover .popover-content .btn { | |
height: 40px; | |
border-radius: 2px !important; | |
box-shadow: none !important; | |
} | |
.note-editor .note-toolbar .btn:active, | |
.note-popover .note-toolbar .btn:active, | |
.note-editor .popover-content .btn:active, | |
.note-popover .popover-content .btn:active { | |
box-shadow: none; | |
} | |
.note-editor .note-toolbar .note-palette-title, | |
.note-popover .note-toolbar .note-palette-title, | |
.note-editor .popover-content .note-palette-title, | |
.note-popover .popover-content .note-palette-title { | |
margin: 0 !important; | |
padding: 10px 0 !important; | |
font-size: 13px !important; | |
text-align: center !important; | |
border: 0 !important; | |
} | |
.note-editor .note-toolbar .note-color-reset, | |
.note-popover .note-toolbar .note-color-reset, | |
.note-editor .popover-content .note-color-reset, | |
.note-popover .popover-content .note-color-reset { | |
padding: 0 0 10px !important; | |
margin: 0 !important; | |
background: none; | |
text-align: center; | |
} | |
.note-editor .note-toolbar .note-color .dropdown-menu, | |
.note-popover .note-toolbar .note-color .dropdown-menu, | |
.note-editor .popover-content .note-color .dropdown-menu, | |
.note-popover .popover-content .note-color .dropdown-menu { | |
min-width: 335px; | |
} | |
.note-editor .note-statusbar .note-resizebar, | |
.note-popover .note-statusbar .note-resizebar { | |
border-color: #E8E8E8; | |
} | |
.note-editor .note-statusbar .note-resizebar .note-icon-bar, | |
.note-popover .note-statusbar .note-resizebar .note-icon-bar { | |
border-color: #BCBCBC; | |
} | |
.note-editor .fa, | |
.note-popover .fa { | |
font-style: normal; | |
font-size: 20px; | |
vertical-align: middle; | |
} | |
.note-editor .fa:before, | |
.note-popover .fa:before { | |
font-family: 'Material Design Iconic Font'; | |
} | |
.note-editor .fa.fa-magic:before, | |
.note-popover .fa.fa-magic:before { | |
content: "\f11b"; | |
} | |
.note-editor .fa.fa-bold:before, | |
.note-popover .fa.fa-bold:before { | |
content: "\f17a"; | |
} | |
.note-editor .fa.fa-italic:before, | |
.note-popover .fa.fa-italic:before { | |
content: "\f181"; | |
} | |
.note-editor .fa.fa-underline:before, | |
.note-popover .fa.fa-underline:before { | |
content: "\f18b"; | |
} | |
.note-editor .fa.fa-font:before, | |
.note-popover .fa.fa-font:before { | |
content: "\f17e"; | |
} | |
.note-editor .fa.fa-list-ul:before, | |
.note-popover .fa.fa-list-ul:before { | |
content: "\f183"; | |
} | |
.note-editor .fa.fa-list-ol:before, | |
.note-popover .fa.fa-list-ol:before { | |
content: "\f184"; | |
} | |
.note-editor .fa.fa-align-left:before, | |
.note-popover .fa.fa-align-left:before { | |
content: "\f178"; | |
} | |
.note-editor .fa.fa-align-left:before, | |
.note-popover .fa.fa-align-left:before { | |
content: "\f178"; | |
} | |
.note-editor .fa.fa-align-right:before, | |
.note-popover .fa.fa-align-right:before { | |
content: "\f179"; | |
} | |
.note-editor .fa.fa-align-center:before, | |
.note-popover .fa.fa-align-center:before { | |
content: "\f176"; | |
} | |
.note-editor .fa.fa-align-justify:before, | |
.note-popover .fa.fa-align-justify:before { | |
content: "\f177"; | |
} | |
.note-editor .fa.fa-indent:before, | |
.note-popover .fa.fa-indent:before { | |
content: "\f180"; | |
} | |
.note-editor .fa.fa-outdent:before, | |
.note-popover .fa.fa-outdent:before { | |
content: "\f17f"; | |
} | |
.note-editor .fa.fa-text-height:before, | |
.note-popover .fa.fa-text-height:before { | |
content: "\f182"; | |
} | |
.note-editor .fa.fa-table:before, | |
.note-popover .fa.fa-table:before { | |
content: "\f21e"; | |
} | |
.note-editor .fa.fa-link:before, | |
.note-popover .fa.fa-link:before { | |
content: "\f10d"; | |
} | |
.note-editor .fa.fa-picture-o:before, | |
.note-popover .fa.fa-picture-o:before { | |
content: "\f224"; | |
} | |
.note-editor .fa.fa-minus:before, | |
.note-popover .fa.fa-minus:before { | |
content: "\f16e"; | |
} | |
.note-editor .fa.fa-arrows-alt:before, | |
.note-popover .fa.fa-arrows-alt:before { | |
content: "\f29f"; | |
} | |
.note-editor .fa.fa-code:before, | |
.note-popover .fa.fa-code:before { | |
content: "\f066"; | |
} | |
.note-editor .fa.fa-question:before, | |
.note-popover .fa.fa-question:before { | |
content: "\f033"; | |
} | |
.note-editor .fa.fa-eraser:before, | |
.note-popover .fa.fa-eraser:before { | |
content: "\f17b"; | |
} | |
.note-editor .fa.fa-square:before, | |
.note-popover .fa.fa-square:before { | |
content: "\f1f4"; | |
} | |
.note-editor .fa.fa-circle-o:before, | |
.note-popover .fa.fa-circle-o:before { | |
content: "\f2e3"; | |
} | |
.note-editor .fa.fa-times:before, | |
.note-popover .fa.fa-times:before { | |
content: "\f29a"; | |
} | |
.note-editor .note-air-popover .arrow, | |
.note-popover .note-air-popover .arrow { | |
left: 20px; | |
} | |
.note-editor .note-editable { | |
padding: 20px 23px; | |
} | |
.bootstrap-datetimepicker-widget { | |
margin-top: 0 !important; | |
} | |
.bootstrap-datetimepicker-widget.top { | |
-webkit-transform-origin: 0 100% !important; | |
-moz-transform-origin: 0 100% !important; | |
-ms-transform-origin: 0 100% !important; | |
transform-origin: 0 100% !important; | |
} | |
.bootstrap-datetimepicker-widget:before, | |
.bootstrap-datetimepicker-widget:after { | |
display: none !important; | |
} | |
.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle span { | |
background: #fff; | |
border-radius: 0; | |
} | |
.bootstrap-datetimepicker-widget .picker-switch.accordion-toggle span:hover { | |
background: #fff; | |
} | |
.bootstrap-datetimepicker-widget .datepicker-days table { | |
margin-bottom: 20px; | |
} | |
.bootstrap-datetimepicker-widget .timepicker .md { | |
font-size: 25px; | |
} | |
.bootstrap-datetimepicker-widget .glyphicon { | |
color: #333; | |
} | |
.fileinput .close { | |
position: relative; | |
top: 7px; | |
margin-left: 10px; | |
font-size: 22px; | |
float: none; | |
} | |
.fileinput .input-group-addon { | |
padding: 0 10px; | |
vertical-align: middle; | |
} | |
.fileinput .fileinput-preview { | |
width: 200px; | |
height: 150px; | |
position: relative; | |
} | |
.fileinput .fileinput-preview img { | |
display: inline-block; | |
vertical-align: middle; | |
margin-top: -13px; | |
} | |
.fileinput .fileinput-preview:after { | |
content: ""; | |
display: inline-block; | |
vertical-align: middle; | |
} | |
.sweet-alert { | |
border-radius: 2px; | |
font-family: inherit; | |
padding: 30px; | |
} | |
.sweet-alert > h2 { | |
font-size: 20px; | |
font-weight: normal; | |
color: #000000; | |
margin: 0 0 5px; | |
} | |
.sweet-alert p { | |
font-size: 13px; | |
color: #5e5e5e; | |
} | |
.sweet-alert button { | |
font-size: 12px; | |
text-transform: uppercase; | |
padding: 6px 10px; | |
font-weight: 300; | |
border-radius: 2px; | |
} | |
.sweet-alert .sa-icon { | |
margin: 0 auto 20px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment