/* Layout desenvolvido para o sistema da Neoconsig. Versão:1.0 Autor: Limegreen Digital URL :http://www.limegreendigital.com.br */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ @import url(https://fonts.googleapis.com/css?family=Muli); hr, img { border: 0 } body, figure { margin: 0 } .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .pre-scrollable { max-height: 340px } .be-option-button, .table-filters { -webkit-box-orient: vertical; -webkit-box-direction: normal } .be-booking-promo, .be-option-button, .table-filters { -webkit-box-direction: normal } html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 10px; -webkit-tap-highlight-color: transparent } 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 } b, optgroup, strong { font-weight: 700 } dfn { font-style: italic } h1 { margin: .67em 0 } mark { background: #ff0; color: #000 } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } img { vertical-align: middle } svg:not(:root) { overflow: hidden } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0 } pre, textarea { overflow: auto } code, kbd, pre, samp { font-size: 1em } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0 } .glyphicon, address { font-style: normal } 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.close, input.form-control, textarea.form-control { -webkit-appearance: none } button[disabled], html input[disabled] { cursor: default } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0 } input[type=checkbox], input[type=radio] { -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none } 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 { blockquote, img, pre, tr { page-break-inside: avoid } *, :after, :before { background: 0 0 !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^="javascript:"]:after, a[href^="#"]:after { content: "" } blockquote, pre { border: 1px solid #999 } thead { display: table-header-group } img { max-width: 100% !important } h2, h3, p { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } .navbar { display: none } .btn>.caret, .dropup>.btn>.caret { border-top-color: #000 !important } .label { border: 1px solid #000 } .table { border-collapse: collapse !important } .table td, .table th { background-color: #fff !important } .table-bordered td, .table-bordered th { border: 1px solid #ddd !important } } @font-face { font-family: 'Glyphicons Halflings'; src: url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.eot); src: url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regulard41d.eot?#iefix) format('embedded-opentype'), url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.woff) format('woff'), url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(../lib/bootstrap/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg') } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-asterisk:before { content: "\002a" } .glyphicon-plus:before { content: "\002b" } .glyphicon-eur:before, .glyphicon-euro: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, .glyphicon-btc:before, .glyphicon-xbt:before { content: "\e227" } .glyphicon-jpy:before, .glyphicon-yen:before { content: "\00a5" } .glyphicon-rub:before, .glyphicon-ruble: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" } *, :after, :before { -moz-box-sizing: border-box; box-sizing: border-box } body { font-family: Roboto, Arial, sans-serif; font-size: 13px; line-height: 1.42857143; color: #404040 } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit } a { color: #4285f4; text-decoration: none } a:focus, a:hover { color: #0d5bdd } a:focus { outline-offset: -2px } .carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img { display: block; max-width: 100%; height: auto } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #EEE; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; display: inline-block; max-width: 100%; height: auto } .list-inline, .list-unstyled { padding-left: 0; list-style: none } .img-circle { border-radius: 50% } hr { margin-top: 18px; margin-bottom: 18px; border-top: 1px solid #eee } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto } [role=button] { cursor: pointer } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-family: inherit; font-weight: 300; line-height: 1.1; color: inherit } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { line-height: 1; color: inherit } .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 .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 } .lead { margin-bottom: 18px; font-weight: 300 } dt, kbd kbd { font-weight: 700 } .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: #777 } .text-primary { color: #4285f4 } a.text-primary:focus, a.text-primary:hover { color: #1266f1 } .text-info { color: #31708f } a.text-info:focus, a.text-info:hover { color: #245269 } .bg-primary { color: #fff; background-color: #4285f4 } a.bg-primary:focus, a.bg-primary:hover { background-color: #1266f1 } .bg-success { background-color: #34a853 } a.bg-success:focus, a.bg-success:hover { background-color: #288140 } .bg-info { background-color: #d9edf7 } a.bg-info:focus, a.bg-info:hover { background-color: #afd9ee } .bg-warning { background-color: #fcf8e3 } a.bg-warning:focus, a.bg-warning:hover { background-color: #f7ecb5 } .bg-danger { background-color: #ea4335 } a.bg-danger:focus, a.bg-danger:hover { background-color: #d62516 } code, pre { background-color: #fafafa } pre code, table { background-color: transparent } .page-header { padding-bottom: 8px; margin: 36px 0 18px; border-bottom: 1px solid #eee } dl, ol, ul { margin-top: 0 } ol, ul { margin-bottom: 9px } ol ol, ol ul, ul ol, ul ul { margin-bottom: 0 } address, dl { margin-bottom: 18px } .list-inline { margin-left: -5px } .list-inline ol, .list-inline ul { padding-left: 40px } .list-inline>li { display: inline-block; padding-left: 5px; padding-right: 5px } dd, dt { line-height: 1.42857143 } dd { margin-left: 0 } @media (min-width:768px) { .lead { font-size: 19.5px } .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 } } .be-left-sidebar .left-sidebar-top:after, .btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .modal-header:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after, .widget-chart-info:after, .widget-head:after { clear: both } abbr[data-original-title], abbr[title] { cursor: help; border-bottom: 1px dotted #777 } .initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 9px 18px; margin: 0 0 18px; font-size: 17px; border-left: 5px solid #eee } blockquote .small, blockquote footer, blockquote small { display: block; line-height: 1.42857143; color: #777 } blockquote .small:before, blockquote footer:before, blockquote small:before { content: '\2014 \00A0' } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right } code, kbd { padding: 2px 4px; font-size: 90%; border-radius: 2px } caption, th { text-align: left } .blockquote-reverse .small:before, .blockquote-reverse footer:before, .blockquote-reverse small:before, blockquote.pull-right .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before { content: '' } .blockquote-reverse .small:after, .blockquote-reverse footer:after, .blockquote-reverse small:after, blockquote.pull-right .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after { content: '\00A0 \2014' } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace } code { color: #4285F4 } kbd { color: #fff; background-color: #333; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25) } kbd kbd { padding: 0; font-size: 100%; box-shadow: none } .checkbox label, .checkbox-inline, .radio label, .radio-inline { font-weight: 400; padding-left: 20px; cursor: pointer; margin-bottom: 0 } pre { display: block; margin: 0 0 9px; font-size: 12px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word } .container, .container-fluid { margin-right: auto; margin-left: auto } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; border-radius: 0 } .container, .container-fluid { padding-left: 15px; padding-right: 15px } .pre-scrollable { overflow-y: scroll } @media (min-width:768px) { .container { width: 750px } } @media (min-width:992px) { .container { width: 970px } } @media (min-width:1200px) { .container { width: 1170px } } .row { margin-left: -15px; margin-right: -15px } .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .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-md-1, .col-md-10, .col-md-11, .col-md-12, .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-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .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-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px } .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { 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-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { 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-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { 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-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9 { 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 } } caption { padding-top: 12px 10px; padding-bottom: 12px 10px; color: #777 } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.active:hover, .table-hover>tbody>tr>th.danger:hover, .table-hover>tbody>tr>th.info:hover, .table-hover>tbody>tr>th.success:hover, .table-hover>tbody>tr>th.warning:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.active, .table>tbody>tr>td.danger, .table>tbody>tr>td.info, .table>tbody>tr>td.success, .table>tbody>tr>td.warning, .table>tbody>tr>th.active, .table>tbody>tr>th.danger, .table>tbody>tr>th.info, .table>tbody>tr>th.success, .table>tbody>tr>th.warning, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.active, .table>tfoot>tr>td.danger, .table>tfoot>tr>td.info, .table>tfoot>tr>td.success, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.active, .table>tfoot>tr>th.danger, .table>tfoot>tr>th.info, .table>tfoot>tr>th.success, .table>tfoot>tr>th.warning, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.active, .table>thead>tr>td.danger, .table>thead>tr>td.info, .table>thead>tr>td.success, .table>thead>tr>td.warning, .table>thead>tr>th.active, .table>thead>tr>th.danger, .table>thead>tr>th.info, .table>thead>tr>th.success, .table>thead>tr>th.warning { color: #fff } .table { width: 100%; max-width: 100%; margin-bottom: 18px } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { padding: 4px 10px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd } .table>thead>tr>th { vertical-align: bottom; border-bottom: 2px solid #ddd } .table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th { border-top: 0 } .table>tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #EEE } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 7px } .table-bordered, .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border: 1px solid #ddd } .table-bordered>thead>tr>td, .table-bordered>thead>tr>th { border-bottom-width: 2px } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f5f5f5 } .table-hover>tbody>tr:hover, .table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active { background-color: #f0f0f0 } 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 } .btn-group>.btn-group, .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group, .dropdown-menu { float: left } .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover { background-color: #e3e3e3 } .table>tbody>tr.success>td, .table>tbody>tr.success>th, .table>tbody>tr>td.success, .table>tbody>tr>th.success, .table>tfoot>tr.success>td, .table>tfoot>tr.success>th, .table>tfoot>tr>td.success, .table>tfoot>tr>th.success, .table>thead>tr.success>td, .table>thead>tr.success>th, .table>thead>tr>td.success, .table>thead>tr>th.success { background-color: #34a853 } .table-hover>tbody>tr.success:hover>td, .table-hover>tbody>tr.success:hover>th, .table-hover>tbody>tr:hover>.success, .table-hover>tbody>tr>td.success:hover, .table-hover>tbody>tr>th.success:hover { background-color: #2e9549 } .table>tbody>tr.info>td, .table>tbody>tr.info>th, .table>tbody>tr>td.info, .table>tbody>tr>th.info, .table>tfoot>tr.info>td, .table>tfoot>tr.info>th, .table>tfoot>tr>td.info, .table>tfoot>tr>th.info, .table>thead>tr.info>td, .table>thead>tr.info>th, .table>thead>tr>td.info, .table>thead>tr>th.info { background-color: #d9edf7 } .table-hover>tbody>tr.info:hover>td, .table-hover>tbody>tr.info:hover>th, .table-hover>tbody>tr:hover>.info, .table-hover>tbody>tr>td.info:hover, .table-hover>tbody>tr>th.info:hover { background-color: #c4e3f3 } .table>tbody>tr.warning>td, .table>tbody>tr.warning>th, .table>tbody>tr>td.warning, .table>tbody>tr>th.warning, .table>tfoot>tr.warning>td, .table>tfoot>tr.warning>th, .table>tfoot>tr>td.warning, .table>tfoot>tr>th.warning, .table>thead>tr.warning>td, .table>thead>tr.warning>th, .table>thead>tr>td.warning, .table>thead>tr>th.warning { background-color: #fcf8e3 } .table-hover>tbody>tr.warning:hover>td, .table-hover>tbody>tr.warning:hover>th, .table-hover>tbody>tr:hover>.warning, .table-hover>tbody>tr>td.warning:hover, .table-hover>tbody>tr>th.warning:hover { background-color: #faf2cc } .table>tbody>tr.danger>td, .table>tbody>tr.danger>th, .table>tbody>tr>td.danger, .table>tbody>tr>th.danger, .table>tfoot>tr.danger>td, .table>tfoot>tr.danger>th, .table>tfoot>tr>td.danger, .table>tfoot>tr>th.danger, .table>thead>tr.danger>td, .table>thead>tr.danger>th, .table>thead>tr>td.danger, .table>thead>tr>th.danger { background-color: #ea4335 } .table-hover>tbody>tr.danger:hover>td, .table-hover>tbody>tr.danger:hover>th, .table-hover>tbody>tr:hover>.danger, .table-hover>tbody>tr>td.danger:hover, .table-hover>tbody>tr>th.danger:hover { background-color: #e82e1e } .table-responsive { overflow-x: auto; min-height: .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 #ddd } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>td, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>thead>tr>th { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered>tbody>tr>td:first-child, .table-responsive>.table-bordered>tbody>tr>th:first-child, .table-responsive>.table-bordered>tfoot>tr>td:first-child, .table-responsive>.table-bordered>tfoot>tr>th:first-child, .table-responsive>.table-bordered>thead>tr>td:first-child, .table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .table-responsive>.table-bordered>tbody>tr>td:last-child, .table-responsive>.table-bordered>tbody>tr>th:last-child, .table-responsive>.table-bordered>tfoot>tr>td:last-child, .table-responsive>.table-bordered>tfoot>tr>th:last-child, .table-responsive>.table-bordered>thead>tr>td:last-child, .table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .table-responsive>.table-bordered>tbody>tr:last-child>td, .table-responsive>.table-bordered>tbody>tr:last-child>th, .table-responsive>.table-bordered>tfoot>tr:last-child>td, .table-responsive>.table-bordered>tfoot>tr:last-child>th { border-bottom: 0 } } fieldset, legend { padding: 0; border: 0 } fieldset { margin: 0; min-width: 0 } legend { display: block; width: 100%; margin-bottom: 18px; font-size: 19.5px; line-height: inherit; color: #333; border-bottom: 1px solid #e5e5e5 } label { display: inline-block; max-width: 100% } input[type=search] { -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none } input[type=checkbox], input[type=radio] { margin: 4px 0 0; margin-top: 1px\9; line-height: normal } .form-control, output { line-height: 1.42857143; color: #404040; display: block } input[type=file] { display: block } input[type=range] { display: block; width: 100% } select[multiple], select[size] { height: auto } input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } output { padding-top: 11px; font-size: 13px } .form-control { width: 100%; background-color: #fff; background-image: none; border: 1px solid #d5d8de; border-radius: 2px } .form-control:focus { border-color: #4285f4; outline: 0 } .form-control::-moz-placeholder { color: #999; opacity: 1 } .form-control:-ms-input-placeholder { color: #999 } .form-control::-webkit-input-placeholder { color: #999 } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .form-control-feedback, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label, .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #37b358 } .form-control::-ms-expand { border: 0; background-color: transparent } /*.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eee; opacity: 1 }*/ .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { border: none; -webkit-appearance: none; !important; -moz-appearance: none; !important; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed } textarea.form-control { height: auto } @media screen and (-webkit-min-device-pixel-ratio:0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 48px } .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], input[type=date].input-sm, input[type=time].input-sm, input[type=datetime-local].input-sm, input[type=month].input-sm { line-height: 37px } .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], input[type=date].input-lg, input[type=time].input-lg, input[type=datetime-local].input-lg, input[type=month].input-lg { line-height: 57px } } .form-group { margin-bottom: 20px } .checkbox, .radio { position: relative; display: block; margin-top: 10px; margin-bottom: 10px } .checkbox label, .radio label { min-height: 18px } .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] { position: absolute; margin-left: -20px; margin-top: 4px\9 } .checkbox+.checkbox, .radio+.radio { margin-top: -5px } .checkbox-inline, .radio-inline { position: relative; display: inline-block; vertical-align: middle } .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline { margin-top: 0; margin-left: 10px } .checkbox-inline.disabled, .checkbox.disabled label, .radio-inline.disabled, .radio.disabled label, fieldset[disabled] .checkbox label, fieldset[disabled] .checkbox-inline, fieldset[disabled] .radio label, fieldset[disabled] .radio-inline, fieldset[disabled] input[type=checkbox], fieldset[disabled] input[type=radio], input[type=checkbox].disabled, input[type=checkbox][disabled], input[type=radio].disabled, input[type=radio][disabled] { cursor: not-allowed } .form-control-static { padding-top: 11px; padding-bottom: 11px; margin-bottom: 0; min-height: 31px } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0 } .input-sm { line-height: 1.6; border-radius: 2px } select.input-sm { height: 37px; line-height: 37px } select[multiple].input-sm, textarea.input-sm { height: auto } .form-group-sm .form-control { height: 37px; padding: 5px 9px; font-size: 12px; line-height: 1.6; border-radius: 2px } .form-group-sm select.form-control { height: 37px; line-height: 37px } .form-group-sm select[multiple].form-control, .form-group-sm textarea.form-control { height: auto } .form-group-sm .form-control-static { height: 37px; min-height: 30px; padding: 6px 9px; font-size: 12px; line-height: 1.6 } .input-lg { line-height: 1.7 } select.input-lg { height: 57px; line-height: 57px } select[multiple].input-lg, textarea.input-lg { height: auto } .form-group-lg .form-control { height: 57px; padding: 12px 16px; font-size: 15px; line-height: 1.7; border-radius: 4px } .form-group-lg select.form-control { height: 57px; line-height: 57px } .form-group-lg select[multiple].form-control, .form-group-lg textarea.form-control { height: auto } .form-group-lg .form-control-static { height: 57px; min-height: 33px; padding: 13px 16px; font-size: 15px; line-height: 1.7 } .has-feedback { position: relative } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 48px; height: 48px; line-height: 48px; text-align: center; pointer-events: none } .collapsing, .dropdown, .dropup { position: relative } .form-group-lg .form-control+.form-control-feedback, .input-group-lg+.form-control-feedback, .input-lg+.form-control-feedback { width: 57px; height: 57px; line-height: 57px } .form-group-sm .form-control+.form-control-feedback, .input-group-sm+.form-control-feedback, .input-sm+.form-control-feedback { width: 37px; height: 37px; line-height: 37px } .dropdown-header, .dropdown-menu>li>a { line-height: 1.42857143; white-space: nowrap } .has-success .form-control { border-color: #37b358; box-shadow: none } .has-success .form-control:focus { border-color: #319f4e; box-shadow: none } .has-success .input-group-addon { color: #37b358; border-color: #37b358; background-color: #34a853 } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .form-control-feedback, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label, .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #f6c163 } .has-warning .form-control { border-color: #f6c163; box-shadow: none } .has-warning .form-control:focus { border-color: #f5b74b; box-shadow: none } .has-warning .input-group-addon { color: #f6c163; border-color: #f6c163; background-color: #fcf8e3 } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .form-control-feedback, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #ea4335 } .has-error .form-control { border-color: #ea4335; box-shadow: none } .has-error .form-control:focus { border-color: #e82e1e; box-shadow: none } .has-error .input-group-addon { color: #ea4335; border-color: #ea4335; background-color: #ea4335 } .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: grey } @media (min-width:768px) { .form-inline .form-control-static, .form-inline .form-group { display: inline-block } .form-inline .control-label, .form-inline .form-group { margin-bottom: 0; vertical-align: middle } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle } .form-inline .input-group { display: inline-table; vertical-align: middle } .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn { width: auto } .form-inline .input-group>.form-control { width: 100% } .form-inline .checkbox, .form-inline .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .form-inline .checkbox label, .form-inline .radio label { padding-left: 0 } .form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio] { position: relative; margin-left: 0 } .form-inline .has-feedback .form-control-feedback { top: 0 } } .form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline { margin-top: 0; margin-bottom: 0; padding-top: 11px } .form-horizontal .checkbox, .form-horizontal .radio { min-height: 29px } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px } .form-horizontal .has-feedback .form-control-feedback { right: 15px } @media (min-width:768px) { .form-horizontal .control-label { text-align: left !important; margin-bottom: 0; padding-top: 7px; color: #858585; font-weight: bold; } .form-horizontal .form-group-lg .control-label { padding-top: 13px; font-size: 15px } .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px } } .btn { display: inline-block; margin-bottom: 0; font-weight: 700; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; white-space: nowrap; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px } .btn.focus, .btn:focus, .btn:hover { color: #404040; text-decoration: none } .btn.active, .btn:active { outline: 0; background-image: none } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: .65; filter: alpha(opacity=65); box-shadow: none } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none } .btn-default.active, .btn-default:active, .btn-default:hover, .open>.dropdown-toggle.btn-default { color: #404040; background-color: #e6e6e6; border-color: #bfbfbf } .btn-default.active.focus .icon, .btn-default.active:focus .icon, .btn-default.active:hover .icon, .btn-default:active.focus .icon, .btn-default:active:focus .icon, .btn-default:active:hover .icon, .open>.dropdown-toggle.btn-default.focus .icon, .open>.dropdown-toggle.btn-default:focus .icon, .open>.dropdown-toggle.btn-default:hover .icon { color: #404040 } .btn-info { color: #fff; background-color: #4285f4; border-color: #4285f4 } .btn-info.active, .btn-info:active, .btn-info:hover, .open>.dropdown-toggle.btn-info { color: #fff; background-color: #1266f1; border-color: #0c57d3 } .btn-info.focus, .btn-info:focus { color: #fff; background-color: #4285f4; border-color: #4285f4; outline: 0 } .btn-info.hover, .btn-info:hover { box-shadow: inset 0 -1px 0 #1266f1; background-color: #4c8bf5; border-color: #4c8bf5 #4c8bf5 #1266f1 } .btn-info.active, .btn-info:active, .open>.dropdown-toggle.btn-info { color: #fff; box-shadow: inset 0 2px 0 #1266f1; background-color: #2572f2; border-color: #0c57d3 #2572f2 #2572f2; background-image: none } .btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open>.dropdown-toggle.btn-info.focus, .open>.dropdown-toggle.btn-info:focus, .open>.dropdown-toggle.btn-info:hover { color: #fff; background-color: #2572f2; border-color: #0c57d3 transparent transparent; box-shadow: inset 0 2px 0 #1266f1 } .btn-info.active.focus .icon, .btn-info.active:focus .icon, .btn-info.active:hover .icon, .btn-info:active.focus .icon, .btn-info:active:focus .icon, .btn-info:active:hover .icon, .open>.dropdown-toggle.btn-info.focus .icon, .open>.dropdown-toggle.btn-info:focus .icon, .open>.dropdown-toggle.btn-info:hover .icon { color: #fff } .btn-info.disabled, .btn-info.disabled.active, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info[disabled], .btn-info[disabled].active, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info.active, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover { background-color: #4285f4; border-color: #4285f4 } .btn-info .badge { color: #4285f4; background-color: #fff } .btn-link { color: #4285f4; font-weight: 400; border-radius: 0 } .btn-link, .btn-link.active, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none } .btn-link, .btn-link:active, .btn-link:focus, .btn-link:hover { border-color: transparent } .btn-link:focus, .btn-link:hover { color: #0d5bdd; text-decoration: underline; background-color: transparent } .btn-link[disabled]:focus, .btn-link[disabled]:hover, fieldset[disabled] .btn-link:focus, fieldset[disabled] .btn-link:hover { color: #777; text-decoration: none } .btn-block { display: block; width: 100% } .btn-block+.btn-block { margin-top: 5px } input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block { width: 100% } .fade { opacity: 0; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .fade.in { opacity: 1 } .collapse { display: none } .collapse.in { display: block } tr.collapse.in { display: table-row } tbody.collapse.in { display: table-row-group } .collapsing { height: 0; overflow: hidden; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: .35s; -o-transition-duration: .35s; transition-duration: .35s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent } .dropdown-toggle:focus { outline: 0 } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; margin: 2px 0 0; list-style: none; font-size: 13px; text-align: left; background-color: #fff; border: 1px solid #e3e3e3; background-clip: padding-box } .dropdown-menu-right, .dropdown-menu.pull-right { left: auto; right: 0 } .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle, .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0 } .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child, .btn-group>.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-vertical>.btn:not(:first-child):not(:last-child), .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn, .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0 } .dropdown-menu .divider { height: 1px; overflow: hidden } .dropdown-menu>li>a { display: block; clear: both } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { text-decoration: none; color: #262626; background-color: #f5f5f5 } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { color: #fff; text-decoration: none; outline: 0; background-color: #4285f4 } .dropdown-menu>.disabled>a, .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { color: #777 } .dropdown-menu>.disabled>a:focus, .dropdown-menu>.disabled>a:hover { 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-left { left: 0; right: auto } .dropdown-header { display: block; font-size: 12px } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990 } .nav-justified>.dropdown .dropdown-menu, .nav-tabs.nav-justified>.dropdown .dropdown-menu { top: auto; left: auto } .pull-right>.dropdown-menu { right: 0; left: auto } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid\9; content: "" } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px } @media (min-width:768px) { .navbar-right .dropdown-menu { 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-vertical>.btn, .btn-group>.btn { position: relative; float: left } .btn-group-vertical>.btn.active, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:hover, .btn-group>.btn.active, .btn-group>.btn:active, .btn-group>.btn:focus, .btn-group>.btn:hover { z-index: 2 } .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group { margin-left: -1px } .btn-toolbar { margin-left: -5px } .btn-toolbar>.btn, .btn-toolbar>.btn-group, .btn-toolbar>.input-group { margin-left: 5px } .btn .caret, .btn-group>.btn:first-child { margin-left: 0 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn-lg+.dropdown-toggle { padding-left: 12px; padding-right: 12px } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none } .btn-lg .caret { border-width: 5px 5px 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:first-child:not(:last-child) { border-radius: 2px 2px 0 0 } .btn-group-vertical>.btn:last-child:not(:first-child) { border-radius: 0 0 2px 2px } .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=checkbox], [data-toggle=buttons]>.btn input[type=radio], [data-toggle=buttons]>.btn-group>.btn input[type=checkbox], [data-toggle=buttons]>.btn-group>.btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none } .input-group { position: relative; display: table; border-collapse: separate } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0 } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0 } .input-group .form-control:focus { z-index: 3 } .input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn { line-height: 1.7; height: 57px; padding: 12px 14px; font-size: 18px; font-weight: 300; border-radius: 2px } select.input-group-lg>.form-control, select.input-group-lg>.input-group-addon, select.input-group-lg>.input-group-btn>.btn { height: 57px; line-height: 57px } select[multiple].input-group-lg>.form-control, select[multiple].input-group-lg>.input-group-addon, select[multiple].input-group-lg>.input-group-btn>.btn, textarea.input-group-lg>.form-control, textarea.input-group-lg>.input-group-addon, textarea.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 { line-height: 1.6; border-radius: 2px; height: 37px; font-size: 13px; padding: 4px 12px } select.input-group-sm>.form-control, select.input-group-sm>.input-group-addon, select.input-group-sm>.input-group-btn>.btn { height: 37px; line-height: 37px } select[multiple].input-group-sm>.form-control, select[multiple].input-group-sm>.input-group-addon, select[multiple].input-group-sm>.input-group-btn>.btn, textarea.input-group-sm>.form-control, textarea.input-group-sm>.input-group-addon, textarea.input-group-sm>.input-group-btn>.btn { height: auto } .input-group .form-control, .input-group-addon, .input-group-btn { display: table-cell } .nav>li, .nav>li>a { display: block; position: relative } .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn: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: 10px 12px; font-weight: 400; line-height: 1; color: #404040; text-align: center; background-color: #f5f5f5; border: 1px solid #d5d8de; border-radius: 2px } .input-group-addon.input-sm { padding: 5px 9px; font-size: 12px; border-radius: 2px } .input-group-addon.input-lg { padding: 12px 16px; font-size: 15px; border-radius: 4px } .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] { 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-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { 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:first-child>.btn-group:not(:first-child)>.btn, .input-group-btn:first-child>.btn:not(:first-child), .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group>.btn, .input-group-btn:last-child>.dropdown-toggle { 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:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover { z-index: 2 } .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group { margin-right: -1px } .input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group { z-index: 2; margin-left: -1px } .nav { margin-bottom: 0; padding-left: 0; list-style: none } .nav>li>a { padding: 10px 15px } .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #eee } .nav>li.disabled>a { color: #777 } .nav>li.disabled>a:focus, .nav>li.disabled>a:hover { color: #777; text-decoration: none; background-color: transparent; cursor: not-allowed } .nav .open>a, .nav .open>a:focus, .nav .open>a:hover { background-color: #eee; border-color: #4285f4 } .nav .nav-divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5 } .nav>li>a>img { max-width: none } .nav-tabs>li { float: left } .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: #eee #eee transparent } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; background-color: #EEE; border: 1px solid #fff; 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; margin-right: 0; border-radius: 2px } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-tabs.nav-justified>li { display: table-cell; width: 1% } .nav-tabs.nav-justified>li>a { margin-bottom: 0; border-bottom: 1px solid #ddd; border-radius: 2px 2px 0 0 } .nav-tabs.nav-justified>.active>a, .nav-tabs.nav-justified>.active>a:focus, .nav-tabs.nav-justified>.active>a:hover { border-bottom-color: #EEE } } .nav-pills>li { float: left } .nav-justified>li, .nav-stacked>li { float: none } .nav-pills>li>a { border-radius: 2px } .nav-pills>li+li { margin-left: 2px } .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { color: #fff; background-color: #4285f4 } .nav-stacked>li+li { margin-top: 2px; margin-left: 0 } .nav-justified { width: 100% } .nav-justified>li>a { text-align: center; margin-bottom: 5px } .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:focus, .nav-tabs-justified>.active>a:hover { border: 1px solid #ddd } @media (min-width:768px) { .nav-justified>li { display: table-cell; width: 1% } .nav-justified>li>a { margin-bottom: 0 } .nav-tabs-justified>li>a { border-bottom: 1px solid #ddd; border-radius: 2px 2px 0 0 } .nav-tabs-justified>.active>a, .nav-tabs-justified>.active>a:focus, .nav-tabs-justified>.active>a:hover { border-bottom-color: #EEE } } .tab-content>.tab-pane { display: none; padding: 20px; } .tab-content>.tab_tabela { padding: 0; overflow-x: auto; } .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 } .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, .1); -webkit-overflow-scrolling: touch } .navbar-collapse.in { overflow-y: auto } @media (max-device-width:480px) and (orientation:landscape) { .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px } } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: -15px; margin-left: -15px } .navbar-static-top { z-index: 1000; border-width: 0 0 1px } .navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1030 } @media (min-width:768px) { .navbar { border-radius: 2px } .navbar-header { float: left } .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-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-left: 0; padding-right: 0 } .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { margin-right: 0; margin-left: 0 } .navbar-fixed-bottom, .navbar-fixed-top, .navbar-static-top { 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: 15px; line-height: 18px; height: 50px } .navbar-brand:focus, .navbar-brand:hover { text-decoration: none } .navbar-brand>img { display: block } .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>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: -15px } .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 .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 5px 15px 5px 25px } .navbar-nav .open .dropdown-menu>li>a { line-height: 18px } .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-nav .open .dropdown-menu>li>a:hover { background-image: none } } .progress-bar-striped, .progress-striped .progress-bar, .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } @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 { padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1); margin: 1px -15px } @media (min-width:768px) { .navbar-form .form-control-static, .navbar-form .form-group { display: inline-block } .navbar-form .control-label, .navbar-form .form-group { margin-bottom: 0; vertical-align: middle } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle } .navbar-form .input-group { display: inline-table; vertical-align: middle } .navbar-form .input-group .form-control, .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn { width: auto } .navbar-form .input-group>.form-control { width: 100% } .navbar-form .checkbox, .navbar-form .radio { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle } .navbar-form .checkbox label, .navbar-form .radio label { padding-left: 0 } .navbar-form .checkbox input[type=checkbox], .navbar-form .radio input[type=radio] { position: relative; margin-left: 0 } .navbar-form .has-feedback .form-control-feedback { top: 0 } } .breadcrumb>li, .pagination { display: inline-block } .btn .badge, .btn .label { top: -1px; position: relative } @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; 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-radius: 2px 2px 0 0 } .navbar-btn { margin-top: 1px; margin-bottom: 1px } .navbar-btn.btn-sm { margin-top: 6.5px; margin-bottom: 6.5px } .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 } .navbar-left { float: left !important } .navbar-right { float: right !important; margin-right: -15px } .navbar-right~.navbar-right { margin-right: 0 } } .navbar-default { background-color: #4285f4; border-color: #2371f2 } .navbar-default .navbar-brand { color: #777 } .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { color: #5e5e5e; background-color: transparent } .navbar-default .navbar-nav>li>a, .navbar-default .navbar-text { color: #777 } .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #fff; background-color: transparent } .navbar-default .navbar-nav>.disabled>a, .navbar-default .navbar-nav>.disabled>a:focus, .navbar-default .navbar-nav>.disabled>a:hover { color: #ccc; background-color: transparent } .navbar-default .navbar-toggle { border-color: #ddd } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #ddd } .navbar-default .navbar-toggle .icon-bar { background-color: #888 } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #2371f2 } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; color: #fff } @media (max-width:767px) { .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #777 } .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #333; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: transparent } .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #ccc; background-color: transparent } } .navbar-default .navbar-link { color: #777 } .navbar-default .navbar-link:hover { color: #333 } .navbar-default .btn-link { color: #777 } .navbar-default .btn-link:focus, .navbar-default .btn-link:hover { color: #333 } .navbar-default .btn-link[disabled]:focus, .navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:focus, fieldset[disabled] .navbar-default .btn-link:hover { color: #ccc } .navbar-inverse { background-color: #222; border-color: #080808 } .navbar-inverse .navbar-brand { color: #9d9d9d } .navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text { color: #9d9d9d } .navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav>.disabled>a, .navbar-inverse .navbar-nav>.disabled>a:focus, .navbar-inverse .navbar-nav>.disabled>a:hover { color: #444; background-color: transparent } .navbar-inverse .navbar-toggle { border-color: #333 } .navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background-color: #333 } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010 } .navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover { background-color: #080808; color: #fff } @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:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover { color: #fff; background-color: transparent } .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover { color: #fff; background-color: #080808 } .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover { color: #444; background-color: transparent } } .navbar-inverse .navbar-link { color: #9d9d9d } .navbar-inverse .navbar-link:hover { color: #fff } .navbar-inverse .btn-link { color: #9d9d9d } .navbar-inverse .btn-link:focus, .navbar-inverse .btn-link:hover { color: #fff } .navbar-inverse .btn-link[disabled]:focus, .navbar-inverse .btn-link[disabled]:hover, fieldset[disabled] .navbar-inverse .btn-link:focus, fieldset[disabled] .navbar-inverse .btn-link:hover { color: #444 } .breadcrumb { list-style: none; border-radius: 2px } .breadcrumb>li+li:before { content: "/\00a0"; padding: 0 5px } .pager li, .pagination>li { display: inline } .pagination>li>a, .pagination>li>span { position: relative; float: left; text-decoration: none } .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:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { z-index: 2; color: #0d5bdd; background-color: #eee; border-color: #ddd } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; background-color: #4285f4; border-color: #4285f4; cursor: default } .pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed } .pagination-lg>li>a, .pagination-lg>li>span { padding: 12px 16px; font-size: 15px; line-height: 1.7 } .pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span { border-bottom-left-radius: 4px; border-top-left-radius: 4px } .pagination-lg>li:last-child>a, .pagination-lg>li:last-child>span { border-bottom-right-radius: 4px; border-top-right-radius: 4px } .pagination-sm>li>a, .pagination-sm>li>span { padding: 5px 9px; font-size: 12px; line-height: 1.6 } .badge, .label { line-height: 1; white-space: nowrap; text-align: center } .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>a, .pager li>span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px } .pager li>a:focus, .pager li>a:hover { text-decoration: none; background-color: #eee } .pager .next>a, .pager .next>span { float: right } .pager .previous>a, .pager .previous>span { float: left } .pager .disabled>a, .pager .disabled>a:focus, .pager .disabled>a:hover, .pager .disabled>span { color: #777; background-color: #fff; cursor: not-allowed } .label { display: inline; color: #fff; vertical-align: baseline } a.label:focus, a.label:hover { color: #1266f1; text-decoration: none; cursor: pointer } .label:empty { display: none } .label-default { background-color: #fff } .label-default[href]:focus, .label-default[href]:hover { background-color: #e6e6e6 } .label-primary { background-color: #5f99f5 } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #2f7af2 } .label-success { background-color: #37b358 } .label-success[href]:focus, .label-success[href]:hover { background-color: #2b8c45 } .label-info { background-color: #4285f4 } .label-info[href]:focus, .label-info[href]:hover { background-color: #1266f1 } .label-warning { background-color: #f6c163 } .label-warning[href]:focus, .label-warning[href]:hover { background-color: #f3ae33 } .label-danger { background-color: #eb6357 } .label-danger[href]:focus, .label-danger[href]:hover { background-color: #e63929 } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; vertical-align: middle; background-color: #fff; border-radius: 10px } .badge:empty { display: none } .media-object, .thumbnail { display: block } .btn-group-xs>.btn .badge, .btn-xs .badge { top: 0; padding: 1px 5px } a.badge:focus, a.badge:hover { color: #fff; text-decoration: none; cursor: pointer } .list-group-item.active>.badge, .nav-pills>.active>a>.badge { color: #4285f4; background-color: #fff } .jumbotron, .jumbotron .h1, .jumbotron h1 { color: inherit } .list-group-item>.badge { float: right } .list-group-item>.badge+.badge { margin-right: 5px } .nav-pills>li>a>.badge { margin-left: 3px } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; background-color: #eee } .jumbotron p { margin-bottom: 15px; font-size: 20px; font-weight: 200 } .alert, .thumbnail { margin-bottom: 18px } .alert .alert-link, .close { font-weight: 700 } .jumbotron>hr { border-top-color: #d5d5d5 } .container .jumbotron, .container-fluid .jumbotron { border-radius: 4px; padding-left: 15px; padding-right: 15px } .jumbotron .container { max-width: 100% } @media screen and (min-width:768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px } .jumbotron .h1, .jumbotron h1 { font-size: 59px } } .thumbnail { padding: 4px; line-height: 1.42857143; background-color: #EEE; border: 1px solid #ddd; border-radius: 2px; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out } .thumbnail a>img, .thumbnail>img { margin-left: auto; margin-right: auto } a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover { border-color: #4285f4 } .thumbnail .caption { padding: 9px; color: #404040 } .alert { padding: 18px; border: 1px solid transparent; border-radius: 2px } .alert h4 { margin-top: 0; color: inherit } .alert>p, .alert>ul { margin-bottom: 0 } .alert>p+p { margin-top: 5px } .alert-dismissable, .alert-dismissible { padding-right: 38px } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit } .modal, .modal-backdrop { top: 0; right: 0; bottom: 0; left: 0 } .alert-success { background-color: #34a853; border-color: #34a853; color: #fff } .alert-success hr { border-top-color: #2e9549 } .alert-success .alert-link { color: #e6e6e6 } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #fff } .alert-info hr { border-top-color: #a6e1ec } .alert-info .alert-link { color: #e6e6e6 } .alert-warning { background-color: #fbbc05; border-color: #fbbc05; color: #fff } .alert-warning hr { border-top-color: #e3aa04 } .alert-warning .alert-link { color: #e6e6e6 } .alert-danger { background-color: #ea4335; border-color: #ea4335; color: #fff } .alert-danger hr { border-top-color: #e82e1e } .alert-danger .alert-link { color: #e6e6e6 } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0 } to { background-position: 0 0 } } @-o-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; margin-bottom: 18px; background-color: #f5f5f5; border-radius: 2px } .progress-bar { float: left; width: 0; height: 100%; font-size: 12px; color: #fff; text-align: center; background-color: #4285f4; -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease } .progress-bar-striped, .progress-striped .progress-bar { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-size: 40px 40px } .progress-bar.active, .progress.active .progress-bar { -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: #34a853 } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-striped .progress-bar-info, .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-info { background-color: #4285f4 } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-warning { background-color: #fbbc05 } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .progress-bar-danger { background-color: #ea4335 } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent) } .media { margin-top: 15px } .media-heading, .media:first-child, .panel-title { margin-top: 0 } .media, .media-body { zoom: 1; overflow: hidden } .media-body { width: 10000px } .media-object.img-thumbnail { max-width: none } .media-right, .media>.pull-right { padding-left: 10px } .media-left, .media>.pull-left { padding-right: 10px } .media-body, .media-left, .media-right { display: table-cell; vertical-align: top } .media-middle { vertical-align: middle } .media-bottom { vertical-align: bottom } .media-heading { 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; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd } .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, button.list-group-item { color: #555 } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333 } a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover { text-decoration: none; color: #555; background-color: #f5f5f5 } button.list-group-item { width: 100%; text-align: left } .list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover { background-color: #eee; color: #777; cursor: not-allowed } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading { color: inherit } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text { color: #777 } .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { z-index: 2; color: #fff; background-color: #4285f4; border-color: #4285f4 } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading>.small, .list-group-item.active .list-group-item-heading>small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading>.small, .list-group-item.active:focus .list-group-item-heading>small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading>.small, .list-group-item.active:hover .list-group-item-heading>small { color: inherit } .list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text { color: #fff } .list-group-item-success { color: #37b358; background-color: #34a853 } a.list-group-item-success, button.list-group-item-success { color: #37b358 } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit } a.list-group-item-success:focus, a.list-group-item-success:hover, button.list-group-item-success:focus, button.list-group-item-success:hover { color: #37b358; background-color: #2e9549 } a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover, button.list-group-item-success.active, button.list-group-item-success.active:focus, button.list-group-item-success.active:hover { color: #fff; background-color: #37b358; border-color: #37b358 } .list-group-item-info { color: #31708f; background-color: #d9edf7 } a.list-group-item-info, button.list-group-item-info { color: #31708f } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit } a.list-group-item-info:focus, a.list-group-item-info:hover, button.list-group-item-info:focus, button.list-group-item-info:hover { color: #31708f; background-color: #c4e3f3 } a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover, button.list-group-item-info.active, button.list-group-item-info.active:focus, button.list-group-item-info.active:hover { color: #fff; background-color: #31708f; border-color: #31708f } .list-group-item-warning { color: #f6c163; background-color: #fcf8e3 } a.list-group-item-warning, button.list-group-item-warning { color: #f6c163 } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit } a.list-group-item-warning:focus, a.list-group-item-warning:hover, button.list-group-item-warning:focus, button.list-group-item-warning:hover { color: #f6c163; background-color: #faf2cc } a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover, button.list-group-item-warning.active, button.list-group-item-warning.active:focus, button.list-group-item-warning.active:hover { color: #fff; background-color: #f6c163; border-color: #f6c163 } .list-group-item-danger { color: #ea4335; background-color: #ea4335 } a.list-group-item-danger, button.list-group-item-danger { color: #ea4335 } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit } a.list-group-item-danger:focus, a.list-group-item-danger:hover, button.list-group-item-danger:focus, button.list-group-item-danger:hover { color: #ea4335; background-color: #e82e1e } a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover, button.list-group-item-danger.active, button.list-group-item-danger.active:focus, button.list-group-item-danger.active:hover { color: #fff; background-color: #ea4335; border-color: #ea4335 } .panel-heading>.dropdown .dropdown-toggle, .panel-title, .panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a { color: inherit } .list-group-item-heading { margin-top: 0; margin-bottom: 5px } .list-group-item-text, .panel-title, .panel>.list-group, .panel>.panel-collapse>.list-group, .panel>.panel-collapse>.table, .panel>.table, .panel>.table-responsive>.table { margin-bottom: 0 } .list-group-item-text { line-height: 1.3 } .panel { border: 1px solid transparent } .panel-heading { padding: 5px 20px 5px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px } .panel-group .panel-heading, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th { border-bottom: 0 } .panel-footer { padding: 20px 20px 10px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px } .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item { border-width: 1px 0; border-radius: 0 } .panel>.table-responsive:last-child>.table:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } .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: 2px; border-top-left-radius: 2px } .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: 2px; border-bottom-left-radius: 2px } .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0 } .panel>.table-responsive:first-child>.table:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table:first-child>thead:first-child>tr:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px } .list-group+.panel-footer, .panel-heading+.list-group .list-group-item:first-child { border-top-width: 0 } .panel>.panel-collapse>.table caption, .panel>.table caption, .panel>.table-responsive>.table caption { padding-left: 15px 20px 20px; padding-right: 15px 20px 20px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child { border-top-left-radius: 2px } .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child { border-top-right-radius: 2px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child { border-bottom-left-radius: 2px } .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child { border-bottom-right-radius: 2px } .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body { border-top: 1px solid #ddd } .panel>.table>tbody:first-child>tr:first-child td, .panel>.table>tbody:first-child>tr:first-child th { border-top: 0 } .panel>.table-bordered, .panel>.table-responsive>.table-bordered { border: 0 } .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child { border-left: 0 } .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child { border-right: 0 } .panel>.table-responsive { border: 0; margin-bottom: 0 } .panel-group { margin-bottom: 18px } .panel-group .panel { margin-bottom: 0; border-radius: 3px } .panel-group .panel+.panel { margin-top: 5px } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid #ddd } .panel-group .panel-footer { border-top: 0 } .panel-group .panel-footer+.panel-collapse .panel-body { border-bottom: 1px solid #ddd } .panel-default { border-color: #ddd } .panel-default>.panel-heading { color: #333; background-color: transparent; border-color: #ddd } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ddd } .panel-default>.panel-heading .badge { color: transparent; background-color: #333 } .panel-default>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ddd } .panel-primary { border-color: #4285f4 } .panel-primary>.panel-heading { color: #fff; background-color: #4285f4; border-color: #4285f4 } .panel-primary>.panel-heading+.panel-collapse>.panel-body { border-top-color: #4285f4 } .panel-primary>.panel-heading .badge { color: #4285f4; background-color: #fff } .panel-primary>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #4285f4 } .panel-success { border-color: #34a853 } .panel-success>.panel-heading { color: #37b358; background-color: #34a853; border-color: #34a853 } .panel-success>.panel-heading+.panel-collapse>.panel-body { border-top-color: #34a853 } .panel-success>.panel-heading .badge { color: #34a853; background-color: #37b358 } .panel-success>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #34a853 } .panel-info { border-color: #bce8f1 } .panel-info>.panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1 } .panel-info>.panel-heading+.panel-collapse>.panel-body { border-top-color: #bce8f1 } .panel-info>.panel-heading .badge { color: #d9edf7; background-color: #31708f } .panel-info>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #bce8f1 } .panel-warning { border-color: #fbbc05 } .panel-warning>.panel-heading { color: #f6c163; background-color: #fcf8e3; border-color: #fbbc05 } .panel-danger, .panel-danger>.panel-heading { border-color: #ea4335 } .panel-warning>.panel-heading+.panel-collapse>.panel-body { border-top-color: #fbbc05 } .panel-warning>.panel-heading .badge { color: #fcf8e3; background-color: #f6c163 } .panel-danger>.panel-heading, .panel-danger>.panel-heading .badge { color: #ea4335; background-color: #ea4335 } .panel-warning>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #fbbc05 } .panel-danger>.panel-heading+.panel-collapse>.panel-body { border-top-color: #ea4335 } .panel-danger>.panel-footer+.panel-collapse>.panel-body { border-bottom-color: #ea4335 } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .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; background-color: #f5f5f5; border: 1px solid #e3e3e3 } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15) } .well-lg { padding: 24px; border-radius: 4px } .well-sm { padding: 9px; border-radius: 2px } .close { float: right; font-size: 19.5px; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; filter: alpha(opacity=20) } .popover, .tooltip { font-family: Roboto, Arial, sans-serif; font-style: normal; font-weight: 400; letter-spacing: normal; line-break: auto; line-height: 1.42857143; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; text-decoration: none } .close:focus, .close:hover { color: #000; text-decoration: none; cursor: pointer; opacity: .5; filter: alpha(opacity=50) } button.close { padding: 0; cursor: pointer; background: 0 0; border: 0 } .modal-content, .popover { background-clip: padding-box } .modal { display: none; overflow: hidden; position: fixed; 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 .3s ease-out; -o-transition: -o-transform .3s ease-out; transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out, -o-transform .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 } .carousel-inner, .modal-open { overflow: hidden } .modal-dialog { position: relative; width: auto; margin: 10px } .modal-content { outline: 0 } .modal-backdrop { position: fixed; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0) } .modal-backdrop.in { opacity: .5; filter: alpha(opacity=50) } .modal-header .close { margin-top: -2px } .modal-title { margin: 0; line-height: 1.42857143 } .modal-body { position: relative } .popover, .tooltip, .tooltip-arrow { position: absolute } .modal-footer { text-align: right } .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 } @media (min-width:768px) { .modal-dialog { width: 600px; margin: 30px auto } .modal-content { box-shadow: 0 5px 15px rgba(0, 0, 0, .5) } .modal-sm { width: 300px } } .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { bottom: 0; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000 } @media (min-width:992px) { .modal-lg { width: 900px } } .tooltip { z-index: 1070; display: block; text-align: left; text-align: start; font-size: 12px; opacity: 0; filter: alpha(opacity=0) } .tooltip.in { opacity: .9; filter: alpha(opacity=90) } .tooltip.top { margin-top: -3px; padding: 5px 0 } .tooltip.right { margin-left: 3px; padding: 0 5px } .tooltip.bottom { margin-top: 3px; padding: 5px 0 } .tooltip.left { margin-left: -3px; padding: 0 5px } .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 2px } .tooltip-arrow { width: 0; height: 0; border-color: transparent; border-style: solid } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000 } .tooltip.top-left .tooltip-arrow { right: 5px } .tooltip.top-right .tooltip-arrow { left: 5px } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000 } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000 } .tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-width: 0 5px 5px; border-bottom-color: #000; top: 0 } .tooltip.bottom .tooltip-arrow { left: 50%; margin-left: -5px } .tooltip.bottom-left .tooltip-arrow { right: 5px; margin-top: -5px } .tooltip.bottom-right .tooltip-arrow { left: 5px; margin-top: -5px } .popover { top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; text-align: start; font-size: 13px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 4px; box-shadow: 0 5px 10px rgba(0, 0, 0, .2) } .carousel-caption, .carousel-control { color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-align: center } .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: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 3px 3px 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 } .carousel, .carousel-inner { position: relative } .popover>.arrow { border-width: 11px } .popover>.arrow:after { border-width: 10px; content: "" } .popover.top>.arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); bottom: -11px } .popover.top>.arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff } .popover.left>.arrow:after, .popover.right>.arrow:after { content: " "; bottom: -10px } .popover.right>.arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25) } .popover.right>.arrow:after { left: 1px; border-left-width: 0; border-right-color: #fff } .popover.bottom>.arrow { left: 50%; margin-left: -11px; border-top-width: 0 } .popover.bottom>.arrow:after { content: " "; border-bottom-color: #fff } .popover.left>.arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25) } .popover.left>.arrow:after { right: 1px; border-right-width: 0; border-left-color: #fff } .carousel-inner { width: 100% } .carousel-inner>.item { display: none; position: relative; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left } .carousel-inner>.item>a>img, .carousel-inner>.item>img { line-height: 1 } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner>.item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: -webkit-transform .6s ease-in-out; transition: transform .6s ease-in-out; transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out, -o-transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px } .carousel-inner>.item.active.right, .carousel-inner>.item.next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0 } .carousel-inner>.item.active.left, .carousel-inner>.item.prev { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0 } .carousel-inner>.item.active, .carousel-inner>.item.next.left, .carousel-inner>.item.prev.right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 } } .carousel-inner>.active, .carousel-inner>.next, .carousel-inner>.prev { display: block } .carousel-inner>.active { left: 0 } .carousel-inner>.next, .carousel-inner>.prev { position: absolute; top: 0; width: 100% } .carousel-inner>.next { left: 100% } .carousel-inner>.prev { left: -100% } .carousel-inner>.next.left, .carousel-inner>.prev.right { left: 0 } .carousel-inner>.active.left { left: -100% } .carousel-inner>.active.right { left: 100% } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: .5; filter: alpha(opacity=50); font-size: 20px; background-color: transparent } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(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, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) } .carousel-control:focus, .carousel-control:hover { outline: 0; color: #fff; text-decoration: none; opacity: .9; filter: alpha(opacity=90) } .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { left: 50%; margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { right: 50%; margin-right: -10px } .carousel-control .icon-next, .carousel-control .icon-prev { width: 20px; height: 20px; line-height: 1; font-family: serif } .carousel-control .icon-prev:before { content: '\2039' } .carousel-control .icon-next:before { content: '\203a' } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000\9; background-color: transparent } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px } .carousel-caption .btn { text-shadow: none } .center { display: table; margin: 0em auto; padding: 2em 0; } @media screen and (min-width:768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { width: 30px; height: 30px; margin-top: -10px; font-size: 30px } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px } .carousel-indicators { bottom: 20px } } .modal-container, .modal-overlay { position: fixed; width: 100%; height: 100%; top: 0; left: 0 } .btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before { content: " "; display: table } .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 } .hidden, .visible-lg, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none !important } .invisible { visibility: hidden } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .affix { position: fixed } @-ms-viewport { width: device-width } @media (max-width:767px) { .visible-xs { display: block !important } table.visible-xs { display: table !important } tr.visible-xs { display: table-row !important } td.visible-xs, th.visible-xs { display: table-cell !important } .visible-xs-block { display: block !important } .visible-xs-inline { display: inline !important } .visible-xs-inline-block { display: inline-block !important } } @media (min-width:768px) and (max-width:991px) { .visible-sm { display: block !important } table.visible-sm { display: table !important } tr.visible-sm { display: table-row !important } td.visible-sm, th.visible-sm { display: table-cell !important } .visible-sm-block { display: block !important } .visible-sm-inline { display: inline !important } .visible-sm-inline-block { display: inline-block !important } } @media (min-width:992px) and (max-width:1199px) { .visible-md { display: block !important } table.visible-md { display: table !important } tr.visible-md { display: table-row !important } td.visible-md, th.visible-md { display: table-cell !important } .visible-md-block { display: block !important } .visible-md-inline { display: inline !important } .visible-md-inline-block { display: inline-block !important } } @media (min-width:1200px) { .visible-lg { display: block !important } table.visible-lg { display: table !important } tr.visible-lg { display: table-row !important } td.visible-lg, th.visible-lg { display: table-cell !important } .visible-lg-block { display: block !important } .visible-lg-inline { display: inline !important } .visible-lg-inline-block { display: inline-block !important } } @media (max-width:767px) { .hidden-xs { display: none !important } } @media (min-width:768px) and (max-width:991px) { .hidden-sm { display: none !important } } @media (min-width:992px) and (max-width:1199px) { .hidden-md { display: none !important } } @media (min-width:1200px) { .hidden-lg { display: none !important } } .visible-print { display: none !important } @media print { .visible-print { display: block !important } table.visible-print { display: table !important } tr.visible-print { display: table-row !important } td.visible-print, th.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 } .hidden-print { display: none !important } } .modal-perspective, .modal-perspective body { height: 100%; overflow: hidden } .modal-perspective body { background: #222; -webkit-perspective: 600px; perspective: 600px } .modal-container { z-index: 1050; visibility: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden } .modal-show { visibility: visible; overflow-x: hidden; overflow-y: auto; z-index: 1051 } .modal-overlay { visibility: hidden; z-index: 1050; opacity: 0; background: rgba(0, 0, 0, .5); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show~.modal-overlay { opacity: 1; visibility: visible } .modal-content { position: relative; border-radius: 3px; margin: 30px auto; max-width: 630px; min-width: 320px } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll } .modal-effect-1 .modal-content { -webkit-transform: scale(.7); -ms-transform: scale(.7); -o-transform: scale(.7); transform: scale(.7); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-1 .modal-content { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .modal-effect-2 .modal-content { -webkit-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all .3s cubic-bezier(.25, .5, .5, .9); -o-transition: all .3s cubic-bezier(.25, .5, .5, .9); transition: all .3s cubic-bezier(.25, .5, .5, .9) } .modal-show.modal-effect-2 .modal-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1 } .modal-effect-3 .modal-content { -webkit-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-3 .modal-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } .modal-effect-4 .modal-content { -webkit-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); -o-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0 } .modal-effect-4 .modal-content, .modal-show.modal-effect-4~.modal-overlay { -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .modal-show.modal-effect-4 .modal-content { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); transform: scale(1) rotate(0); opacity: 1 } .modal-effect-5.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-5 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0 } .modal-show.modal-effect-5 .modal-content { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: translateZ(0) rotateX(0); -ms-transform: translateZ(0) rotateX(0); transform: translateZ(0) rotateX(0); opacity: 1 } .modal-effect-6.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-6 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0 } .modal-show.modal-effect-6 .modal-content { -webkit-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; -webkit-transform: translate(0) translateZ(0) rotate(0); -ms-transform: translate(0) translateZ(0) rotate(0); transform: translate(0) translateZ(0) rotate(0); opacity: 1 } .modal-effect-7 { top: 0 } .modal-effect-7 .modal-content { margin-top: 0; -webkit-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0 } .modal-show.modal-effect-7 .modal-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); border-radius: 0 0 3px 3px; opacity: 1 } .modal-effect-8.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-8 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0 } .modal-show.modal-effect-8 .modal-content { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); opacity: 1 } .modal-effect-9.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-9 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; opacity: 0 } .modal-show.modal-effect-9 .modal-content { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1 } .modal-effect-10.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-10 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-10 .modal-content { -webkit-transform: rotateX(0); -ms-transform: rotateX(0); transform: rotateX(0); opacity: 1 } .modal-effect-11 .modal-content { -webkit-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-11 .modal-content { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .modal-effect-12 .modal-content { -webkit-transform: scale(.8); -ms-transform: scale(.8); -o-transform: scale(.8); transform: scale(.8); opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-12~.modal-overlay { background: #000 } .modal-show.modal-effect-12 .modal-content { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1 } .modal-effect-13.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-13 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0 } .modal-show.modal-effect-13 .modal-content { -webkit-animation: slit .7s forwards ease-out; -o-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(0) rotateY(0); opacity: 1 } } @-o-keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { transform: translateZ(0) rotateY(0); opacity: 1 } } @keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); opacity: 1; -webkit-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in } 100% { -webkit-transform: translateZ(0) rotateY(0); transform: translateZ(0) rotateY(0); opacity: 1 } } .modal-effect-14.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-14 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out } .modal-show.modal-effect-14 .modal-content { -webkit-transform: translateY(0) rotateX(0); -ms-transform: translateY(0) rotateX(0); transform: translateY(0) rotateX(0); opacity: 1 } .modal-effect-15.modal-container { -webkit-perspective: 1300px; perspective: 1300px } .modal-effect-15 .modal-content { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-15 .modal-content { -webkit-transform: translateZ(0) translateX(0) rotateY(0); -ms-transform: translateZ(0) translateX(0) rotateY(0); transform: translateZ(0) translateX(0) rotateY(0); opacity: 1 } .modal-show.modal-effect-16~.modal-overlay { background: rgba(180, 46, 32, .5) } .modal-show.modal-effect-16~.container { -webkit-filter: blur(3px); -moz-filter: blur(3px); filter: blur(3px) } .modal-effect-16 .modal-content { -webkit-transform: translateY(-5%); -ms-transform: translateY(-5%); -o-transform: translateY(-5%); transform: translateY(-5%); opacity: 0 } .modal-effect-16 .modal-content, .modal-show.modal-effect-16~.container { -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s } .modal-show.modal-effect-16 .modal-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1 } .modal-show.modal-effect-17~.container { height: 100%; overflow: hidden; -webkit-transition: -webkit-transform .3s; -o-transition: -o-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s, -o-transform .3s } .modal-show.modal-effect-17~.container, .modal-show.modal-effect-17~.modal-overlay { -webkit-transform: rotateX(-2deg); -ms-transform: rotateX(-2deg); transform: rotateX(-2deg); -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } .modal-effect-17 .modal-content { opacity: 0; -webkit-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%) } .modal-show.modal-effect-17 .modal-content { -webkit-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; -webkit-transition: all .3s .2s; -o-transition: all .3s .2s; transition: all .3s .2s } .modal-show.modal-effect-18~.container { height: 100%; overflow: hidden } .modal-show.modal-effect-18~.modal-overlay { background: rgba(143, 27, 15, .8); -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s } .modal-show.modal-effect-18~.container, .modal-show.modal-effect-18~.modal-overlay { -webkit-transform-style: preserve-3d; -webkit-transform-origin: 0 50%; -webkit-animation: rotateRightSideFirst .5s forwards ease-in; -moz-transform-style: preserve-3d; -moz-transform-origin: 0 50%; -moz-animation: rotateRightSideFirst .5s forwards ease-in; transform-style: preserve-3d; -ms-transform-origin: 0 50%; -o-transform-origin: 0 50%; transform-origin: 0 50%; -o-animation: rotateRightSideFirst .5s forwards ease-in; animation: rotateRightSideFirst .5s forwards ease-in } @-webkit-keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(-200px) } } @-o-keyframes rotateRightSideFirst { 50% { transform: translateZ(-50px) rotateY(5deg); -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { transform: translateZ(-200px) } } @keyframes rotateRightSideFirst { 50% { -webkit-transform: translateZ(-50px) rotateY(5deg); transform: translateZ(-50px) rotateY(5deg); -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out } 100% { -webkit-transform: translateZ(-200px); transform: translateZ(-200px) } } .modal-effect-18 .modal-content { -webkit-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); opacity: 0 } .modal-show.modal-effect-18 .modal-content { -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; -webkit-transition: all .5s .1s; -o-transition: all .5s .1s; transition: all .5s .1s } html { height: 100%; overflow-x: hidden } body { padding: 0; background-color: #EEE; height: 100% } a:focus, a:hover { text-decoration: none; outline: 0 } p { font-size: inherit; line-height: 21px } canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-Thin.eot); src: local('Roboto Thin'), local('Roboto-Thin'), url(../lib/roboto/Roboto-Thind41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Thin.woff2) format('woff2'), url(../lib/roboto/Roboto-Thin.woff) format('woff'), url(../lib/roboto/Roboto-Thin.ttf) format('truetype'), url(../lib/roboto/Roboto-Thin.svg#Roboto) format('svg'); font-weight: 100; font-style: normal } @font-face { font-family: Roboto-Thin; src: url(../lib/roboto/Roboto-Thin.eot); src: local('Roboto Thin'), local('Roboto-Thin'), url(../lib/roboto/Roboto-Thind41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Thin.woff2) format('woff2'), url(../lib/roboto/Roboto-Thin.woff) format('woff'), url(../lib/roboto/Roboto-Thin.ttf) format('truetype'), url(../lib/roboto/Roboto-Thin.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-ThinItalic.eot); src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url(../lib/roboto/Roboto-ThinItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-ThinItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-ThinItalic.woff) format('woff'), url(../lib/roboto/Roboto-ThinItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-ThinItalic.svg#Roboto) format('svg'); font-weight: 100; font-style: italic } @font-face { font-family: Roboto-ThinItalic; src: url(../lib/roboto/Roboto-ThinItalic.eot); src: local('Roboto ThinItalic'), local('Roboto-ThinItalic'), url(../lib/roboto/Roboto-ThinItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-ThinItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-ThinItalic.woff) format('woff'), url(../lib/roboto/Roboto-ThinItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-ThinItalic.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-Light.eot); src: local('Roboto Light'), local('Roboto-Light'), url(../lib/roboto/Roboto-Lightd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Light.woff2) format('woff2'), url(../lib/roboto/Roboto-Light.woff) format('woff'), url(../lib/roboto/Roboto-Light.ttf) format('truetype'), url(../lib/roboto/Roboto-Light.svg#Roboto) format('svg'); font-weight: 300; font-style: normal } @font-face { font-family: Roboto-Light; src: url(../lib/roboto/Roboto-Light.eot); src: local('Roboto Light'), local('Roboto-Light'), url(../lib/roboto/Roboto-Lightd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Light.woff2) format('woff2'), url(../lib/roboto/Roboto-Light.woff) format('woff'), url(../lib/roboto/Roboto-Light.ttf) format('truetype'), url(../lib/roboto/Roboto-Light.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-LightItalic.eot); src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url(../lib/roboto/Roboto-LightItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-LightItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-LightItalic.woff) format('woff'), url(../lib/roboto/Roboto-LightItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-LightItalic.svg#Roboto) format('svg'); font-weight: 300; font-style: italic } @font-face { font-family: Roboto-LightItalic; src: url(../lib/roboto/Roboto-LightItalic.eot); src: local('Roboto LightItalic'), local('Roboto-LightItalic'), url(../lib/roboto/Roboto-LightItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-LightItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-LightItalic.woff) format('woff'), url(../lib/roboto/Roboto-LightItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-LightItalic.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-Regular.eot); src: local('Roboto Regular'), local('Roboto-Regular'), url(../lib/roboto/Roboto-Regulard41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Regular.woff2) format('woff2'), url(../lib/roboto/Roboto-Regular.woff) format('woff'), url(../lib/roboto/Roboto-Regular.ttf) format('truetype'), url(../lib/roboto/Roboto-Regular.svg#Roboto) format('svg'); font-weight: 400; font-style: normal } @font-face { font-family: Roboto-Regular; src: url(../lib/roboto/Roboto-Regular.eot); src: local('Roboto Regular'), local('Roboto-Regular'), url(../lib/roboto/Roboto-Regulard41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Regular.woff2) format('woff2'), url(../lib/roboto/Roboto-Regular.woff) format('woff'), url(../lib/roboto/Roboto-Regular.ttf) format('truetype'), url(../lib/roboto/Roboto-Regular.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-RegularItalic.eot); src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url(../lib/roboto/Roboto-RegularItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-RegularItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-RegularItalic.woff) format('woff'), url(../lib/roboto/Roboto-RegularItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-RegularItalic.svg#Roboto) format('svg'); font-weight: 400; font-style: italic } @font-face { font-family: Roboto-RegularItalic; src: url(../lib/roboto/Roboto-RegularItalic.eot); src: local('Roboto RegularItalic'), local('Roboto-RegularItalic'), url(../lib/roboto/Roboto-RegularItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-RegularItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-RegularItalic.woff) format('woff'), url(../lib/roboto/Roboto-RegularItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-RegularItalic.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-Medium.eot); src: local('Roboto Medium'), local('Roboto-Medium'), url(../lib/roboto/Roboto-Mediumd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Medium.woff2) format('woff2'), url(../lib/roboto/Roboto-Medium.woff) format('woff'), url(../lib/roboto/Roboto-Medium.ttf) format('truetype'), url(../lib/roboto/Roboto-Medium.svg#Roboto) format('svg'); font-weight: 500; font-style: normal } @font-face { font-family: Roboto-Medium; src: url(../lib/roboto/Roboto-Medium.eot); src: local('Roboto Medium'), local('Roboto-Medium'), url(../lib/roboto/Roboto-Mediumd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Medium.woff2) format('woff2'), url(../lib/roboto/Roboto-Medium.woff) format('woff'), url(../lib/roboto/Roboto-Medium.ttf) format('truetype'), url(../lib/roboto/Roboto-Medium.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-MediumItalic.eot); src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url(../lib/roboto/Roboto-MediumItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-MediumItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-MediumItalic.woff) format('woff'), url(../lib/roboto/Roboto-MediumItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-MediumItalic.svg#Roboto) format('svg'); font-weight: 500; font-style: italic } @font-face { font-family: Roboto-MediumItalic; src: url(../lib/roboto/Roboto-MediumItalic.eot); src: local('Roboto MediumItalic'), local('Roboto-MediumItalic'), url(../lib/roboto/Roboto-MediumItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-MediumItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-MediumItalic.woff) format('woff'), url(../lib/roboto/Roboto-MediumItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-MediumItalic.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-Bold.eot); src: local('Roboto Bold'), local('Roboto-Bold'), url(../lib/roboto/Roboto-Boldd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Bold.woff2) format('woff2'), url(../lib/roboto/Roboto-Bold.woff) format('woff'), url(../lib/roboto/Roboto-Bold.ttf) format('truetype'), url(../lib/roboto/Roboto-Bold.svg#Roboto) format('svg'); font-weight: 700; font-style: normal } @font-face { font-family: Roboto-Bold; src: url(../lib/roboto/Roboto-Bold.eot); src: local('Roboto Bold'), local('Roboto-Bold'), url(../lib/roboto/Roboto-Boldd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Bold.woff2) format('woff2'), url(../lib/roboto/Roboto-Bold.woff) format('woff'), url(../lib/roboto/Roboto-Bold.ttf) format('truetype'), url(../lib/roboto/Roboto-Bold.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-BoldItalic.eot); src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url(../lib/roboto/Roboto-BoldItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-BoldItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-BoldItalic.woff) format('woff'), url(../lib/roboto/Roboto-BoldItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-BoldItalic.svg#Roboto) format('svg'); font-weight: 700; font-style: italic } @font-face { font-family: Roboto-BoldItalic; src: url(../lib/roboto/Roboto-BoldItalic.eot); src: local('Roboto BoldItalic'), local('Roboto-BoldItalic'), url(../lib/roboto/Roboto-BoldItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-BoldItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-BoldItalic.woff) format('woff'), url(../lib/roboto/Roboto-BoldItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-BoldItalic.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-Black.eot); src: local('Roboto Black'), local('Roboto-Black'), url(../lib/roboto/Roboto-Blackd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Black.woff2) format('woff2'), url(../lib/roboto/Roboto-Black.woff) format('woff'), url(../lib/roboto/Roboto-Black.ttf) format('truetype'), url(../lib/roboto/Roboto-Black.svg#Roboto) format('svg'); font-weight: 900; font-style: normal } @font-face { font-family: Roboto-Black; src: url(../lib/roboto/Roboto-Black.eot); src: local('Roboto Black'), local('Roboto-Black'), url(../lib/roboto/Roboto-Blackd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-Black.woff2) format('woff2'), url(../lib/roboto/Roboto-Black.woff) format('woff'), url(../lib/roboto/Roboto-Black.ttf) format('truetype'), url(../lib/roboto/Roboto-Black.svg#Roboto) format('svg') } @font-face { font-family: Roboto; src: url(../lib/roboto/Roboto-BlackItalic.eot); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url(../lib/roboto/Roboto-BlackItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-BlackItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-BlackItalic.woff) format('woff'), url(../lib/roboto/Roboto-BlackItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-BlackItalic.svg#Roboto) format('svg'); font-weight: 900; font-style: italic } @font-face { font-family: Roboto-BlackItalic; src: url(../lib/roboto/Roboto-BlackItalic.eot); src: local('Roboto BlackItalic'), local('Roboto-BlackItalic'), url(../lib/roboto/Roboto-BlackItalicd41d.eot?#iefix) format('embedded-opentype'), url(../lib/roboto/Roboto-BlackItalic.woff2) format('woff2'), url(../lib/roboto/Roboto-BlackItalic.woff) format('woff'), url(../lib/roboto/Roboto-BlackItalic.ttf) format('truetype'), url(../lib/roboto/Roboto-BlackItalic.svg#Roboto) format('svg') } .be-wrapper { min-height: 100%; padding-top: 61px } .be-top-header { background-color: #fff; border: 0; margin-bottom: 0; border-bottom: 1px solid #e6e6e6 } .be-top-header .container-fluid { padding: 0 } .be-top-header .navbar-header { width: 230px } @media (min-width:768px) and (max-width:991px) { .be-nosidebar-left .be-top-header .navbar-header { width: auto } } .be-top-header .navbar-header .navbar-brand { line-height: 60px; height: 35px; width: 100px; background-image: url(../img/logo_age_mais_pequena.png); background-size: 100% auto; background-repeat: no-repeat; padding: 20px; margin-left: 35px; margin-top: 15px; } @media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:192dpi) { .be-top-header .navbar-header .navbar-brand { background-image: url(../img/logo-xx.png); background-size: 102px 27px } } @media (max-width:767px) { .be-wrapper { overflow-x: hidden } .be-top-header { border-bottom-width: 0; position: relative; min-height: 0 } .be-top-header .navbar-header .navbar-brand { display: none } } .be-nosidebar-left .be-top-header .navbar-header .navbar-brand { width: 142px } .be-top-header .navbar-header .be-toggle-left-sidebar { display: inline-block; text-align: center; line-height: 60px; float: right; padding: 0 15px } .be-top-header .navbar-header .be-toggle-left-sidebar .icon { font-size: 21px; color: #5a5a5a; line-height: 25px; vertical-align: middle } .be-top-header .page-title { font-size: 19px; line-height: 60px; float: left; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0 20px } .be-nosidebar-left .be-top-header .page-title { padding-left: 10px } @media (max-width:767px) { .be-top-header .navbar-header, .be-top-header .page-title { display: none } } .be-top-header .navbar-nav>li>a { line-height: 60px; color: #5a5a5a; font-size: 14px; padding: 0 18px; outline: 0 } .be-top-header .navbar-nav>li>a:focus, .be-top-header .navbar-nav>li>a:hover { color: #5a5a5a } @media (min-width:768px) and (max-width:991px) { .be-top-header .navbar-header .navbar-brand { margin-right: 10px } .be-top-header .navbar-nav>li>a { padding: 0 24px } } .be-top-header .navbar-nav>li.open>a, .be-top-header .navbar-nav>li.open>a:active, .be-top-header .navbar-nav>li.open>a:focus, .be-top-header .navbar-nav>li.open>a:hover { color: #4285f4 } .be-top-header .navbar-nav>li.dropdown>a .mdi-caret-down { font-size: 23px; vertical-align: middle; margin-left: 3px } .be-top-header .navbar-nav>li.dropdown .dropdown-menu { border-radius: 3px; margin-top: 12px } .be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a { color: #504e4e; padding: 10px 20px; min-width: 175px } .be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a:hover { background-color: #4285f4; color: #fff } .be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a:active, .be-top-header .navbar-nav>li.dropdown .dropdown-menu>li>a:focus { background-color: transparent; color: #504e4e } .be-top-header .navbar-nav>li.dropdown .dropdown-menu:after, .be-top-header .navbar-nav>li.dropdown .dropdown-menu:before { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; top: -8px; content: ""; display: inline-block; left: 42px; margin-left: -6px; position: absolute } .be-top-header .navbar-nav>li.dropdown .dropdown-menu:before { border-bottom-width: 9px; border-left-width: 9px; border-right-width: 9px; border-bottom-color: #e3e3e3; margin-left: -7px; top: -9px } .be-top-header .navbar-collapse { border-width: 0 } @media (max-width:767px) { .be-top-header .navbar-collapse { border-top: 1px solid #f5f5f5; max-height: none } .be-top-header .navbar-collapse .navbar-nav { background-color: #fafafa; margin: 0; padding: 15px 0 } .be-top-header .navbar-collapse .navbar-nav>li>a { display: block; padding: 0 20px; color: #646464; font-size: 14px; line-height: 38px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .be-top-header .navbar-collapse .navbar-nav>li>a .icon { line-height: 18px; font-size: 19px; min-width: 19px; margin-right: 9px; text-align: center; vertical-align: middle } .be-top-header .navbar-collapse .navbar-nav>li.dropdown .mdi-caret-down { float: right; line-height: 38px; color: #c5c5c5 } .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu { background-color: #eee; padding: 10px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-radius: 0 } .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:after, .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu:before { display: none } .be-top-header .navbar-collapse .navbar-nav>li.dropdown .dropdown-menu>li>a { color: #646464; padding: 8px 15px 8px 23px } } .be-top-header .search-container { position: relative; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: inline-block; height: 60px; padding: 10px 20px } .be-top-header .search-container .input-group { max-width: 800px } .be-top-header .search-input { border-width: 1px; color: #404040 } @media (max-width:767px) { .be-top-header .search-container { display: none } .be-top-header .search-input { background-color: #fff; color: #404040 } } .be-top-header .search-input:focus { background-color: #fff; color: grey } .be-top-header .search-input:focus::-webkit-input-placeholder { color: #737373 } .be-top-header .search-input:focus::-moz-placeholder { color: #737373 } .be-top-header .search-input:focus:-ms-input-placeholder { color: #737373 } .be-top-header .search-input:focus::placeholder { color: #737373 } .be-top-header .be-right-navbar { padding-right: 20px } .be-top-header .be-right-navbar-flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .be-top-header .be-right-navbar .navbar-nav { background-color: transparent } @media (max-width:767px) { .be-top-header .be-right-navbar .navbar-nav>li.open>a, .be-top-header .be-right-navbar .navbar-nav>li.open>a:active, .be-top-header .be-right-navbar .navbar-nav>li.open>a:focus, .be-top-header .be-right-navbar .navbar-nav>li.open>a:hover, .be-top-header .be-right-navbar .navbar-nav>li>a, .be-top-header .be-right-navbar .navbar-nav>li>a:active, .be-top-header .be-right-navbar .navbar-nav>li>a:focus { color: #fff } .be-top-header .be-right-navbar { padding-right: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 1px solid #4285f4; position: fixed; top: 0; left: 0; width: 100%; background-color: #4285f4; z-index: 1030 } .be-offcanvas-menu .be-top-header .be-right-navbar { padding-right: 5px; position: relative } } @media (min-width:768px) and (max-width:991px) { .be-top-header .be-toggle-right-sidebar { margin-right: 0; padding-left: 5px; padding-right: 9px } } .be-top-header .be-toggle-top-header-menu { display: none; background-color: #fff; padding: 16px 10px; color: #404040; font-weight: 300; font-size: 14px; border-bottom: 1px solid #f5f5f5 } .be-top-header .be-toggle-top-header-menu:before { content: '\f2f8'; float: right; font-family: 'Material Icons'; font-size: 27px; line-height: 22px; color: #c5c5c5 } .be-top-header .be-toggle-top-header-menu.collapsed { border-bottom: 1px solid #e3e3e3; -webkit-transition: border-bottom-color .4s ease; -o-transition: border-bottom-color .4s ease; transition: border-bottom-color .4s ease } .be-top-header .be-toggle-top-header-menu.collapsed:before { content: '\f2f2' } .be-offcanvas-menu .be-top-header .navbar-header { width: 230px } .be-offcanvas-menu .be-top-header .navbar-header .be-toggle-left-sidebar { padding-left: 25px } .be-offcanvas-menu .be-top-header .navbar-header .be-toggle-left-sidebar .icon { color: #737373; font-size: 24px } @media (max-width:767px) { .be-top-header .be-toggle-top-header-menu { display: block } .be-offcanvas-menu .be-top-header { position: fixed } .be-offcanvas-menu .be-top-header .container-fluid { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex } .be-offcanvas-menu .be-top-header .navbar-header { display: block; width: inherit; background-color: #4285f4 } .be-offcanvas-menu .be-top-header .navbar-header .be-toggle-left-sidebar { padding-left: 30px; padding-right: 15px } .be-offcanvas-menu .be-top-header .navbar-header .be-toggle-left-sidebar .icon { color: #fff } } .be-offcanvas-menu .be-top-header .navbar-brand { width: 142px } .be-offcanvas-menu .be-top-header .be-toggle-left-sidebar { display: inline-block; text-align: center; line-height: 60px; float: left } .be-offcanvas-menu .be-top-header .be-toggle-left-sidebar .icon { font-size: 21px; color: #5a5a5a; line-height: 25px; vertical-align: middle } .be-color-header .be-top-header { background-color: #4285f4; border-bottom-color: #4285f4 } .be-color-header .be-top-header .be-right-navbar { background-color: #4285f4 } .be-color-header .be-top-header .navbar-header .navbar-brand { background-image: url(../img/logo-white.png) } @media (-webkit-min-device-pixel-ratio:2), (-o-min-device-pixel-ratio:2/1), (min-resolution:192dpi) { .be-color-header .be-top-header .navbar-header .navbar-brand { background-image: url(../img/logo-white-xx.png) } } .be-color-header .be-top-header .be-right-navbar .be-icons-nav>li.dropdown>a .icon, .be-color-header .be-top-header .be-right-navbar .navbar-nav>li>a, .be-color-header .be-top-header .page-title { color: #fff } .be-color-header .be-top-header .be-right-navbar .be-icons-nav>li.dropdown>a .indicator { background-color: #fff } .be-color-header-success .be-top-header { background-color: #34a853; border-bottom-color: #34a853 } @media (max-width:767px) { .be-color-header-success .be-top-header .be-right-navbar { background-color: #34a853; border-bottom-color: #34a853 } } .be-color-header-warning .be-top-header { background-color: #fbbc05; border-bottom-color: #fbbc05 } @media (max-width:767px) { .be-color-header-warning .be-top-header .be-right-navbar { background-color: #fbbc05; border-bottom-color: #fbbc05 } } .be-color-header-danger .be-top-header { background-color: #ea4335; border-bottom-color: #ea4335 } @media (max-width:767px) { .be-color-header-danger .be-top-header .be-right-navbar { background-color: #ea4335; border-bottom-color: #ea4335 } } .be-top-header .be-icons-nav { margin-right: 20px } @media (min-width:768px) { .be-right-navbar-flex .be-icons-nav { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } } @media (min-width:768px) and (max-width:991px) { .be-top-header .be-icons-nav { margin-right: 10px } } .be-icons-nav>li.dropdown { position: static } .be-icons-nav>li.dropdown>a { padding: 0 10px } .be-icons-nav>li.dropdown>a .icon { font-size: 24px; vertical-align: middle; color: #737373 } .be-icons-nav>li.dropdown>a .icon.mdi-comment-more { font-size: 20px; position: relative; top: 1px } .be-icons-nav>li.dropdown>a .indicator { background-color: #4285f4; border-radius: 50%; display: block; height: 6px; width: 6px; position: absolute; top: 18px; right: 6px } .be-icons-nav>li.dropdown.open>a:after, .be-icons-nav>li.dropdown.open>a:before { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -13px; content: ""; display: inline-block; left: 50%; margin-left: -8px; position: absolute; z-index: 1001 } .be-icons-nav>li.dropdown.open>a:before { border-bottom-width: 9px; border-left-width: 9px; border-right-width: 9px; border-bottom-color: #e3e3e3; margin-left: -9px; bottom: -12px } .be-icons-nav>li.dropdown .dropdown-menu { width: 300px; border-radius: 3px; padding: 0; box-shadow: 0 2px 6px rgba(0, 0, 0, .08); border: 1px solid #e0e0e0; -moz-box-sizing: content-box; box-sizing: content-box } .be-icons-nav>li.dropdown .dropdown-menu .title { font-size: 13px; color: #8a8a8a; text-align: center; padding: 10px 0 8px; border-bottom: 1px solid #ebebeb } .be-icons-nav>li.dropdown .dropdown-menu .title .badge { font-size: 10px; line-height: 10px; vertical-align: middle; margin-left: 4px; background-color: #e4e4e4; color: #8a8a8a; min-width: 17px; height: 17px; text-align: center; padding: 3px 6px } .be-icons-nav>li.dropdown .dropdown-menu .title .badge-new { background-color: #4285f4; border-color: #4285f4; color: #fff } .be-icons-nav>li.dropdown .dropdown-menu .footer a { background-color: #fafafa; font-size: 13px; color: #8a8a8a; text-align: center; padding: 10px 0; border-top: 1px solid #ebebeb; display: block; outline: 0 } .be-icons-nav>li.dropdown .dropdown-menu .footer a:hover { background-color: #f5f5f5 } .be-top-header .be-icons-nav>li.dropdown .dropdown-menu:after, .be-top-header .be-icons-nav>li.dropdown .dropdown-menu:before { display: none } .be-icons-nav>li.dropdown.open>a { background-color: transparent } .be-icons-nav>li.dropdown.open>a .icon { color: #4285f4 } @media (max-width:767px) { .be-icons-nav>li.dropdown.open>a .icon { color: #fff } .be-icons-nav { float: right; -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .be-top-header .be-icons-nav { margin: 0 5px 0 0 } .be-icons-nav>li.dropdown { display: inline-block } .be-icons-nav>li.dropdown>a { padding: 0 7px } .be-icons-nav>li.dropdown>a .icon { color: #fff } .be-icons-nav>li.dropdown>a .indicator { right: 2px; background-color: #fff } } @media (max-width:480px) { .be-icons-nav>li.dropdown .dropdown-menu { left: 0; top: 60px; width: 100%; box-shadow: none; border-width: 0 } .be-top-header .be-icons-nav>li.dropdown .dropdown-menu { border-radius: 0; margin-top: 1px } .be-icons-nav>li.dropdown .dropdown-menu .footer a { border-bottom: 1px solid #ebebeb } .be-icons-nav>li.dropdown.open>a:before { display: none } .be-icons-nav>li.dropdown.open>a:after { bottom: -1px } } .be-user-nav { margin-right: 0 } @media (min-width:768px) { .be-right-navbar-flex .be-user-nav { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1 } } .be-user-nav>li.dropdown>a { padding-left: 5px; padding-right: 5px; font-size: 0 } @media (min-width:768px) and (max-width:991px) { .be-user-nav>li.dropdown>a { padding-left: 10px } } .be-user-nav>li.dropdown>a img { max-width: 32px; max-height: 32px; border-radius: 50% } .be-user-nav>li.dropdown>a .user-name { margin-left: 8px; margin-right: 8px; display: inline; font-size: 13px; font-family: 'Muli'; font-weight: bold; line-height: 20px; vertical-align: middle } .be-user-nav>li.dropdown>a:after { display: none; content: '\f2f2'; float: right; font-family: 'Material Icons'; font-size: 21px; color: #c5c5c5; margin-left: 7px } @media (max-width:767px) { .be-user-nav>li.dropdown>a:after { display: inline-block } } .be-user-nav>li.dropdown .dropdown-menu { width: 220px; padding: 0 0 7px } .be-top-header .be-user-nav>li.dropdown .dropdown-menu li a:active, .be-top-header .be-user-nav>li.dropdown .dropdown-menu li a:focus { background-color: transparent; color: #504e4e } .be-top-header .be-user-nav>li.dropdown .dropdown-menu li a:hover { background-color: #f5f5f5; color: #504e4e } .be-user-nav>li.dropdown .dropdown-menu li a .icon { vertical-align: middle; margin-right: 6px } .be-user-nav>li.dropdown .dropdown-menu .user-info { background-color: #4285f4; color: #fff; overflow: hidden; padding: 20px 15px 14px; border-radius: 2px 2px 0 0; margin-bottom: 7px } .be-user-nav>li.dropdown .dropdown-menu .user-info .user-name { display: block; font-size: 19px; line-height: 22px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden } .be-user-nav>li.dropdown .dropdown-menu .user-info .user-position { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 13px; position: relative } .be-user-nav>li.dropdown .dropdown-menu .user-info .user-position:after { content: ""; position: absolute; height: 7px; width: 7px; left: 0; top: 5px; border: 1px solid #f0f0f0; border-radius: 50%; background-color: transparent; display: block } .be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.online:after { background-color: #6cd187; border-color: #6cd187 } .be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.away:after { background-color: #fcd050; border-color: #fcd050 } .be-user-nav>li.dropdown .dropdown-menu .user-info .user-position.busy:after { background-color: #f39088; border-color: #f39088 } .be-user-nav>li.dropdown .dropdown-menu .user-info .switch-status { float: right; margin-top: 5px } .be-top-header .be-user-nav>li.dropdown .dropdown-menu:after { left: auto; right: 13px; border-bottom-color: #4285f4 } .be-top-header .be-user-nav>li.dropdown .dropdown-menu:before { display: none } @media (max-width:767px) { .be-user-nav { margin: 0; display: inline-block; -webkit-box-flex: 0; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; overflow: hidden } .be-user-nav>li.dropdown>a { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 60px; white-space: nowrap } .be-user-nav>li.dropdown>a:after { color: #fff } .be-user-nav>li.dropdown>a img { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto } .be-user-nav>li.dropdown>a .user-name { display: block; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; overflow: hidden; text-overflow: ellipsis } .be-user-nav>li.dropdown .dropdown-menu { box-shadow: 0 2px 4px rgba(0, 0, 0, .08); background-color: #fff; position: fixed; top: 60px; left: 0; margin-left: 10px; margin-right: 10px; max-width: 220px } .be-top-header .be-user-nav>li.dropdown .dropdown-menu:after { right: auto; left: 20px } .be-offcanvas-menu .be-user-nav>li.dropdown>a { padding-left: 5px } .be-offcanvas-menu .be-user-nav>li.dropdown>a img { display: none } } .be-notifications { padding-top: 0 } .navbar-right .be-notifications { left: auto; right: 25px } .be-notifications .be-scroller { position: relative; height: 222px } .be-notifications .be-scroller>.content>ul { list-style: none; padding-left: 0 } .be-notifications .notification { overflow: hidden; border-bottom: 1px solid #ebebeb } .be-notifications .notification>a { padding: 15px; display: block; overflow: hidden } .be-notifications .notification>a .image { height: 38px; width: 38px; border-radius: 50%; background-color: #e4e4e4; float: left; text-align: center; overflow: hidden } .be-notifications .notification>a .image img { height: 38px; width: 38px; font-size: 25px; color: #979595; line-height: 36px } .be-notifications .notification>a .notification-info { padding-left: 50px; line-height: 14px } .be-notifications .notification>a .notification-info .text { font-weight: 500; color: #8a8a8a; font-size: 12px; line-height: 16px } .be-notifications .notification>a .notification-info .user-name { color: #4285f4; font-size: 13px } .be-notifications .notification>a .notification-info .date { color: #8a8a8a; display: block; font-size: 9px; margin-top: 4px; text-transform: uppercase } .be-notifications .notification:hover>a, .be-notifications .notification:hover>a .logo .icon, .be-notifications .notification:hover>a .notification-info .date, .be-notifications .notification:hover>a .notification-info .text, .be-notifications .notification:hover>a .notification-info .user-name { color: #fff } .be-notifications .notification.notification-unread { background-color: rgba(66, 133, 244, .1); border-bottom: 1px solid rgba(66, 133, 244, .1) } .be-notifications .notification.notification-unread>a { position: relative } .be-notifications .notification.notification-unread>a:after { content: ''; display: block; position: absolute; right: 15px; top: 20px; width: 6px; height: 6px; background-color: #4285f4; border-radius: 50% } .be-notifications .notification:hover { background-color: #4285f4 } .be-notifications .notification:hover>a .logo { background-color: #206ff2 } .be-notifications .notification:hover>a .notification-info .circle { background: #fff } .be-notifications .notification:hover>a:after { background-color: #fff } .be-notifications .notification:last-child { border-bottom: 0 } @media (max-width:767px) { .navbar-nav .open .be-notifications { position: absolute; background-color: #fff } } @media (max-width:480px) { .navbar-nav .open .be-notifications { position: fixed } } .be-connections { min-width: 304px } .navbar-right .be-connections { left: auto; right: 25px } .be-connections .content { padding: 20px 15px } .be-connections .content .row { margin: 0 } .be-connections .content .row>div { padding-left: 5px; padding-right: 5px } .be-connections .connection-item { border-radius: 3px; line-height: 34px; text-align: center; padding: 15px 0 9px; display: block; border: 1px solid transparent; color: #737373 } .be-connections .connection-item span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .be-connections .connection-item img { max-height: 35px; max-width: 35px } .be-connections .connection-item:hover { background-color: transparent; border-color: #ebebeb } @media (max-width:767px) { .navbar-right .be-connections { right: 5px } .navbar-nav .open .be-connections { position: absolute; background-color: #fff } } @media (max-width:480px) { .be-connections { min-width: 260px } .navbar-nav .open .be-connections { position: fixed } .be-connections .content { padding-left: 10px; padding-right: 10px } } .be-left-sidebar {background-color: #fff; width: 230px; left: 0; position: absolute; border-right: 1px solid #e3e3e3 } .be-collapsible-sidebar-collapsed .be-left-sidebar { width: 60px } .be-left-sidebar .left-sidebar-wrapper { display: table; table-layout: fixed; width: 100%; height: 100% } .be-left-sidebar .left-sidebar-spacer { height: 100%; display: table-row } @media (min-width:768px) { .be-left-sidebar .left-sidebar-spacer { display: table-row } } .be-left-sidebar .left-sidebar-scroll { position: relative; height: 100%; width: 100%; overflow: hidden } .be-left-sidebar .left-sidebar-content { position: relative; top: 0; bottom: 0; left: 0; right: 0; padding-top: 8px } .be-collapsible-sidebar-collapsed .be-left-sidebar .left-sidebar-content { padding-top: 20px } .be-left-sidebar .left-sidebar-toggle { display: none; background-color: #fff; padding: 16px 10px; color: #404040; font-weight: 300; font-size: 14px } .be-left-sidebar .left-sidebar-toggle:before { content: '\f2f2'; float: right; font-family: 'Material Icons'; font-size: 27px; line-height: 22px; color: #c5c5c5 } .be-left-sidebar .left-sidebar-toggle.open:before { content: '\f2f8' } @media (max-width:767px) { .be-collapsible-sidebar-collapsed .be-left-sidebar { width: 100% } .be-left-sidebar .left-sidebar-toggle { display: block } } .be-left-sidebar .sidebar-elements { margin: 0; padding: 0 } .be-left-sidebar .sidebar-elements .divider { padding: 20px 20px 0; color: #b0b0b0; line-height: 30px; font-weight: 600; text-transform: uppercase; font-size: 11px } @media (min-width:768px) { .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements .divider { padding: 40px 0 0; height: 0; overflow: hidden; text-indent: -9999px } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements .divider:first-child { display: none } } .be-left-sidebar .sidebar-elements>li { list-style: none } .be-left-sidebar .sidebar-elements>li>a { display: block; padding: 0 20px; color: #646464; font-size: 14px; line-height: 38px; text-overflow: ellipsis; overflow: hidden; white-space: normal } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li>a { text-overflow: clip } .be-left-sidebar .sidebar-elements>li>a .icon { line-height: 18px; font-size: 19px; min-width: 19px; margin-right: 9px; text-align: center; vertical-align: middle } @media (min-width:768px) { .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li>a span { display: none } } .be-left-sidebar .sidebar-elements>li>a:hover { background-color: #f0f0f0 } .be-left-sidebar .sidebar-elements>li>a:hover>span { color: #3d3d3d } .be-left-sidebar .sidebar-elements>li>ul { border-top: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6 } .be-collapsible-sidebar .be-left-sidebar .sidebar-elements>li>ul .nav-items .content>ul { display: block } .be-left-sidebar .sidebar-elements>li ul { display: none; background-color: #fff; padding: 10px 0; list-style: none } .be-left-sidebar .sidebar-elements>li ul .title { display: none } .be-collapsible-sidebar .be-left-sidebar .sidebar-elements>li ul .content>ul { padding-left: 0 } @media (min-width:768px) { .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li>ul { border-top-width: 0; border-bottom-width: 0 } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible { display: table; table-layout: fixed; position: fixed; left: 60px; top: 61px; height: 100%; z-index: 1031; padding: 0 0 61px; list-style: none; width: 232px; border-right: 1px solid #e6e6e6 } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .title { display: block; padding: 30px 25px; font-size: 18px; color: #737373 } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items { display: table-row; height: 100% } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .be-scroller { display: table-cell; position: relative; height: 100% } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .be-scroller>.content { position: absolute; top: 0; bottom: 0; width: 100%; height: 100% } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul { border-color: transparent; padding: 0 } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>a { padding-left: 25px } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>a { padding-left: 35px } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>ul>li>a { padding-left: 45px } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>ul>li>ul>li>a { padding-left: 55px } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li ul.visible .nav-items .content>ul>li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 65px } } .be-left-sidebar .sidebar-elements>li ul li>a { padding: 8px 15px 8px 49px; color: #646464; font-size: 13px; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .be-left-sidebar .sidebar-elements>li ul li.active>a, .be-left-sidebar .sidebar-elements>li.active>a>span { color: #4285f4 } .be-left-sidebar .sidebar-elements>li ul li>a .label { border-radius: 2px; font-weight: 500; line-height: 9px; font-size: 11px; padding: 4px 7px; margin-left: 4px; margin-top: 1px } .be-left-sidebar .sidebar-elements>li ul li>a:hover { background-color: #e7e7e7 } .be-left-sidebar .sidebar-elements>li ul li ul { padding-top: 0; padding-bottom: 0; padding-left: 0 } .be-left-sidebar .sidebar-elements>li ul li>ul, .be-left-sidebar .sidebar-elements>li ul li>ul>li ul { padding: 5px 0 } .be-left-sidebar .sidebar-elements>li ul li>ul>li>a { padding-left: 59px } .be-left-sidebar .sidebar-elements>li ul li>ul>li>ul>li>a { padding-left: 69px } .be-left-sidebar .sidebar-elements>li ul li>ul>li>ul>li>ul>li>a { padding-left: 79px } .be-left-sidebar .sidebar-elements>li ul li>ul>li>ul>li>ul>li>ul>li>a { padding-left: 89px } .be-left-sidebar .sidebar-elements>li.active>a { padding-left: 20px; font-weight: 500; color: #4285f4 } .be-left-sidebar .sidebar-elements>li.open>ul, .be-left-sidebar .sidebar-elements>li.open>ul .nav-items .content>ul { display: block } .be-left-sidebar .sidebar-elements li.parent>a:before { content: '\f2f2'; float: right; font-family: 'Material Icons'; font-size: 21px; color: #c5c5c5 } @media (min-width:768px) { .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li.open>ul { display: none } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements>li.open>ul.visible { display: table } .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements li.parent>a:before { display: none } } .be-left-sidebar .sidebar-elements li.parent.open>a:before { content: '\f2f8' } .be-left-sidebar .sidebar-elements li.open>ul { display: block } @media (min-width:768px) { .be-collapsible-sidebar-collapsed .be-left-sidebar .sidebar-elements .sub-menu.visible li.parent>a:before { display: block } } .be-left-sidebar:before { content: ""; position: fixed; z-index: -1; width: inherit; top: 0; left: 0; bottom: 0; background-color: inherit; border-right: 1px solid #e3e3e3 } @media (max-width:767px) { .be-left-sidebar:before { display: none } .be-left-sidebar { width: 100%; background-color: #fafafa; border-bottom: 1px solid #e3e3e3; border-right-width: 0; position: relative } .be-left-sidebar .sidebar-elements>li>a:hover, .be-left-sidebar .sidebar-elements>li>ul li>a:hover { background-color: transparent } .be-left-sidebar .left-sidebar-content, .be-left-sidebar .left-sidebar-scroll, .be-left-sidebar .left-sidebar-spacer, .be-left-sidebar .left-sidebar-wrapper { display: block; position: relative; overflow: visible } .be-left-sidebar .left-sidebar-spacer { display: none; border-top: 2px solid #f5f5f5 } .be-left-sidebar .left-sidebar-spacer.open { display: block } .be-left-sidebar .left-sidebar-content { padding-bottom: 20px } .be-left-sidebar .sidebar-elements>li>a { text-align: left; position: relative } .be-left-sidebar .sidebar-elements>li>a:hover>span { color: inherit } .be-left-sidebar .sidebar-elements>li>ul { position: relative; height: auto; width: 100%; left: 0 } .be-left-sidebar .sidebar-elements>li>ul li>a:active { background-color: #e7e7e7 } .be-left-sidebar .sidebar-elements>li>ul>li.title { display: none } .be-left-sidebar .sidebar-elements>li>ul>li.nav-items { display: block; height: auto } .be-left-sidebar .sidebar-elements>li>ul>li.nav-items>.be-scroller { height: auto; overflow: visible } .be-left-sidebar .sidebar-elements>li>ul>li.nav-items>.be-scroller>.content { padding-top: 0; overflow: visible; position: relative } .be-left-sidebar .sidebar-elements>li:hover { background-color: inherit } .be-left-sidebar .sidebar-elements>li:hover>ul { display: none } .be-left-sidebar .sidebar-elements li.open>ul { display: block } } .be-fixed-sidebar .be-left-sidebar { height: 100%; margin-top: 61px; padding-bottom: 61px; position: fixed; top: 0; bottom: 0; z-index: 1029 } .be-fixed-sidebar .be-left-sidebar .left-sidebar-content { position: absolute } @media (max-width:767px) { .be-fixed-sidebar .be-left-sidebar .left-sidebar-content { position: relative } .be-fixed-sidebar .be-left-sidebar { position: static; height: auto; margin-top: 0; padding-bottom: 0 } } .be-fixed-sidebar .be-left-sidebar:before { top: 60px } .be-offcanvas-menu .be-left-sidebar { position: fixed; height: 100%; top: 0; left: -240px; z-index: 1031; background-color: #fff; box-shadow: 0 6px 18px 0 rgba(0, 0, 0, .18); border-right-width: 0 } @media (max-width:767px) { .be-offcanvas-menu .be-left-sidebar { width: 230px; left: 0; -webkit-transform: translate3d(-105%, 0, 0); transform: translate3d(-105%, 0, 0) } } .be-offcanvas-menu .be-left-sidebar:before { left: -230px; border-right-width: 0 } @media (max-width:767px) { .be-offcanvas-menu .be-left-sidebar .left-sidebar-toggle { display: none } } .be-offcanvas-menu .be-left-sidebar .be-toggle-left-sidebar { display: inline-block; text-align: center; line-height: 60px; float: left } .be-offcanvas-menu .be-left-sidebar .be-toggle-left-sidebar .icon { padding-left: 25px; font-size: 24px; color: #737373; line-height: 25px; vertical-align: middle } .be-offcanvas-menu .be-left-sidebar .menu-logo { height: 60px; width: 150px; background-image: url(../img/logo.png); background-size: 98% auto; background-repeat: no-repeat; background-position: 20px center; display: block; float: left } .be-fixed-sidebar.be-offcanvas-menu .be-left-sidebar { margin-top: 61px; padding-bottom: 61px } .be-animate .be-left-sidebar { -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } @media (max-width:767px) { .be-offcanvas-menu .be-left-sidebar .left-sidebar-wrapper { display: table } .be-offcanvas-menu .be-left-sidebar .left-sidebar-spacer { display: table-row; border-top-width: 0 } .be-fixed-sidebar.be-offcanvas-menu .be-left-sidebar .left-sidebar-content { position: absolute } .be-offcanvas-menu .be-left-sidebar .navbar-header, .be-offcanvas-menu .be-left-sidebar .progress-widget { display: block } } .be-offcanvas-menu .be-left-sidebar .navbar-header .navbar-brand { padding-left: 0; background-position: 0 center } .be-left-sidebar .left-sidebar-top { border-bottom: 1px solid #ededed } .be-left-sidebar .left-sidebar-top:after, .be-left-sidebar .left-sidebar-top:before { content: " "; display: table } .be-left-sidebar .progress-widget { padding: 20px; cursor: pointer } .be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget { padding: 13px 14px; margin-top: 25px } .be-fixed-sidebar .be-left-sidebar .progress-widget { margin-top: 0 } .be-left-sidebar .progress-widget .progress-data { color: #646464 } .be-left-sidebar .progress-widget .progress-value { float: right } .be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget .progress-value { float: none; display: block; text-align: center; font-size: 11px } .be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget .name { display: none } .be-left-sidebar .progress-widget .progress { margin: 10px 0 0; height: 8px; background-color: #ebebeb; border-radius: 2px } .be-collapsible-sidebar-collapsed .be-left-sidebar .progress-widget .progress { height: 5px; margin-top: 7px } .be-left-sidebar .progress-widget:hover { background-color: #f0f0f0 } .be-left-sidebar .progress-widget:hover .progress { background-color: #e6e6e6 } @media (max-width:767px) { .be-left-sidebar .progress-widget { display: none } } .be-right-sidebar { position: fixed; background-color: #FAFAFA; margin-top: 61px; padding-bottom: 61px; width: 290px; height: 100%; right: -290px; top: 0; bottom: 0; border-left: 1px solid #e8e8e8; z-index: 1031 } .be-animate .be-right-sidebar { -webkit-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease } @media (min-width:768px) { body.open-left-sidebar .be-left-sidebar { left: 0 } body.open-right-sidebar .be-right-sidebar { right: 0 } } @media (max-width:767px) and (max-width:767px) { body.open-left-sidebar .be-wrapper { overflow: hidden } body.open-left-sidebar .be-left-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } body.open-right-sidebar .be-wrapper { overflow: hidden } body.open-right-sidebar .be-right-sidebar { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } } .be-right-sidebar .sb-content { display: table; table-layout: fixed; height: 100%; width: 100% } .be-right-sidebar .tab-navigation .nav-tabs { background-color: transparent; border-bottom: 0; padding: 0 } .be-right-sidebar .tab-navigation .nav-tabs>li>a { background-color: #f2f2f2; border-width: 0; padding: 14px 10px; min-width: auto; font-size: 14px } .be-right-sidebar .tab-navigation .nav-tabs>li>a .icon { font-size: 25px; color: #aaa } .be-right-sidebar .tab-navigation .nav-tabs>li>a:hover { border: 0; background-color: #f6f6f6; color: #3b3b3b } .be-right-sidebar .tab-navigation .nav-tabs>li>a:focus { border: 0 } .be-right-sidebar .tab-navigation .nav-tabs>li.active>a { color: #4285f4; background-color: transparent } @media (max-width:767px) { .be-right-sidebar .tab-navigation .nav-justified { display: table } .be-right-sidebar .tab-navigation .nav-justified>li { display: table-cell } .be-right-sidebar .tab-navigation .nav-justified>li>a { margin-bottom: 0; min-width: 40px } } .be-right-sidebar .tab-panel { height: 100%; display: table-row } .be-right-sidebar .tab-panel .tab-content { height: 100%; position: relative; width: 100%; padding: 0; background: 0 0; display: table-cell; overflow: hidden } .be-right-sidebar .tab-panel .tab-content .tab-pane { height: 100%; position: relative; width: 100% } .be-right-sidebar .tab-panel .tab-content .tab-pane>.content { overflow: auto; bottom: 0; left: 0; position: absolute; right: 0; top: 0 } .be-right-sidebar .tab-panel .tab-content .tab-pane h2 { font-size: 15px; font-weight: 400; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; padding-left: 5px; margin-bottom: 20px; margin-top: 18px } .be-right-sidebar .tab-panel .tab-content .bottom-input { position: relative; border-top: 1px solid #f2f2f2 } .be-right-sidebar .tab-panel .tab-content .bottom-input>input { border: 0; background-color: #FAFAFA; color: #404040; width: 100%; font-size: 13px; font-weight: 400; padding: 15px 20px; outline: 0 } .be-right-sidebar .tab-panel .tab-content .bottom-input>span { position: absolute; color: #aaa; right: 15px; top: 50%; font-size: 20px; margin-top: -10px; cursor: pointer } .be-right-sidebar .tab-panel .tab-content .bottom-input>span:hover { color: #d1d1d1 } @media (max-width:767px) { .be-right-sidebar { width: 290px; right: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); margin-top: 0; padding-bottom: 0 } .be-right-sidebar .tab-panel .tab-content>.chat, .be-right-sidebar .tab-panel .tab-content>.chat .chat-contacts, .be-right-sidebar .tab-panel .tab-content>.chat .chat-window { width: 100% } .be-right-sidebar .tab-panel .tab-content>.chat .chat-window { left: 100% } .be-right-sidebar .tab-panel .tab-content>.chat.chat-opened .chat-contacts { left: -100% } } @media (max-width:320px) { .be-right-sidebar { width: 90% } } .tab-chat { white-space: nowrap; font-size: 0; width: 290px } .tab-chat h2 { margin: 30px 20px 15px } .tab-chat .contact-list { font-size: 12px } .tab-chat .contact-list .user a { display: block; padding: 11px 25px; overflow: hidden } .tab-chat .contact-list .user a img { width: 30px; height: 30px; border-radius: 50%; float: left } .tab-chat .contact-list .user a .user-data, .tab-chat .contact-list .user a .user-data2 { padding-left: 40px; line-height: 16px } .tab-chat .contact-list .user a .user-data .status, .tab-chat .contact-list .user a .user-data2 .status { background-color: #00b777; border-radius: 50%; float: right; width: 7px; height: 7px; position: relative; top: 5px } .tab-chat .contact-list .user a .user-data .status.offline, .tab-chat .contact-list .user a .user-data2 .status.offline { background-color: #e65a5a } .tab-chat .contact-list .user a .user-data .status.away, .tab-chat .contact-list .user a .user-data2 .status.away { background-color: #f2c329 } .tab-chat .contact-list .user a .user-data .name, .tab-chat .contact-list .user a .user-data2 .name { color: #404040; font-weight: 500; font-size: 13px } .tab-chat .contact-list .user a .user-data .message, .tab-chat .contact-list .user a .user-data2 .message { display: block; color: #999; font-size: 13px } .tab-chat .contact-list .user a .user-data2 { margin-top: 7px } .tab-chat .contact-list .user a:hover { background-color: #f5f5f5 } .tab-chat .contact-list-recent { margin-bottom: 30px } .tab-chat .chat-contacts, .tab-chat .chat-window { height: 100%; width: 100%; display: table; table-layout: fixed; position: absolute; left: 0; -webkit-transition: left .3s ease; -o-transition: left .3s ease; transition: left .3s ease } .tab-chat .chat-contacts .chat-sections { height: 100%; display: table-row } .tab-chat .chat-contacts .chat-sections .be-scroller { position: relative; width: 100%; height: 100%; overflow: hidden } .tab-chat .chat-contacts .chat-sections .content { position: absolute; width: 100%; top: 0; bottom: 0 } .tab-chat .chat-contacts .search { position: relative } .tab-chat .chat-window { height: 100%; left: 290px; display: table; table-layout: fixed } .tab-chat .chat-window .title { padding: 20px 20px 20px 10px; overflow: hidden } .tab-chat .chat-window .title .icon { font-size: 27px; width: 27px; text-align: center; color: #b3b3b3; position: relative; vertical-align: middle; cursor: pointer } .tab-chat .chat-window .title .user { display: inline-block; float: right; text-align: right; line-height: 13px } .tab-chat .chat-window .title .user img { height: 35px; width: 35x; border-radius: 50%; float: right; margin-left: 10px } .tab-chat .chat-window .title .user h2 { display: inline-block; margin: 0; padding: 0; border: 0 } .tab-chat .chat-window .title .user span { display: block; font-size: 12px; color: #999 } .tab-chat .chat-window .chat-messages { height: 100%; display: table-row; font-size: 13px } .tab-chat .chat-window .chat-messages .be-scroller { position: relative; width: 100%; height: 100%; overflow: hidden; outline: 0 } .tab-chat .chat-window .chat-messages .content { position: absolute; width: 100%; top: 0; bottom: 0 } .tab-chat .chat-window .chat-messages ul { outline: 0; margin: 0; padding: 0 } .tab-chat .chat-window .chat-messages ul>li { display: block; list-style: none; padding: 9px 16px } .tab-chat .chat-window .chat-messages ul>li .msg { position: relative; display: inline-block; background-color: #4c8bf5; color: #fff; font-size: 13px; padding: 6px 8px; border-radius: 3px; white-space: normal; text-align: left; margin-left: 40px } .tab-chat .chat-window .chat-messages ul>li .msg:after { content: ""; position: absolute; right: -5px; top: 7px; border-bottom: 6px solid transparent; border-left: 6px solid #4c8bf5; border-top: 6px solid transparent } .tab-chat .chat-window .chat-messages ul>li.friend .msg { background-color: #f0f0f0; color: #595858; margin-left: 0; margin-right: 40px } .tab-chat .chat-window .chat-messages ul>li.friend .msg:after { right: auto; left: -5px; border-left-width: 0; border-right: 5px solid #f0f0f0 } .tab-chat .chat-window .chat-messages ul>li.self { text-align: right } .tab-chat .chat-window .chat-input { position: relative } .tab-chat .chat-window .chat-input .input-wrapper { border-top: 1px solid #f2f2f2 } .tab-chat .chat-window .chat-input .input-wrapper>input { border: 0; background-color: #FAFAFA; color: #b3b3b3; width: 100%; font-size: 13px; font-weight: 300; padding: 15px 40px 15px 42px; outline: 0 } .tab-chat .chat-window .chat-input .input-wrapper>span { position: absolute; color: #aaa; right: 15px; top: 50%; font-size: 20px; margin-top: -10px; cursor: pointer } .tab-chat .chat-window .chat-input .input-wrapper>span:hover { color: #d1d1d1 } .tab-chat .chat-window .chat-input .input-wrapper .photo { left: 15px; font-size: 22px; top: 50%; right: auto } .tab-chat.chat-opened .chat-contacts { left: -290px } .tab-chat.chat-opened .chat-window { left: 0 } .tab-todo .todo-container { height: 100%; display: table; table-layout: fixed; width: 100% } .tab-todo .todo-wrapper { display: table-row; height: 100% } .tab-todo .be-scroller { position: relative; overflow: hidden; height: 100% } .tab-todo .todo-content { padding: 10px 20px 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .tab-todo .category-title { display: block; font-size: 15px; font-weight: 400; color: grey; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px } .todo-list { list-style: none; padding-left: 0; margin-bottom: 15px } .todo-list>li { margin: 0; padding: 0 } .todo-list>li .be-checkbox { margin-right: 4px } .todo-list>li .be-checkbox input[type=checkbox]+label { display: block; cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .todo-list>li .be-checkbox input[type=checkbox]+label:before { margin-right: 8px } .todo-list>li .be-checkbox input[type=checkbox]:checked+label { text-decoration: line-through; color: #999 } .todo-list>li .be-checkbox .delete { display: none; float: right; font-size: 17px; color: #b3b3b3; line-height: 22px; margin-left: 5px; cursor: pointer } .todo-list>li .be-checkbox .delete:hover { color: grey } .todo-list>li .be-checkbox:hover .delete { display: block } .tab-settings .settings-wrapper { position: relative; height: 100%; overflow: hidden } .tab-settings .be-scroller { padding: 10px 20px 0; position: absolute; top: 0; left: 0; width: 100%; height: 100% } .tab-settings .category-title { display: block; font-size: 15px; font-weight: 400; color: grey; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px } .settings-list { list-style: none; padding-left: 0; margin-bottom: 15px } .settings-list>li { margin: 0; padding: 5px 0; line-height: 24px; font-size: 14px } .settings-list>li .name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .settings-list>li .switch-button { float: right; margin-left: 5px } .be-content { position: relative; left: 0; margin-left: 230px; min-height: 100% } @media (max-width:767px) { .be-content { margin-left: 0 } } .be-nosidebar-left .be-content { margin-left: 0 } .be-collapsible-sidebar-collapsed .be-content { margin-left: 60px } .be-offcanvas-menu .be-content { margin-left: 0 } .main-content { padding: 25px } @media (min-width:768px) and (max-width:991px) { .main-content { padding-left: 25px; padding-right: 25px; padding-top: 30px } } @media (max-width:767px) { .be-collapsible-sidebar-collapsed .be-content { margin-left: 0 } .main-content { height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; padding-left: 15px; padding-right: 15px; padding-top: 20px } } @media (max-width:480px) { .main-content { padding-right: 10px; padding-left: 10px } } .be-no-padding .main-content { padding: 0 } .page-head { padding: 20px 25px 10px; position: relative } .page-head-title { display: block; margin-bottom: 5px; margin-top: 6px; font-weight: 300; letter-spacing: -1px; font-size: 28px; color: #6b6b6b; line-height: 36px } .page-head .breadcrumb>li, .page-head-description { font-size: 14px; font-weight: 300 } .page-head-description { display: block; color: #6e6e6e } .page-head .breadcrumb { background-color: transparent; padding: 3px 0; margin-bottom: 7px } .page-head .breadcrumb>li+li:before { padding: 0 2px; color: #a3a3a3 } .page-head .breadcrumb>li>a { color: #5e5e5e } .page-head .breadcrumb>li>a:hover { color: #303030 } .page-head .breadcrumb>.active { color: #7a7a7a } .be-aside .main-content { margin-left: 280px } @media (max-width:767px) { .page-head { padding: 18px 15px 0; display: none } .page-head-title { font-size: 24px; line-height: 28px } .be-aside .main-content { margin-left: inherit } } .be-aside .be-content, .be-aside .content { height: 100% } .page-aside { background: #fff; width: 280px; height: 100%; position: fixed; top: 0; left: 230px; border-right: 1px solid #e6e6e6; margin-top: 61px; padding-bottom: 61px } .no-border .page-aside { border-width: 0 } .page-aside .be-scroller { position: relative; height: 100%; width: 100% } .page-aside .content { padding: 20px 22px; position: relative } @media (max-width:767px) { .page-aside { width: 100%; display: block; height: auto; position: relative; margin-top: 0; padding-bottom: 0; left: 0; border-bottom: 2px solid #f2f2f2 } } .aside-header { margin-bottom: 5px } .aside-header .title { display: block; margin: 16px 0 0; font-size: 27px; line-height: 27px; font-weight: 300 } .aside-header .navbar-toggle { padding: 0 11px 0 0; text-align: right; margin: 0; width: 100%; height: 100%; top: 0; left: 0; position: absolute } .aside-header .navbar-toggle .icon { font-size: 27px; color: silver } .aside-header .description { color: #5a5a5a; margin: 0 } .aside-nav { display: block; visibility: visible } .aside-nav .nav li a { color: #404040; padding: 13px 22px } .aside-nav .nav li.active a, .aside-nav .nav li.active a .icon { color: #4285f4 } .aside-nav .nav li .label { float: right; font-size: 12px; font-weight: 300; padding: 4px 7px } .aside-nav .nav li .icon { font-size: 19px; vertical-align: middle; text-align: center; min-width: 19px; margin-right: 3px; color: #616161 } .aside-nav .title { display: block; color: #999; font-size: 11px; font-weight: 700; text-transform: uppercase; margin: 20px 0 0; padding: 8px 22px 4px } @media (max-width:767px) { .aside-nav { border-bottom: 1px solid #e6e6e6 } .aside-nav.collapse { display: none } .aside-nav.in { display: block } } .be-aside-header { background-color: #fff; padding: 37px 25px } @media (min-width:768px) and (max-width:991px) { .be-aside-header { padding: 20px 25px } } .be-aside-header-title { display: block; margin: 3px 0 0; font-size: 23px; font-weight: 300 } .be-aside-header-title .icon { font-size: 23px; color: #737373 } .be-aside-header-title .new-messages { font-size: 13px; color: #8d8d8d; margin-left: 3px } .be-aside-header-filters { padding: 0 20px 30px; border-bottom: 1px solid #e6e6e6; background-color: #fff; display: table; width: 100% } .be-aside-header-filters>div { display: table-cell; vertical-align: middle } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .be-aside-header-title { margin-bottom: 10px } .be-aside-header-filters>div { vertical-align: top } } @media (min-width:768px) and (max-width:991px), (max-width:480px) { .be-aside-header-filters .btn-group+.btn-group { margin-left: 0 } } .be-aside-header-filters .be-select-all.be-checkbox { display: inline-block; vertical-align: middle; padding: 0 } .be-aside-header-filters .be-select-all.be-checkbox label:before { margin-right: 18px } .be-aside-header-filters .be-aside-header-filters-right { text-align: right } .splash-description, .splash-footer, .splash-title { text-align: center } .be-aside-header-filters input { margin-right: 8px } .be-aside-pagination-indicator { display: inline-block; vertical-align: middle; margin-right: 13px } @media (min-width:768px) and (max-width:991px) { .be-aside-pagination-indicator { margin-right: 0 } } .be-aside-pagination-nav .btn { min-width: 30px } .be-aside-pagination-nav .btn i { font-size: 21px; vertical-align: middle } .be-splash-screen { background-color: #eee } .be-splash-screen .be-wrapper { padding-top: 0 } .be-splash-screen .be-wrapper .be-content { margin: 0 } .splash-container { max-width: 401px; margin: 50px auto } .splash-container .panel { margin-bottom: 30px } .splash-container .panel .panel-heading { text-align: center; margin-bottom: 20px; padding-top: 40px; padding-bottom: 0 } .splash-container .panel .panel-body { padding: 20px 30px 15px } .splash-container .panel .panel-body .be-checkbox { display: inline-block; padding: 0 } @media (max-width:767px) { .splash-container { margin-top: 50px } } .splash-title { display: block; font-size: 17px; font-weight: 300 } .splash-description { display: block; line-height: 20px; font-size: 13px; color: #5a5a5a; margin-top: 11px; padding-bottom: 10px } .be-scroll-top { cursor: pointer; position: fixed; bottom: 10px; right: 10px; color: #fff; background-color: rgba(0, 0, 0, .6); padding: 0 14px; display: none; -webkit-transition: background-color .2s ease; -o-transition: background-color .2s ease; transition: background-color .2s ease; border-radius: 4px } .be-scroll-top:hover { background-color: rgba(0, 0, 0, .8) } .be-scroll-top:focus, .be-scroll-top:hover { color: #fff } .be-scroll-top:before { content: '\f2fc'; font-family: 'Material Icons'; font-size: 33px; display: inline-block; vertical-align: middle } .be-option-buttons, .be-sub-navigation .navbar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox } .be-sub-navigation { background-color: #f5f5f5; border-color: #e3e3e3; border-width: 0 0 1px } .be-sub-navigation .navbar-collapse { border-color: #e3e3e3; padding: 0 } .be-sub-navigation .navbar-nav { display: flex; float: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } @media (max-width:767px) { .be-sub-navigation { background-color: #fff; border-bottom-width: 0 } .be-sub-navigation .navbar-collapse { border-top: 1px solid #f5f5f5 } .be-sub-navigation .navbar-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 15px 0; background-color: #fafafa } } .be-sub-navigation .navbar-nav>li.open>a, .be-sub-navigation .navbar-nav>li.open>a:focus { color: #333 } .be-sub-navigation .navbar-nav>li.open>a:hover { color: #4285f4 } .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu { margin-top: 12px } .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu:after, .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu:before { border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; top: -8px; content: ""; display: inline-block; left: 42px; margin-left: -6px; position: absolute } .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu:before { border-bottom-width: 9px; border-left-width: 9px; border-right-width: 9px; border-bottom-color: #e3e3e3; margin-left: -7px; top: -9px } @media (max-width:767px) { .be-sub-navigation .navbar-nav>li>a { font-size: 14px; padding: 10px 20px; color: #646464 } } .be-sub-navigation .navbar-nav>li>a:focus { color: #777 } .be-sub-navigation .navbar-nav>li>a.dropdown-toggle .mdi-caret-down { font-size: 18px; vertical-align: middle; margin-left: 3px; margin-top: -2px } @media (max-width:767px) { .be-sub-navigation .navbar-nav>li>a.dropdown-toggle .mdi-caret-down { color: #c5c5c5; float: right; line-height: 1.3 } .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu { background-color: #eee; padding: 10px 0; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; border-radius: 0 } .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu:after, .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu:before { display: none } .be-sub-navigation .navbar-nav>li.dropdown .dropdown-menu>li>a { color: #646464; padding: 8px 15px 8px 23px } } .be-sub-navigation-collapse { padding: 16px 10px; color: #404040; border-bottom: 1px solid #f5f5f5 } .be-sub-navigation-collapse.collapsed { border-bottom: 1px solid #e3e3e3; -webkit-transition: border-bottom-color .4s ease; -o-transition: border-bottom-color .4s ease; transition: border-bottom-color .4s ease } .be-sub-navigation-collapse.collapsed:before { content: '\f2f2' } .be-sub-navigation-collapse:before { content: '\f2f8'; float: right; font-family: 'Material Icons'; font-size: 27px; line-height: 22px; color: #c5c5c5 } .be-sub-navigation-collapse:focus { color: #404040 } .be-sub-navigation-collapse:hover { color: #333 } @media (max-width:767px) { .be-sub-navigation-collapse { display: block; font-size: 14px; font-weight: 300 } } @media (min-width:1200px) { .be-sub-navigation-collapse { display: none } } @media (min-width:992px) and (max-width:1199px) { .be-sub-navigation-collapse { display: none } } @media (min-width:768px) and (max-width:991px) { .be-sub-navigation-collapse { display: none } } .switch-button { display: inline-block; border-radius: 50px; background-color: #b3b3b3; width: 60px; height: 27px; padding: 4px; position: relative; overflow: hidden; vertical-align: middle } .switch-button input[type=checkbox] { display: none } .switch-button label { border-radius: 50%; box-shadow: 0 0 1px 1px #FFF inset; background-color: #fff; margin: 0; height: 19px; width: 19px; z-index: 1; display: inline-block; cursor: pointer; background-clip: padding-box } .switch-button label:before { position: absolute; font-size: 11px; font-weight: 600; z-index: 0; content: "OFF"; right: 0; display: block; width: 100%; height: 100%; line-height: 27px; top: 0; text-align: right; padding-right: 10px; color: #fff } .switch-button input[type=checkbox]:checked+span { background-color: #4285f4; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 4px } .switch-button input[type=checkbox]:checked+span label { float: right; border-color: #2a75f3 } .switch-button input[type=checkbox]:checked+span label:before { position: absolute; font-size: 11px; font-weight: 600; z-index: 0; content: "ON"; color: #fff; left: 0; text-align: left; padding-left: 10px } .switch-button.switch-button-yesno label:before { content: "NÃO" } .switch-button.switch-button-yesno input[type=checkbox]:checked+span label:before { content: "SIM" } .switch-button.switch-button-xs { height: 20px; line-height: 16px; width: 50px } .switch-button.switch-button-xs label { height: 12px; width: 12px } .switch-button.switch-button-xs label:before { line-height: 21px } .switch-button.switch-button-sm { height: 24px; width: 57px; line-height: 20px } .switch-button.switch-button-sm label { height: 16px; width: 16px } .switch-button.switch-button-sm label:before { line-height: 25px } .switch-button.switch-button-lg { height: 30px; line-height: 26px; width: 65px } .switch-button.switch-button-lg label { height: 22px; width: 22px } .switch-button.switch-button-lg label:before { line-height: 31px } .switch-button.switch-button-success { background-color: #b3b3b3 } .switch-button.switch-button-success label { border-color: #ababab } .switch-button.switch-button-success input[type=checkbox]:checked+span { background-color: #34a853 } .switch-button.switch-button-success input[type=checkbox]:checked+span label { border-color: #2e9549 } .switch-button.switch-button-warning { background-color: #b3b3b3 } .switch-button.switch-button-warning label { border-color: #ababab } .switch-button.switch-button-warning input[type=checkbox]:checked+span { background-color: #fbbc05 } .switch-button.switch-button-warning input[type=checkbox]:checked+span label { border-color: #e3aa04 } .switch-button.switch-button-danger { background-color: #b3b3b3 } .switch-button.switch-button-danger label { border-color: #ababab } .switch-button.switch-button-danger input[type=checkbox]:checked+span { background-color: #ea4335 } .switch-button.switch-button-danger input[type=checkbox]:checked+span label { border-color: #e82e1e } .widget { background-color: #fff; padding: 20px; margin-bottom: 25px; border-radius: 3px } .widget.widget-fullwidth .chart-table table, ol.linenums { margin-bottom: 0 } .widget.widget-fullwidth { padding: 0 } .widget.widget-fullwidth .widget-head { padding: 20px 20px 10px; margin-bottom: 0 } @media (max-width:480px) { .widget.widget-fullwidth .widget-head { padding-left: 15px } } .widget.widget-fullwidth .widget-chart-container .counter { left: 20px } .widget-head .button-toolbar .dropdown-menu, .widget-head .tools .dropdown-menu { right: 0; left: auto } .widget-head, .widget.widget-small { margin-bottom: 20px } .widget.widget-small.widget-fullwidth>.widget-head { padding: 20px 15px 10px } .widget-head { display: block; border-radius: 3px 3px 0 0 } .widget-head:after, .widget-head:before { content: " "; display: table } .widget-head .title { display: block; font-size: 18px; font-weight: 300 } .widget-head .description { display: block; color: #9e9e9e; line-height: 22px; font-weight: 300 } .widget-head .tools { float: right; margin-left: 10px } .widget-head .tools .icon { display: inline-block; font-size: 20px; line-height: 25px; vertical-align: middle; cursor: pointer; color: #bababa; min-width: 20px; text-align: center } .chart-legend-value, .widget-counter-group-right { text-align: right } .widget-head .tools .icon+.icon { margin-left: 2px } .widget-head .tools .icon:hover { color: #a6a6a6 } .widget-head .tools .value { font-size: 24px; line-height: 22px } .widget-head .tools .dropdown { display: inline-block } .widget-head .button-toolbar { float: right } .widget-head .button-toolbar .btn-group+* { margin-left: 7px } .widget-chart-container { position: relative } .widget-chart-container .counter { min-height: auto; top: 0; left: 0; position: absolute; z-index: 2 } .widget-chart-container .counter-inline { position: relative; display: inline-block } .widget-chart-container .counter .value { font-size: 24px } .widget-chart-container .counter .desc { text-transform: uppercase; font-size: 11px; color: #9d9d9d } .widget-chart-container .counter-big .value { display: block; font-size: 27px; line-height: 27px; font-weight: 300; margin-bottom: 5px } .widget-chart-container .indicator-equal .icon { color: #4285f4 } .widget-chart-container .indicator-positive .icon { color: #34a853 } .widget-chart-container .indicator-negative .icon { color: #ea4335 } .widget-chart-container .indicator .icon { font-size: 25px; margin-right: 7px; line-height: 24px; vertical-align: middle } .widget-chart-container .indicator .number { font-size: 20px; vertical-align: middle } .widget-chart-info:after, .widget-chart-info:before { content: " "; display: table } @media (max-width:767px) { .widget-head .button-toolbar .btn-group { margin-bottom: 5px } .widget-chart-info+.widget-counter-group { margin-top: 15px } } .widget-fullwidth .widget-chart-info { padding: 9px 20px 0 } .widget-counter-group { padding: 0 20px 10px } .widget-counter-group .counter { position: static; display: inline-block } .widget-counter-group .counter+.counter { margin-left: 20px } .chart-legend table { width: 100% } .chart-legend table tr td { padding: 6px 0; vertical-align: middle } .chart-legend-color>span { display: block; background-color: #f2f2f2; height: 10px; width: 10px } .chart-legend-horizontal { margin: 0; padding: 0; list-style: none; line-height: 14px } .chart-legend-horizontal>li { display: inline-block } .chart-legend-horizontal>li+li { margin-left: 14px } .chart-legend-horizontal>li>span { display: inline-block; height: 10px; width: 10px; border-radius: 50%; background-color: #f2f2f2; margin-right: 2px } .chart-pie-counter { diplay: block; position: absolute; top: 50%; width: 100%; text-align: center; line-height: 50px; margin-top: -25px; font-size: 50px; font-weight: 300 } .clr-primary { background-color: #4285f4 } .clr-success { background-color: #34a853 } .clr-warning { background-color: #fbbc05 } .clr-danger { background-color: #ea4335 } .clr-grey { background-color: #ccc } .bs-grid-block { border: 2px dashed #c3c3c3; font-weight: 300; font-size: 20px; color: #807e7e; display: table; table-layout: fixed; width: 100%; margin-bottom: 40px } .bs-grid-block .content { display: table-cell; height: 177px; text-align: center; vertical-align: middle } .bs-grid-block .content .size { display: block } .bs-grid-block .content .device { line-height: 0 } .bs-grid-block .content .device:after { font-size: 15px } @media (min-width:1200px) { .bs-grid-block .content .device:after { content: 'Desktop'; color: #4285f4 } } @media (min-width:992px) and (max-width:1199px) { .bs-grid-block .content .device:after { content: 'Laptop'; color: #4285f4 } } @media (min-width:768px) and (max-width:991px) { .bs-grid-block .content .device:after { content: 'Tablet'; color: #34a853 } } @media (max-width:767px) { .bs-grid-block .content .device:after { content: 'Phone'; color: #34a853 } } .icon-container { background-color: #fff; padding: 20px; cursor: default } .icon-container .icon { -webkit-transition: background-color 300ms ease-in-out; -o-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; background-color: #f5f5f5; border-radius: 50%; display: inline-block; height: 50px; width: 50px; margin-right: 8px; padding: 13px; text-align: center; vertical-align: middle } .icon-container .icon:hover, .icon-container:hover .icon { background-color: #4285f4 } .be-option-button, .pricing-table { text-align: center; border-radius: 3px } .icon-container .icon span { -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; font-size: 25px; color: #696767 } .icon-container .icon:hover span { color: #fff } .icon-container .icon-class { -webkit-transition: color 300ms ease-in-out; -o-transition: color 300ms ease-in-out; transition: color 300ms ease-in-out; font-size: 18px; font-weight: 300; vertical-align: middle; color: #696767 } .icon-container:hover .icon span { color: #fff } .icon-container:hover .icon-class { color: #4285f4 } .be-icons-list.hide-icons .icon-category .row>div { display: none } .be-icons-list.hide-icons .icon-category .row>div.icon-visible { display: block } .be-loading { position: relative } .be-loading:after { position: absolute; display: block; visibility: hidden; opacity: 0; content: ""; top: 0; left: 0; height: 100%; width: 100%; background: rgba(255, 255, 255, .7); -webkit-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; z-index: 2 } .timeline-item:before, .timeline:before { content: '' } .be-loading .be-spinner { display: none; position: absolute; top: 50%; right: 50%; margin-top: -20px; margin-right: -20px; z-index: 3 } .be-loading-active:after { visibility: visible; opacity: 1 } .be-loading-active .be-spinner { display: block } .be-spinner svg { -webkit-animation: be-spinner-rotation 1.4s linear infinite; -o-animation: be-spinner-rotation 1.4s linear infinite; animation: be-spinner-rotation 1.4s linear infinite; stroke: #4285f4 } .be-spinner svg .circle { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; -ms-transform-origin: center; -o-transform-origin: center; transform-origin: center; -webkit-animation: be-spinner-turn 1.4s ease-in-out infinite; -o-animation: be-spinner-turn 1.4s ease-in-out infinite; animation: be-spinner-turn 1.4s ease-in-out infinite } @-webkit-keyframes be-spinner-rotation { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg) } } @-o-keyframes be-spinner-rotation { 0% { -o-transform: rotate(0); transform: rotate(0) } 100% { -o-transform: rotate(270deg); transform: rotate(270deg) } } @keyframes be-spinner-rotation { 0% { -webkit-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } } @-webkit-keyframes be-spinner-turn { 0% { stroke-dashoffset: 187 } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg) } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg) } } @-o-keyframes be-spinner-turn { 0% { stroke-dashoffset: 187 } 50% { stroke-dashoffset: 46.75; -o-transform: rotate(135deg); transform: rotate(135deg) } 100% { stroke-dashoffset: 187; -o-transform: rotate(450deg); transform: rotate(450deg) } } @keyframes be-spinner-turn { 0% { stroke-dashoffset: 187 } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg) } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); -o-transform: rotate(450deg); transform: rotate(450deg) } } .prettyprint { font-size: 12px; line-height: 1.5 } pre { color: #555 } pre .pln { color: #777 } pre .str { color: #D14 } pre .kwd { color: #458 } pre .com { color: #b8b6b1 } pre .typ { color: teal } pre .lit { color: #D14 } pre .clo, pre .opn, pre .pun { color: #949494 } pre .tag { color: #4285F4 } pre .atn { color: #ef6e62 } pre .atv { color: #697ce8 } pre .dec, pre .var { color: #D14 } pre .fun { color: #458 } pre.be-code-dark { background-color: #4d4342; color: #FFF } pre.be-code-dark .pln { color: #fff } pre.be-code-dark .str { color: #b5db99 } pre.be-code-dark .kwd { color: #e9c865 } pre.be-code-dark .com { color: #c3b8b7 } pre.be-code-dark .typ { color: #FF9787 } pre.be-code-dark .lit { color: #b5db99 } pre.be-code-dark .clo, pre.be-code-dark .opn, pre.be-code-dark .pun { color: #fff } pre.be-code-dark .tag { color: #e9c865 } pre.be-code-dark .atn { color: #FF9787 } pre.be-code-dark .atv, pre.be-code-dark .dec, pre.be-code-dark .var { color: #b5db99 } pre.be-code-dark .fun { color: #e9c865 } ol.linenums { margin-top: 0 } li.L0, li.L1, li.L2, li.L3, li.L5, li.L6, li.L7, li.L8 { list-style-type: none } li.L1, li.L3, li.L5, li.L7, li.L9 { background: #eee } .panel-divider { margin: 10px 0; border-top: 1px solid #f2f2f2 } .panel-divider-lg { margin: 15px 0 } .panel-divider-xl { margin: 20px 0 } .pricing-tables { margin: 30px 0 20px } .pricing-tables>div { padding-left: 10px; padding-right: 10px } .pricing-table { box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04); border-top: 3px solid #c9c9c9; padding: 35px 20px; background: #fff; margin: 0 0 20px } .pricing-table-image { margin-bottom: 15px } .pricing-table-image svg path { fill: #a6a6a6 } .pricing-table-title { font-size: 20px; font-weight: 300 } .pricing-table-price { padding: 5px 0 20px } .pricing-table-price .currency { vertical-align: top } .pricing-table-price .value { font-size: 35px; line-height: 40px } .pricing-table-price .frecuency { font-size: 20px; font-weight: 300 } .pricing-table-features { margin: 0 0 25px; padding: 0; list-style: none } .pricing-table-features>li { font-size: 14px; font-weight: 300; line-height: 33px } .pricing-table .btn { line-height: 36px; min-width: 120px } .pricing-table-primary { border-color: #4285f4 } .pricing-table-primary .pricing-table-image svg path { fill: #4285f4 } .pricing-table-primary.pricing-table-color { background-color: #5f99f5; border-color: #5f99f5 } .pricing-table-primary.pricing-table-color .panel-divider { border-top-color: #3d84f3 } .pricing-table-warning { border-color: #fbbc05 } .pricing-table-warning .pricing-table-image svg path { fill: #fbbc05 } .pricing-table-warning.pricing-table-color { background-color: #f6c163; border-color: #f6c163 } .pricing-table-warning.pricing-table-color .panel-divider { border-top-color: #f4b441 } .pricing-table-success { border-color: #34a853 } .pricing-table-success .pricing-table-image svg path { fill: #34a853 } .pricing-table-success.pricing-table-color { background-color: #37b358; border-color: #37b358 } .pricing-table-success.pricing-table-color .panel-divider { border-top-color: #2f984b } .pricing-table-danger { border-color: #ea4335 } .pricing-table-danger .pricing-table-image svg path { fill: #ea4335 } .pricing-table-danger.pricing-table-color { background-color: #eb6357; border-color: #eb6357 } .pricing-table-danger.pricing-table-color .panel-divider { border-top-color: #e74537 } .pricing-table-color { color: #fff } .pricing-table-color .pricing-table-image svg path { fill: #fff } .pricing-table-color .panel-divider { border-top-color: #fff } .be-option-buttons { display: flex; list-style: none; padding: 0; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around } .be-option-button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #404040; padding: 12px 21px; min-width: 107px } .be-option-button:hover { background-color: #4285f4; color: #fff } .be-option-button .icon { font-size: 21px; font-weight: 400 } .timeline { margin: 0 auto 40px; padding: 0 0 20px; max-width: 840px; position: relative } .timeline:before { position: absolute; top: 40px; bottom: 0; width: 2px; background: #dbdbdb; left: 170px; margin-left: -1px } @media (max-width:767px) { .timeline { padding: 0 } .timeline:before { left: 50%; margin-left: -1px; top: -35px } } .timeline-item { position: relative; padding-left: 210px; list-style: none; margin-bottom: 30px } .timeline-item:before { position: absolute; top: 34.5px; left: 162px; border: 2px solid #ccc; width: 16px; height: 16px; background-color: #ededed; border-radius: 50px } @media (max-width:767px) { .timeline-item { padding-left: 0; margin-top: 60px; margin-bottom: 0 } .timeline-item:before { display: none } } .timeline-item:nth-child(4n+1):before { border-color: #4285f4 } .timeline-item:nth-child(4n+2):before { border-color: #fbbc05 } .timeline-item:nth-child(4n+3):before { border-color: #34a853 } .timeline-item:nth-child(4n+4):before { border-color: #ea4335 } .timeline-variant .timeline-item { padding-left: 0; margin: 30px 0 0 } .timeline-variant .timeline-item.right { right: 0; padding-left: -webkit-calc(50% + 45px); padding-left: calc(50% + 45px) } @media (max-width:767px) { .timeline-variant .timeline-item { margin-top: 60px } .timeline-variant .timeline-item.right { padding: 0 } } .timeline-variant .timeline-item.left { left: 0; padding-right: -webkit-calc(50% + 45px); padding-right: calc(50% + 45px) } .timeline-variant .timeline-item.left .timeline-content:after, .timeline-variant .timeline-item.left .timeline-content:before { right: -5px; left: inherit } .timeline-variant .timeline-item.left .timeline-icon { left: initial; right: -67px } @media (max-width:767px) { .timeline-variant .timeline-item.left { padding: 0 } .timeline-variant .timeline-item.left .timeline-icon { left: 50%; margin-left: -18px; top: -48px } } .timeline-variant .timeline-item:before { display: none } .timeline-date { position: absolute; display: block; left: 0; top: 34px; width: 145px; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } @media (max-width:767px) { .timeline-date { width: 100%; left: 0; top: -40px; text-align: center } .timeline-date span { background-color: #e0e0e0; padding: 5px 8px; border-radius: 4px; line-height: 25px } } .timeline-content:after, .timeline-content:before { content: ""; width: 10px; height: 10px; top: 37.5px; left: -5px } .timeline-content { position: relative; background-color: #fff; padding: 25px 30px 25px 28px; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, .07); min-height: 85px } .timeline-item-gallery .timeline-content { padding-bottom: 15px } @media (max-width:480px) { .timeline-content { padding: 15px 18px } } .timeline-content:after { position: absolute; background-color: transparent; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); box-shadow: -1px 1px 5px rgba(0, 0, 0, .07); z-index: -1 } .timeline-content:before { position: absolute; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } @media (max-width:767px) { .timeline-content:after, .timeline-content:before { display: none } } .timeline-avatar { width: 35px; height: 35px; display: block; border-radius: 50px; overflow: hidden; vertical-align: middle; float: left } .timeline-avatar img { width: 100%; height: 100% } .timeline-header { display: block; padding: 7px 0 0 46px } @media (max-width:767px) { .timeline-header { padding-top: 0 } } .timeline-variant .timeline-header { padding-top: 0; line-height: 16px } .timeline-autor { display: inline-block; font-weight: 700 } .timeline-activity { display: inline-block; margin: 0 } .timeline-variant .timeline-activity { display: inline; line-height: 16px } .timeline-time { float: right; color: #ababab } .timeline-variant .timeline-time { float: none; display: block; line-height: 21px } .timeline-summary { color: #8a8a8a; margin-top: 4px } .timeline-summary p { margin-bottom: 0 } .timeline-variant .timeline-summary { margin-top: 20px } .timeline-variant .timeline-summary p { line-height: 16px } .timeline-gallery { margin-top: 12px } .timeline-variant .timeline-gallery { margin-top: 20px } .timeline-gallery .gallery-thumbnail { display: inline-block; max-width: 100px; margin-right: 10px; margin-bottom: 10px } .timeline-blockquote { margin: 10px 0 0 5px; padding: 4px 10px; border-left: 4px solid #e0e0e0; color: #8a8a8a } .timeline-variant .timeline-blockquote { margin-top: 20px } .timeline-blockquote p { font-size: 13px } .timeline-blockquote footer { color: #8a8a8a } @media (max-width:767px) { .timeline-loadmore { text-align: center; padding: 0; margin-bottom: 40px; margin-top: 40px } } .timeline-loadmore .load-more-btn { background-color: #dbdbdb; border-radius: 2px; padding: 5px 9px; color: #424242; outline: 0; font-size: 12px; font-weight: 500; position: absolute; left: 131px } @media (max-width:767px) { .timeline-loadmore .load-more-btn { position: relative; left: 0 } } .timeline-loadmore:before { display: none } .timeline-variant .timeline-loadmore { text-align: center; margin-bottom: 40px } .timeline-variant .timeline-loadmore .load-more-btn { position: relative; left: initial } .timeline-item-detailed .timeline-header, .timeline-item-detailed .timeline-time { line-height: 21px } .timeline-variant .timeline-item-detailed .timeline-header { border-bottom: 1px solid #EEE; padding-bottom: 15px } .timeline-item-detailed .timeline-avatar { vertical-align: top } .timeline-variant { max-width: none; padding-bottom: 0 } .timeline-variant:before { left: 50%; z-index: -1; top: 70px } .timeline-month { width: 100%; text-align: center; list-style: none; margin: 30px 0 15px; padding: 11px 0 12px; font-size: 18px; background-color: #EEE; font-weight: 300 } .timeline-month:first-child { margin-top: 0; padding-bottom: 5px } .timeline-icon { position: absolute; color: #fff; top: 20px; left: -67px; width: 44px; height: 44px; font-size: 20px; border: 2px solid #fff; text-align: center; background-color: #ededed; border-radius: 50% } .timeline-icon>.icon { line-height: 40px; vertical-align: middle } @media (max-width:767px) { .timeline-icon { left: 50%; margin-left: -18px; top: -48px; width: 38px; height: 38px; font-size: 18px } .timeline-icon>.icon { line-height: 34px } } .file .timeline-icon { background-color: #4285f4 } .comment .timeline-icon { background-color: #fbbc05 } .gallery .timeline-icon { background-color: #34a853 } .quote .timeline-icon { background-color: #ea4335 } .table-filters-container { margin: 0; border-bottom: 1px solid #e6e6e6 } .invoice-details td.amount, .invoice-details td.description, .invoice-details td.hours, .invoice-details td.summary, .invoice-details th { border-bottom: 1px solid #f0f0f0 } .table-filters { padding: 0 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } .table-filter-title { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-bottom: 20px; font-size: 13px; text-transform: uppercase; font-weight: 700; color: #787878 } #slider-value { font-size: 19px; font-weight: 400 } .filter-container { padding: 5px 0 15px } .invoice { background-color: #fff; padding: 100px 100px 70px; color: #8c8c8c } .invoice-header { margin-bottom: 50px } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice { padding: 50px 50px 35px } .invoice-header { margin-bottom: 50px } } @media (max-width:480px) { .invoice { padding: 35px 25px 15px } .invoice-header>div { float: none; width: 100% } } .invoice-logo { height: 54px; min-width: 204px; background-image: url(../img/logo-xx.png); background-repeat: no-repeat; background-position: 0 } .invoice-order { text-align: right } @media (max-width:480px) { .invoice-logo { margin: 0 auto 20px; float: none; min-width: auto } .invoice-order { text-align: center } } .invoice-id { display: block; font-size: 30px; line-height: 30px } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-logo { height: 27px; width: 102px; background-image: url(../img/logo.png); } .invoice-id { font-size: 15px; line-height: 18px } } .incoice-date { display: block; font-size: 18px } .invoice-data { margin-bottom: 110px } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .incoice-date { font-size: 13px } .invoice-data { margin-bottom: 55px } } @media (max-width:480px) { .invoice-data>div { float: none; width: 100% } .invoice-person { text-align: center } } .invoice-person span { font-size: 18px; line-height: 26px; display: block } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-person span { font-size: 13px; line-height: 20px } } .invoice-person .name { font-weight: 500 } .invoice-person:last-child { text-align: right } .invoice-payment-direction { text-align: center; position: relative; padding-top: 20px } .invoice-payment-direction .icon { width: 80px; height: 80px; border-radius: 50%; background-color: #f7f7f7; font-size: 50px; color: #c2c2c2; line-height: 80px } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-payment-direction .icon { width: 40px; height: 40px; line-height: 40px; font-size: 25px } } @media (max-width:480px) { .invoice-person:last-child { text-align: center } .invoice-payment-direction { padding: 20px } .invoice-payment-direction .icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } } .invoice-details { width: 100%; font-size: 16px } .invoice-details tr>td { padding: 20px 0 } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-details { font-size: 11px } .invoice-details tr>td { padding: 15px 0 } } .invoice-details th { text-align: right; padding-bottom: 8px } .invoice-details th:first-child { text-align: left } .invoice-details td.amount, .invoice-details td.hours { text-align: right } .invoice-details td.summary { color: #c4c4c4 } .invoice-details td.total { color: #8c8c8c; font-weight: 500 } .invoice-details td.total-value { font-size: 22px; color: #4285f4 } .invoice-payment-method { margin-bottom: 75px } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-details td.total-value { font-size: 11px } .invoice-payment-method { margin-bottom: 37px } } .invoice-payment-method span { font-size: 18px; line-height: 26px; display: block } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-payment-method span { font-size: 13px; line-height: 20px } } .invoice-payment-method .title { font-weight: 500 } .invoice-message { font-size: 16px; margin-bottom: 62px } @media (max-width:480px) { .invoice-message { margin-bottom: 31px } } .invoice-message .title { font-weight: 500; text-transform: uppercase; display: block; margin-bottom: 12px } .invoice-message p { line-height: 26px } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .invoice-message { font-size: 13px } .invoice-message p { line-height: 20px } } .invoice-company-info { margin-bottom: 70px } .invoice-company-info>div { border-left: 1px solid #f0f0f0; padding: 8px 40px } @media (max-width:767px), (max-width:480px) { .invoice-company-info { margin-bottom: 35px } .invoice-company-info>div { border: none; padding: 8px 15px } } .invoice-company-info>div:first-child { border-left: none } .invoice-company-info .summary { padding: 0 40px; line-height: 16px } @media (max-width:767px), (max-width:480px) { .invoice-company-info .summary { padding: 8px 15px } } .invoice-company-info .summary .title { color: #8c8c8c; font-size: 14px; line-height: 21px; font-weight: 500 } .invoice-company-info .summary p { line-height: 16px } @media (min-width:768px) and (max-width:991px) { .invoice-company-info .phone { border-left-width: 0 } } .invoice-footer { text-align: center } .invoice-footer .btn { min-width: 96px; font-size: 14px } .widget-calendar .ui-datepicker { position: relative; margin: 10px 0 32px } .widget-calendar .ui-datepicker .ui-datepicker-header { border-bottom: 1px solid rgba(255, 255, 255, .6); padding-bottom: 5px; margin-bottom: 20px } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-title { cursor: default; line-height: 24px; margin: 0 2.3em; text-align: center; font-weight: 300; font-size: 18px } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next, .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { height: 1.8em; position: absolute; top: -5px; width: 1.8em; color: #404040; font-size: 25px } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span, .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span { overflow: hidden; display: block; text-indent: -99999px } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after, .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev span:after { cursor: pointer; content: "\f2fa"; font-family: 'Material Icons'; display: block; position: absolute; width: 16px; height: 16px; top: 0; text-indent: 0 } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev { left: 8px } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next { right: 2px } .widget-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next span:after { content: "\f2fb"; right: 2px } .widget-calendar .ui-datepicker table.ui-datepicker-calendar { width: 100% } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:first-child, .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:first-child { padding-left: 0 } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td:last-child, .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr th:last-child { padding-right: 0 } .widget-calendar .ui-datepicker table.ui-datepicker-calendar th { border: 0; padding: 3px; text-align: center; font-weight: 400; color: #404040 } .widget-calendar .ui-datepicker table.ui-datepicker-calendar th span { font-size: 14px } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td { border: 0; padding: 6px 0; text-align: center } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a { display: inline-block; padding: 0; text-align: center; text-decoration: none; color: #737373; width: 27px; height: 27px; line-height: 27px } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a:hover { color: #404040 } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-active, .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight { background-color: #e6e6e6; border-radius: 50% } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td a.ui-state-highlight { background-color: #4285f4; color: #fff } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.has-events a { position: relative; background-color: #ebf2fe; border-radius: 50% } .widget-calendar .ui-datepicker table.ui-datepicker-calendar tr td.ui-datepicker-other-month a { color: #ccc } .widget-calendar .ui-datepicker.ui-datepicker-6rows { margin-bottom: 28px } .widget-calendar .ui-datepicker.ui-datepicker-6rows table.ui-datepicker-calendar tr td { padding: 3px 0 } .widget.widget-map .map-container>div { height: 229px } .widget.widget-tile { padding: 24px 20px; margin-bottom: 25px; display: table; table-layout: fixed; width: 100% } .widget.widget-tile .data-info { display: table-cell; text-align: right } .widget.widget-tile .data-info .value { font-size: 22px; font-weight: 300 } .widget.widget-tile .data-info .indicator { font-size: 25px; margin-right: 7px; line-height: 24px; vertical-align: middle } .widget.widget-tile .data-info .indicator-equal { color: #4285f4 } .widget.widget-tile .data-info .indicator-positive { color: #34a853 } .widget.widget-tile .data-info .indicator-negative { color: #ea4335 } .widget.widget-tile .data-info .desc { font-size: 14px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .widget.widget-tile .chart { width: 85px; min-height: 45px; padding: 5px 0; display: table-cell; vertical-align: middle } .widget.widget-tile.widget-tile-wide { display: table; width: 100% } .widget.widget-tile.widget-tile-wide>div { display: table-cell; width: 50%; vertical-align: middle } .widget.widget-tile.widget-tile-wide .data-info { vertical-align: top } .widget.widget-tile.widget-tile-wide .data-info .title { font-size: 16px; line-height: 22px; margin-bottom: 2px } .widget.widget-tile.widget-tile-wide .data-info .desc { color: grey; font-size: 12px } .widget.widget-tile.widget-tile-wide .tile-value { text-align: right } .widget.widget-tile.widget-tile-wide .tile-value>span { display: block; padding-right: 10px; font-weight: 300; font-size: 31px } .widget.widget-tile.widget-tile-wide .icon { float: none; line-height: 43px; vertical-align: top; margin-right: 5px } .user-display { margin-bottom: 30px; border-radius: 2px; background-color: #fff } .user-display-bg { max-height: 300px; overflow: hidden } .user-display-bg img { width: 100%; border-radius: 2px 2px 0 0 } .user-display-bottom { position: relative; padding: 11px 20px } .user-display-avatar { position: absolute; left: 20px; top: -50px; border-radius: 50%; background-color: #fff } .user-display-avatar img { width: 110px; height: 110px; border-radius: 50%; border: 3px solid #fff } .user-display-info { line-height: 20px; padding-left: 130px } .user-display-info .name { display: block; font-size: 18px; font-weight: 500; line-height: 22px } .user-display-info .nick { line-height: 21px; color: #5f5f5f } .user-display-details { margin-top: 15px } .user-display-details .title { text-transform: uppercase; font-size: 12px; color: #5f5f5f } .user-display-details .counter { font-size: 18px } .user-info-list table { width: 100%; table-layout: fixed } .user-info-list table tr td { padding: 12px 0 } .user-info-list table tr td.icon { width: 33px } .user-info-list table tr td.icon>span { font-size: 20px; vertical-align: middle } .user-info-list table tr td.item { width: 34% } .user-progress { margin-bottom: 15px } .user-progress .title { display: block; margin-bottom: 10px } .user-progress .value { display: block; text-align: right; font-size: 18px; padding-top: 18px } .user-progress .progress { height: 10px; border-radius: 5px; margin-bottom: 0 } .user-progress .progress-bar { border-radius: 5px } .user-progress-small { margin-bottom: 20px } .user-progress-small .title { display: inline-block } .user-progress-small .progress { margin-top: 5px; height: 5px } .user-timeline { padding: 0; margin: 5px 0 15px; list-style: none; position: relative } .user-timeline:after, .user-timeline:before { position: absolute; background-color: #4285f4; content: "" } .user-timeline:before { left: 7px; top: 2px; height: 100%; width: 2px } .user-timeline:after { left: 4px; bottom: -2px; height: 8px; width: 8px; border-radius: 50% } .user-timeline>li { display: block; position: relative; padding-left: 30px; padding-bottom: 27px } .user-timeline>li:before { content: ""; position: absolute; left: 0; top: 2px; height: 16px; width: 16px; background-color: #fff; border-radius: 50%; border: 1px solid #4285f4 } .login-submit .btn, .signup-password .btn { width: 100% } .user-timeline>li.latest:before { background-color: #4285f4 } .user-timeline-compact:after, .user-timeline-compact:before, .user-timeline-compact>li.latest:before { background-color: #f6c163 } .user-timeline-date { text-transform: uppercase; color: #737373; margin-bottom: 8px } .user-timeline-title { font-weight: 500 } .user-timeline-compact .user-timeline-date { float: right; text-transform: capitalize; margin-bottom: 0; line-height: 22px } .user-timeline-compact .user-timeline-title { font-size: 18px; font-weight: 300 } .user-timeline-compact .user-timeline-description { color: #737373; margin-top: 4px } .user-timeline-compact>li { padding-bottom: 35px } .user-timeline-compact>li:last-child { padding-bottom: 25px } .user-timeline-compact>li:before { border: 1px solid #f6c163 } .login-tools { padding-top: 18px } .login-forgot-password { line-height: 22px; text-align: right } .login-submit { padding-top: 19px; margin-bottom: 18px } .login-submit>div:first-child { padding-right: 10px } .login-submit>div:last-child { padding-left: 10px } .be-error .error-container { text-align: center; margin-top: 100px } .be-error .error-number { display: block; font-size: 150px; font-weight: 700; line-height: 240px; margin-bottom: 30px; max-height: 240px } .be-error .error-number:after { padding-top: .25%; display: block; content: '' } @media (max-width:767px) { .user-display-bg img { min-height: 130px } .be-error .error-container { margin-top: 50px } .be-error .error-number { padding: 20px 0; font-size: 90px; margin-bottom: 10px; line-height: 100px } } .be-error .error-description { font-size: 30px; font-weight: 300; line-height: 32px; margin-bottom: 30px } @media (max-width:767px) { .be-error .error-description { font-size: 19px } } .be-error .error-goback-text { font-size: 22px; font-weight: 300; margin-bottom: 30px; margin-top: 15px } @media (max-width:767px) { .be-error .error-goback-text { font-size: 15px } } .be-error .error-goback-button { margin-bottom: 30px } .be-error .error-goback-button .btn { min-width: 153px; text-align: center } .be-error-404 .error-container .error-number { background: url(../img/404-bg.png) center center no-repeat; background-size: contain } @media (max-width:480px) { .be-error-404 .error-container .error-number { padding: 0; font-size: 70px } } @media (max-width:340px) { .be-error-404 .error-container .error-number { font-size: 50px } } @media (max-width:295px) { .be-error-404 .error-container .error-number { font-size: 40px } } .splash-container.sign-up { max-width: 433px; margin: 10px auto } .splash-container.sign-up .panel .panel-heading { margin-bottom: 0 } .signup-password { margin-bottom: 18px } .signup-password>div:first-child { padding-right: 10px } .signup-password>div:last-child { padding-left: 10px } .splash-container.forgot-password .panel .panel-heading { margin-bottom: 5px } .gallery-container .item { width: 25%; margin-bottom: 20px; padding: 0 10px } .gallery-container .item .photo { background: #fff } .gallery-container .item .photo .img { position: relative } .gallery-container .item .photo .img img { width: 100% } .gallery-container .item .photo .img .over { top: 0; opacity: 0; position: absolute; height: 100%; width: 100%; background: rgba(66, 133, 244, .8); -o-transition: opacity 300ms ease; transition: opacity 300ms ease; -webkit-transition: opacity 300ms ease; overflow: hidden } .gallery-container .item .photo .img .over .info-wrapper { display: table; height: 100%; margin-top: -80px; -webkit-transition: margin-top 200ms ease-in-out; -o-transition: margin-top 200ms ease-in-out; transition: margin-top 200ms ease-in-out } .gallery-container .item .photo .img .over .info { display: table-cell; vertical-align: middle; position: relative; top: 0; text-align: center; color: #fff; padding: 0 10px } .gallery-container .item .photo .img .over .title { font-size: 18px; font-weight: 300 } .gallery-container .item .photo .img .over .description { margin: 10px 0 18px; line-height: 15px } .gallery-container .item .photo .img .over .func a { display: inline-block; height: 30px; width: 30px; margin-right: 10px; background: rgba(255, 255, 255, .2); border-radius: 50% } .gallery-container .item .photo .img .over .func a:hover { background: rgba(255, 255, 255, .3) } .gallery-container .item .photo .img .over .func a i { font-size: 18px; color: #fff; line-height: 30px } .gallery-container .item .photo .img:hover .over { opacity: 1 } .gallery-container .item .photo .img:hover .over .info-wrapper { margin-top: 0 } .gallery-container .item .photo .description { line-height: 20px; display: table; width: 100% } .gallery-container .item .photo .description .icon { display: table-cell; background-color: #e6e6e6; padding: 20px; vertical-align: middle; width: 20px } .gallery-container .item .photo .description .icon a { color: #4d4d4d } .gallery-container .item .photo .description .icon a i { font-size: 30px } .gallery-container .item .photo .description .icon a:hover { color: #4285f4 } @media (max-width:767px) { .gallery-container .item .photo .description .icon a i { font-size: 20px } .gallery-container .item .photo .description .icon { padding: 15px } } .gallery-container .item .photo .description .desc { display: table-cell; padding: 10px 20px; vertical-align: middle } .gallery-container .item .photo .description .desc h4 { margin: 0; font-size: 18px } @media (max-width:767px) { .gallery-container .item .photo .description .desc h4 { font-size: 15px } } .gallery-container .item .photo .description .desc span { color: #8a8888; font-size: 12px; font-weight: 300 } .gallery-container .item.w2 { width: 50% } @media (max-width:767px) { .gallery-container .item .photo .description .desc { padding: 10px } .gallery-container { max-width: 767px } .gallery-container .item { width: 100%; padding: 0 } .gallery-container .item.w2 { width: 100% } } @media (min-width:768px) and (max-width:991px) { .gallery-container .item { width: 50% } } .email-filters, .email-list-item { border-bottom: 1px solid #e6e6e6; width: 100% } .aside-compose { text-align: center; padding: 20px 25px; margin-top: 10px } .email-inbox-header { background-color: #fff; padding: 37px 25px } @media (min-width:768px) and (max-width:991px) { .email-inbox-header { padding: 20px 25px } } .email-title { display: block; margin: 3px 0 0; font-size: 23px; font-weight: 300 } .email-title .icon { font-size: 23px; color: #737373 } .email-title .new-messages { font-size: 13px; color: #8d8d8d; margin-left: 3px } .email-filters { padding: 0 20px 30px; background-color: #fff; display: table } .email-filters>div { display: table-cell; vertical-align: middle } @media (min-width:768px) and (max-width:991px), (max-width:767px) { .email-title { margin-bottom: 10px } .email-filters>div { vertical-align: top } } .email-filters .btn-group+.btn-group { margin-left: 10px } @media (min-width:768px) and (max-width:991px), (max-width:480px) { .email-filters .btn-group+.btn-group { margin-left: 0; margin-top: 10px } } .email-filters .be-select-all.be-checkbox { display: inline-block; vertical-align: middle; padding: 0 } .email-filters .be-select-all.be-checkbox label:before { margin-right: 18px } .email-filters .email-filters-right { text-align: right } .email-filters input { margin-right: 8px } .email-pagination-indicator { display: inline-block; vertical-align: middle; margin-right: 13px } @media (min-width:768px) and (max-width:991px) { .email-pagination-indicator { margin-right: 0 } } .email-pagination-nav .btn { min-width: 30px } .email-pagination-nav .btn i { font-size: 21px; vertical-align: middle } .email-list { background: #fff } .email-list-item { padding: 14px 20px; display: table; cursor: pointer; position: relative; background-color: #fafafa } .email-list-item.email-list-item--unread { background-color: #fff } .email-list-item.email-list-item--unread:after { content: ''; display: block; position: absolute; width: 3px; top: -1px; bottom: -1px; left: 0; background-color: #4285f4 } .email-list-item.email-list-item--unread .date, .email-list-item.email-list-item--unread .from { font-weight: 500 } .email-list-item .icon { margin-right: 7px; font-size: 15px; vertical-align: middle; color: #666 } .email-list-item .from { display: block; font-weight: 400; font-size: 13px; margin: 0 0 3px } .email-list-item .msg { margin: 0; color: #737373 } .email-list-item:hover { background-color: #f7f7f7 } .compose-title, .email-attachments, .email-body, .email-compose-fields, .email-head, .email.editor { background-color: #fff } .email-list-actions, .email-list-detail { vertical-align: top; display: table-cell } .email-list-actions { width: 40px } .email-list-actions .be-checkbox { padding: 0 } .email-list-actions .favorite { display: block; padding-top: 5px; padding-left: 3px; line-height: 15px } .email-head-subject, .email-head-title { padding: 25px; border-bottom: 1px solid #e6e6e6 } .email-list-actions .favorite span { font-size: 20px; line-height: 17px; color: silver } .email-head-subject .title>a .icon, .email-head-title .icon { line-height: 31px; top: -1px; position: relative; vertical-align: middle } .email-list-actions .favorite:hover span { color: #8d8d8d } .email-list-actions .favorite.active span { color: #FFC600 } .email-head-title { display: block; font-weight: 400; color: #5a5a5a; font-size: 23px } .email-head-title .icon { color: #696969; margin-right: 12px; float: left; font-size: 20px } .email-head-subject .title { display: block; font-size: 23px; font-weight: 300; color: #5a5a5a } .email-head-subject .title>a .icon { color: silver; font-size: 18px; margin-right: 6px } .email-head-subject .title>a:hover .icon { color: #8d8d8d } .email-head-subject .title>a.active .icon { color: #FFC600 } .email-head-subject .icons { font-size: 20px; float: right } .email-head-subject .icons .icon { color: #737373; margin-left: 12px; vertical-align: middle } .email-head-subject .icons .icon:hover { color: #5a5a5a } .email-head-sender { padding: 13px 25px; line-height: 40px } .email-head-sender .avatar { float: left; margin-right: 10px } .email-head-sender .avatar img { max-width: 40px; max-height: 40px; border-radius: 50% } .email-head-sender .sender { font-size: 15px } .email-head-sender .sender .actions { display: inline-block; position: relative } .email-head-sender .sender .icon { font-size: 20px; line-height: 16px; color: #5a5a5a; margin-left: 7px } .email-head-sender .sender .icon i { line-height: 16px; vertical-align: middle } .email-head-sender .date { float: right } .email-head-sender .date a { vertical-align: middle; margin-right: 5px } .email-head-sender .date .icon { font-size: 20px } .email-body { border-top: 1px solid #e6e6e6; padding: 30px 28px } .email-body p { line-height: 25px; margin-bottom: 20px } .email-body p:last-child { margin-bottom: 0 } .email-attachments { padding: 25px 28px; border-top: 1px solid #e6e6e6 } .email-attachments .title { display: block; font-weight: 500 } .email-attachments .title span { font-weight: 400 } .email-attachments ul { list-style: none; margin: 15px 0 0; padding: 0 } .email-attachments ul>li { line-height: 23px } .email-attachments ul>li a { color: #404040; font-weight: 500 } .compose-title, .email-attachments ul>li span { font-weight: 400 } .email-attachments ul>li a:hover { color: #4285f4 } .email-attachments ul>li .icon { vertical-align: middle; color: #737373; margin-right: 2px } .compose-title { font-size: 23px; height: auto; padding: 25px 23px; border: 0; width: 100%; outline: 0 } .code-editor, .code-editor #console, .code-editor #console .CodeMirror { height: 100% } .compose-title .icon { float: left; font-size: 20px; margin-right: 15px; color: #696969; margin-top: 6px } .email-compose-fields { border-bottom: 1px solid #e6e6e6; padding: 30px 30px 10px } .email-compose-fields label { padding-top: 15px } .email.editor { padding: 30px } .email.editor .note-toolbar { border: 0 } .email.editor .form-group { text-align: right; margin-top: 15px } .alert-contrast>.icon, .alert-icon>.icon, .be-booking-promo-price, .btn-big, .dropdown-tools, .nav-tabs>li a, .page-aside.codeditor .compose, .page-aside.codeditor .mail-nav ul li a i, .table tr td.actions, .table tr th.actions { text-align: center } .email.editor .form-group .icon { font-size: 23px } @media (min-width:1200px) { .code-editor #console { padding-bottom: 60px } } .codeditor .page-title { font-size: 26px; margin-bottom: 0; margin-top: 10px } .codeditor .description { color: #888 } .page-aside.codeditor .compose { margin-top: 10px; font-size: 14px; font-weight: 300; text-transform: uppercase; padding: 20px 25px } .page-aside.codeditor+.main-content { height: 100%; width: 100% } @media (min-width:1200px) { .page-aside.codeditor+.main-content { position: fixed } } .page-aside.codeditor .compose .btn { width: 100%; border: 0; border-radius: 3px !important; max-width: 180px } .page-aside.codeditor .mail-nav { display: block; margin-top: 13px; padding: 0 } .page-aside.codeditor .navbar-toggle { background: rgba(0, 0, 0, .015) } .page-aside.codeditor .navbar-toggle span { font-size: 14px } .page-aside.codeditor .mail-nav ul li { margin: 0 } .page-aside.codeditor .mail-nav ul li a { border-radius: 0; color: #555; padding: 12px 15px } .page-aside.codeditor .mail-nav ul li a:hover { background: rgba(0, 0, 0, .01) } .page-aside.codeditor .mail-nav ul li.active a { color: #555; background: rgba(0, 0, 0, .025) } .page-aside.codeditor .mail-nav ul li a .label { border-radius: 2px } .page-aside.codeditor .mail-nav ul li a .label.label-default { background: #b5b5b5 } .page-aside.codeditor .mail-nav ul li a .label.label1 { background: #19B698 } .page-aside.codeditor .mail-nav ul li a .label.label2 { background: #E85647 } .page-aside.codeditor .mail-nav ul li a .label.label3 { background: #F4A425 } .page-aside.codeditor ul li a span.unsaved { position: absolute; right: 22px; top: 50%; margin-top: -5px; content: ''; background-color: #4285f4; border-radius: 100%; display: block; height: 10px; width: 10px; line-height: 10px } .page-aside.codeditor .mail-nav ul li a i { font-size: 14px; width: 24px } .page-aside.codeditor .mail-nav .title { color: #888; margin: 5px 0 0; padding: 8px 13px 4px; border-bottom: 1px solid #E5E5E5 } .mail-inbox .head { background: #FFF; padding: 20px 25px } .mail-inbox .head h3 { margin: 9px 0 15px } .mail-inbox .head h3 span { color: #888; font-weight: 300; font-size: 16px } .mail-inbox .head input[type=text] { box-shadow: 0 1px 1px rgba(0, 0, 0, .01) inset; border: 1px solid #D8D8D8; border-radius: 3px } .mail-inbox .head input[type=text]:focus { border-color: #43b6ff } .mail-inbox .filters { padding: 9px 20px 10px; border-bottom: 1px solid #E5E5E5 } .mail-inbox .filters .checkbox { margin-right: 8px } .mail-inbox .mails { background: #FFF } .mail-inbox .mails .item { border-bottom: 1px solid #E5E5E5; padding: 17px 20px; display: table; width: 100%; cursor: pointer } .mail-inbox .mails .item:nth-child(even) { background: rgba(0, 0, 0, .015) } .mail-inbox .mails .item:hover { background: rgba(0, 0, 0, .035) } .mail-inbox .mails .item>div { vertical-align: top; display: table-cell } .mail-inbox .mails .item>div:first-child { width: 35px } .mail-inbox .mails .item>div:first-child>div { margin-top: 2px } .mail-inbox .checkbox { background-color: #FFF } .mail-inbox .mails .item .from { font-weight: 600; font-size: 13px; margin: 0 0 3px } .mail-inbox .mails .item .date i { margin-right: 7px; font-size: 14px } .mail-inbox .mails .item .msg { font-size: 12px; margin: 0 } .message .head { background: #FFF; padding: 20px 25px 24px } .message .head h3 { margin: 9px 0 15px } .message .head h3 span { font-weight: 300; font-size: 20px; float: right } .message .head h3 span a { color: #888; margin-right: 15px } .message .head h4 span { font-weight: 100; font-size: 15px; float: right } .message .head h4 span a { color: #FEA200; margin-right: 10px } .message .mail { background: #FFF; border-top: 1px solid #E5E5E5; padding: 30px; font-size: 26px } .message .mail p { font-size: 15px; font-weight: 100 } .message .mails .item { border-bottom: 1px solid #E5E5E5; padding: 17px 20px; display: table; width: 100%; cursor: pointer } .message .mails .item:nth-child(even) { background: rgba(0, 0, 0, .015) } .message .mails .item:hover { background: rgba(0, 0, 0, .035) } .message .mails .item>div { vertical-align: top; display: table-cell } .message .mails .item>div:first-child { width: 35px } .message .mails .item>div:first-child>div { margin-top: 2px } .message .checkbox { background-color: #FFF } .message .mails .item .from { font-weight: 600; font-size: 13px; margin: 0 0 3px } .message .mails .item .date i { margin-right: 7px; font-size: 14px } .message .mails .item .msg { font-size: 12px; margin: 0 } @media (max-width:767px) { .page-aside.codeditor .mail-nav, .page-aside.codeditor div.content { border-bottom: 1px solid #E5E5E5 } .aside .content, .cl-mcont.aside, .cl-mcont.aside>.content, .page-aside.codeditor, .page-aside.codeditor .mail-nav ul li, .page-aside.codeditor .mail-nav.collapse.in { display: block } .page-aside>div { width: 100% } .page-aside.codeditor .mail-nav { margin-top: 0; padding: 0; width: 100% } .page-aside.codeditor .mail-nav .compose { border-top: 1px solid #E5E5E5; background: #FCFCFC } .page-aside.codeditor .mail-nav.collapse { display: none } .message .mail { border-top: 0 } } .CodeMirror { height: auto } .be-booking-promo-big:before, .be-booking-promo.be-booking-promo-soldout:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 0 72px 72px 0 } .CodeMirror-scroll { overflow-y: hidden; overflow-x: auto } .be-booking-promos.row { padding: 26px } @media (max-width:767px) { .be-booking-promos.row { margin: 0; padding: 15px 0 } } .be-booking-promo { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-radius: 3px; background-color: #fff; border-left: 3px solid #4285f4; padding: 23px 30px 26px; margin-bottom: 26px } @media (max-width:480px) { .be-booking-promo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column } } .be-booking-promo.be-booking-promo-danger { border-left-color: #ea4335 } .be-booking-promo.be-booking-promo-warning { border-left-color: #fbbc05 } .be-booking-promo.be-booking-promo-success { border-left-color: #34a853 } .be-booking-promo.be-booking-promo-soldout { border-left-color: #e3e3e3 } .be-booking-promo.be-booking-promo-soldout:before { position: absolute; top: 0; right: 0; display: block; border-color: transparent #e3e3e3 transparent transparent } .be-booking-promo.be-booking-promo-soldout .be-soldout-title { position: absolute; font-size: 11px; color: #969696; top: 20px; right: 5px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) } .be-booking-desc { -webkit-box-flex: 0; -webkit-flex: 0 1 60%; -ms-flex: 0 1 60%; flex: 0 1 60% } @media (max-width:480px) { .be-booking-desc { margin-bottom: 20px; text-align: center } } .be-booking-desc-title { padding-bottom: 15px; font-size: 20px; margin: 0 0 13px; border-bottom: 1px solid #ebebeb } .be-booking-desc-details { font-size: 14px } .be-booking-promo-amount { position: relative; margin: 3px 0 19px } .be-booking-promo-soldout .be-booking-promo-amount { margin-top: 41px } .be-booking-promo-amount .currency { font-size: 15px; line-height: 1; vertical-align: top } .be-booking-promo-amount .price { font-size: 41px; line-height: 1 } .be-booking-promo-amount .frecuency { font-size: 23px; line-height: 1; font-weight: 300 } .btn.be-booking-btn-price { padding: 0 21px; line-height: 34px } .be-booking-promo-big { padding: 25px 30px 35px; margin-top: -5px; margin-bottom: 20px } .btn-space, .btn-vspace { margin-bottom: 5px } .be-booking-promo-big .be-booking-desc-title { font-size: 20px; font-weight: 400 } .be-booking-promo-big .be-promo-big-title { position: absolute; font-size: 19px; color: #fff; top: 13px; right: 14px } .be-booking-promo-big:before { position: absolute; top: 0; right: 0; display: block; border-color: transparent } .be-booking-promo-big.be-booking-promo-danger .be-booking-desc-title { color: #ea4335 } .be-booking-promo-big.be-booking-promo-danger:before { border-right-color: #ea4335 } .be-booking-promo-big.be-booking-promo-primary .be-booking-desc-title { color: #4285f4 } .be-booking-promo-big.be-booking-promo-primary:before { border-right-color: #4285f4 } .be-booking-promo-big.be-booking-promo-success .be-booking-desc-title { color: #34a853 } .be-booking-promo-big.be-booking-promo-success:before { border-right-color: #34a853 } .be-booking-promo-big.be-booking-promo-warning .be-booking-desc-title { color: #fbbc05 } .be-booking-promo-big.be-booking-promo-warning:before { border-right-color: #fbbc05 } .be-booking-promo-color { color: #fff } .be-booking-promo-color.be-booking-promo-danger { background-color: #ea4335 } .be-booking-promo-color.be-booking-promo-primary { background-color: #4285f4 } .be-booking-promo-color.be-booking-promo-success { background-color: #34a853 } .be-booking-promo-color.be-booking-promo-warning { background-color: #fbbc05 } @media (max-width:480px) { .row { margin-left: -10px; margin-right: -10px } } .btn-hspace, .btn-space { margin-right: 5px } .img-rounded { border-radius: 4px } pre { padding: 20px; border: 0; border-radius: 0 } .btn { box-shadow: 0 1px 0 rgba(0, 0, 0, .05); border: 1px solid transparent; padding: 0 10px; font-size: 13px; line-height: 28px; border-radius: 2px } .btn-default, .btn-default.focus, .btn-default:focus { color: #404040; border-color: #dedede; background-color: #fff } .btn-outline.btn-danger:hover+.btn, .btn-outline.btn-default:hover+.btn, .btn-outline.btn-primary:hover+.btn, .btn-outline.btn-success:hover+.btn, .btn-outline.btn-warning:hover+.btn { border-left-color: transparent } .btn.active, .btn:active { box-shadow: none } .btn:active:focus { outline: 0 } .btn-default.focus, .btn-default:focus { outline: 0; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-default.hover, .btn-default:hover { box-shadow: 0 1px 0 rgba(0, 0, 0, .1); background-color: #fff; border-color: #bdbdbd } .btn-default.active, .btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover { color: #272727; background-color: #e3e3e3; border-color: #bdbdbd; box-shadow: inset 0 2px 0 rgba(0, 0, 0, .06) } .btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default { background-image: none } .btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #fff; border-color: #dedede } .btn-default .icon { color: #646464 } .btn-default:active .icon { color: #4a4a4a } .btn-default .badge { color: #fff; background-color: #404040 } .btn-primary { color: #fff; background-color: #4285f4; border-color: #4285f4 } .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.dropdown-toggle.btn-primary { color: #fff; background-color: #1266f1; border-color: #0c57d3 } .btn-primary.focus, .btn-primary:focus { color: #fff; background-color: #4285f4; border-color: #4285f4; outline: 0 } .btn-primary.hover, .btn-primary:hover { box-shadow: inset 0 -1px 0 #1266f1; background-color: #4c8bf5; border-color: #4c8bf5 #4c8bf5 #1266f1 } .btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary { color: #fff; box-shadow: inset 0 2px 0 #1266f1; background-color: #2572f2; border-color: #0c57d3 #2572f2 #2572f2; background-image: none } .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover { color: #fff; background-color: #2572f2; border-color: #0c57d3 transparent transparent; box-shadow: inset 0 2px 0 #1266f1 } .btn-primary.active.focus .icon, .btn-primary.active:focus .icon, .btn-primary.active:hover .icon, .btn-primary:active.focus .icon, .btn-primary:active:focus .icon, .btn-primary:active:hover .icon, .open>.dropdown-toggle.btn-primary.focus .icon, .open>.dropdown-toggle.btn-primary:focus .icon, .open>.dropdown-toggle.btn-primary:hover .icon { color: #fff } .btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover { background-color: #4285f4; border-color: #4285f4 } .btn-primary .badge { color: #4285f4; background-color: #fff } .btn-danger { color: #fff; background-color: #ea4335; border-color: #ea4335 } .btn-danger.active, .btn-danger:active, .btn-danger:hover, .open>.dropdown-toggle.btn-danger { color: #fff; background-color: #d62516; border-color: #b51f13 } .btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #ea4335; border-color: #ea4335; outline: 0 } .btn-danger.hover, .btn-danger:hover { box-shadow: inset 0 -1px 0 #d62516; background-color: #eb4c3e; border-color: #eb4c3e #eb4c3e #d62516 } .btn-danger.active, .btn-danger:active, .open>.dropdown-toggle.btn-danger { color: #fff; box-shadow: inset 0 2px 0 #d62516; background-color: #e72919; border-color: #b51f13 #e72919 #e72919; background-image: none } .btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open>.dropdown-toggle.btn-danger.focus, .open>.dropdown-toggle.btn-danger:focus, .open>.dropdown-toggle.btn-danger:hover { color: #fff; background-color: #e72919; border-color: #b51f13 transparent transparent; box-shadow: inset 0 2px 0 #d62516 } .btn-danger.active.focus .icon, .btn-danger.active:focus .icon, .btn-danger.active:hover .icon, .btn-danger:active.focus .icon, .btn-danger:active:focus .icon, .btn-danger:active:hover .icon, .open>.dropdown-toggle.btn-danger.focus .icon, .open>.dropdown-toggle.btn-danger:focus .icon, .open>.dropdown-toggle.btn-danger:hover .icon { color: #fff } .btn-danger.disabled, .btn-danger.disabled.active, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger[disabled], .btn-danger[disabled].active, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger.active, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover { background-color: #ea4335; border-color: #ea4335 } .btn-danger .badge { color: #ea4335; background-color: #fff } .btn-warning { color: #fff; background-color: #fbbc05; border-color: #fbbc05 } .btn-warning.active, .btn-warning:active, .btn-warning:hover, .open>.dropdown-toggle.btn-warning { color: #fff; background-color: #ca9703; border-color: #a77d03 } .btn-warning.focus, .btn-warning:focus { color: #fff; background-color: #fbbc05; border-color: #fbbc05; outline: 0 } .btn-warning.hover, .btn-warning:hover { box-shadow: inset 0 -1px 0 #ca9703; background-color: #fbbf0f; border-color: #fbbf0f #fbbf0f #ca9703 } .btn-warning.active, .btn-warning:active, .open>.dropdown-toggle.btn-warning { color: #fff; box-shadow: inset 0 2px 0 #ca9703; background-color: #dea604; border-color: #a77d03 #dea604 #dea604; background-image: none } .btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning:active.focus, .btn-warning:active:focus, .btn-warning:active:hover, .open>.dropdown-toggle.btn-warning.focus, .open>.dropdown-toggle.btn-warning:focus, .open>.dropdown-toggle.btn-warning:hover { color: #fff; background-color: #dea604; border-color: #a77d03 transparent transparent; box-shadow: inset 0 2px 0 #ca9703 } .btn-warning.active.focus .icon, .btn-warning.active:focus .icon, .btn-warning.active:hover .icon, .btn-warning:active.focus .icon, .btn-warning:active:focus .icon, .btn-warning:active:hover .icon, .open>.dropdown-toggle.btn-warning.focus .icon, .open>.dropdown-toggle.btn-warning:focus .icon, .open>.dropdown-toggle.btn-warning:hover .icon { color: #fff } .btn-warning.disabled, .btn-warning.disabled.active, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning[disabled], .btn-warning[disabled].active, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning.active, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover { background-color: #fbbc05; border-color: #fbbc05 } .btn-warning .badge { color: #fbbc05; background-color: #fff } .btn-success { color: #fff; background-color: #34a853; border-color: #34a853 } .btn-success.active, .btn-success:active, .btn-success:hover, .open>.dropdown-toggle.btn-success { color: #fff; background-color: #288140; border-color: #206632 } .btn-success.focus, .btn-success:focus { color: #fff; background-color: #34a853; border-color: #34a853; outline: 0 } .btn-success.hover, .btn-success:hover { box-shadow: inset 0 -1px 0 #288140; background-color: #36b057; border-color: #36b057 #36b057 #288140 } .btn-success.active, .btn-success:active, .open>.dropdown-toggle.btn-success { color: #fff; box-shadow: inset 0 2px 0 #288140; background-color: #2d9147; border-color: #206632 #2d9147 #2d9147; background-image: none } .btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success:active.focus, .btn-success:active:focus, .btn-success:active:hover, .open>.dropdown-toggle.btn-success.focus, .open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { color: #fff; background-color: #2d9147; border-color: #206632 transparent transparent; box-shadow: inset 0 2px 0 #288140 } .btn-success.active.focus .icon, .btn-success.active:focus .icon, .btn-success.active:hover .icon, .btn-success:active.focus .icon, .btn-success:active:focus .icon, .btn-success:active:hover .icon, .open>.dropdown-toggle.btn-success.focus .icon, .open>.dropdown-toggle.btn-success:focus .icon, .open>.dropdown-toggle.btn-success:hover .icon { color: #fff } .btn-success.disabled, .btn-success.disabled.active, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success[disabled], .btn-success[disabled].active, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success.active, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover { background-color: #34a853; border-color: #34a853 } .btn-success .badge { color: #34a853; background-color: #fff } .btn-group-xs>.btn, .btn-xs { padding: 0 6px; font-size: 11px; line-height: 18px; border-radius: 1px } .btn-group-sm>.btn, .btn-sm { padding: 0 8px; font-size: 13px; line-height: 22px; border-radius: 2px } .btn-group-lg>.btn, .btn-lg, .btn-xl { padding: 0 12px; font-size: 15px; border-radius: 3px; font-weight: 500 } .btn-group-lg>.btn, .btn-lg { line-height: 38px } .btn-xl { line-height: 43px } .btn-rounded { border-radius: 15px } .btn-rounded.btn-xs { border-radius: 10px } .btn-rounded.btn-sm { border-radius: 12px } .btn-rounded.btn-lg { border-radius: 20px } .btn-facebook .icon, .btn-facebook.active .icon, .btn-facebook.active.focus .icon, .btn-facebook.active:focus .icon, .btn-facebook.active:hover .icon, .btn-facebook:active .icon, .btn-facebook:active.focus .icon, .btn-facebook:active:focus .icon, .btn-facebook:active:hover .icon, .open>.dropdown-toggle.btn-facebook .icon, .open>.dropdown-toggle.btn-facebook.focus .icon, .open>.dropdown-toggle.btn-facebook:focus .icon, .open>.dropdown-toggle.btn-facebook:hover .icon { color: #5d82d1 } .btn-twitter .icon, .btn-twitter.active .icon, .btn-twitter.active.focus .icon, .btn-twitter.active:focus .icon, .btn-twitter.active:hover .icon, .btn-twitter:active .icon, .btn-twitter:active.focus .icon, .btn-twitter:active:focus .icon, .btn-twitter:active:hover .icon, .open>.dropdown-toggle.btn-twitter .icon, .open>.dropdown-toggle.btn-twitter.focus .icon, .open>.dropdown-toggle.btn-twitter:focus .icon, .open>.dropdown-toggle.btn-twitter:hover .icon { color: #50bff5 } .btn-google-plus .icon, .btn-google-plus.active .icon, .btn-google-plus.active.focus .icon, .btn-google-plus.active:focus .icon, .btn-google-plus.active:hover .icon, .btn-google-plus:active .icon, .btn-google-plus:active.focus .icon, .btn-google-plus:active:focus .icon, .btn-google-plus:active:hover .icon, .open>.dropdown-toggle.btn-google-plus .icon, .open>.dropdown-toggle.btn-google-plus.focus .icon, .open>.dropdown-toggle.btn-google-plus:focus .icon, .open>.dropdown-toggle.btn-google-plus:hover .icon { color: #eb5e4c } .btn-dribbble .icon, .btn-dribbble.active .icon, .btn-dribbble.active.focus .icon, .btn-dribbble.active:focus .icon, .btn-dribbble.active:hover .icon, .btn-dribbble:active .icon, .btn-dribbble:active.focus .icon, .btn-dribbble:active:focus .icon, .btn-dribbble:active:hover .icon, .open>.dropdown-toggle.btn-dribbble .icon, .open>.dropdown-toggle.btn-dribbble.focus .icon, .open>.dropdown-toggle.btn-dribbble:focus .icon, .open>.dropdown-toggle.btn-dribbble:hover .icon { color: #f7659c } .btn-flickr .icon, .btn-flickr.active .icon, .btn-flickr.active.focus .icon, .btn-flickr.active:focus .icon, .btn-flickr.active:hover .icon, .btn-flickr:active .icon, .btn-flickr:active.focus .icon, .btn-flickr:active:focus .icon, .btn-flickr:active:hover .icon, .open>.dropdown-toggle.btn-flickr .icon, .open>.dropdown-toggle.btn-flickr.focus .icon, .open>.dropdown-toggle.btn-flickr:focus .icon, .open>.dropdown-toggle.btn-flickr:hover .icon { color: #0063dc } .btn-linkedin .icon, .btn-linkedin.active .icon, .btn-linkedin.active.focus .icon, .btn-linkedin.active:focus .icon, .btn-linkedin.active:hover .icon, .btn-linkedin:active .icon, .btn-linkedin:active.focus .icon, .btn-linkedin:active:focus .icon, .btn-linkedin:active:hover .icon, .open>.dropdown-toggle.btn-linkedin .icon, .open>.dropdown-toggle.btn-linkedin.focus .icon, .open>.dropdown-toggle.btn-linkedin:focus .icon, .open>.dropdown-toggle.btn-linkedin:hover .icon { color: #238cc8 } .btn-youtube .icon, .btn-youtube.active .icon, .btn-youtube.active.focus .icon, .btn-youtube.active:focus .icon, .btn-youtube.active:hover .icon, .btn-youtube:active .icon, .btn-youtube:active.focus .icon, .btn-youtube:active:focus .icon, .btn-youtube:active:hover .icon, .open>.dropdown-toggle.btn-youtube .icon, .open>.dropdown-toggle.btn-youtube.focus .icon, .open>.dropdown-toggle.btn-youtube:focus .icon, .open>.dropdown-toggle.btn-youtube:hover .icon { color: #ef4e41 } .btn-pinterest .icon, .btn-pinterest.active .icon, .btn-pinterest.active.focus .icon, .btn-pinterest.active:focus .icon, .btn-pinterest.active:hover .icon, .btn-pinterest:active .icon, .btn-pinterest:active.focus .icon, .btn-pinterest:active:focus .icon, .btn-pinterest:active:hover .icon, .open>.dropdown-toggle.btn-pinterest .icon, .open>.dropdown-toggle.btn-pinterest.focus .icon, .open>.dropdown-toggle.btn-pinterest:focus .icon, .open>.dropdown-toggle.btn-pinterest:hover .icon { color: #e13138 } .btn-github .icon, .btn-github.active .icon, .btn-github.active.focus .icon, .btn-github.active:focus .icon, .btn-github.active:hover .icon, .btn-github:active .icon, .btn-github:active.focus .icon, .btn-github:active:focus .icon, .btn-github:active:hover .icon, .open>.dropdown-toggle.btn-github .icon, .open>.dropdown-toggle.btn-github.focus .icon, .open>.dropdown-toggle.btn-github:focus .icon, .open>.dropdown-toggle.btn-github:hover .icon { color: #333 } .btn-tumblr .icon, .btn-tumblr.active .icon, .btn-tumblr.active.focus .icon, .btn-tumblr.active:focus .icon, .btn-tumblr.active:hover .icon, .btn-tumblr:active .icon, .btn-tumblr:active.focus .icon, .btn-tumblr:active:focus .icon, .btn-tumblr:active:hover .icon, .open>.dropdown-toggle.btn-tumblr .icon, .open>.dropdown-toggle.btn-tumblr.focus .icon, .open>.dropdown-toggle.btn-tumblr:focus .icon, .open>.dropdown-toggle.btn-tumblr:hover .icon { color: #426d9b } .btn-dropbox .icon, .btn-dropbox.active .icon, .btn-dropbox.active.focus .icon, .btn-dropbox.active:focus .icon, .btn-dropbox.active:hover .icon, .btn-dropbox:active .icon, .btn-dropbox:active.focus .icon, .btn-dropbox:active:focus .icon, .btn-dropbox:active:hover .icon, .open>.dropdown-toggle.btn-dropbox .icon, .open>.dropdown-toggle.btn-dropbox.focus .icon, .open>.dropdown-toggle.btn-dropbox:focus .icon, .open>.dropdown-toggle.btn-dropbox:hover .icon { color: #007EE5 } .btn-evernote .icon, .btn-evernote.active .icon, .btn-evernote.active.focus .icon, .btn-evernote.active:focus .icon, .btn-evernote.active:hover .icon, .btn-evernote:active .icon, .btn-evernote:active.focus .icon, .btn-evernote:active:focus .icon, .btn-evernote:active:hover .icon, .open>.dropdown-toggle.btn-evernote .icon, .open>.dropdown-toggle.btn-evernote.focus .icon, .open>.dropdown-toggle.btn-evernote:focus .icon, .open>.dropdown-toggle.btn-evernote:hover .icon { color: #2DBE60 } .btn-social { min-width: 31px; padding: 0 8px } .btn-social .icon { font-size: 17px } .btn-color.btn-facebook { color: #fff; background-color: #5d82d1; border-color: #5d82d1 } .btn-color.btn-facebook .icon { color: #fff } .btn-color.btn-facebook.active, .btn-color.btn-facebook:active, .btn-color.btn-facebook:hover, .open>.dropdown-toggle.btn-color.btn-facebook { color: #fff; background-color: #3864c3; border-color: #3560bc } .btn-color.btn-facebook.focus, .btn-color.btn-facebook:focus { color: #fff; background-color: #5d82d1; border-color: #5d82d1; outline: 0 } .btn-color.btn-facebook.hover, .btn-color.btn-facebook:hover { box-shadow: inset 0 -1px 0 #3864c3; background-color: #6588d3; border-color: #6588d3 #6588d3 #3864c3 } .btn-color.btn-facebook.active, .btn-color.btn-facebook:active, .open>.dropdown-toggle.btn-color.btn-facebook { color: #fff; box-shadow: inset 0 2px 0 #3864c3; background-color: #4570ca; border-color: #3056a8 #4570ca #4570ca; background-image: none } .btn-color.btn-facebook.active.focus, .btn-color.btn-facebook.active:focus, .btn-color.btn-facebook.active:hover, .btn-color.btn-facebook:active.focus, .btn-color.btn-facebook:active:focus, .btn-color.btn-facebook:active:hover, .open>.dropdown-toggle.btn-color.btn-facebook.focus, .open>.dropdown-toggle.btn-color.btn-facebook:focus, .open>.dropdown-toggle.btn-color.btn-facebook:hover { color: #fff; background-color: #4570ca; border-color: #3056a8 transparent transparent; box-shadow: inset 0 2px 0 #3864c3 } .btn-color.btn-facebook.active.focus .icon, .btn-color.btn-facebook.active:focus .icon, .btn-color.btn-facebook.active:hover .icon, .btn-color.btn-facebook:active.focus .icon, .btn-color.btn-facebook:active:focus .icon, .btn-color.btn-facebook:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-facebook.focus .icon, .open>.dropdown-toggle.btn-color.btn-facebook:focus .icon, .open>.dropdown-toggle.btn-color.btn-facebook:hover .icon { color: #fff } .btn-color.btn-facebook.disabled, .btn-color.btn-facebook.disabled.active, .btn-color.btn-facebook.disabled.focus, .btn-color.btn-facebook.disabled:active, .btn-color.btn-facebook.disabled:focus, .btn-color.btn-facebook.disabled:hover, .btn-color.btn-facebook[disabled], .btn-color.btn-facebook[disabled].active, .btn-color.btn-facebook[disabled].focus, .btn-color.btn-facebook[disabled]:active, .btn-color.btn-facebook[disabled]:focus, .btn-color.btn-facebook[disabled]:hover, fieldset[disabled] .btn-color.btn-facebook, fieldset[disabled] .btn-color.btn-facebook.active, fieldset[disabled] .btn-color.btn-facebook.focus, fieldset[disabled] .btn-color.btn-facebook:active, fieldset[disabled] .btn-color.btn-facebook:focus, fieldset[disabled] .btn-color.btn-facebook:hover { background-color: #5d82d1; border-color: #5d82d1 } .btn-color.btn-facebook .badge { color: #5d82d1; background-color: #fff } .btn-color.btn-twitter { color: #fff; background-color: #50bff5; border-color: #50bff5 } .btn-color.btn-twitter .icon { color: #fff } .btn-color.btn-twitter.active, .btn-color.btn-twitter:active, .btn-color.btn-twitter:hover, .open>.dropdown-toggle.btn-color.btn-twitter { color: #fff; background-color: #20adf2; border-color: #16aaf2 } .btn-color.btn-twitter.focus, .btn-color.btn-twitter:focus { color: #fff; background-color: #50bff5; border-color: #50bff5; outline: 0 } .btn-color.btn-twitter.hover, .btn-color.btn-twitter:hover { box-shadow: inset 0 -1px 0 #20adf2; background-color: #5ac3f6; border-color: #5ac3f6 #5ac3f6 #20adf2 } .btn-color.btn-twitter.active, .btn-color.btn-twitter:active, .open>.dropdown-toggle.btn-color.btn-twitter { color: #fff; box-shadow: inset 0 2px 0 #20adf2; background-color: #33b4f3; border-color: #0d9ce1 #33b4f3 #33b4f3; background-image: none } .btn-color.btn-twitter.active.focus, .btn-color.btn-twitter.active:focus, .btn-color.btn-twitter.active:hover, .btn-color.btn-twitter:active.focus, .btn-color.btn-twitter:active:focus, .btn-color.btn-twitter:active:hover, .open>.dropdown-toggle.btn-color.btn-twitter.focus, .open>.dropdown-toggle.btn-color.btn-twitter:focus, .open>.dropdown-toggle.btn-color.btn-twitter:hover { color: #fff; background-color: #33b4f3; border-color: #0d9ce1 transparent transparent; box-shadow: inset 0 2px 0 #20adf2 } .btn-color.btn-twitter.active.focus .icon, .btn-color.btn-twitter.active:focus .icon, .btn-color.btn-twitter.active:hover .icon, .btn-color.btn-twitter:active.focus .icon, .btn-color.btn-twitter:active:focus .icon, .btn-color.btn-twitter:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-twitter.focus .icon, .open>.dropdown-toggle.btn-color.btn-twitter:focus .icon, .open>.dropdown-toggle.btn-color.btn-twitter:hover .icon { color: #fff } .btn-color.btn-twitter.disabled, .btn-color.btn-twitter.disabled.active, .btn-color.btn-twitter.disabled.focus, .btn-color.btn-twitter.disabled:active, .btn-color.btn-twitter.disabled:focus, .btn-color.btn-twitter.disabled:hover, .btn-color.btn-twitter[disabled], .btn-color.btn-twitter[disabled].active, .btn-color.btn-twitter[disabled].focus, .btn-color.btn-twitter[disabled]:active, .btn-color.btn-twitter[disabled]:focus, .btn-color.btn-twitter[disabled]:hover, fieldset[disabled] .btn-color.btn-twitter, fieldset[disabled] .btn-color.btn-twitter.active, fieldset[disabled] .btn-color.btn-twitter.focus, fieldset[disabled] .btn-color.btn-twitter:active, fieldset[disabled] .btn-color.btn-twitter:focus, fieldset[disabled] .btn-color.btn-twitter:hover { background-color: #50bff5; border-color: #50bff5 } .btn-color.btn-twitter .badge { color: #50bff5; background-color: #fff } .btn-color.btn-google-plus { color: #fff; background-color: #eb5e4c; border-color: #eb5e4c } .btn-color.btn-google-plus .icon { color: #fff } .btn-color.btn-google-plus.active, .btn-color.btn-google-plus:active, .btn-color.btn-google-plus:hover, .open>.dropdown-toggle.btn-color.btn-google-plus { color: #fff; background-color: #e6351e; border-color: #e13019 } .btn-color.btn-google-plus.focus, .btn-color.btn-google-plus:focus { color: #fff; background-color: #eb5e4c; border-color: #eb5e4c; outline: 0 } .btn-color.btn-google-plus.hover, .btn-color.btn-google-plus:hover { box-shadow: inset 0 -1px 0 #e6351e; background-color: #ec6655; border-color: #ec6655 #ec6655 #e6351e } .btn-color.btn-google-plus.active, .btn-color.btn-google-plus:active, .open>.dropdown-toggle.btn-color.btn-google-plus { color: #fff; box-shadow: inset 0 2px 0 #e6351e; background-color: #e84530; border-color: #ca2b17 #e84530 #e84530; background-image: none } .btn-color.btn-google-plus.active.focus, .btn-color.btn-google-plus.active:focus, .btn-color.btn-google-plus.active:hover, .btn-color.btn-google-plus:active.focus, .btn-color.btn-google-plus:active:focus, .btn-color.btn-google-plus:active:hover, .open>.dropdown-toggle.btn-color.btn-google-plus.focus, .open>.dropdown-toggle.btn-color.btn-google-plus:focus, .open>.dropdown-toggle.btn-color.btn-google-plus:hover { color: #fff; background-color: #e84530; border-color: #ca2b17 transparent transparent; box-shadow: inset 0 2px 0 #e6351e } .btn-color.btn-google-plus.active.focus .icon, .btn-color.btn-google-plus.active:focus .icon, .btn-color.btn-google-plus.active:hover .icon, .btn-color.btn-google-plus:active.focus .icon, .btn-color.btn-google-plus:active:focus .icon, .btn-color.btn-google-plus:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-google-plus.focus .icon, .open>.dropdown-toggle.btn-color.btn-google-plus:focus .icon, .open>.dropdown-toggle.btn-color.btn-google-plus:hover .icon { color: #fff } .btn-color.btn-google-plus.disabled, .btn-color.btn-google-plus.disabled.active, .btn-color.btn-google-plus.disabled.focus, .btn-color.btn-google-plus.disabled:active, .btn-color.btn-google-plus.disabled:focus, .btn-color.btn-google-plus.disabled:hover, .btn-color.btn-google-plus[disabled], .btn-color.btn-google-plus[disabled].active, .btn-color.btn-google-plus[disabled].focus, .btn-color.btn-google-plus[disabled]:active, .btn-color.btn-google-plus[disabled]:focus, .btn-color.btn-google-plus[disabled]:hover, fieldset[disabled] .btn-color.btn-google-plus, fieldset[disabled] .btn-color.btn-google-plus.active, fieldset[disabled] .btn-color.btn-google-plus.focus, fieldset[disabled] .btn-color.btn-google-plus:active, fieldset[disabled] .btn-color.btn-google-plus:focus, fieldset[disabled] .btn-color.btn-google-plus:hover { background-color: #eb5e4c; border-color: #eb5e4c } .btn-color.btn-google-plus .badge { color: #eb5e4c; background-color: #fff } .btn-color.btn-dribbble { color: #fff; background-color: #f7659c; border-color: #f7659c } .btn-color.btn-dribbble .icon { color: #fff } .btn-color.btn-dribbble.active, .btn-color.btn-dribbble:active, .btn-color.btn-dribbble:hover, .open>.dropdown-toggle.btn-color.btn-dribbble { color: #fff; background-color: #f4357d; border-color: #f42b77 } .btn-color.btn-dribbble.focus, .btn-color.btn-dribbble:focus { color: #fff; background-color: #f7659c; border-color: #f7659c; outline: 0 } .btn-color.btn-dribbble.hover, .btn-color.btn-dribbble:hover { box-shadow: inset 0 -1px 0 #f4357d; background-color: #f86fa2; border-color: #f86fa2 #f86fa2 #f4357d } .btn-color.btn-dribbble.active, .btn-color.btn-dribbble:active, .open>.dropdown-toggle.btn-color.btn-dribbble { color: #fff; box-shadow: inset 0 2px 0 #f4357d; background-color: #f54889; border-color: #f31367 #f54889 #f54889; background-image: none } .btn-color.btn-dribbble.active.focus, .btn-color.btn-dribbble.active:focus, .btn-color.btn-dribbble.active:hover, .btn-color.btn-dribbble:active.focus, .btn-color.btn-dribbble:active:focus, .btn-color.btn-dribbble:active:hover, .open>.dropdown-toggle.btn-color.btn-dribbble.focus, .open>.dropdown-toggle.btn-color.btn-dribbble:focus, .open>.dropdown-toggle.btn-color.btn-dribbble:hover { color: #fff; background-color: #f54889; border-color: #f31367 transparent transparent; box-shadow: inset 0 2px 0 #f4357d } .btn-color.btn-dribbble.active.focus .icon, .btn-color.btn-dribbble.active:focus .icon, .btn-color.btn-dribbble.active:hover .icon, .btn-color.btn-dribbble:active.focus .icon, .btn-color.btn-dribbble:active:focus .icon, .btn-color.btn-dribbble:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-dribbble.focus .icon, .open>.dropdown-toggle.btn-color.btn-dribbble:focus .icon, .open>.dropdown-toggle.btn-color.btn-dribbble:hover .icon { color: #fff } .btn-color.btn-dribbble.disabled, .btn-color.btn-dribbble.disabled.active, .btn-color.btn-dribbble.disabled.focus, .btn-color.btn-dribbble.disabled:active, .btn-color.btn-dribbble.disabled:focus, .btn-color.btn-dribbble.disabled:hover, .btn-color.btn-dribbble[disabled], .btn-color.btn-dribbble[disabled].active, .btn-color.btn-dribbble[disabled].focus, .btn-color.btn-dribbble[disabled]:active, .btn-color.btn-dribbble[disabled]:focus, .btn-color.btn-dribbble[disabled]:hover, fieldset[disabled] .btn-color.btn-dribbble, fieldset[disabled] .btn-color.btn-dribbble.active, fieldset[disabled] .btn-color.btn-dribbble.focus, fieldset[disabled] .btn-color.btn-dribbble:active, fieldset[disabled] .btn-color.btn-dribbble:focus, fieldset[disabled] .btn-color.btn-dribbble:hover { background-color: #f7659c; border-color: #f7659c } .btn-color.btn-dribbble .badge { color: #f7659c; background-color: #fff } .btn-color.btn-flickr { color: #fff; background-color: #0063dc; border-color: #0063dc } .btn-color.btn-flickr .icon { color: #fff } .btn-color.btn-flickr.active, .btn-color.btn-flickr:active, .btn-color.btn-flickr:hover, .open>.dropdown-toggle.btn-color.btn-flickr { color: #fff; background-color: #004ca9; border-color: #00479f } .btn-color.btn-flickr.focus, .btn-color.btn-flickr:focus { color: #fff; background-color: #0063dc; border-color: #0063dc; outline: 0 } .btn-color.btn-flickr.hover, .btn-color.btn-flickr:hover { box-shadow: inset 0 -1px 0 #004ca9; background-color: #0068e6; border-color: #0068e6 #0068e6 #004ca9 } .btn-color.btn-flickr.active, .btn-color.btn-flickr:active, .open>.dropdown-toggle.btn-color.btn-flickr { color: #fff; box-shadow: inset 0 2px 0 #004ca9; background-color: #0055bd; border-color: #003c85 #0055bd #0055bd; background-image: none } .btn-color.btn-flickr.active.focus, .btn-color.btn-flickr.active:focus, .btn-color.btn-flickr.active:hover, .btn-color.btn-flickr:active.focus, .btn-color.btn-flickr:active:focus, .btn-color.btn-flickr:active:hover, .open>.dropdown-toggle.btn-color.btn-flickr.focus, .open>.dropdown-toggle.btn-color.btn-flickr:focus, .open>.dropdown-toggle.btn-color.btn-flickr:hover { color: #fff; background-color: #0055bd; border-color: #003c85 transparent transparent; box-shadow: inset 0 2px 0 #004ca9 } .btn-color.btn-flickr.active.focus .icon, .btn-color.btn-flickr.active:focus .icon, .btn-color.btn-flickr.active:hover .icon, .btn-color.btn-flickr:active.focus .icon, .btn-color.btn-flickr:active:focus .icon, .btn-color.btn-flickr:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-flickr.focus .icon, .open>.dropdown-toggle.btn-color.btn-flickr:focus .icon, .open>.dropdown-toggle.btn-color.btn-flickr:hover .icon { color: #fff } .btn-color.btn-flickr.disabled, .btn-color.btn-flickr.disabled.active, .btn-color.btn-flickr.disabled.focus, .btn-color.btn-flickr.disabled:active, .btn-color.btn-flickr.disabled:focus, .btn-color.btn-flickr.disabled:hover, .btn-color.btn-flickr[disabled], .btn-color.btn-flickr[disabled].active, .btn-color.btn-flickr[disabled].focus, .btn-color.btn-flickr[disabled]:active, .btn-color.btn-flickr[disabled]:focus, .btn-color.btn-flickr[disabled]:hover, fieldset[disabled] .btn-color.btn-flickr, fieldset[disabled] .btn-color.btn-flickr.active, fieldset[disabled] .btn-color.btn-flickr.focus, fieldset[disabled] .btn-color.btn-flickr:active, fieldset[disabled] .btn-color.btn-flickr:focus, fieldset[disabled] .btn-color.btn-flickr:hover { background-color: #0063dc; border-color: #0063dc } .btn-color.btn-flickr .badge { color: #0063dc; background-color: #fff } .btn-color.btn-linkedin { color: #fff; background-color: #238cc8; border-color: #238cc8 } .btn-color.btn-linkedin .icon { color: #fff } .btn-color.btn-linkedin.active, .btn-color.btn-linkedin:active, .btn-color.btn-linkedin:hover, .open>.dropdown-toggle.btn-color.btn-linkedin { color: #fff; background-color: #1b6e9d; border-color: #1a6894 } .btn-color.btn-linkedin.focus, .btn-color.btn-linkedin:focus { color: #fff; background-color: #238cc8; border-color: #238cc8; outline: 0 } .btn-color.btn-linkedin.hover, .btn-color.btn-linkedin:hover { box-shadow: inset 0 -1px 0 #1b6e9d; background-color: #2592d1; border-color: #2592d1 #2592d1 #1b6e9d } .btn-color.btn-linkedin.active, .btn-color.btn-linkedin:active, .open>.dropdown-toggle.btn-color.btn-linkedin { color: #fff; box-shadow: inset 0 2px 0 #1b6e9d; background-color: #1e7aae; border-color: #16587e #1e7aae #1e7aae; background-image: none } .btn-color.btn-linkedin.active.focus, .btn-color.btn-linkedin.active:focus, .btn-color.btn-linkedin.active:hover, .btn-color.btn-linkedin:active.focus, .btn-color.btn-linkedin:active:focus, .btn-color.btn-linkedin:active:hover, .open>.dropdown-toggle.btn-color.btn-linkedin.focus, .open>.dropdown-toggle.btn-color.btn-linkedin:focus, .open>.dropdown-toggle.btn-color.btn-linkedin:hover { color: #fff; background-color: #1e7aae; border-color: #16587e transparent transparent; box-shadow: inset 0 2px 0 #1b6e9d } .btn-color.btn-linkedin.active.focus .icon, .btn-color.btn-linkedin.active:focus .icon, .btn-color.btn-linkedin.active:hover .icon, .btn-color.btn-linkedin:active.focus .icon, .btn-color.btn-linkedin:active:focus .icon, .btn-color.btn-linkedin:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-linkedin.focus .icon, .open>.dropdown-toggle.btn-color.btn-linkedin:focus .icon, .open>.dropdown-toggle.btn-color.btn-linkedin:hover .icon { color: #fff } .btn-color.btn-linkedin.disabled, .btn-color.btn-linkedin.disabled.active, .btn-color.btn-linkedin.disabled.focus, .btn-color.btn-linkedin.disabled:active, .btn-color.btn-linkedin.disabled:focus, .btn-color.btn-linkedin.disabled:hover, .btn-color.btn-linkedin[disabled], .btn-color.btn-linkedin[disabled].active, .btn-color.btn-linkedin[disabled].focus, .btn-color.btn-linkedin[disabled]:active, .btn-color.btn-linkedin[disabled]:focus, .btn-color.btn-linkedin[disabled]:hover, fieldset[disabled] .btn-color.btn-linkedin, fieldset[disabled] .btn-color.btn-linkedin.active, fieldset[disabled] .btn-color.btn-linkedin.focus, fieldset[disabled] .btn-color.btn-linkedin:active, fieldset[disabled] .btn-color.btn-linkedin:focus, fieldset[disabled] .btn-color.btn-linkedin:hover { background-color: #238cc8; border-color: #238cc8 } .btn-color.btn-linkedin .badge { color: #238cc8; background-color: #fff } .btn-color.btn-youtube { color: #fff; background-color: #ef4e41; border-color: #ef4e41 } .btn-color.btn-youtube .icon { color: #fff } .btn-color.btn-youtube.active, .btn-color.btn-youtube:active, .btn-color.btn-youtube:hover, .open>.dropdown-toggle.btn-color.btn-youtube { color: #fff; background-color: #e92414; border-color: #e02213 } .btn-color.btn-youtube.focus, .btn-color.btn-youtube:focus { color: #fff; background-color: #ef4e41; border-color: #ef4e41; outline: 0 } .btn-color.btn-youtube.hover, .btn-color.btn-youtube:hover { box-shadow: inset 0 -1px 0 #e92414; background-color: #f0574a; border-color: #f0574a #f0574a #e92414 } .btn-color.btn-youtube.active, .btn-color.btn-youtube:active, .open>.dropdown-toggle.btn-color.btn-youtube { color: #fff; box-shadow: inset 0 2px 0 #e92414; background-color: #ed3425; border-color: #c81f11 #ed3425 #ed3425; background-image: none } .btn-color.btn-youtube.active.focus, .btn-color.btn-youtube.active:focus, .btn-color.btn-youtube.active:hover, .btn-color.btn-youtube:active.focus, .btn-color.btn-youtube:active:focus, .btn-color.btn-youtube:active:hover, .open>.dropdown-toggle.btn-color.btn-youtube.focus, .open>.dropdown-toggle.btn-color.btn-youtube:focus, .open>.dropdown-toggle.btn-color.btn-youtube:hover { color: #fff; background-color: #ed3425; border-color: #c81f11 transparent transparent; box-shadow: inset 0 2px 0 #e92414 } .btn-color.btn-youtube.active.focus .icon, .btn-color.btn-youtube.active:focus .icon, .btn-color.btn-youtube.active:hover .icon, .btn-color.btn-youtube:active.focus .icon, .btn-color.btn-youtube:active:focus .icon, .btn-color.btn-youtube:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-youtube.focus .icon, .open>.dropdown-toggle.btn-color.btn-youtube:focus .icon, .open>.dropdown-toggle.btn-color.btn-youtube:hover .icon { color: #fff } .btn-color.btn-youtube.disabled, .btn-color.btn-youtube.disabled.active, .btn-color.btn-youtube.disabled.focus, .btn-color.btn-youtube.disabled:active, .btn-color.btn-youtube.disabled:focus, .btn-color.btn-youtube.disabled:hover, .btn-color.btn-youtube[disabled], .btn-color.btn-youtube[disabled].active, .btn-color.btn-youtube[disabled].focus, .btn-color.btn-youtube[disabled]:active, .btn-color.btn-youtube[disabled]:focus, .btn-color.btn-youtube[disabled]:hover, fieldset[disabled] .btn-color.btn-youtube, fieldset[disabled] .btn-color.btn-youtube.active, fieldset[disabled] .btn-color.btn-youtube.focus, fieldset[disabled] .btn-color.btn-youtube:active, fieldset[disabled] .btn-color.btn-youtube:focus, fieldset[disabled] .btn-color.btn-youtube:hover { background-color: #ef4e41; border-color: #ef4e41 } .btn-color.btn-youtube .badge { color: #ef4e41; background-color: #fff } .btn-color.btn-pinterest { color: #fff; background-color: #e13138; border-color: #e13138 } .btn-color.btn-pinterest .icon { color: #fff } .btn-color.btn-pinterest.active, .btn-color.btn-pinterest:active, .btn-color.btn-pinterest:hover, .open>.dropdown-toggle.btn-color.btn-pinterest { color: #fff; background-color: #c31c23; border-color: #ba1b21 } .btn-color.btn-pinterest.focus, .btn-color.btn-pinterest:focus { color: #fff; background-color: #e13138; border-color: #e13138; outline: 0 } .btn-color.btn-pinterest.hover, .btn-color.btn-pinterest:hover { box-shadow: inset 0 -1px 0 #c31c23; background-color: #e23a41; border-color: #e23a41 #e23a41 #c31c23 } .btn-color.btn-pinterest.active, .btn-color.btn-pinterest:active, .open>.dropdown-toggle.btn-color.btn-pinterest { color: #fff; box-shadow: inset 0 2px 0 #c31c23; background-color: #d41f26; border-color: #a3181d #d41f26 #d41f26; background-image: none } .btn-color.btn-pinterest.active.focus, .btn-color.btn-pinterest.active:focus, .btn-color.btn-pinterest.active:hover, .btn-color.btn-pinterest:active.focus, .btn-color.btn-pinterest:active:focus, .btn-color.btn-pinterest:active:hover, .open>.dropdown-toggle.btn-color.btn-pinterest.focus, .open>.dropdown-toggle.btn-color.btn-pinterest:focus, .open>.dropdown-toggle.btn-color.btn-pinterest:hover { color: #fff; background-color: #d41f26; border-color: #a3181d transparent transparent; box-shadow: inset 0 2px 0 #c31c23 } .btn-color.btn-pinterest.active.focus .icon, .btn-color.btn-pinterest.active:focus .icon, .btn-color.btn-pinterest.active:hover .icon, .btn-color.btn-pinterest:active.focus .icon, .btn-color.btn-pinterest:active:focus .icon, .btn-color.btn-pinterest:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-pinterest.focus .icon, .open>.dropdown-toggle.btn-color.btn-pinterest:focus .icon, .open>.dropdown-toggle.btn-color.btn-pinterest:hover .icon { color: #fff } .btn-color.btn-pinterest.disabled, .btn-color.btn-pinterest.disabled.active, .btn-color.btn-pinterest.disabled.focus, .btn-color.btn-pinterest.disabled:active, .btn-color.btn-pinterest.disabled:focus, .btn-color.btn-pinterest.disabled:hover, .btn-color.btn-pinterest[disabled], .btn-color.btn-pinterest[disabled].active, .btn-color.btn-pinterest[disabled].focus, .btn-color.btn-pinterest[disabled]:active, .btn-color.btn-pinterest[disabled]:focus, .btn-color.btn-pinterest[disabled]:hover, fieldset[disabled] .btn-color.btn-pinterest, fieldset[disabled] .btn-color.btn-pinterest.active, fieldset[disabled] .btn-color.btn-pinterest.focus, fieldset[disabled] .btn-color.btn-pinterest:active, fieldset[disabled] .btn-color.btn-pinterest:focus, fieldset[disabled] .btn-color.btn-pinterest:hover { background-color: #e13138; border-color: #e13138 } .btn-color.btn-pinterest .badge { color: #e13138; background-color: #fff } .btn-color.btn-github { color: #fff; background-color: #333; border-color: #333 } .btn-color.btn-github .icon { color: #fff } .btn-color.btn-github.active, .btn-color.btn-github:active, .btn-color.btn-github:hover, .open>.dropdown-toggle.btn-color.btn-github { color: #fff; background-color: #1a1a1a; border-color: #141414 } .btn-color.btn-github.focus, .btn-color.btn-github:focus { color: #fff; background-color: #333; border-color: #333; outline: 0 } .btn-color.btn-github.hover, .btn-color.btn-github:hover { box-shadow: inset 0 -1px 0 #1a1a1a; background-color: #383838; border-color: #383838 #383838 #1a1a1a } .btn-color.btn-github.active, .btn-color.btn-github:active, .open>.dropdown-toggle.btn-color.btn-github { color: #fff; box-shadow: inset 0 2px 0 #1a1a1a; background-color: #242424; border-color: #080808 #242424 #242424; background-image: none } .btn-color.btn-github.active.focus, .btn-color.btn-github.active:focus, .btn-color.btn-github.active:hover, .btn-color.btn-github:active.focus, .btn-color.btn-github:active:focus, .btn-color.btn-github:active:hover, .open>.dropdown-toggle.btn-color.btn-github.focus, .open>.dropdown-toggle.btn-color.btn-github:focus, .open>.dropdown-toggle.btn-color.btn-github:hover { color: #fff; background-color: #242424; border-color: #080808 transparent transparent; box-shadow: inset 0 2px 0 #1a1a1a } .btn-color.btn-github.active.focus .icon, .btn-color.btn-github.active:focus .icon, .btn-color.btn-github.active:hover .icon, .btn-color.btn-github:active.focus .icon, .btn-color.btn-github:active:focus .icon, .btn-color.btn-github:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-github.focus .icon, .open>.dropdown-toggle.btn-color.btn-github:focus .icon, .open>.dropdown-toggle.btn-color.btn-github:hover .icon { color: #fff } .btn-color.btn-github.disabled, .btn-color.btn-github.disabled.active, .btn-color.btn-github.disabled.focus, .btn-color.btn-github.disabled:active, .btn-color.btn-github.disabled:focus, .btn-color.btn-github.disabled:hover, .btn-color.btn-github[disabled], .btn-color.btn-github[disabled].active, .btn-color.btn-github[disabled].focus, .btn-color.btn-github[disabled]:active, .btn-color.btn-github[disabled]:focus, .btn-color.btn-github[disabled]:hover, fieldset[disabled] .btn-color.btn-github, fieldset[disabled] .btn-color.btn-github.active, fieldset[disabled] .btn-color.btn-github.focus, fieldset[disabled] .btn-color.btn-github:active, fieldset[disabled] .btn-color.btn-github:focus, fieldset[disabled] .btn-color.btn-github:hover { background-color: #333; border-color: #333 } .btn-color.btn-github .badge { color: #333; background-color: #fff } .btn-color.btn-tumblr { color: #fff; background-color: #426d9b; border-color: #426d9b } .btn-color.btn-tumblr .icon { color: #fff } .btn-color.btn-tumblr.active, .btn-color.btn-tumblr:active, .btn-color.btn-tumblr:hover, .open>.dropdown-toggle.btn-color.btn-tumblr { color: #fff; background-color: #335477; border-color: #304f70 } .btn-color.btn-tumblr.focus, .btn-color.btn-tumblr:focus { color: #fff; background-color: #426d9b; border-color: #426d9b; outline: 0 } .btn-color.btn-tumblr.hover, .btn-color.btn-tumblr:hover { box-shadow: inset 0 -1px 0 #335477; background-color: #4572a2; border-color: #4572a2 #4572a2 #335477 } .btn-color.btn-tumblr.active, .btn-color.btn-tumblr:active, .open>.dropdown-toggle.btn-color.btn-tumblr { color: #fff; box-shadow: inset 0 2px 0 #335477; background-color: #395e86; border-color: #28425e #395e86 #395e86; background-image: none } .btn-color.btn-tumblr.active.focus, .btn-color.btn-tumblr.active:focus, .btn-color.btn-tumblr.active:hover, .btn-color.btn-tumblr:active.focus, .btn-color.btn-tumblr:active:focus, .btn-color.btn-tumblr:active:hover, .open>.dropdown-toggle.btn-color.btn-tumblr.focus, .open>.dropdown-toggle.btn-color.btn-tumblr:focus, .open>.dropdown-toggle.btn-color.btn-tumblr:hover { color: #fff; background-color: #395e86; border-color: #28425e transparent transparent; box-shadow: inset 0 2px 0 #335477 } .btn-color.btn-tumblr.active.focus .icon, .btn-color.btn-tumblr.active:focus .icon, .btn-color.btn-tumblr.active:hover .icon, .btn-color.btn-tumblr:active.focus .icon, .btn-color.btn-tumblr:active:focus .icon, .btn-color.btn-tumblr:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-tumblr.focus .icon, .open>.dropdown-toggle.btn-color.btn-tumblr:focus .icon, .open>.dropdown-toggle.btn-color.btn-tumblr:hover .icon { color: #fff } .btn-color.btn-tumblr.disabled, .btn-color.btn-tumblr.disabled.active, .btn-color.btn-tumblr.disabled.focus, .btn-color.btn-tumblr.disabled:active, .btn-color.btn-tumblr.disabled:focus, .btn-color.btn-tumblr.disabled:hover, .btn-color.btn-tumblr[disabled], .btn-color.btn-tumblr[disabled].active, .btn-color.btn-tumblr[disabled].focus, .btn-color.btn-tumblr[disabled]:active, .btn-color.btn-tumblr[disabled]:focus, .btn-color.btn-tumblr[disabled]:hover, fieldset[disabled] .btn-color.btn-tumblr, fieldset[disabled] .btn-color.btn-tumblr.active, fieldset[disabled] .btn-color.btn-tumblr.focus, fieldset[disabled] .btn-color.btn-tumblr:active, fieldset[disabled] .btn-color.btn-tumblr:focus, fieldset[disabled] .btn-color.btn-tumblr:hover { background-color: #426d9b; border-color: #426d9b } .btn-color.btn-tumblr .badge { color: #426d9b; background-color: #fff } .btn-color.btn-dropbox { color: #fff; background-color: #007EE5; border-color: #007EE5 } .btn-color.btn-dropbox .icon { color: #fff } .btn-color.btn-dropbox.active, .btn-color.btn-dropbox:active, .btn-color.btn-dropbox:hover, .open>.dropdown-toggle.btn-color.btn-dropbox { color: #fff; background-color: #0062b2; border-color: #005ca8 } .btn-color.btn-dropbox.focus, .btn-color.btn-dropbox:focus { color: #fff; background-color: #007EE5; border-color: #007EE5; outline: 0 } .btn-color.btn-dropbox.hover, .btn-color.btn-dropbox:hover { box-shadow: inset 0 -1px 0 #0062b2; background-color: #0084ef; border-color: #0084ef #0084ef #0062b2 } .btn-color.btn-dropbox.active, .btn-color.btn-dropbox:active, .open>.dropdown-toggle.btn-color.btn-dropbox { color: #fff; box-shadow: inset 0 2px 0 #0062b2; background-color: #006dc6; border-color: #004e8e #006dc6 #006dc6; background-image: none } .btn-color.btn-dropbox.active.focus, .btn-color.btn-dropbox.active:focus, .btn-color.btn-dropbox.active:hover, .btn-color.btn-dropbox:active.focus, .btn-color.btn-dropbox:active:focus, .btn-color.btn-dropbox:active:hover, .open>.dropdown-toggle.btn-color.btn-dropbox.focus, .open>.dropdown-toggle.btn-color.btn-dropbox:focus, .open>.dropdown-toggle.btn-color.btn-dropbox:hover { color: #fff; background-color: #006dc6; border-color: #004e8e transparent transparent; box-shadow: inset 0 2px 0 #0062b2 } .btn-color.btn-dropbox.active.focus .icon, .btn-color.btn-dropbox.active:focus .icon, .btn-color.btn-dropbox.active:hover .icon, .btn-color.btn-dropbox:active.focus .icon, .btn-color.btn-dropbox:active:focus .icon, .btn-color.btn-dropbox:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-dropbox.focus .icon, .open>.dropdown-toggle.btn-color.btn-dropbox:focus .icon, .open>.dropdown-toggle.btn-color.btn-dropbox:hover .icon { color: #fff } .btn-color.btn-dropbox.disabled, .btn-color.btn-dropbox.disabled.active, .btn-color.btn-dropbox.disabled.focus, .btn-color.btn-dropbox.disabled:active, .btn-color.btn-dropbox.disabled:focus, .btn-color.btn-dropbox.disabled:hover, .btn-color.btn-dropbox[disabled], .btn-color.btn-dropbox[disabled].active, .btn-color.btn-dropbox[disabled].focus, .btn-color.btn-dropbox[disabled]:active, .btn-color.btn-dropbox[disabled]:focus, .btn-color.btn-dropbox[disabled]:hover, fieldset[disabled] .btn-color.btn-dropbox, fieldset[disabled] .btn-color.btn-dropbox.active, fieldset[disabled] .btn-color.btn-dropbox.focus, fieldset[disabled] .btn-color.btn-dropbox:active, fieldset[disabled] .btn-color.btn-dropbox:focus, fieldset[disabled] .btn-color.btn-dropbox:hover { background-color: #007EE5; border-color: #007EE5 } .btn-color.btn-dropbox .badge { color: #007EE5; background-color: #fff } .btn-color.btn-evernote { color: #fff; background-color: #2DBE60; border-color: #2DBE60 } .btn-color.btn-evernote .icon { color: #fff } .btn-color.btn-evernote.active, .btn-color.btn-evernote:active, .btn-color.btn-evernote:hover, .open>.dropdown-toggle.btn-color.btn-evernote { color: #fff; background-color: #23954b; border-color: #218d47 } .btn-color.btn-evernote.focus, .btn-color.btn-evernote:focus { color: #fff; background-color: #2DBE60; border-color: #2DBE60; outline: 0 } .btn-color.btn-evernote.hover, .btn-color.btn-evernote:hover { box-shadow: inset 0 -1px 0 #23954b; background-color: #2fc664; border-color: #2fc664 #2fc664 #23954b } .btn-color.btn-evernote.active, .btn-color.btn-evernote:active, .open>.dropdown-toggle.btn-color.btn-evernote { color: #fff; box-shadow: inset 0 2px 0 #23954b; background-color: #27a553; border-color: #1c783d #27a553 #27a553; background-image: none } .btn-color.btn-evernote.active.focus, .btn-color.btn-evernote.active:focus, .btn-color.btn-evernote.active:hover, .btn-color.btn-evernote:active.focus, .btn-color.btn-evernote:active:focus, .btn-color.btn-evernote:active:hover, .open>.dropdown-toggle.btn-color.btn-evernote.focus, .open>.dropdown-toggle.btn-color.btn-evernote:focus, .open>.dropdown-toggle.btn-color.btn-evernote:hover { color: #fff; background-color: #27a553; border-color: #1c783d transparent transparent; box-shadow: inset 0 2px 0 #23954b } .btn-color.btn-evernote.active.focus .icon, .btn-color.btn-evernote.active:focus .icon, .btn-color.btn-evernote.active:hover .icon, .btn-color.btn-evernote:active.focus .icon, .btn-color.btn-evernote:active:focus .icon, .btn-color.btn-evernote:active:hover .icon, .open>.dropdown-toggle.btn-color.btn-evernote.focus .icon, .open>.dropdown-toggle.btn-color.btn-evernote:focus .icon, .open>.dropdown-toggle.btn-color.btn-evernote:hover .icon { color: #fff } .btn-color.btn-evernote.disabled, .btn-color.btn-evernote.disabled.active, .btn-color.btn-evernote.disabled.focus, .btn-color.btn-evernote.disabled:active, .btn-color.btn-evernote.disabled:focus, .btn-color.btn-evernote.disabled:hover, .btn-color.btn-evernote[disabled], .btn-color.btn-evernote[disabled].active, .btn-color.btn-evernote[disabled].focus, .btn-color.btn-evernote[disabled]:active, .btn-color.btn-evernote[disabled]:focus, .btn-color.btn-evernote[disabled]:hover, fieldset[disabled] .btn-color.btn-evernote, fieldset[disabled] .btn-color.btn-evernote.active, fieldset[disabled] .btn-color.btn-evernote.focus, fieldset[disabled] .btn-color.btn-evernote:active, fieldset[disabled] .btn-color.btn-evernote:focus, fieldset[disabled] .btn-color.btn-evernote:hover { background-color: #2DBE60; border-color: #2DBE60 } .btn-color.btn-evernote .badge { color: #2DBE60; background-color: #fff } .btn .icon { font-size: 16px; line-height: 15px; vertical-align: middle } .btn .icon.icon-left { margin-right: 1px } .btn .icon.icon-right { margin-left: 1px } .btn .icon.fa { font-size: 15px } .btn.btn-lg .icon { font-size: 21px; line-height: 20px } .btn.btn-sm .icon { font-size: 15px; line-height: 15px } .btn.btn-xs .icon { font-size: 14px; line-height: 14px } .btn-group .btn.dropdown-toggle.btn-danger, .btn-group .btn.dropdown-toggle.btn-danger:hover, .btn-group .btn.dropdown-toggle.btn-primary, .btn-group .btn.dropdown-toggle.btn-primary:hover, .btn-group .btn.dropdown-toggle.btn-success, .btn-group .btn.dropdown-toggle.btn-success:hover, .btn-group .btn.dropdown-toggle.btn-warning, .btn-group .btn.dropdown-toggle.btn-warning:hover { border-right-color: transparent } .btn.dropdown-toggle .mdi-chevron-down, .btn.dropdown-toggle .mdi-chevron-up { font-size: 18px; vertical-align: middle; line-height: 17px } .btn.dropdown-toggle .icon-dropdown { font-size: 18px; line-height: 17px; margin-left: 6px } .btn.dropdown-toggle .icon-dropdown-left { margin-left: 0; margin-right: 6px } .btn-big { padding: 10px 13px; line-height: 13px; min-width: 62px } .btn-big>.icon { display: block; font-size: 26px; line-height: 20px; margin-bottom: 7px } .btn-outline.btn-default { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); border-width: 2px } .btn-outline.btn-default:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .btn-outline.btn-default.active, .btn-outline.btn-default:active { background-color: #fff; color: #d9d9d9; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-default:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-primary { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); border-width: 2px } .btn-outline.btn-primary:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .btn-outline.btn-primary.active, .btn-outline.btn-primary:active { background-color: #fff; color: #5f99f5; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-primary:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-success { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); border-width: 2px } .btn-outline.btn-success:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .btn-outline.btn-success.active, .btn-outline.btn-success:active { background-color: #fff; color: #37b358; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-success:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-warning { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); border-width: 2px } .btn-outline.btn-warning:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .btn-outline.btn-warning.active, .btn-outline.btn-warning:active { background-color: #fff; color: #f6c163; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-warning:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-danger { background-color: transparent; color: #fff; border-color: rgba(255, 255, 255, .5); border-width: 2px } .btn-outline.btn-danger:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .btn-outline.btn-danger.active, .btn-outline.btn-danger:active { background-color: #fff; color: #eb6357; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-outline.btn-danger:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .btn-group>.btn.btn-default.active+.btn, .btn-group>.btn.btn-default:hover+.btn, .input-group-btn>.btn.btn-default.active+.btn, .input-group-btn>.btn.btn-default:hover+.btn { border-left-color: #bdbdbd } .btn-group>.btn.btn-primary, .input-group-btn>.btn.btn-primary { border-left-color: #206ff2; border-right-color: #206ff2 } .btn-group>.btn.btn-primary.active, .btn-group>.btn.btn-primary:active, .btn-group>.btn.btn-primary:hover, .input-group-btn>.btn.btn-primary.active, .input-group-btn>.btn.btn-primary:active, .input-group-btn>.btn.btn-primary:hover { box-shadow: none; border-left-color: #0d5fe6; border-right-color: #0d5fe6; border-bottom-color: transparent } .btn-group>.btn.btn-primary.active, .btn-group>.btn.btn-primary:active, .input-group-btn>.btn.btn-primary.active, .input-group-btn>.btn.btn-primary:active { box-shadow: inset 0 2px 0 #1266f1 } .btn-group>.btn.btn-primary.active+.btn, .btn-group>.btn.btn-primary:active+.btn, .btn-group>.btn.btn-primary:hover+.btn, .input-group-btn>.btn.btn-primary.active+.btn, .input-group-btn>.btn.btn-primary:active+.btn, .input-group-btn>.btn.btn-primary:hover+.btn { border-left-color: #0d5fe6 } .btn-group>.btn.btn-primary:first-child, .input-group-btn>.btn.btn-primary:first-child { border-left-color: transparent } .btn-group>.btn.btn-primary:last-child, .input-group-btn>.btn.btn-primary:last-child { border-right-color: transparent } .btn-group>.btn.btn-success, .input-group-btn>.btn.btn-success { border-left-color: #2c8d46; border-right-color: #2c8d46 } .btn-group>.btn.btn-success.active, .btn-group>.btn.btn-success:active, .btn-group>.btn.btn-success:hover, .input-group-btn>.btn.btn-success.active, .input-group-btn>.btn.btn-success:active, .input-group-btn>.btn.btn-success:hover { box-shadow: none; border-left-color: #24753a; border-right-color: #24753a; border-bottom-color: transparent } .btn-group>.btn.btn-success.active, .btn-group>.btn.btn-success:active, .input-group-btn>.btn.btn-success.active, .input-group-btn>.btn.btn-success:active { box-shadow: inset 0 2px 0 #288140 } .btn-group>.btn.btn-success.active+.btn, .btn-group>.btn.btn-success:active+.btn, .btn-group>.btn.btn-success:hover+.btn, .input-group-btn>.btn.btn-success.active+.btn, .input-group-btn>.btn.btn-success:active+.btn, .input-group-btn>.btn.btn-success:hover+.btn { border-left-color: #24753a } .btn-group>.btn.btn-success:first-child, .input-group-btn>.btn.btn-success:first-child { border-left-color: transparent } .btn-group>.btn.btn-success:last-child, .input-group-btn>.btn.btn-success:last-child { border-right-color: transparent } .btn-group>.btn.btn-warning, .input-group-btn>.btn.btn-warning { border-left-color: #d9a203; border-right-color: #d9a203 } .btn-group>.btn.btn-warning.active, .btn-group>.btn.btn-warning:active, .btn-group>.btn.btn-warning:hover, .input-group-btn>.btn.btn-warning.active, .input-group-btn>.btn.btn-warning:active, .input-group-btn>.btn.btn-warning:hover { box-shadow: none; border-left-color: #bb8c03; border-right-color: #bb8c03; border-bottom-color: transparent } .btn-group>.btn.btn-warning.active, .btn-group>.btn.btn-warning:active, .input-group-btn>.btn.btn-warning.active, .input-group-btn>.btn.btn-warning:active { box-shadow: inset 0 2px 0 #ca9703 } .btn-group>.btn.btn-warning.active+.btn, .btn-group>.btn.btn-warning:active+.btn, .btn-group>.btn.btn-warning:hover+.btn, .input-group-btn>.btn.btn-warning.active+.btn, .input-group-btn>.btn.btn-warning:active+.btn, .input-group-btn>.btn.btn-warning:hover+.btn { border-left-color: #bb8c03 } .btn-group>.btn.btn-warning:first-child, .input-group-btn>.btn.btn-warning:first-child { border-left-color: transparent } .btn-group>.btn.btn-warning:last-child, .input-group-btn>.btn.btn-warning:last-child { border-right-color: transparent } .btn-group>.btn.btn-danger, .input-group-btn>.btn.btn-danger { border-left-color: #e42718; border-right-color: #e42718 } .btn-group>.btn.btn-danger.active, .btn-group>.btn.btn-danger:active, .btn-group>.btn.btn-danger:hover, .input-group-btn>.btn.btn-danger.active, .input-group-btn>.btn.btn-danger:active, .input-group-btn>.btn.btn-danger:hover { box-shadow: none; border-left-color: #c82315; border-right-color: #c82315; border-bottom-color: transparent } .btn-group:first-child, .btn-group:last-child, .btn-group>.btn.btn-danger:last-child, .btn-group>.btn:last-of-type:not(.btn-default), .btn-group>.btn:last-of-type:not(.btn-default):hover, .input-group-btn:first-child, .input-group-btn:last-child, .input-group-btn>.btn.btn-danger:last-child, .input-group-btn>.btn:last-of-type:not(.btn-default), .input-group-btn>.btn:last-of-type:not(.btn-default):hover { border-right-color: transparent } .btn-group>.btn.btn-danger.active, .btn-group>.btn.btn-danger:active, .input-group-btn>.btn.btn-danger.active, .input-group-btn>.btn.btn-danger:active { box-shadow: inset 0 2px 0 #d62516 } .btn-group>.btn.btn-danger.active+.btn, .btn-group>.btn.btn-danger:active+.btn, .btn-group>.btn.btn-danger:hover+.btn, .input-group-btn>.btn.btn-danger.active+.btn, .input-group-btn>.btn.btn-danger:active+.btn, .input-group-btn>.btn.btn-danger:hover+.btn { border-left-color: #c82315 } .btn-group>.btn.btn-danger:first-child, .input-group-btn>.btn.btn-danger:first-child { border-left-color: transparent } .btn-group>.btn+.dropdown-toggle, .input-group-btn>.btn+.dropdown-toggle { padding-left: 7px; padding-right: 7px } .btn-group.open>.btn.btn-danger:hover, .btn-group.open>.btn.btn-primary:hover, .btn-group.open>.btn.btn-success:hover, .btn-group.open>.btn.btn-warning:hover, .input-group-btn.open>.btn.btn-danger:hover, .input-group-btn.open>.btn.btn-primary:hover, .input-group-btn.open>.btn.btn-success:hover, .input-group-btn.open>.btn.btn-warning:hover { box-shadow: inset 0 2px 0 rgba(0, 0, 0, .1) } .btn-group.open>.btn+.btn-danger, .btn-group.open>.btn+.btn-primary, .btn-group.open>.btn+.btn-success, .btn-group.open>.btn+.btn-warning, .input-group-btn.open>.btn+.btn-danger, .input-group-btn.open>.btn+.btn-primary, .input-group-btn.open>.btn+.btn-success, .input-group-btn.open>.btn+.btn-warning { border-left-color: rgba(0, 0, 0, .15) } .btn-group-justified>.btn { border-right-width: 0 } .btn-group-justified>.btn:last-child { border-right-width: 1px } .btn-group-vertical>.btn.btn-default:focus, .btn-group-vertical>.btn.btn-default:hover { box-shadow: none } .btn-group-vertical>.btn.btn-default.active, .btn-group-vertical>.btn.btn-default:active { box-shadow: inset 0 2px 0 rgba(0, 0, 0, .06) } .btn-group-vertical>.btn.btn-primary { border-top-color: #206ff2; border-bottom-color: #206ff2 } .btn-group-vertical>.btn.btn-primary.active, .btn-group-vertical>.btn.btn-primary:active, .btn-group-vertical>.btn.btn-primary:hover { box-shadow: none; border-top-color: #0d5fe6; border-bottom-color: #0d5fe6 } .btn-group-vertical>.btn.btn-primary:first-child { border-top-color: transparent } .btn-group-vertical>.btn.btn-primary:last-child { border-bottom-color: transparent } .btn-group-vertical>.btn.btn-primary.active, .btn-group-vertical>.btn.btn-primary:active { box-shadow: inset 0 1px 0 #0d5fe6; border-top-color: #0d5fe6; border-bottom-color: #0d5fe6 } .btn-group-vertical>.btn.btn-success { border-top-color: #2c8d46; border-bottom-color: #2c8d46 } .btn-group-vertical>.btn.btn-success.active, .btn-group-vertical>.btn.btn-success:active, .btn-group-vertical>.btn.btn-success:hover { box-shadow: none; border-top-color: #24753a; border-bottom-color: #24753a } .btn-group-vertical>.btn.btn-success:first-child { border-top-color: transparent } .btn-group-vertical>.btn.btn-success:last-child { border-bottom-color: transparent } .btn-group-vertical>.btn.btn-success.active, .btn-group-vertical>.btn.btn-success:active { box-shadow: inset 0 1px 0 #24753a; border-top-color: #24753a; border-bottom-color: #24753a } .btn-group-vertical>.btn.btn-warning { border-top-color: #d9a203; border-bottom-color: #d9a203 } .btn-group-vertical>.btn.btn-warning.active, .btn-group-vertical>.btn.btn-warning:active, .btn-group-vertical>.btn.btn-warning:hover { box-shadow: none; border-top-color: #bb8c03; border-bottom-color: #bb8c03 } .btn-group-vertical>.btn.btn-warning:first-child { border-top-color: transparent } .btn-group-vertical>.btn.btn-warning:last-child { border-bottom-color: transparent } .btn-group-vertical>.btn.btn-warning.active, .btn-group-vertical>.btn.btn-warning:active { box-shadow: inset 0 1px 0 #bb8c03; border-top-color: #bb8c03; border-bottom-color: #bb8c03 } .btn-group-vertical>.btn.btn-danger { border-top-color: #e42718; border-bottom-color: #e42718 } .btn-group-vertical>.btn.btn-danger.active, .btn-group-vertical>.btn.btn-danger:active, .btn-group-vertical>.btn.btn-danger:hover { box-shadow: none; border-top-color: #c82315; border-bottom-color: #c82315 } .btn-group-vertical>.btn.btn-danger:first-child { border-top-color: transparent } .btn-group-vertical>.btn.btn-danger:last-child { border-bottom-color: transparent } .btn-group-vertical>.btn.btn-danger.active, .btn-group-vertical>.btn.btn-danger:active { box-shadow: inset 0 1px 0 #c82315; border-top-color: #c82315; border-bottom-color: #c82315 } .input-group-btn>.btn+.dropdown-toggle { padding-left: 9px; padding-right: 9px } .breadcrumb { background-color: #f5f5f5; color: #8a8a8a; margin-bottom: 18px; padding: 7px 20px; line-height: 16px } .breadcrumb .icon { font-size: 16px } .breadcrumb>.active, .breadcrumb>li+li:before { color: #3d3d3d } .panel { background-color: #fff; margin-bottom: 15px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .04); border-width: 0; border-radius: 3px } .panel-body { padding: 8px 20px 20px; border-radius: 0 0 3px 3px } .panel-heading { font-size: 18px; font-weight: 300; padding-left: 0; padding-right: 0; margin: 0 20px; border-bottom-width: 0; border-radius: 3px 3px 0 0 } .panel-heading .tools { float: right; font-size: 0 } .panel-heading .tools>a { display: inline-block } .panel-heading .tools .icon { display: inline-block; font-size: 20px; line-height: 25px; vertical-align: middle; cursor: pointer; color: #bababa; min-width: 20px; text-align: center } .panel-heading .tools .icon+.icon { margin-left: 2px } .panel-heading .tools .icon:hover { color: #a6a6a6 } .panel-title { font-size: 18px; font-weight: 300; display: block; margin: 0 } .panel-subtitle { display: block; font-size: 13px; color: #707070; margin-bottom: 6px } .panel-full-color .panel-heading .icon, .panel-full-color .panel-heading .panel-subtitle, .panel-full-primary, .panel-full-primary .tools .icon { color: #fff } .panel-heading-divider { border-bottom: 1px solid #d9d9d9; margin: 0 20px 5px; padding-left: 0; padding-right: 0; padding-bottom: 5px } .panel-heading-divider .panel-subtitle { margin-bottom: 0 } .panel-flat { border: none; box-shadow: none } .panel-border { box-shadow: none; border: 1px solid #d4d4d4 } .dropdown-menu-danger>li .dropdown-tools .btn-group .btn:hover+.btn, .dropdown-menu-primary>li .dropdown-tools .btn-group .btn:hover+.btn, .dropdown-menu-success>li .dropdown-tools .btn-group .btn:hover+.btn, .dropdown-menu-warning>li .dropdown-tools .btn-group .btn:hover+.btn { border-left-color: transparent } .panel-contrast .panel-heading { margin: 0; padding: 20px 20px 11px } .panel-contrast .panel-body { padding-top: 16px } .panel-body-contrast, .panel-heading-contrast { background-color: #f5f5f5 } .panel-border-color { border-top: 3px solid #c9c9c9 } .panel-border-color-primary { border-top-color: #4285f4 } .panel-border-color-danger { border-top-color: #ea4335 } .panel-border-color-warning { border-top-color: #fbbc05 } .panel-border-color-success { border-top-color: #34a853 } .panel-border-color-dark { border-top-color: #3d3c3c } .panel-full .panel-heading { margin: 0; padding-left: 20px; padding-right: 20px } .panel-full .panel-heading .panel-title { border-width: 0 } .panel-full-color .panel-heading { color: #fff; padding: 27px 20px 15px; margin: 0 } .panel-full-color .panel-body { padding: 20px } .panel-full-primary { background-color: #5f99f5 } .panel-full-primary .panel-heading-contrast { background-color: #6da2f6; padding: 20px 20px 15px; margin: 0 } .panel-full-primary .tools .icon:hover { color: #4287f3 } .panel-full-success { background-color: #37b358; color: #fff } .panel-full-success .panel-heading-contrast { background-color: #3bbf5e; padding: 20px 20px 15px; margin: 0 } .panel-full-success .tools .icon { color: #fff } .panel-full-success .tools .icon:hover { color: #309c4c } .panel-full-warning { background-color: #f6c163; color: #fff } .panel-full-warning .panel-heading-contrast { background-color: #f7c771; padding: 20px 20px 15px; margin: 0 } .panel-full-warning .tools .icon { color: #fff } .panel-full-warning .tools .icon:hover { color: #f4b646 } .panel-full-danger { background-color: #eb6357; color: #fff } .panel-full-danger .panel-heading-contrast { background-color: #ed7065; padding: 20px 20px 15px; margin: 0 } .panel-full-danger .tools .icon { color: #fff } .panel-full-danger .tools .icon:hover { color: #e84a3c } .panel-full { background-color: #bdbdbd; color: #fff } .panel-full .panel-heading-contrast { background-color: #c4c4c4; padding: 20px 20px 15px; margin: 0 } .panel-full .tools .icon { color: #fff } .panel-full .tools .icon:hover { color: #adadad } .panel-full-dark { background-color: #333; color: #fff } .panel-full-dark .panel-heading-contrast { background-color: #3b3b3b; padding: 20px 20px 15px; margin: 0 } .panel-full-dark .tools .icon { color: #fff } .panel-full-dark .tools .icon:hover { color: #242424 } .panel-table .panel-body { padding: 0 } .panel-fullwidth .panel-heading { margin: 0; padding-left: 20px; padding-right: 20px } .panel-fullwidth .panel-body { padding-top: 16px } .dropdown-showcase { margin: 0 } .dropdown-showcase .showcase { display: inline-block; margin-right: 18px } .dropdown-menu { box-shadow: 0 0 6px 0 rgba(0, 0, 0, .12); border-radius: 3px; padding: 7px 0; min-width: 185px } .dropdown-menu>li>a { font-weight: 400; color: #504e4e; padding: 8px 20px } .dropdown-menu>li>a .icon { font-size: 16px; line-height: normal; vertical-align: middle; margin-right: 8px; color: #696969 } .dropdown-menu>li>a:active, .dropdown-menu>li>a:focus { background-color: transparent; color: #504e4e } .dropdown-menu>li>a:hover { background-color: #f5f5f5 } .dropdown-menu>li .btn-group .btn { font-size: 16px; color: #696969; padding: 0 20px } .dropdown-menu .divider { margin: 6px 0; background-color: #e3e3e3 } .dropdown-header { padding: 5px 20px 1px; font-weight: 600; color: #c2c1c1; cursor: default } .dropdown-menu-primary { border-color: transparent; background-color: #5f99f5 } .dropdown-menu-primary>li>a, .dropdown-menu-primary>li>a:active, .dropdown-menu-primary>li>a:focus { color: #fff } .dropdown-menu-primary>li>a:hover { background-color: #478af4; color: #fff } .dropdown-menu-primary>li>a .icon { color: #fff } .dropdown-menu-primary>li .dropdown-tools .btn-group .btn { background-color: transparent; color: #fff; border-color: #b5d0fa; border-width: 2px } .dropdown-menu-primary>li .dropdown-tools .btn-group .btn:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .dropdown-menu-primary>li .dropdown-tools .btn-group .btn.active, .dropdown-menu-primary>li .dropdown-tools .btn-group .btn:active { background-color: #fff; color: #5f99f5; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-primary>li .dropdown-tools .btn-group .btn:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-primary .divider { background-color: #478af4 } .dropdown-menu-success { border-color: transparent; background-color: #37b358 } .dropdown-menu-success>li>a, .dropdown-menu-success>li>a:active, .dropdown-menu-success>li>a:focus { color: #fff } .dropdown-menu-success>li>a:hover { background-color: #319f4e; color: #fff } .dropdown-menu-success>li>a .icon { color: #fff } .dropdown-menu-success>li .dropdown-tools .btn-group .btn { background-color: transparent; color: #fff; border-color: #72d48c; border-width: 2px } .dropdown-menu-success>li .dropdown-tools .btn-group .btn:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .dropdown-menu-success>li .dropdown-tools .btn-group .btn.active, .dropdown-menu-success>li .dropdown-tools .btn-group .btn:active { background-color: #fff; color: #37b358; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-success>li .dropdown-tools .btn-group .btn:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-success .divider { background-color: #319f4e } .dropdown-menu-warning { border-color: transparent; background-color: #f6c163 } .dropdown-menu-warning>li>a, .dropdown-menu-warning>li>a:active, .dropdown-menu-warning>li>a:focus { color: #fff } .dropdown-menu-warning>li>a:hover { background-color: #f5b74b; color: #fff } .dropdown-menu-warning>li>a .icon { color: #fff } .dropdown-menu-warning>li .dropdown-tools .btn-group .btn { background-color: transparent; color: #fff; border-color: #fbe3ba; border-width: 2px } .dropdown-menu-warning>li .dropdown-tools .btn-group .btn:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .dropdown-menu-warning>li .dropdown-tools .btn-group .btn.active, .dropdown-menu-warning>li .dropdown-tools .btn-group .btn:active { background-color: #fff; color: #f6c163; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-warning>li .dropdown-tools .btn-group .btn:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-warning .divider { background-color: #f5b74b } .dropdown-menu-danger { border-color: transparent; background-color: #eb6357 } .dropdown-menu-danger>li>a, .dropdown-menu-danger>li>a:active, .dropdown-menu-danger>li>a:focus { color: #fff } .dropdown-menu-danger>li>a:hover { background-color: #e84e40; color: #fff } .dropdown-menu-danger>li>a .icon { color: #fff } .dropdown-menu-danger>li .dropdown-tools .btn-group .btn { background-color: transparent; color: #fff; border-color: #f5afa9; border-width: 2px } .dropdown-menu-danger>li .dropdown-tools .btn-group .btn:hover { border-color: #fff; box-shadow: none; background-color: rgba(255, 255, 255, .1) } .dropdown-menu-danger>li .dropdown-tools .btn-group .btn.active, .dropdown-menu-danger>li .dropdown-tools .btn-group .btn:active { background-color: #fff; color: #eb6357; border-color: transparent; border-width: 2px; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-danger>li .dropdown-tools .btn-group .btn:focus { box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .dropdown-menu-danger .divider { background-color: #e84e40 } .accordion { margin-bottom: 40px; padding: 0 } .accordion .panel { padding: 0; border-radius: 3px } .accordion .panel .panel-heading { padding: 0; margin: 0; border-radius: 3px } .accordion .panel .panel-heading a { padding: 20px; display: block; color: #4285f4 } .accordion .panel .panel-heading a .icon { -webkit-transition: -webkit-transform 200ms ease-in-out; -o-transition: -o-transform 200ms ease-in-out; transition: transform 200ms ease-in-out; transition: transform 200ms ease-in-out, -webkit-transform 200ms ease-in-out, -o-transform 200ms ease-in-out; font-size: 25px; vertical-align: middle; position: relative; top: -1px; display: inline-block; margin-right: 10px } .accordion .panel .panel-heading a.collapsed { color: #404040 } .accordion .panel .panel-heading a.collapsed .icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg) } .accordion .panel .panel-collapse .panel-body { padding: 0 20px 20px; border-top: 0; line-height: 22px; border-radius: 0 0 3px 3px } .accordion-color .panel .panel-heading a, .accordion-color .panel .panel-heading a.collapsed { color: #fff } .nav-tabs { background-color: #fff; border-bottom: 2px solid #ebebeb } .nav-tabs>li { margin-right: 2px; margin-bottom: -2px } .nav-tabs>li a { padding: 12px 20px; margin-right: 0; min-width: 60px; border-radius: 0; color: #404040; border-width: 0 } .nav-tabs>li a .icon { font-size: 20px; vertical-align: middle; margin-right: 6px; line-height: 17px } .nav-tabs>li a:hover { background: 0 0; color: #4285f4 } .nav-tabs>li a:active { background-color: transparent } .nav-tabs>li.active { position: relative; background: 0 0; color: #4285f4 } .nav-tabs>li.active a, .nav-tabs>li.active a:focus, .nav-tabs>li.active a:hover { background-color: #fff; border: none; border-bottom: 2px solid #4285f4 } .tab-content { background: #fff; margin-bottom: 40px; border-radius: 0 0 3px 3px } .alert .message>p, .alert .message>ul, .modal-body .row:last-child .form-group { margin-bottom: 0 } .tab-content .tab-pane h1:first-child, .tab-content .tab-pane h2:first-child, .tab-content .tab-pane h3:first-child, .tab-content .tab-pane h4:first-child, .tab-content .tab-pane h5:first-child, .tab-content .tab-pane h6:first-child { margin-top: 5px } .nav-tabs-success>li a:hover { color: #34a853 } .nav-tabs-success>li.active a, .nav-tabs-success>li.active a:focus, .nav-tabs-success>li.active a:hover { border-bottom: 2px solid #34a853 } .nav-tabs-warning>li a:hover { color: #fbbc05 } .nav-tabs-warning>li.active a, .nav-tabs-warning>li.active a:focus, .nav-tabs-warning>li.active a:hover { border-bottom: 2px solid #fbbc05 } .nav-tabs-danger>li a:hover { color: #ea4335 } .nav-tabs-danger>li.active a, .nav-tabs-danger>li.active a:focus, .nav-tabs-danger>li.active a:hover { border-bottom: 2px solid #ea4335 } .modal-content { box-shadow: 0 4px 6px rgba(0, 0, 0, .3); overflow: hidden; background-color: #fff; color: #404040; border: none } .modal-header { border: 0; padding: 19px } .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 { display: block; margin: 0 } .modal-header .close { font-size: 20px; opacity: .4; text-shadow: none } .modal-header .close:hover { opacity: .8 } .modal-body { padding: 10px 20px 20px } .modal-main-icon { display: inline-block; height: 45px; width: 45px; line-height: normal; font-size: 50px } .modal-footer { padding: 20px; border: none } .modal-full-color .modal-header { padding: 19px } .modal-full-color .modal-content { color: #fff; background-color: transparent } .modal-full-color .modal-content .close { color: #fff; line-height: 40px; opacity: .6 } .modal-full-color .modal-content .close:hover { opacity: 1 } .modal-full-color .modal-content .modal-footer { border: none } .modal-full-color .btn-default { border-width: 2px; border-color: transparent } .modal-full-color .btn-danger, .modal-full-color .btn-primary, .modal-full-color .btn-success, .modal-full-color .btn-warning { background-color: transparent; border-color: rgba(255, 255, 255, .5); border-width: 2px } .modal-full-color .btn-danger:focus, .modal-full-color .btn-primary:focus, .modal-full-color .btn-success:focus, .modal-full-color .btn-warning:focus { background-color: transparent; border-color: rgba(255, 255, 255, .4) } .modal-full-color .btn-danger .hover, .modal-full-color .btn-danger:active, .modal-full-color .btn-danger:hover, .modal-full-color .btn-primary .hover, .modal-full-color .btn-primary:active, .modal-full-color .btn-primary:hover, .modal-full-color .btn-success .hover, .modal-full-color .btn-success:active, .modal-full-color .btn-success:hover, .modal-full-color .btn-warning .hover, .modal-full-color .btn-warning:active, .modal-full-color .btn-warning:hover { box-shadow: none; background-color: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .8) } .alert-icon, .alert-simple { box-shadow: .5px .9px 0 rgba(0, 0, 0, .07) } .modal-full-color-success .modal-body, .modal-full-color-success .modal-footer, .modal-full-color-success .modal-header { background-color: #37b358 } .modal-full-color-success .btn-default, .modal-full-color-success .btn-default:active { color: #37b358 } .modal-full-color-primary .modal-body, .modal-full-color-primary .modal-footer, .modal-full-color-primary .modal-header { background-color: #5f99f5 } .modal-full-color-primary .btn-default, .modal-full-color-primary .btn-default:active { color: #5f99f5 } .modal-full-color-warning .modal-body, .modal-full-color-warning .modal-footer, .modal-full-color-warning .modal-header { background-color: #f6c163 } .modal-full-color-warning .btn-default, .modal-full-color-warning .btn-default:active { color: #f6c163 } .modal-full-color-danger .modal-body, .modal-full-color-danger .modal-footer, .modal-full-color-danger .modal-header { background-color: #eb6357 } .modal-full-color-danger .btn-default, .modal-full-color-danger .btn-default:active { color: #eb6357 } .modal-full-color-dark .modal-body, .modal-full-color-dark .modal-footer, .modal-full-color-dark .modal-header { background-color: #3d3c3c } .modal-full-color-dark .btn-default, .modal-full-color-dark .btn-default:active { color: #3d3c3c } .full-width { width: 90%; max-width: none } .colored-header .modal-content .modal-header { background-color: #e6e6e6; color: #fff; padding: 30px 20px } .colored-header .modal-content .modal-header .modal-title { font-size: 20px } .colored-header .modal-content .modal-header .close { color: rgba(0, 0, 0, .7); margin-top: 2px } .colored-header .modal-content .modal-body { padding: 35px 20px 20px; background-color: #fff; color: #404040 } .colored-header .modal-content .modal-footer { background-color: #fff } .colored-header-success .modal-content .modal-header { background-color: #37b358 } .colored-header-primary .modal-content .modal-header { background-color: #5f99f5 } .colored-header-warning .modal-content .modal-header { background-color: #f6c163 } .colored-header-danger .modal-content .modal-header { background-color: #eb6357 } .colored-header-dark .modal-content .modal-header { background-color: #3d3c3c } @media (max-width:767px) { .modal-dialog { min-width: 100%; padding: 0 15px } } .be-modal-open { overflow-x: visible } .alert { position: relative; line-height: 25px; border-width: 0 } .alert .icon { font-size: 24px; color: #fff; vertical-align: middle; margin-right: 20px; line-height: 22px } .alert .close { position: absolute; font-size: 20px; top: 21px; right: 18px; text-shadow: none } .alert .message>p+p { margin-top: 5px } .alert-contrast { padding: 0; position: relative } .alert-contrast>.icon { display: table-cell; width: 60px; vertical-align: middle; cursor: default; background-color: rgba(255, 255, 255, .08) } .alert-contrast>.message { display: table-cell; padding: 18px; border-left-width: 0 } .alert-primary { background-color: #4285f4; border-color: #4285f4; color: #fff } .alert-primary hr { border-top-color: #2a75f3 } .alert-primary .alert-link { color: #e6e6e6 } .alert-dismissible.alert-primary .close { color: #093d94 } .alert-dismissible.alert-success .close { color: #103319 } .alert-dismissible.alert-warning .close { color: #654c02 } .alert-dismissible.alert-danger .close { color: #79150d } .alert-icon { background-color: #fff; border: 0; padding: 0; position: relative; width: 100%; display: table; table-layout: fixed } .alert-icon>.icon { display: table-cell; width: 60px; vertical-align: middle; cursor: default } .alert-icon.alert-icon-colored>.icon:after, .alert-icon>.icon:after { margin-left: 59px; top: 50%; margin-top: -11px; content: ''; width: 0; height: 0; position: absolute; -moz-transform: scale(.9999) } .alert-icon>.icon:after { display: block; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #fff } .alert-icon>.message { display: table-cell; padding: 18px; color: #404040; border: 1px solid #d4d4d4; border-left-width: 0 } .alert-icon.alert-dismissible .close { color: #404040; opacity: .35 } .alert-icon.alert-dismissible .close:hover { opacity: .5 } .alert-icon.alert-primary>.icon { background-color: #4285f4 } .alert-icon.alert-primary>.icon:after { border-left-color: #4285f4 } .alert-icon.alert-success>.icon { background-color: #34a853 } .alert-icon.alert-success>.icon:after { border-left-color: #34a853 } .alert-icon.alert-warning>.icon { background-color: #fbbc05 } .alert-icon.alert-warning>.icon:after { border-left-color: #fbbc05 } .alert-icon.alert-danger>.icon { background-color: #ea4335 } .alert-icon.alert-danger>.icon:after { border-left-color: #ea4335 } .alert-icon-border.alert-primary .message { border-color: #4285f4 } .alert-icon-border.alert-success .message { border-color: #34a853 } .alert-icon-border.alert-warning .message { border-color: #fbbc05 } .alert-icon-border.alert-danger .message { border-color: #ea4335 } .alert-icon.alert-icon-colored { border: 1px solid #d4d4d4 } .alert-icon.alert-icon-colored>.icon { background-color: #f8f8f8; border-width: 0 } .alert-icon.alert-icon-colored>.icon:after { display: block; border-top: 11px solid transparent; border-bottom: 11px solid transparent; border-left: 11px solid #f8f8f8 } .alert-icon.alert-icon-colored>.message { border-width: 0 } .alert-icon.alert-icon-colored.alert-primary>.icon { color: #4285f4 } .alert-icon.alert-icon-colored.alert-success>.icon { color: #34a853 } .alert-icon.alert-icon-colored.alert-warning>.icon { color: #fbbc05 } .alert-icon.alert-icon-colored.alert-danger>.icon { color: #ea4335 } .alert-simple { border: 1px solid #d4d4d4; background-color: #fff; color: #404040 } .alert-simple.alert-primary>.icon { color: #4285f4 } .alert-simple.alert-success>.icon { color: #34a853 } .alert-simple.alert-warning>.icon { color: #fbbc05 } .alert-simple.alert-danger>.icon { color: #ea4335 } .table>thead>tr>th { border-bottom-width: 2px; font-weight: 700 } .table>thead.primary>tr>th { color: #4285f4 } .table>thead.success>tr>th { color: #34a853 } .table>tbody>tr>td { font-weight: 400; vertical-align: middle } .badge, .label { font-weight: 700 } .table-condensed>thead>tr>th { padding-top: 10px; padding-bottom: 8px } /*.table-bordered>thead>tr>th { padding: 14px 10px }*/ .table-bordered tbody>tr td:first-child { padding-left: 10px } .table-bordered tbody>tr td:last-child { padding-right: 10px } .table>tbody>tr.primary>td, .table>tbody>tr.primary>th, .table>tbody>tr>td.primary, .table>tbody>tr>th.primary, .table>tfoot>tr.primary>td, .table>tfoot>tr.primary>th, .table>tfoot>tr>td.primary, .table>tfoot>tr>th.primary, .table>thead>tr.primary>td, .table>thead>tr.primary>th, .table>thead>tr>td.primary, .table>thead>tr>th.primary { background-color: #5f99f5 } .table-hover>tbody>tr.primary:hover>td, .table-hover>tbody>tr.primary:hover>th, .table-hover>tbody>tr:hover>.primary, .table-hover>tbody>tr>td.primary:hover, .table-hover>tbody>tr>th.primary:hover { background-color: #478af4 } .table-hover>tbody>tr.primary:hover>td, .table-hover>tbody>tr.primary:hover>th, .table-hover>tbody>tr:hover>.primary, .table-hover>tbody>tr>td.primary:hover, .table-hover>tbody>tr>th.primary:hover, .table>tbody>tr.primary>td, .table>tbody>tr.primary>th, .table>tbody>tr>td.primary, .table>tbody>tr>th.primary, .table>tfoot>tr.primary>td, .table>tfoot>tr.primary>th, .table>tfoot>tr>td.primary, .table>tfoot>tr>th.primary, .table>thead>tr.primary>td, .table>thead>tr.primary>th, .table>thead>tr>td.primary, .table>thead>tr>th.primary { color: #fff } .table-responsive { border: 0; margin-bottom: 0 } /*.table-responsive tbody>tr>td { padding-top: 11px; padding-bottom: 11px }*/ .table tr td .be-checkbox, .table tr th .be-checkbox { padding: 0 } .table tr td.actions .icon, .table tr th.actions .icon { color: #a1a1a1; font-size: 18px; line-height: 18px } .table tr td.actions .icon:hover, .table tr th.actions .icon:hover { color: grey } .table tbody tr td.user-avatar img { height: 30px; width: 30px; border-radius: 50%; margin-right: 10px } @media (max-width:767px) { .table tbody tr td.user-avatar img { display: none } } .table tbody tr td.cell-detail span { display: block } .table tbody tr td.cell-detail .cell-detail-description { display: block; font-size: 11px; color: #999 } .table tbody tr td.user-info img { float: left } .table tbody tr td.user-info span { padding-left: 40px } .table tbody tr td.milestone { min-width: 100px } .table tbody tr td.milestone span { display: block; font-size: 11px; color: #999; margin-bottom: 6px } .table tbody tr td.milestone span.completed { float: right } .table tbody tr td.milestone .progress { height: 6px; background-color: #e6e6e6; margin-bottom: 0 } .table tbody tr td.milestone .progress .progress-bar { border-radius: 2px } .table tbody tr.online td:first-child { border-left: 3px solid #5f99f5; padding-left: 17px } .table .number { text-align: right } .table.table-borderless tbody tr td { border-top-width: 0 } .panel-table table { margin-bottom: 0 } .panel-table tr td:first-child, .panel-table tr th:first-child { padding-left: 20px } .panel-table tr td:last-child, .panel-table tr th:last-child { padding-right: 20px } .panel-table thead tr th { padding-top: 5px; padding-bottom: 10px } .badge { font-size: 11px; color: #404040; border: 1px solid #d9d9d9 } .badge-danger, .badge-info, .badge-primary, .badge-success, .badge-warning { color: #fff; border: transparent } .badge-primary { background-color: #5f99f5 } .badge-success { background-color: #37b358 } .badge-info { background-color: #4285f4 } .badge-warning { background-color: #f6c163 } .badge-danger { background-color: #eb6357 } .label { border-radius: 2px; padding: 3px 7px; font-size: 11px } .label-default { border: 1px solid #d9d9d9; color: #404040 } .popover.bottom>.arrow { border-bottom-color: #f7f7f7; top: -10px } .popover.bottom>.arrow:after { background-color: transparent; top: -2px; margin-left: -10px; border-bottom-color: rgba(0, 0, 0, .2); border-top-width: 1px; z-index: -1 } .list-group-item { padding: 13px 15px } .list-group-item .icon { margin-right: 15px; font-size: 16px } .list-group-item.active .icon { color: #fff } .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small { font-weight: 300 } .h1, .h2, .h3, h1, h2, h3 { margin-top: 20px; margin-bottom: 10px } .h4, .h5, .h6, h4, h5, h6 { margin-top: 15px; margin-bottom: 10px } p { margin: 0 0 15px } .lead { font-size: 21px; line-height: 26px } .small, small { font-size: 11px } .mark, mark { background-color: #fcf8e3; padding: 0 } .text-bold { font-weight: 500 !important } .text-success { color: #34a853 } a.text-success:focus, a.text-success:hover { color: #288140 } .text-warning { color: #fbbc05 } a.text-warning:focus, a.text-warning:hover { color: #ca9703 } .text-danger { color: #ea4335 } a.text-danger:focus, a.text-danger:hover { color: #d62516 } ol, ul { line-height: 20px } ol ol, ol ul, ul ol, ul ul { padding-left: 25px } .list-unstyled ol, .list-unstyled ul { padding-left: 40px } blockquote p { margin-bottom: 18px } blockquote ol:last-child, blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 } blockquote .small, blockquote footer, blockquote small { font-size: 13px } .display-heading { font-size: 40px; font-weight: 100; margin: 20px 0 15px } @media (max-width:767px) { .display-heading { font-size: 32px } } .display-description { font-size: 18px; font-weight: 100; line-height: 29px; margin: 0 0 50px } @media (max-width:767px) { .display-description { font-size: 15px; line-height: 24px } } address { line-height: 20px } .well { box-shadow: none; border-radius: 4px; margin-bottom: 30px } .progress { height: 22px; box-shadow: none } .progress-bar { box-shadow: none; line-height: 22px } .pagination { padding-left: 0; margin: 18px 0; border-radius: 2px } .pagination>li>a, .pagination>li>span { font-size: 14px; line-height: 14px; font-weight: 400; padding: 10px 12px; color: #404040; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; margin-left: 4px } .pagination>li>a span, .pagination>li>span span { line-height: 12px } .pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span { border-radius: 2px } .pagination-rounded>li>a, .pagination-rounded>li>span { border-radius: 50%; width: 35px; height: 35px; text-align: center; line-height: 14px } .pagination-rounded>li:first-child>a, .pagination-rounded>li:first-child>span, .pagination-rounded>li:last-child>a, .pagination-rounded>li:last-child>span { border-radius: 50% } .form-control { border-width: 1px; border-top-color: #bdc0c7; box-shadow: none; padding: 2px 4px; font-size: 15px; -webkit-transition: none; -o-transition: none; transition: none } .form-control:focus { box-shadow: none } .form-control[multiple] { padding: 0 } .form-control[multiple] option { padding: 8px 12px } label { float: left; width: 100%; font-weight: 400; font-size: 13px; margin-bottom: 8px; color: #666 } .inputfile { width: .1px; height: .1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1 } .inputfile+label { float: initial; width: auto; padding: 0 10px; font-size: 13px; line-height: 28px; border: 1px solid #dedede; border-radius: 2px; display: inline-block; cursor: pointer } .inputfile+label i { margin-right: 10px } .be-checkbox, .be-radio { display: block; line-height: 22px; margin: 0; } .form-horizontal .be-checkbox, .form-horizontal .be-radio { min-height: auto } .be-checkbox input[type=checkbox], .be-checkbox input[type=radio], .be-radio input[type=checkbox], .be-radio input[type=radio] { margin: 0; display: none; width: 22px } .be-checkbox label, .be-radio label { margin-bottom: 0 } .be-checkbox label::-moz-selection, .be-radio label::-moz-selection { background-color: transparent } .be-checkbox label::selection, .be-radio label::selection { background-color: transparent } .be-checkbox input[type=checkbox]+label, .be-checkbox input[type=radio]+label, .be-radio input[type=checkbox]+label, .be-radio input[type=radio]+label { padding-left: 0 } .be-checkbox input[type=checkbox]+label:before, .be-checkbox input[type=radio]+label:before, .be-radio input[type=checkbox]+label:before, .be-radio input[type=radio]+label:before { content: ""; width: 15px; height: 15px; display: inline-block; border: 1px solid #ccc; border-radius: 3px; margin-right: 6px; font-size: 13px; font-family: 'Material Icons'; font-weight: 400; line-height: 14px; text-align: center; background-color: #fff; vertical-align: middle; cursor: pointer; } .be-checkbox input[type=checkbox]+label:hover:before, .be-checkbox input[type=radio]+label:hover:before, .be-radio input[type=checkbox]+label:hover:before, .be-radio input[type=radio]+label:hover:before { border-color: #a2a8b6 } .be-checkbox input[type=checkbox]:hover+label:before, .be-checkbox input[type=radio]:hover+label:before, .be-radio input[type=checkbox]:hover+label:before, .be-radio input[type=radio]:hover+label:before { border-color: #b8bdc8 } .be-checkbox input[type=checkbox]:checked+label:before, .be-checkbox input[type=radio]:checked+label:before, .be-radio input[type=checkbox]:checked+label:before, .be-radio input[type=radio]:checked+label:before { content: "\f26b"; color: #4285f4; border-color: #4285f4 } .be-checkbox input[type=checkbox]:disabled+label, .be-checkbox input[type=radio]:disabled+label, .be-radio input[type=checkbox]:disabled+label, .be-radio input[type=radio]:disabled+label { opacity: .5; pointer-events: none } .be-checkbox input[type=checkbox]:disabled+label:before, .be-checkbox input[type=radio]:disabled+label:before, .be-radio input[type=checkbox]:disabled+label:before, .be-radio input[type=radio]:disabled+label:before { pointer-events: none; background-color: #fff } .be-checkbox input[type=radio]+label:before, .be-radio input[type=radio]+label:before { border-radius: 50%; width: 15px; height: 15px; line-height: 14px; font-size: 9px; } .be-checkbox input[type=radio]:checked+label:before, .be-radio input[type=radio]:checked+label:before { content: "\f26d" } .be-checkbox.inline, .be-radio.inline { display: inline-block } .be-checkbox.inline+.be-checkbox.inline, .be-checkbox.inline+.be-radio.inline, .be-radio.inline+.be-checkbox.inline, .be-radio.inline+.be-radio.inline { margin-left: 18px } .be-checkbox.has-success input[type=checkbox]+label:before, .be-checkbox.has-success input[type=radio]+label:before, .be-radio.has-success input[type=checkbox]+label:before, .be-radio.has-success input[type=radio]+label:before { color: #37b358; border-color: #37b358 } .be-checkbox.has-warning input[type=checkbox]+label:before, .be-checkbox.has-warning input[type=radio]+label:before, .be-radio.has-warning input[type=checkbox]+label:before, .be-radio.has-warning input[type=radio]+label:before { color: #f6c163; border-color: #f6c163 } .be-checkbox.has-danger input[type=checkbox]+label:before, .be-checkbox.has-danger input[type=radio]+label:before, .be-radio.has-danger input[type=checkbox]+label:before, .be-radio.has-danger input[type=radio]+label:before { color: #eb6357; border-color: #eb6357 } .be-checkbox-color input[type=checkbox]:checked+label:before, .be-checkbox-color input[type=radio]:checked+label:before, .be-radio-color input[type=checkbox]:checked+label:before, .be-radio-color input[type=radio]:checked+label:before { color: #fff; border-color: #4285f4; background-color: #4285f4 } .be-checkbox-color.has-success input[type=checkbox]:checked+label:before, .be-checkbox-color.has-success input[type=radio]:checked+label:before, .be-radio-color.has-success input[type=checkbox]:checked+label:before, .be-radio-color.has-success input[type=radio]:checked+label:before { color: #fff; border-color: #37b358; background-color: #37b358 } .be-checkbox-color.has-warning input[type=checkbox]:checked+label:before, .be-checkbox-color.has-warning input[type=radio]:checked+label:before, .be-radio-color.has-warning input[type=checkbox]:checked+label:before, .be-radio-color.has-warning input[type=radio]:checked+label:before { color: #fff; border-color: #f6c163; background-color: #f6c163 } .be-checkbox-color.has-danger input[type=checkbox]:checked+label:before, .be-checkbox-color.has-danger input[type=radio]:checked+label:before, .be-radio-color.has-danger input[type=checkbox]:checked+label:before, .be-radio-color.has-danger input[type=radio]:checked+label:before { color: #fff; border-color: #eb6357; background-color: #eb6357 } .be-radio-icon { display: block; margin: 0; padding: 7px 0 } .be-radio-icon input[type=radio] { margin: 0; display: none; width: 52px } .be-radio-icon label { cursor: pointer; margin: 0; width: 52px; height: 52px; line-height: 52px; border: 1px solid #d5d8de; border-radius: 50%; text-align: center; font-size: 36px; vertical-align: middle; color: grey } .be-radio-icon label:hover { border-color: #b8bdc8 } .be-radio-icon input[type=radio]:checked+label { border-color: #4285f4; color: #4285f4 } .be-radio-icon.has-success input[type=radio]:checked+label { border-color: #37b358; color: #37b358 } .be-radio-icon.has-warning input[type=radio]+label, .be-radio-icon.has-warning input[type=radio]:checked+label { border-color: #f6c163; color: #f6c163 } .be-radio-icon.has-danger input[type=radio]:checked+label { border-color: #eb6357; color: #eb6357 } .be-radio-icon.inline { display: inline-block } .be-radio-icon.inline+.be-radio-icon.inline { margin-left: 18px } .be-checkbox-sm { line-height: 18px } /*.be-checkbox-sm input[type=checkbox]+label:before { width: 18px; height: 18px; font-size: 17px; line-height: 15px }*/ .form-horizontal .form-group { margin-bottom: 0; padding: 2px 0 } .input-group-addon { font-size: 15px } .input-group-addon .be-checkbox, .input-group-addon .be-radio { padding: 0; line-height: 21px } .input-group-addon .be-checkbox input+label, .input-group-addon .be-radio input+label { margin: 0 } .input-group-addon .be-checkbox input+label:before, .input-group-addon .be-radio input+label:before { margin: 0; border-color: #c7cbd3 } .input-group-btn .btn { height: 48px } .input-lg { height: 57px; padding: 12px 14px; font-size: 18px; font-weight: 300; border-radius: 2px } .input-sm { height: 37px; font-size: 13px; padding: 4px 12px } .input-xs { height: 22px; font-size: 15px; padding: 2px 3px } .has-feedback .form-control { padding-right: 45px } .form-control-feedback { font-size: 19px } .input-search { display: block } .input-search input { border: 1px solid #d5d8de; border-radius: 0; display: block; font-size: 13px } .input-search input:focus { background-color: transparent } .input-search .input-group-btn { position: absolute; display: block; width: auto; top: 1px; right: 1px; z-index: 3 } .input-search .input-group-btn button { box-shadow: none; border: none; height: 46px } .input-search .input-group-btn button:active { background-color: transparent; box-shadow: none } .input-search .input-group-btn button .icon { font-size: 25px; color: #737373 } .input-search .input-group-btn button:hover .icon { color: #5a5a5a } .input-search.input-group-lg .input-group-btn button { height: 55px } .input-search.input-group-sm .input-group-btn button { height: 35px } .input-search.input-group-sm .input-group-btn button .icon { font-size: 22px } .md-editor { display: block; border: 1px solid #d5d8de } .md-editor .md-footer, .md-editor>.md-header { display: block; padding: 6px 4px; background: 0 0 } .md-editor>.md-header { margin: 0 } .md-editor>.md-preview { background: #fff; border-top: 2px solid #d5d8de; padding: 10px 12px; min-height: 10px; overflow: auto } .md-editor>textarea { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; font-size: 13px; outline: 0; outline: dotted thin\9; margin: 0; display: block; padding: 10px 12px; width: 100%; border: 0; border-top: 1px solid #d5d8de; border-radius: 0; box-shadow: none; background: #fafafa } .md-editor>textarea:focus { box-shadow: none; background: #fff } .md-editor.active { border-color: #b8bdc8; outline: 0 } .md-editor .md-controls { float: right; padding: 3px } .md-editor .md-controls .md-control { right: 5px; color: #bebebe; padding: 3px 3px 3px 10px } .md-editor .md-controls .md-control:hover { color: #333 } .md-editor.md-fullscreen-mode { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999; padding: 60px 30px 15px; background: #fff; border: 0 } .md-editor.md-fullscreen-mode .md-footer { display: none } .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview { margin: 0 auto; height: 100%; font-size: 20px; padding: 20px; color: #999; line-height: 1.6em; resize: none; box-shadow: none; background: #fff; border: 0 } .md-editor.md-fullscreen-mode .md-preview { color: #333; overflow: auto } .md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover { color: #333; background: #fff } .md-editor.md-fullscreen-mode .md-header { background: 0 0; text-align: center; position: fixed; width: 100%; top: 20px } .md-editor.md-fullscreen-mode .btn-group { float: none } .md-editor.md-fullscreen-mode .btn { border: 0; background: 0 0; color: #b3b3b3 } .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover { box-shadow: none; color: #333 } .md-editor.md-fullscreen-mode .md-fullscreen-controls { position: absolute; top: 20px; right: 20px; text-align: right; z-index: 1002; display: block } .md-editor.md-fullscreen-mode .md-fullscreen-controls a { color: #b3b3b3; clear: right; margin: 10px; width: 30px; height: 30px; text-align: center } .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover { color: #333; text-decoration: none } .md-editor.md-fullscreen-mode .md-editor { height: 100%; position: relative } .btn.multiselect-clear-filter, .form-control.multiselect-search { height: 30px } .md-editor .md-fullscreen-controls { display: none } .md-nooverflow { overflow: hidden; position: fixed; width: 100% } .dropdown-menu.multiselect-container { padding: 0 } .dropdown-menu.multiselect-container>li>a { padding: 5px 0 } .dropdown-menu.multiselect-container>li.active label { color: #fff } .btn.multiselect { padding: 4px 10px; box-shadow: none } .multiselect-item.filter .input-group-btn { vertical-align: top } .multiselect-item.filter .input-group-addon { font-size: 13px; padding: 5px 12px } table.dataTable { margin: 0 !important } div.dataTables_wrapper div.dataTables_info { color: #616161; padding-top: 9px } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 0 } div.dataTables_wrapper div.dataTables_filter input { padding-top: 6px; padding-bottom: 6px } div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label { margin-bottom: 0; font-size: 13px; color: #616161 } div.dataTables_wrapper div.dataTables_length label select { padding: 2px } .be-datatable-header { border-bottom: 1px solid #d5d8de; margin: 2px 0 0; padding: 15px 10px 22px } .be-datatable-header .dt-buttons .btn embed { outline: 0 } .be-datatable-footer { margin: 0; padding: 15px 3px 13px; background-color: #f7f7f7; border-top: 1px solid #d5d8de } .reportrange { background: #fff; cursor: pointer; padding: 10px 12px; border: 1px solid #ccc; border-radius: 2px; width: 100%; font-size: 15px } .daterangepicker td.active, .daterangepicker td.active:hover, .ranges li.active, .ranges li:hover { background-color: #4285f4 } .reportrange i { margin-right: 8px } .daterangepicker.dropdown-menu { min-width: inherit; padding: 8px 5px } .daterangepicker td.available:hover { background-color: #4285f4; color: #fff } .reportrange .caret { margin-top: 8px; float: right } .datetimepicker { padding: 4px 12px } .datetimepicker.input-group { padding: 4px 0 } .datetimepicker .input-group-addon { padding: 0 13px; font-size: 24px; line-height: 23px } .datetimepicker .input-group-addon>i { vertical-align: middle } .datetimepicker.input-group-sm .input-group-addon { font-size: 20px; line-height: 21px; padding: 0 11px } .datetimepicker.input-group-lg .input-group-addon { padding: 0 15px } .datetimepicker table { border-collapse: separate; border-spacing: 7px 2px } .datetimepicker table thead tr th { padding: 10px 4px 8px } .datetimepicker table thead tr th.next, .datetimepicker table thead tr th.prev { padding: 0 } .datetimepicker table thead tr th.next>.icon, .datetimepicker table thead tr th.prev>.icon { font-size: 21px } .datetimepicker table thead tr th.next:hover, .datetimepicker table thead tr th.prev:hover { background-color: transparent; color: #4285f4 } .datetimepicker table thead tr th.switch { font-weight: 600; font-size: 14px } .datetimepicker table thead tr th.switch:hover { background-color: transparent; color: #5a5a5a } .datetimepicker table thead tr th.dow { font-weight: 400; font-size: 14px; padding-top: 10px } .datetimepicker table tbody tr td { line-height: 31px; padding: 0 8px } .datetimepicker table tbody tr td.day { border-radius: 50%; color: #737373 } .datetimepicker table tbody tr td.day.new, .datetimepicker table tbody tr td.day.old { color: #b3b3b3 } .datetimepicker table tbody tr td.day.active { background: #4285f4; color: #fff; text-shadow: none } .datetimepicker table tbody tr td.day.active:hover { background: #1266f1 } .datetimepicker table tbody tr td .hour, .datetimepicker table tbody tr td .minute, .datetimepicker table tbody tr td .month, .datetimepicker table tbody tr td .year { color: #737373 } .datetimepicker table tbody tr td .hour.new, .datetimepicker table tbody tr td .hour.old, .datetimepicker table tbody tr td .minute.new, .datetimepicker table tbody tr td .minute.old, .datetimepicker table tbody tr td .month.new, .datetimepicker table tbody tr td .month.old, .datetimepicker table tbody tr td .year.new, .datetimepicker table tbody tr td .year.old { color: #b3b3b3 } .datetimepicker table tbody tr td .hour.active, .datetimepicker table tbody tr td .minute.active, .datetimepicker table tbody tr td .month.active, .datetimepicker table tbody tr td .year.active { background: #4285f4; color: #fff; text-shadow: none } .datetimepicker table tbody tr td .hour.active:hover, .datetimepicker table tbody tr td .minute.active:hover, .datetimepicker table tbody tr td .month.active:hover, .datetimepicker table tbody tr td .year.active:hover { background: #1266f1 } .datetimepicker table tbody tr td fieldset legend { font-size: 17px; font-weight: 400; color: #5a5a5a; margin-bottom: 5px } .datetimepicker.dropdown-menu { box-shadow: 0 2px 4px rgba(0, 0, 0, .08); border-color: rgba(0, 0, 0, .1); padding: 10px } .datetimepicker.dropdown-menu:before { border-bottom-color: rgba(0, 0, 0, .08) } form.dropzone { position: relative; border: 2px dashed #c3c3c3; padding: 70px 60px 80px; background: 0 0 } form.dropzone .icon { background-color: #e6e6e6; border-radius: 50%; display: inline-block; height: 100px; width: 100px; margin-bottom: 15px; padding: 20px; text-align: center } form.dropzone .icon span { font-size: 60px; color: #696767 } form.dropzone h2 { margin-bottom: 30px; font-size: 40px; font-weight: 300 } form.dropzone .note { font-size: 16px } .dropzone-mobile-trigger { position: absolute; width: 100%; height: 100%; top: 0; left: 0 } .full-calendar .fc-toolbar { padding-top: 25px; margin-bottom: 30px } .full-calendar .fc-view-container .fc-event-container .fc-event { background: #4285f4; border-color: #1b6cf2; color: #fff; border-radius: 0 } .full-calendar .fc-view-container .fc-border-separate .fc-today { background-color: #f7f7f7 } .full-calendar .fc-view-container .fc-cell-overlay { background-color: rgba(66, 133, 244, .5) } .full-calendar .fc-button { color: #404040; background: #fff; border-color: #dedede; height: auto; padding: 10px; font-size: 13px; line-height: 28px } .full-calendar .fc-button.focus, .full-calendar .fc-button:focus { color: #404040; background-color: #fff; border-color: #dedede; box-shadow: 0 1px 0 rgba(0, 0, 0, .05) } .full-calendar .fc-button.hover, .full-calendar .fc-button:hover { box-shadow: 0 1px 0 rgba(0, 0, 0, .1); background-color: #fff; border-color: #bdbdbd } .full-calendar .fc-button.active, .full-calendar .fc-button.active.focus, .full-calendar .fc-button.active:focus, .full-calendar .fc-button.active:hover, .full-calendar .fc-button.fc-state-active, .full-calendar .fc-button.fc-state-active.focus, .full-calendar .fc-button.fc-state-active:focus, .full-calendar .fc-button.fc-state-active:hover, .full-calendar .fc-button:active, .full-calendar .fc-button:active.focus, .full-calendar .fc-button:active:focus, .full-calendar .fc-button:active:hover, .open>.dropdown-toggle.full-calendar .fc-button, .open>.dropdown-toggle.full-calendar .fc-button.focus, .open>.dropdown-toggle.full-calendar .fc-button:focus, .open>.dropdown-toggle.full-calendar .fc-button:hover { color: #272727; background-color: #e3e3e3; border-color: #bdbdbd; box-shadow: inset 0 2px 0 rgba(0, 0, 0, .06) } .full-calendar .fc-button.active, .full-calendar .fc-button:active, .open>.dropdown-toggle.full-calendar .fc-button { background-image: none } .full-calendar .fc-button.disabled, .full-calendar .fc-button.disabled.active, .full-calendar .fc-button.disabled.focus, .full-calendar .fc-button.disabled:active, .full-calendar .fc-button.disabled:focus, .full-calendar .fc-button.disabled:hover, .full-calendar .fc-button[disabled], .full-calendar .fc-button[disabled].active, .full-calendar .fc-button[disabled].focus, .full-calendar .fc-button[disabled]:active, .full-calendar .fc-button[disabled]:focus, .full-calendar .fc-button[disabled]:hover, fieldset[disabled] .full-calendar .fc-button, fieldset[disabled] .full-calendar .fc-button.active, fieldset[disabled] .full-calendar .fc-button.focus, fieldset[disabled] .full-calendar .fc-button:active, fieldset[disabled] .full-calendar .fc-button:focus, fieldset[disabled] .full-calendar .fc-button:hover { background-color: #fff; border-color: #dedede } .full-calendar .fc-button.fc-next-button, .full-calendar .fc-button.fc-prev-button { padding-left: 7px; padding-right: 7px } .full-calendar .fc-button .fc-icon:after { position: static; font-weight: 400; font-size: 21px } .full-calendar .fc-state-default.fc-corner-left { border-top-left-radius: 2px; border-bottom-left-radius: 2px } .full-calendar .fc-state-default.fc-corner-right { border-top-right-radius: 2px; border-bottom-right-radius: 2px } @media (max-width:767px) { .full-calendar { max-width: 767px } .full-calendar .fc-toolbar .fc-center, .full-calendar .fc-toolbar .fc-left, .full-calendar .fc-toolbar .fc-right { text-align: center; display: block; width: 100% } .full-calendar .fc-toolbar .fc-left { padding-bottom: 20px } .full-calendar .fc-toolbar .fc-center { padding: 0 } } .fullcalendar-external-events .fc-event { margin: 2px 0; padding: 5px; background: #4285f4; color: #fff; font-size: .85em; cursor: pointer; display: inline-block; border-width: 0 } .fullcalendar-external-events p input { margin-top: 15px } .fullcalendar-external-events p label { font-weight: 300; vertical-align: middle } #gritter-notice-wrapper { width: 360px; top: 82px } .gritter-item-wrapper { background: url(../lib/jquery.gritter/images/gritter-bg.png); box-shadow: 0 0 4px rgba(0, 0, 0, .2) } .gritter-item-wrapper .gritter-item { font-family: 'Open Sans', sans-serif; background: 0 0; color: #fff; padding: 0; display: table; table-layout: fixed; width: 100% } .gritter-item-wrapper .gritter-item .gritter-img-container { display: table-cell; width: 26%; vertical-align: middle; text-align: center; background-color: #302f2f } .gritter-item-wrapper .gritter-item .gritter-img-container .gritter-image { float: none } .gritter-item-wrapper .gritter-item .gritter-content { width: auto } .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image { padding: 15px 35px 17px 15px; color: #d9d9d9; width: 267px; display: table-cell } .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close { display: block; top: 0; right: 0; left: auto; height: 30px; width: 30px; font-size: 0; background: 0 0; text-indent: inherit; opacity: .4 } .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:hover, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:hover { opacity: .8 } .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-close:after, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-close:after { content: '\f136'; font-family: 'Material Icons'; color: #fff; font-size: 20px; text-shadow: none; line-height: 35px; margin-left: 7px } .gritter-item-wrapper.clean .gritter-item, .gritter-item-wrapper.clean .gritter-item .gritter-content, .gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close:after { color: #404040 } .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image .gritter-title, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image .gritter-title { text-shadow: none; font-weight: 300; font-size: 17px } .gritter-item-wrapper .gritter-item .gritter-content.gritter-with-image p, .gritter-item-wrapper .gritter-item .gritter-content.gritter-without-image p { font-size: 12px; line-height: 19px } .gritter-item-wrapper .gritter-item .gritter-content .gritter-without-image { border-left: 0 } .gritter-item-wrapper.img-rounded { border-radius: 0 } .gritter-item-wrapper.img-rounded .gritter-img-container .gritter-image { border-radius: 50% } .gritter-item-wrapper.clean { background: #fff } .gritter-item-wrapper.clean .gritter-item .gritter-img-container { background-color: #fafafa } .gritter-item-wrapper.clean .gritter-item .gritter-content .gritter-close { opacity: .5 } .gritter-item-wrapper.color .gritter-item .gritter-content { color: #fff } .gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close { opacity: .7 } .gritter-item-wrapper.color .gritter-item .gritter-content .gritter-close:hover { opacity: 1 } .gritter-item-wrapper.primary { background: #4285f4 } .gritter-item-wrapper.success { background: #34a853 } .gritter-item-wrapper.warning { background: #fbbc05 } .gritter-item-wrapper.danger { background: #ea4335 } .gritter-item-wrapper.dark { background: #3d3c3c } .gritter-item-wrapper.facebook { background: #5d82d1 } .gritter-item-wrapper.facebook .gritter-item .gritter-img-container { background-color: #5179ce } .gritter-item-wrapper.twitter { background: #50bff5 } .gritter-item-wrapper.twitter .gritter-item .gritter-img-container { background-color: #42baf4 } .gritter-item-wrapper.google-plus { background: #eb5e4c } .gritter-item-wrapper.google-plus .gritter-item .gritter-img-container { background-color: #e9523e } .gritter-item-wrapper.dribbble { background: #f7659c } .gritter-item-wrapper.dribbble .gritter-item .gritter-img-container { background-color: #f65693 } .gritter-item-wrapper.flickr { background: #0063dc } .gritter-item-wrapper.flickr .gritter-item .gritter-img-container { background-color: #005ccd } .gritter-item-wrapper.linkedin { background: #238cc8 } .gritter-item-wrapper.linkedin .gritter-item .gritter-img-container { background-color: #2183bb } .gritter-item-wrapper.youtube { background: #ef4e41 } .gritter-item-wrapper.youtube .gritter-item .gritter-img-container { background-color: #ee4133 } .gritter-item-wrapper.pinterest { background: #e13138 } .gritter-item-wrapper.pinterest .gritter-item .gritter-img-container { background-color: #df242b } .gritter-item-wrapper.github { background: #333 } .gritter-item-wrapper.github .gritter-item .gritter-img-container { background-color: #2b2b2b } .gritter-item-wrapper.tumblr { background: #426d9b } .gritter-item-wrapper.tumblr .gritter-item .gritter-img-container { background-color: #3d6590 } .ms-container .ms-selectable { background-color: transparent } .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #4285f4 } .ms-container .ms-list { background-color: #fff } .ms-container .ms-list.ms-focus { box-shadow: none; border-color: #4285f4 } .ms-container .search-input { height: 30px; margin-bottom: 10px } .dd, .dd-list { margin: 0; padding: 0; position: relative; display: block; list-style: none } .dd { max-width: 600px; font-size: 13px; line-height: 20px } .dd-list .dd-item .dd-handle, .dd-list .dd3-item .dd-handle { cursor: default; display: block; margin: 5px 0; padding: 7px 10px; text-decoration: none; border: 1px solid #dedede; background: #fff } .dd-list .dd-item .dd-handle:hover, .dd-list .dd3-item .dd-handle:hover { color: #fff; background: #4285f4; border-color: #4285f4 } .dd-list .dd-item>button, .dd-list .dd3-item>button { font-family: 'Material Icons'; display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 8px 2px; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: 0 0; font-size: 16px; line-height: 1; text-align: center } .dd-list .dd-item>button:before, .dd-list .dd3-item>button:before { content: '\f278'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0 } .dd-list .dd-item>button[data-action=collapse]:before, .dd-list .dd3-item>button[data-action=collapse]:before { content: '\f273' } .dd-list .dd-item .dd3-content, .dd-list .dd3-item .dd3-content { display: block; margin: 5px 0; padding: 7px 10px 7px 40px; text-decoration: none; background: #fff; border: 1px solid #dedede } .dd-list .dd-item .dd3-content:hover, .dd-list .dd3-item .dd3-content:hover { background: #fff } .dd-list .dd-item .dd3-handle, .dd-list .dd3-item .dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: all-scroll; width: 34px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 1px solid #4285f4; background: #4285f4; height: 36px } .dd-list .dd-item .dd3-handle:before, .dd-list .dd3-item .dd3-handle:before { content: '='; display: block; position: absolute; left: 0; top: 5px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 23px; line-height: 24px; font-weight: 400 } .dd-list .dd-item .dd3-handle:hover, .dd-list .dd3-item .dd3-handle:hover { background: #5a95f5; border-color: #5a95f5 } .dd-list .dd3-item>button { margin-left: 35px } .dd-list .dd-empty, .dd-list .dd-item, .dd-list .dd-placeholder { display: block; position: relative; margin: 0; padding: 0; min-height: 20px; font-size: 13px; line-height: 20px } .dd-list .dd-empty, .dd-list .dd-placeholder { margin: 5px 0; padding: 0; min-height: 30px; background: #FFF; border: 1px dashed #b3b3b3; box-sizing: border-box; -moz-box-sizing: border-box } .dd-list .dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: -o-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -o-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff); background-size: 60px 60px; background-position: 0 0, 30px 30px } .dd-list .dd-collapsed .dd-list { display: none } .dd-list.dd-dragel { position: absolute; pointer-events: none; z-index: 9999 } .dd-list.dd-dragel>.dd-item .dd-handle { margin-top: 0 } .dd-list.dd-dragel .dd-handle, .dd-list.dd-dragel .dd3-handle { box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1) } .dd-list .dd-list { padding-left: 30px } .parsley-errors-list.filled { margin-top: 10px; margin-bottom: 0; padding: 15px 20px; position: relative; background-color: #eb6357; color: #fff } .parsley-errors-list.filled:after { position: absolute; top: -6px; left: 20px; content: ''; display: block; width: 0; height: 0; -moz-transform: scale(.9999); border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #eb6357 } .parsley-errors-list.filled>li { list-style: none } .ps-container>.ps-scrollbar-y-rail { width: 6px; background-color: rgba(0, 0, 0, .1) } .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y { right: 0; height: 6px; width: 6px; border-radius: 3px; background-color: rgba(0, 0, 0, .25) } .ps-container>.ps-scrollbar-y-rail:active>.ps-scrollbar-y, .ps-container>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y { width: 6px } .select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { border: 1px solid #d5d8de; border-radius: 2px } .select2-container--default .select2-selection--single { height: 48px } .select2-container--default .select2-selection--single .select2-selection__rendered { padding: 0 15px; height: 46px; line-height: 46px; font-size: 14px; color: #404040 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 46px; width: 30px } .select2-container--default .select2-selection--single .select2-selection__arrow b { border: 0; left: 0; top: 0; width: 100%; height: 100%; margin: 0 } .select2-container--default .select2-selection--single .select2-selection__arrow b:after { content: "\f2f9"; font-family: 'Material Icons'; font-size: 25px; font-weight: 400; line-height: 46px; color: #404040 } .select2-container--default .select2-selection--multiple { min-height: 46px } .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding: 4px 12px } .select2-container--default .select2-selection--multiple .select2-selection__choice { border-radius: 0; background-color: #f2f2f2; color: #5a5a5a; border-width: 0; padding: 4px 6px; line-height: 18px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #666; margin-right: 3px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #4d4d4d } .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { line-height: 26px } .select2-container--default.select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #d5d8de } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b:after { content: "\f2f9" } .select2-container--default .select2-results__group { font-size: 12px; color: #5a5a5a } .select2-container--default .select2-results__option { padding: 10px 6px } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #f7f7f7 } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #4285f4 } .select2-container--default .select2-dropdown { border-width: 1px; border-color: #d5d8de } .select2-container--default .select2-dropdown--above { border-radius: 2px 2px 0 0; box-shadow: 0 -2px 6px rgba(0, 0, 0, .12) } .select2-container--default .select2-dropdown--below { border-radius: 0 0 2px 2px; box-shadow: 0 2px 6px rgba(0, 0, 0, .12) } .select2-container--default .select2-search--dropdown { background-color: #f2f3f4; border-bottom: 1px solid #d5d8de } .select2-container--default .select2-search--dropdown .select2-search__field { background-color: transparent; border-width: 0; outline: 0 } .slider.slider-vertical { margin-right: 13px } .slider.slider-vertical .slider-handle { margin-left: -6px } .slider.slider-horizontal { height: 23px } .slider.slider-horizontal .slider-track { height: 8px } .slider.slider-horizontal .slider-handle { margin-top: -7px } .slider-selection { background: #4285f4; border: 1px solid #4285f4; box-shadow: none } .slider-track { background: #f2f2f2; box-shadow: none } .slider-handle { opacity: 1; background: #fff; border: 1px solid #f0f0f0; box-shadow: 0 0 3px rgba(0, 0, 0, .12); height: 22px; width: 22px; -webkit-transition: box-shadow 200ms ease-in-out; -o-transition: box-shadow 200ms ease-in-out; transition: box-shadow 200ms ease-in-out } .note-editor.note-frame { margin-bottom: 0; border-width: 0; box-shadow: none } .note-editor.note-frame .note-toolbar { margin: 0; padding-bottom: 5px } .note-editor.note-frame .note-toolbar .btn .fa { font-size: 14px } .note-editor.note-frame .note-toolbar>.btn-group { margin-left: 0; margin-right: 5px; margin-top: 5px } .note-editor.note-frame .note-toolbar .note-color .dropdown-toggle { padding-left: 5px; width: 20px } .note-editor.note-frame .note-statusbar { background-color: #f6f6f6 } .note-editor.note-frame .note-statusbar .note-resizebar { height: auto; padding-top: 3px; padding-bottom: 4px } .note-editor.note-frame .note-editable { border: 1px solid #d5d8de; padding: 10px 12px; margin-top: 6px; border-radius: 0 } .note-editor.note-frame .note-editing-area .note-editable { color: #404040 } .jvectormap-zoomin, .jvectormap-zoomout { line-height: 11px } .jqvmap-zoomin, .jqvmap-zoomout { width: 30px; height: 30px; background-color: #d9d9d9; color: #7a7a7a; font-size: 22px; line-height: 24px; text-align: center; border-radius: 0; top: auto; left: 0; bottom: 0 } .jqvmap-zoomin:hover, .jqvmap-zoomout:hover { background-color: #c9c9c9 } .jqvmap-zoomin { left: 43px } .fuelux .wizard { background-color: #f9f9f9; position: relative; min-height: 48px; overflow: hidden } .fuelux .wizard:after, .fuelux .wizard:before { display: table; content: ""; line-height: 0 } .fuelux .wizard:after { clear: both } .fuelux .wizard>.steps { list-style: none; padding: 0; margin: 0 } .fuelux .wizard>.steps.previous-disabled li.complete { cursor: default } .fuelux .wizard>.steps.previous-disabled li.complete:hover { background: #f3f4f5; color: #468847; cursor: default } .fuelux .wizard>.steps.previous-disabled li.complete:hover .chevron:before { border-left-color: #f3f4f5 } .fuelux .wizard>.steps li { float: left; margin: 0; padding: 0 20px 0 30px; height: 46px; line-height: 46px; position: relative; background: #ededed; color: #999; cursor: not-allowed } .fuelux .wizard>.steps li .chevron { border: 24px solid transparent; border-left: 14px solid #d4d4d4; border-right: 0; display: block; position: absolute; right: -14px; top: 0; z-index: 1; -moz-transform: scale(.9999) } .fuelux .wizard>.steps li .chevron:before { border: 24px solid transparent; border-left: 14px solid #ededed; border-right: 0; content: ""; display: block; position: absolute; right: 1px; top: -24px } .fuelux .wizard>.actions .btn, .fuelux .wizard>.actions .btn:active, .fuelux .wizard>.actions .btn:focus { box-shadow: none; border-width: 0 } .fuelux .wizard>.steps li.complete:hover { cursor: pointer } .fuelux .wizard>.steps li.complete:hover .chevron:before { border-left: 14px solid #e7eff8 } .fuelux .wizard>.steps li.active { cursor: default } .fuelux .wizard>.actions .btn-next[disabled], .fuelux .wizard>.actions .btn-prev[disabled] { cursor: not-allowed } .fuelux .wizard>.steps li.active .badge { background-color: #3a87ad } .fuelux .wizard>.steps li .badge { margin-right: 8px } .fuelux .wizard>.steps li .badge-success { background-color: #468847 } .fuelux .wizard>.steps li:first-child { padding-left: 20px } .fuelux .wizard>.actions { z-index: 1000; position: absolute; right: 0; float: right; padding-left: 15px; padding-right: 15px; vertical-align: middle; background-color: #e5e5e5; border-left: 1px solid #d4d4d4 } .fuelux .wizard>.actions a { line-height: 45px; font-size: 12px; margin-right: 8px } .fuelux .wizard>.actions .btn-prev span { margin-right: 5px } .fuelux .wizard>.actions .btn-next span { margin-left: 5px } .fuelux .wizard .step-content .step-pane { display: none } .fuelux .wizard .step-content>.active { display: block } .fuelux .wizard .step-content>.active .btn-group .active { display: inline-block } .fuelux .wizard.complete>.actions .glyphicon-arrow-right:before { display: none } .fuelux .wizard.complete>.actions .glyphicon-arrow-right { margin-left: 0 } .block-wizard { padding: 0 } .fuelux .wizard { box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 0; background: #fff } .fuelux .wizard label.control-label { font-weight: 600 } .fuelux .wizard .wizard-title { margin: 10px 0 0 } .fuelux .wizard>.actions { line-height: 48px; background: #f7f7f7; padding: 0; font-size: 0 } .fuelux .wizard>.actions .btn { line-height: 48px; border-radius: 0; vertical-align: top; padding: 0 14px; font-weight: 400; color: #949494 } .fuelux .wizard>.actions .btn:hover { background-color: #f7f7f7 } .fuelux .wizard>.actions .btn:first-child { border-right: 1px solid #d4d4d4 } .fuelux .wizard>.actions .btn .icon { font-size: 17px; line-height: 17px; position: relative; top: -1px; color: #949494 } .fuelux .wizard>.actions .btn.btn-previous i { margin-right: 5px } .fuelux .wizard>.actions .btn.btn-next i { margin-left: 5px } .fuelux .wizard>.steps>li { height: 48px; background-color: #f7f7f7 } .fuelux .wizard>.steps>li .chevron { border-left-color: #e0e0e0 } .fuelux .wizard>.steps>li .chevron:before { border-left: 14px solid #f7f7f7 } .fuelux .wizard>.steps li { font-size: 15px } .fuelux .wizard>.steps li:first-child { border-radius: 0 } .fuelux .wizard>.steps li.active { background: #fff; color: #4285f4 } .fuelux .wizard>.steps li.active .chevron:before { -moz-transform: scale(.9999); border-left: 14px solid #fff } .fuelux .wizard>.steps li.complete { color: #fff; background: #4285f4 } .fuelux .wizard>.steps li.complete .chevron { border-left-color: #1b6cf2 } .fuelux .wizard>.steps li.complete .chevron:before { border-left: 14px solid #4285f4 } .fuelux .wizard>.steps li.complete:hover { background: #508ef5 } .fuelux .wizard>.steps li.complete:hover .chevron { border-left-color: #2572f2 } .fuelux .wizard>.steps li.complete:hover .chevron:before { border-left-color: #508ef5 } .fuelux .wizard>.actions button { font-size: 12px } .fuelux .wizard>.actions button i { font-size: 11px; line-height: 17px } .fuelux .wizard>.actions button.btn-prev i { margin-right: 3px } .fuelux .wizard>.actions button.btn-next i { margin-left: 3px } .fuelux .wizard .step-content { float: left; width: 100%; padding: 20px 30px; clear: both; border-top: 1px solid #E2E2E2 } @media (max-width:767px) { .wizard-row .fuelux { position: static } } .editable-input .form-control { height: 30px; padding: 4px 12px } .editable-input textarea.form-control { height: auto } .editable-buttons .btn { padding: 3px 10px } .xs-p-50 { padding: 50px !important } .xs-pt-50 { padding-top: 50px !important } .xs-pl-50 { padding-left: 50px !important } .xs-pr-50 { padding-right: 50px !important } .xs-pb-50 { padding-bottom: 50px !important } .xs-m-50 { margin: 50px !important } .xs-mt-50 { margin-top: 50px !important } .xs-ml-50 { margin-left: 50px !important } .xs-mr-50 { margin-right: 50px !important } .xs-mb-50 { margin-bottom: 50px !important } .xs-p-40 { padding: 40px !important } .xs-pt-40 { padding-top: 40px !important } .xs-pl-40 { padding-left: 40px !important } .xs-pr-40 { padding-right: 40px !important } .xs-pb-40 { padding-bottom: 40px !important } .xs-m-40 { margin: 40px !important } .xs-mt-40 { margin-top: 40px !important } .xs-ml-40 { margin-left: 40px !important } .xs-mr-40 { margin-right: 40px !important } .xs-mb-40 { margin-bottom: 40px !important } .xs-p-30 { padding: 30px !important } .xs-pt-30 { padding-top: 30px !important } .xs-pl-30 { padding-left: 30px !important } .xs-pr-30 { padding-right: 30px !important } .xs-pb-30 { padding-bottom: 30px !important } .xs-m-30 { margin: 30px !important } .xs-mt-30 { margin-top: 30px !important } .xs-ml-30 { margin-left: 30px !important } .xs-mr-30 { margin-right: 30px !important } .xs-mb-30 { margin-bottom: 30px !important } .xs-p-25 { padding: 25px !important } .xs-pt-25 { padding-top: 25px !important } .xs-pl-25 { padding-left: 25px !important } .xs-pr-25 { padding-right: 25px !important } .xs-pb-25 { padding-bottom: 25px !important } .xs-m-25 { margin: 25px !important } .xs-mt-25 { margin-top: 25px !important } .xs-ml-25 { margin-left: 25px !important } .xs-mr-25 { margin-right: 25px !important } .xs-mb-25 { margin-bottom: 25px !important } .xs-p-20 { padding: 20px !important } .xs-pt-20 { padding-top: 20px !important } .xs-pl-20 { padding-left: 20px !important } .xs-pr-20 { padding-right: 20px !important } .xs-pb-20 { padding-bottom: 20px !important } .xs-m-20 { margin: 20px !important } .xs-mt-20 { margin-top: 20px !important } .xs-ml-20 { margin-left: 20px !important } .xs-mr-20 { margin-right: 20px !important } .xs-mb-20 { margin-bottom: 20px !important } .xs-p-15 { padding: 15px !important } .xs-pt-15 { padding-top: 15px !important } .xs-pl-15 { padding-left: 15px !important } .xs-pr-15 { padding-right: 15px !important } .xs-pb-15 { padding-bottom: 15px !important } .xs-m-15 { margin: 15px !important } .xs-mt-15 { margin-top: 15px !important } .xs-ml-15 { margin-left: 15px !important } .xs-mr-15 { margin-right: 15px !important } .xs-mb-15 { margin-bottom: 15px !important } .xs-p-10 { padding: 10px !important } .xs-pt-10 { padding-top: 10px !important } .xs-pl-10 { padding-left: 10px !important } .xs-pr-10 { padding-right: 10px !important } .xs-pb-10 { padding-bottom: 10px !important } .xs-m-10 { margin: 10px !important } .xs-mt-10 { margin-top: 10px !important } .xs-ml-10 { margin-left: 10px !important } .xs-mr-10 { margin-right: 10px !important } .xs-mb-10 { margin-bottom: 10px !important } .xs-p-5 { padding: 5px !important } .xs-pt-5 { padding-top: 5px !important } .xs-pl-5 { padding-left: 5px !important } .xs-pr-5 { padding-right: 5px !important } .xs-pb-5 { padding-bottom: 5px !important } .xs-m-5 { margin: 5px !important } .xs-mt-5 { margin-top: 5px !important } .xs-ml-5 { margin-left: 5px !important } .xs-mr-5 { margin-right: 5px !important } .xs-mb-5 { margin-bottom: 5px !important } .xs-p-0 { padding: 0 !important } .xs-pt-0 { padding-top: 0 !important } .xs-pl-0 { padding-left: 0 !important } .xs-pr-0 { padding-right: 0 !important } .xs-pb-0 { padding-bottom: 0 !important } .xs-m-0 { margin: 0 !important } .xs-mt-0 { margin-top: 0 !important } .xs-ml-0 { margin-left: 0 !important } .xs-mr-0 { margin-right: 0 !important } .xs-mb-0 { margin-bottom: 0 !important } @media (min-width:768px) { .sm-p-50 { padding: 50px !important } .sm-pt-50 { padding-top: 50px !important } .sm-pl-50 { padding-left: 50px !important } .sm-pr-50 { padding-right: 50px !important } .sm-pb-50 { padding-bottom: 50px !important } .sm-m-50 { margin: 50px !important } .sm-mt-50 { margin-top: 50px !important } .sm-ml-50 { margin-left: 50px !important } .sm-mr-50 { margin-right: 50px !important } .sm-mb-50 { margin-bottom: 50px !important } .sm-p-40 { padding: 40px !important } .sm-pt-40 { padding-top: 40px !important } .sm-pl-40 { padding-left: 40px !important } .sm-pr-40 { padding-right: 40px !important } .sm-pb-40 { padding-bottom: 40px !important } .sm-m-40 { margin: 40px !important } .sm-mt-40 { margin-top: 40px !important } .sm-ml-40 { margin-left: 40px !important } .sm-mr-40 { margin-right: 40px !important } .sm-mb-40 { margin-bottom: 40px !important } .sm-p-30 { padding: 30px !important } .sm-pt-30 { padding-top: 30px !important } .sm-pl-30 { padding-left: 30px !important } .sm-pr-30 { padding-right: 30px !important } .sm-pb-30 { padding-bottom: 30px !important } .sm-m-30 { margin: 30px !important } .sm-mt-30 { margin-top: 30px !important } .sm-ml-30 { margin-left: 30px !important } .sm-mr-30 { margin-right: 30px !important } .sm-mb-30 { margin-bottom: 30px !important } .sm-p-25 { padding: 25px !important } .sm-pt-25 { padding-top: 25px !important } .sm-pl-25 { padding-left: 25px !important } .sm-pr-25 { padding-right: 25px !important } .sm-pb-25 { padding-bottom: 25px !important } .sm-m-25 { margin: 25px !important } .sm-mt-25 { margin-top: 25px !important } .sm-ml-25 { margin-left: 25px !important } .sm-mr-25 { margin-right: 25px !important } .sm-mb-25 { margin-bottom: 25px !important } .sm-p-20 { padding: 20px !important } .sm-pt-20 { padding-top: 20px !important } .sm-pl-20 { padding-left: 20px !important } .sm-pr-20 { padding-right: 20px !important } .sm-pb-20 { padding-bottom: 20px !important } .sm-m-20 { margin: 20px !important } .sm-mt-20 { margin-top: 20px !important } .sm-ml-20 { margin-left: 20px !important } .sm-mr-20 { margin-right: 20px !important } .sm-mb-20 { margin-bottom: 20px !important } .sm-p-15 { padding: 15px !important } .sm-pt-15 { padding-top: 15px !important } .sm-pl-15 { padding-left: 15px !important } .sm-pr-15 { padding-right: 15px !important } .sm-pb-15 { padding-bottom: 15px !important } .sm-m-15 { margin: 15px !important } .sm-mt-15 { margin-top: 15px !important } .sm-ml-15 { margin-left: 15px !important } .sm-mr-15 { margin-right: 15px !important } .sm-mb-15 { margin-bottom: 15px !important } .sm-p-10 { padding: 10px !important } .sm-pt-10 { padding-top: 10px !important } .sm-pl-10 { padding-left: 10px !important } .sm-pr-10 { padding-right: 10px !important } .sm-pb-10 { padding-bottom: 10px !important } .sm-m-10 { margin: 10px !important } .sm-mt-10 { margin-top: 10px !important } .sm-ml-10 { margin-left: 10px !important } .sm-mr-10 { margin-right: 10px !important } .sm-mb-10 { margin-bottom: 10px !important } .sm-p-5 { padding: 5px !important } .sm-pt-5 { padding-top: 5px !important } .sm-pl-5 { padding-left: 5px !important } .sm-pr-5 { padding-right: 5px !important } .sm-pb-5 { padding-bottom: 5px !important } .sm-m-5 { margin: 5px !important } .sm-mt-5 { margin-top: 5px !important } .sm-ml-5 { margin-left: 5px !important } .sm-mr-5 { margin-right: 5px !important } .sm-mb-5 { margin-bottom: 5px !important } .sm-p-0 { padding: 0 !important } .sm-pt-0 { padding-top: 0 !important } .sm-pl-0 { padding-left: 0 !important } .sm-pr-0 { padding-right: 0 !important } .sm-pb-0 { padding-bottom: 0 !important } .sm-m-0 { margin: 0 !important } .sm-mt-0 { margin-top: 0 !important } .sm-ml-0 { margin-left: 0 !important } .sm-mr-0 { margin-right: 0 !important } .sm-mb-0 { margin-bottom: 0 !important } } @media (min-width:992px) { .md-p-50 { padding: 50px !important } .md-pt-50 { padding-top: 50px !important } .md-pl-50 { padding-left: 50px !important } .md-pr-50 { padding-right: 50px !important } .md-pb-50 { padding-bottom: 50px !important } .md-m-50 { margin: 50px !important } .md-mt-50 { margin-top: 50px !important } .md-ml-50 { margin-left: 50px !important } .md-mr-50 { margin-right: 50px !important } .md-mb-50 { margin-bottom: 50px !important } .md-p-40 { padding: 40px !important } .md-pt-40 { padding-top: 40px !important } .md-pl-40 { padding-left: 40px !important } .md-pr-40 { padding-right: 40px !important } .md-pb-40 { padding-bottom: 40px !important } .md-m-40 { margin: 40px !important } .md-mt-40 { margin-top: 40px !important } .md-ml-40 { margin-left: 40px !important } .md-mr-40 { margin-right: 40px !important } .md-mb-40 { margin-bottom: 40px !important } .md-p-30 { padding: 30px !important } .md-pt-30 { padding-top: 30px !important } .md-pl-30 { padding-left: 30px !important } .md-pr-30 { padding-right: 30px !important } .md-pb-30 { padding-bottom: 30px !important } .md-m-30 { margin: 30px !important } .md-mt-30 { margin-top: 30px !important } .md-ml-30 { margin-left: 30px !important } .md-mr-30 { margin-right: 30px !important } .md-mb-30 { margin-bottom: 30px !important } .md-p-25 { padding: 25px !important } .md-pt-25 { padding-top: 25px !important } .md-pl-25 { padding-left: 25px !important } .md-pr-25 { padding-right: 25px !important } .md-pb-25 { padding-bottom: 25px !important } .md-m-25 { margin: 25px !important } .md-mt-25 { margin-top: 25px !important } .md-ml-25 { margin-left: 25px !important } .md-mr-25 { margin-right: 25px !important } .md-mb-25 { margin-bottom: 25px !important } .md-p-20 { padding: 20px !important } .md-pt-20 { padding-top: 20px !important } .md-pl-20 { padding-left: 20px !important } .md-pr-20 { padding-right: 20px !important } .md-pb-20 { padding-bottom: 20px !important } .md-m-20 { margin: 20px !important } .md-mt-20 { margin-top: 20px !important } .md-ml-20 { margin-left: 20px !important } .md-mr-20 { margin-right: 20px !important } .md-mb-20 { margin-bottom: 20px !important } .md-p-15 { padding: 15px !important } .md-pt-15 { padding-top: 15px !important } .md-pl-15 { padding-left: 15px !important } .md-pr-15 { padding-right: 15px !important } .md-pb-15 { padding-bottom: 15px !important } .md-m-15 { margin: 15px !important } .md-mt-15 { margin-top: 15px !important } .md-ml-15 { margin-left: 15px !important } .md-mr-15 { margin-right: 15px !important } .md-mb-15 { margin-bottom: 15px !important } .md-p-10 { padding: 10px !important } .md-pt-10 { padding-top: 10px !important } .md-pl-10 { padding-left: 10px !important } .md-pr-10 { padding-right: 10px !important } .md-pb-10 { padding-bottom: 10px !important } .md-m-10 { margin: 10px !important } .md-mt-10 { margin-top: 10px !important } .md-ml-10 { margin-left: 10px !important } .md-mr-10 { margin-right: 10px !important } .md-mb-10 { margin-bottom: 10px !important } .md-p-5 { padding: 5px !important } .md-pt-5 { padding-top: 5px !important } .md-pl-5 { padding-left: 5px !important } .md-pr-5 { padding-right: 5px !important } .md-pb-5 { padding-bottom: 5px !important } .md-m-5 { margin: 5px !important } .md-mt-5 { margin-top: 5px !important } .md-ml-5 { margin-left: 5px !important } .md-mr-5 { margin-right: 5px !important } .md-mb-5 { margin-bottom: 5px !important } .md-p-0 { padding: 0 !important } .md-pt-0 { padding-top: 0 !important } .md-pl-0 { padding-left: 0 !important } .md-pr-0 { padding-right: 0 !important } .md-pb-0 { padding-bottom: 0 !important } .md-m-0 { margin: 0 !important } .md-mt-0 { margin-top: 0 !important } .md-ml-0 { margin-left: 0 !important } .md-mr-0 { margin-right: 0 !important } .md-mb-0 { margin-bottom: 0 !important } } @media (min-width:1200px) { .lg-p-200 { padding: 200px !important } .lg-pt-200 { padding-top: 200px !important } .lg-pl-200 { padding-left: 200px !important } .lg-pr-200 { padding-right: 200px !important } .lg-pb-200 { padding-bottom: 200px !important } .lg-m-200 { margin: 200px !important } .lg-mt-200 { margin-top: 200px !important } .lg-ml-200 { margin-left: 200px !important } .lg-mr-200 { margin-right: 200px !important } .lg-mb-200 { margin-bottom: 200px !important } .lg-p-150 { padding: 150px !important } .lg-pt-150 { padding-top: 150px !important } .lg-pl-150 { padding-left: 150px !important } .lg-pr-150 { padding-right: 150px !important } .lg-pb-150 { padding-bottom: 150px !important } .lg-m-150 { margin: 150px !important } .lg-mt-150 { margin-top: 150px !important } .lg-ml-150 { margin-left: 150px !important } .lg-mr-150 { margin-right: 150px !important } .lg-mb-150 { margin-bottom: 150px !important } .lg-p-100 { padding: 100px !important } .lg-pt-100 { padding-top: 100px !important } .lg-pl-100 { padding-left: 100px !important } .lg-pr-100 { padding-right: 100px !important } .lg-pb-100 { padding-bottom: 100px !important } .lg-m-100 { margin: 100px !important } .lg-mt-100 { margin-top: 100px !important } .lg-ml-100 { margin-left: 100px !important } .lg-mr-100 { margin-right: 100px !important } .lg-mb-100 { margin-bottom: 100px !important } .lg-p-50 { padding: 50px !important } .lg-pt-50 { padding-top: 50px !important } .lg-pl-50 { padding-left: 50px !important } .lg-pr-50 { padding-right: 50px !important } .lg-pb-50 { padding-bottom: 50px !important } .lg-m-50 { margin: 50px !important } .lg-mt-50 { margin-top: 50px !important } .lg-ml-50 { margin-left: 50px !important } .lg-mr-50 { margin-right: 50px !important } .lg-mb-50 { margin-bottom: 50px !important } .lg-p-40 { padding: 40px !important } .lg-pt-40 { padding-top: 40px !important } .lg-pl-40 { padding-left: 40px !important } .lg-pr-40 { padding-right: 40px !important } .lg-pb-40 { padding-bottom: 40px !important } .lg-m-40 { margin: 40px !important } .lg-mt-40 { margin-top: 40px !important } .lg-ml-40 { margin-left: 40px !important } .lg-mr-40 { margin-right: 40px !important } .lg-mb-40 { margin-bottom: 40px !important } .lg-p-30 { padding: 30px !important } .lg-pt-30 { padding-top: 30px !important } .lg-pl-30 { padding-left: 30px !important } .lg-pr-30 { padding-right: 30px !important } .lg-pb-30 { padding-bottom: 30px !important } .lg-m-30 { margin: 30px !important } .lg-mt-30 { margin-top: 30px !important } .lg-ml-30 { margin-left: 30px !important } .lg-mr-30 { margin-right: 30px !important } .lg-mb-30 { margin-bottom: 30px !important } .lg-p-25 { padding: 25px !important } .lg-pt-25 { padding-top: 25px !important } .lg-pl-25 { padding-left: 25px !important } .lg-pr-25 { padding-right: 25px !important } .lg-pb-25 { padding-bottom: 25px !important } .lg-m-25 { margin: 25px !important } .lg-mt-25 { margin-top: 25px !important } .lg-ml-25 { margin-left: 25px !important } .lg-mr-25 { margin-right: 25px !important } .lg-mb-25 { margin-bottom: 25px !important } .lg-p-20 { padding: 20px !important } .lg-pt-20 { padding-top: 20px !important } .lg-pl-20 { padding-left: 20px !important } .lg-pr-20 { padding-right: 20px !important } .lg-pb-20 { padding-bottom: 20px !important } .lg-m-20 { margin: 20px !important } .lg-mt-20 { margin-top: 20px !important } .lg-ml-20 { margin-left: 20px !important } .lg-mr-20 { margin-right: 20px !important } .lg-mb-20 { margin-bottom: 20px !important } .lg-p-15 { padding: 15px !important } .lg-pt-15 { padding-top: 15px !important } .lg-pl-15 { padding-left: 15px !important } .lg-pr-15 { padding-right: 15px !important } .lg-pb-15 { padding-bottom: 15px !important } .lg-m-15 { margin: 15px !important } .lg-mt-15 { margin-top: 15px !important } .lg-ml-15 { margin-left: 15px !important } .lg-mr-15 { margin-right: 15px !important } .lg-mb-15 { margin-bottom: 15px !important } .lg-p-10 { padding: 10px !important } .lg-pt-10 { padding-top: 10px !important } .lg-pl-10 { padding-left: 10px !important } .lg-pr-10 { padding-right: 10px !important } .lg-pb-10 { padding-bottom: 10px !important } .lg-m-10 { margin: 10px !important } .lg-mt-10 { margin-top: 10px !important } .lg-ml-10 { margin-left: 10px !important } .lg-mr-10 { margin-right: 10px !important } .lg-mb-10 { margin-bottom: 10px !important } .lg-p-5 { padding: 5px !important } .lg-pt-5 { padding-top: 5px !important } .lg-pl-5 { padding-left: 5px !important } .lg-pr-5 { padding-right: 5px !important } .lg-pb-5 { padding-bottom: 5px !important } .lg-m-5 { margin: 5px !important } .lg-mt-5 { margin-top: 5px !important } .lg-ml-5 { margin-left: 5px !important } .lg-mr-5 { margin-right: 5px !important } .lg-mb-5 { margin-bottom: 5px !important } .lg-p-0 { padding: 0 !important } .lg-pt-0 { padding-top: 0 !important } .lg-pl-0 { padding-left: 0 !important } .lg-pr-0 { padding-right: 0 !important } .lg-pb-0 { padding-bottom: 0 !important } .lg-m-0 { margin: 0 !important } .lg-mt-0 { margin-top: 0 !important } .lg-ml-0 { margin-left: 0 !important } .lg-mr-0 { margin-right: 0 !important } .lg-mb-0 { margin-bottom: 0 !important } } .acoes_topo { float: right; padding-top: 15px; } .action_menu {height:30px; border-top: 1px solid #f1f1f1 } .action_btn { position:fixed; left:260px; text-align: left; margin-top: 5px; top: 64px; z-index: 2000; margin-left: -15px; margin-right: -15px } .action_export { position:fixed; right: 26px; top: 64px; z-index: 9999; margin-top: 5px; } .be-checkbox label, .be-radio label { border-bottom: solid 1px #eee; padding: 3px 0; } .be-checkbox:last-child label, .be-radio:last-child label, .be-checkbox.inline label, .be-radio.inline label { border-bottom: none; } .pesquisa_avancada { margin: 0; } .pesquisa_avancada .panel { box-shadow: none; } #pesquisa_avancada { padding: 10px 20px !important; font-size: 12px; text-align: right; } #pesquisa_avancada i{ font-size: 19px !important; transform:initial !important; } .dataTables_length, .dataTables_info{ float: left; margin-left: 25px; } .dataTables_info{ padding-top: 19px !important; } .dataTables_filter{ float: right; margin-right: 20px; } .dataTables_paginate { margin: 10px 20px 5px 20px !important; } .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: 0px; border-top: 1px solid #ddd; } .menu-item-export{ background-color: #cacaca; color: #000; } td.disabled > div.day-content { color: red; } .logo-parabens { background: url(/img/logo.png) 50% 0px no-repeat; background-size: 210px; height: 170px; } /*.header-default{*/ /*background: linear-gradient(-90deg,#FF4E02 0,#FFF 85%);*/ /*}*/ #divConvenia{ background-image: url(/img/logoUseMais2.png); background-repeat: no-repeat; background-size: 38%; background-position: left; margin-top: 15px; border: solid 1px #888; border-radius: 2px; text-align: center; height: 50px; } #divConvenia a, #divConvenia span { float: right; padding: 10px 5px; font-size: 20px; font-family: 'Muli'; font-weight: bold; color: #2b3990; text-decoration: none; transition: color 0.5s ease; } #divConvenia a:hover { color: #ee368b; cursor: pointer; }