/*!
 * Material Design for Bootstrap 4
 * Version: MDB PRO 4.5.1
 * Copyright: Material Design for Bootstrap
 * https://mdbootstrap.com/
 * Read the license: https://mdbootstrap.com/license/
 * Documentation: https://mdbootstrap.com/
 * Getting started: https://mdbootstrap.com/getting-started/
 * Tutorials: https://mdbootstrap.com/bootstrap-tutorial/
 * Templates: https://mdbootstrap.com/templates/
 * Support: https://mdbootstrap.com/support/
 * Contact: office@mdbootstrap.com
 * Atribution: Animate CSS, Twitter Bootstrap, Materialize CSS, Normalize CSS, Waves JS, WOW JS, Toastr, Chart.js , Hammer.js
 */
.disabled, .nav-tabs .nav-item.disabled, :disabled {pointer-events: none!important }
.view, .view .mask, .waves-effect {overflow: hidden }
.divider-new, .navbar .nav-flex-icons {-webkit-box-orient: horizontal; -webkit-box-direction: normal }
.btn, .classic-tabs li a {text-transform: uppercase }
.btn-floating, .picker .picker__box, .picker__date-display .clockpicker-display, .product-table td, .switch label .lever, .waves-input-wrapper, table.table.btn-table td {vertical-align: middle }
.btn, .toast-message {word-wrap: break-word }
.mdb-autocomplete-wrap, .pricing-card ul, .rating, .section .contact-icons, .select-dropdown ul, .select-wrapper ul, .side-nav {list-style-type: none; color: #fff; }
a {cursor: pointer; text-decoration: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out }
a:hover {-webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; text-decoration: none }
.collapsible-body {display: none }
.jumbotron {-webkit-border-radius: .125rem; border-radius: .125rem; background-color: #fff }
.bg-primary {background-color: #4285f4!important }
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {background-color: #1266f1!important }
.border-primary {border-color: #4285f4!important }
.bg-danger {background-color: #ff3547!important }
a.bg-danger:focus, a.bg-danger:hover, button.bg-danger:focus, button.bg-danger:hover {background-color: #ff0219!important }
.border-danger {border-color: #ff3547!important }
.bg-warning {background-color: #f80!important }
a.bg-warning:focus, a.bg-warning:hover, button.bg-warning:focus, button.bg-warning:hover {background-color: #cc6d00!important }
.border-warning {border-color: #f80!important }
.bg-success {background-color: #00c851!important }
a.bg-success:focus, a.bg-success:hover, button.bg-success:focus, button.bg-success:hover {background-color: #00953c!important }
.border-success {border-color: #00c851!important }
.bg-info {background-color: #33b5e5!important }
a.bg-info:focus, a.bg-info:hover, button.bg-info:focus, button.bg-info:hover {background-color: #1a9bcb!important }
.border-info {border-color: #33b5e5!important }
.bg-default {background-color: #2bbbad!important }
a.bg-default:focus, a.bg-default:hover, button.bg-default:focus, button.bg-default:hover {background-color: #219287!important }
.border-default {border-color: #2bbbad!important }
.bg-secondary {background-color: #a6c!important }
a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover {background-color: #9540bf!important }
.border-secondary {border-color: #a6c!important }
.bg-dark {background-color: #212121!important }
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {background-color: #080808!important }
.border-dark {border-color: #212121!important }
.bg-light {background-color: #e0e0e0!important }
a.bg-light:focus, a.bg-light:hover, button.bg-light:focus, button.bg-light:hover {background-color: #c7c7c7!important }
.border-light {border-color: #e0e0e0!important }
@font-face {font-family: Roboto; src: local(Roboto Thin), url(../font/roboto/Roboto-Thin.eot); src: url(../font/roboto/Roboto-Thin.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Thin.woff2) format("woff2"), url(../font/roboto/Roboto-Thin.woff) format("woff"), url(../font/roboto/Roboto-Thin.ttf) format("truetype"); font-weight: 200 }
@font-face {font-family: Roboto; src: local(Roboto Light), url(../font/roboto/Roboto-Light.eot); src: url(../font/roboto/Roboto-Light.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Light.woff2) format("woff2"), url(../font/roboto/Roboto-Light.woff) format("woff"), url(../font/roboto/Roboto-Light.ttf) format("truetype"); font-weight: 300 }
@font-face {font-family: Roboto; src: local(Roboto Regular), url(../font/roboto/Roboto-Regular.eot); src: url(../font/roboto/Roboto-Regular.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Regular.woff2) format("woff2"), url(../font/roboto/Roboto-Regular.woff) format("woff"), url(../font/roboto/Roboto-Regular.ttf) format("truetype"); font-weight: 400 }
@font-face {font-family: Roboto; src: url(../font/roboto/Roboto-Medium.eot); src: url(../font/roboto/Roboto-Medium.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Medium.woff2) format("woff2"), url(../font/roboto/Roboto-Medium.woff) format("woff"), url(../font/roboto/Roboto-Medium.ttf) format("truetype"); font-weight: 500 }
@font-face {font-family: Roboto; src: url(../font/roboto/Roboto-Bold.eot); src: url(../font/roboto/Roboto-Bold.eot?#iefix) format("embedded-opentype"), url(../font/roboto/Roboto-Bold.woff2) format("woff2"), url(../font/roboto/Roboto-Bold.woff) format("woff"), url(../font/roboto/Roboto-Bold.ttf) format("truetype"); font-weight: 700 }
body {/*font-family: Roboto, sans-serif*/ }

/*!
 * Waves v0.7.5
 * http://fian.my.id/Waves
 *
 * Copyright 2014-2016 Alfiana E. Sibuea and other contributors
 * Released under the MIT license
 * https://github.com/fians/Waves/blob/master/LICENSE
 */

.waves-effect {position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; z-index: 1 }
.pswp__container, .pswp__counter, .pswp__img, .pswp__share-modal {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none }
.waves-effect .waves-ripple {position: absolute; -webkit-border-radius: 50%; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: rgba(0, 0, 0, .2); background: -webkit-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .3) 40%, rgba(0, 0, 0, .4) 50%, rgba(0, 0, 0, .5) 60%, rgba(255, 255, 255, 0) 70%); -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-transition-property: opacity, -webkit-transform; -o-transition-property: transform, opacity; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; -webkit-transform: scale(0) translate(0, 0); -ms-transform: scale(0) translate(0, 0); transform: scale(0) translate(0, 0); pointer-events: none }
.waves-effect.waves-light .waves-ripple {background: rgba(255, 255, 255, .4); background: -webkit-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); background: -o-radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%); background: radial-gradient(rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .3) 40%, rgba(255, 255, 255, .4) 50%, rgba(255, 255, 255, .5) 60%, rgba(255, 255, 255, 0) 70%) }
.waves-effect.waves-classic .waves-ripple {background: rgba(0, 0, 0, .2) }
.waves-effect.waves-classic.waves-light .waves-ripple {background: rgba(255, 255, 255, .4) }
.waves-notransition {-webkit-transition: none!important; -o-transition: none!important; transition: none!important }
.waves-button, .waves-circle {-webkit-transform: translateZ(0); transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%) }
.waves-button, .waves-button-input, .waves-button:hover, .waves-button:visited {white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: 0; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1 }
.waves-button {padding: .85em 1.1em; -webkit-border-radius: .2em; border-radius: .2em }
.waves-button-input {margin: 0; padding: .85em 1.1em }
.waves-input-wrapper {-webkit-border-radius: .2em; border-radius: .2em; display: inline-block }
.waves-input-wrapper.waves-button {padding: 0 }
.waves-input-wrapper .waves-button-input {position: relative; top: 0; left: 0; z-index: 1 }
.waves-circle {text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; -webkit-border-radius: 50%; border-radius: 50% }
.waves-float {-webkit-mask-image: none; -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, .12); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s }
.waves-float:active {-webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3); box-shadow: 0 8px 20px 1px rgba(0, 0, 0, .3) }
.waves-block {display: block }
a.waves-effect, a.waves-light {display: inline-block }
.accordion .card {-webkit-box-shadow: none; box-shadow: none; border-bottom: 1px solid #eee; -webkit-border-radius: 0; border-radius: 0 }
.accordion .card .card-header {border-bottom: 0; padding: 1rem 1.5rem; background: 0 0 }
.side-nav.side-nav-light .about, .side-nav.side-nav-light .logo-wrapper, .side-nav.side-nav-light .social {border-bottom: 1px solid rgba(153, 153, 153, .3) }
.accordion .card .card-header .card-title {font-weight: 400 }
.accordion .card .card-header a {-webkit-transition: ease-in-out .3s; -o-transition: ease-in-out .3s; transition: ease-in-out .3s }
.accordion .card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.accordion .card .fa-angle-down {float: right }
.accordion .card .card-body {font-size: .9rem; line-height: 1.7; font-weight: 300; color: #626262 }
.side-nav.side-nav-light .about p, .side-nav.side-nav-light .logo-wrapper.sn-ad-avatar-wrapper, .side-nav.side-nav-light .social .fa {color: #555 }
.side-nav {position: fixed; width: 240px; left: 0; top: 0; margin: 0; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); height: 100%; background-color: #2c2f34; -webkit-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center; z-index: 1040; -webkit-backface-visibility: hidden; overflow: hidden; will-change: transform; backface-visibility: hidden; padding: 0 }
.side-nav>ul {max-height: 100vh }
.side-nav ul {list-style: none; padding-left: 0 }
.side-nav ul li {padding: 0 }
.side-nav.right-aligned {right: 0; left: auto; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%) }

.side-nav.side-nav-light .collapsible-body a {background-color: rgba(0, 0, 0, .1) }
.side-nav.side-nav-light .collapsible li .collapsible-header:hover {background-color: rgba(0, 0, 0, .05) }
.side-nav.side-nav-light .collapsible li .collapsible-header.active {color: #4285F4; background-color: transparent }
.side-nav.fixed {left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); position: fixed }
.side-nav.fixed.right-aligned {right: 0; left: auto }
@media only screen and (max-width:1440px) {
    .side-nav.fixed {-webkit-transform: translateX(-105%); -ms-transform: translateX(-105%); transform: translateX(-105%) }
    .side-nav.fixed.right-aligned {-webkit-transform: translateX(105%); -ms-transform: translateX(105%); transform: translateX(105%) }
}
.side-nav .collapsible {margin: 1rem 0 0; padding: 0 }
.side-nav .collapsible li a:hover {background-color: rgba(0, 0, 0, .15) }
.side-nav .collapsible>li {-webkit-border-radius: 2px; border-radius: 2px }
.side-nav .collapsible>li a.collapsible-header.active, .side-nav .collapsible>li a.collapsible-header:hover {background-color: rgba(255, 255, 255, .15) }
.side-nav .collapsible ul {padding: 0; list-style-type: none }
.side-nav .collapsible a {color: #fff; font-weight: 300; font-size: .8rem; height: 36px; line-height: 36px }
.side-nav .collapsible a.active, .side-nav .collapsible a:hover {-webkit-border-radius: 2px; border-radius: 2px }
.side-nav .collapsible .fa {font-size: .8rem; margin-right: 13px }
.side-nav .collapsible-body a {padding-left: 47px; height: 36px; line-height: 36px; background-color: rgba(0, 0, 0, .15) }
.side-nav a {display: block; font-size: 1rem; height: 56px; line-height: 56px; padding-left: 20px }
.side-nav .fa-angle-down.rotate-icon {position: absolute; right: 0; top: .8rem; margin-right: 1.25rem }
.side-nav .fa-angle-down:before {font-size: 1.2em; font-weight: 600; }
.side-nav .sidenav-bg {top: 0; bottom: 0; left: 0; right: 0; width: 240px; z-index: -1; background-attachment: fixed }
.side-nav .sidenav-bg:after {width: 100%; display: block; content: ""; position: absolute; height: 100%; top: 0; left: 0; bottom: 0; z-index: -1; margin-bottom: -99999px; padding-bottom: 99999px }
.rating li, .side-nav .social li {display: inline-block }
.side-nav .logo-wrapper {height: 140px }
.side-nav .logo-wrapper a {height: 140px; width: 240px; padding: 0 }
.side-nav .logo-wrapper img {height: auto; padding: 20% 50px }
@media (max-height:992px) {
    .side-nav .logo-wrapper,
    .side-nav .logo-wrapper a {height: 80px }
    .side-nav .logo-wrapper img {padding-top: 7%; padding-bottom: 7% }
}
.side-nav .logo-wrapper.sn-avatar-wrapper {padding: 10% 33% }
.side-nav .logo-wrapper.sn-avatar-wrapper img {margin: 0; padding: 0; max-width: 90px }
@media only screen and (max-height:992px) {
    .side-nav .logo-wrapper.sn-avatar-wrapper {padding-left: 40%; padding-right: 40% }
    .side-nav .logo-wrapper.sn-avatar-wrapper img {max-width: 50px }
}
.side-nav .logo-wrapper.sn-ad-avatar-wrapper {height: auto; margin-bottom: 0 }
.side-nav .logo-wrapper.sn-ad-avatar-wrapper img {max-width: 3.75rem; padding: 1.25rem .63rem; float: left }
.side-nav .logo-wrapper.sn-ad-avatar-wrapper p {font-size: .94rem; padding-top: 1.25rem; padding-bottom: 1.25rem; margin: 0 }
.side-nav .about {padding: 1rem }
.side-nav .about p {margin-bottom: 0; text-align: center }
.side-nav .social {padding-top: 0; text-align: center }
.side-nav .social li {padding-top: .6rem; padding-bottom: .6rem; margin: 0 }
.side-nav .social a {margin: 0; padding: 0 }
.side-nav .social .fa {font-size: .9rem; padding-right: .6rem; padding-left: .6rem; color: #dbe4e7; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.stepper li a, .stepper-vertical li .step-content p {font-size: .88rem }
.side-nav .social .fa:hover {color: #AFC4CB; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.side-nav .search-form {padding: 0 }

.side-nav .search-form input[type=text] {font-weight: 300; padding-left: 1.88rem; background: #0D7BB6; border-radius: 0; border: 0; border-bottom: 1px solid #fff; color: #fff; }
.side-nav .search-form input[type=text]::placeholder{color: #fff;}
.side-nav .search-form .form-control {margin-bottom: 0 }
.drag-target {height: 100%; width: 10px; position: fixed; top: 0; z-index: 998 }
#sidenav-overlay {position: fixed; top: 0; left: 0; right: 0; height: 120vh; background-color: rgba(0, 0, 0, .5); z-index: 997; will-change: opacity }
#mdb-preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 9998; height: 100%; width: 100% }
.hidden-sn .button-collapse {display: block; position: relative; font-size: 1.4rem; margin-right: 10px; margin-left: -6px; padding-left: 0 }
/*********************************
MEU CSS PARA CABECALHO
*********************************/
.mdb-skin .side-nav .sidenav-bg.mask-strong:after, .mdb-skin .side-nav .sidenav-bg:after { background: #0D7BB6; }

.sn-bg-4{background: transparent;}
.collapsible .collapsible-accordion,
.side-nav a, .side-nav a:hover {font-size: 1em; }
ul.custom-scrollbar{ margin: 0; padding: 0; }
ul.nav.navbar-nav.nav-social li a i.fa {line-height: 0; }
.md-form {position: relative; margin-top: .5rem; }
.side-nav .collapsible a{font-size: 1em; }
.icon_search{position: relative; margin: -27px 10px 0 0; float: right; background: rgba(0, 0, 0, 0); border: 0; z-index: 1000; }
.side-nav .collapsible .fa {font-size: 1em; margin-right: 13px; } 
#area-btn-assine .btn-assine{font-size: 1em; }
.gaz-header {background: #0391DB; height: 62px; }
.search-form .icon_search{color: #fff; } 
.gaz-header .busca_desk{color: #fff; padding: .1em 0 0; }
.gaz-header .menu-bar{font-size: 1.5em; margin: 1em 0 0; }
.gaz-header .gaz-menu-user-item{margin-top: 0.5em; }
.color-white, .color-white a{color: #fff; }
.gaz-menu-user .gaz-menu-user-item a:hover, .gaz-menu-user .gaz-menu-user-item a:focus, .gaz-menu-user .gaz-menu-user-item a:active, .gaz-menu-user .open a{background: none; color: #fff; }
.gaz-header .bt-user-login{margin-top: 1.9em; font-size: 0.92em; text-align: right; /*width: 70%; */}
.input-group .form-control {padding-top:10px; background: #0391DB; opacity: .6; color: #fff; }

.gaz-header .gaz-logo {background: none; width: auto; height: auto; margin: 1.4em 0 0; }
.gaz-header .gaz-logo img{width: 60px; margin: 0; }

.gaz-header .gaz-logo-desktop{ margin: 0.7em 0 0; }
.gaz-header .gaz-logo-desktop img{ width: 115px; }


.gaz-previsao-tempo .embed-responsive-4by3, .gaz-online .embed-responsive-4by3 {padding-bottom: 0; }
.gaz-previsao-tempo .embed-responsive {/* border: solid 3px #ebeceb; */ min-height: 120px; margin-top: -8px; } 
a.img-assinaturas{height: auto; }
.gaz-section-cabecalho{height: 62px; position: fixed; z-index: 900; width: 100%; border-bottom: 0; background-color: #0391DB; display: inline-table; opacity: 1;}
.gaz-section-intervalo{margin-top: 60px; display: inline-block; width: 100%; }
.iframe-edicao-jornal{width: 100%; height: 230px; padding: 0; margin: 0; } .btn{font-size: 14px; }
#form_login_user a.links_texto{color: #333; font-size: 1em; }
#form_login_user_mobile a.links_texto{color: #333; font-size: 1em; }
#email_user_login_user_mobile, #senha_user_login_user_mobile, #enviando_login_user_mobile{ font-size: 1.1em; }
#enviando_login_user {font-size: 1em;}
.modal-backdrop{z-index: 100;}
.no-espacamento{ margin-right: 0; margin-left: 0;}
.banner_top_premium_mobile{margin: 5.1em 0 -4.6em 0;}
/**************************************/

/*** para tempo no cabecalho ***/
.icon_tempo_cabec {color: #F8D21A; font-size: 1em; font-weight: bold; margin: 0 5px;}
.tempo_elemento_cabecalho {color: #fff; display: inline-table; font-size: 2em; margin: 0;}
.tempo_cidade {margin: 5px 0 9px; color: #fff; text-align: center; }
.gaz-header .sign {}
.gaz-header .sign .btn-sign {margin: 0; padding: 23px 10px 24px; width: 100%; font-size: 16px; font-weight: 800; line-height: 16px; text-align: center; color: rgba(0,0,0,.87); background: #ffd800; display: inline-table; }
/*.gaz-header .sign .btn-sign:before {width: 0; height: 0; content: ''; border-bottom: 10px solid rgba(0, 0, 0, 0); border-right: 10px solid #FFFF01; border-top: 10px solid rgba(0, 0, 0, 0); left: -10px; position: absolute; top: 20px; }*/

@media (max-width:320px) {
    .gaz-header .sign .btn-sign{ margin: 0 0 0 -15px; }
}


/**** input da busca *****/
.search-form .form-control::-webkit-input-placeholder {color: #fff; }
.search-form .form-control::-moz-placeholder {color: #fff; }
.search-form .form-control:-ms-input-placeholder {color: #fff; }
.search-form .form-control::-ms-input-placeholder {color: #fff; }
.search-form .form-control::placeholder {color: #fff; }


/**** barra escroll bar sidebar ****/
.ps {-ms-touch-action: auto; touch-action: auto; overflow: hidden!important }
.ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail {display: none; background-color: transparent }
.ps.ps--active-y>.ps__scrollbar-y-rail {top: 0!important }
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {background-color: #eee; opacity: .9 }
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {background-color: #999; height: 11px }
.ps>.ps__scrollbar-x-rail {display: none; position: absolute; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; bottom: 0; height: 15px }
.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x {position: absolute; background-color: #aaa; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out; bottom: 2px; height: 6px }
.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x, .ps>.ps__scrollbar-x-rail>.ps__scrollbar-x-rail:active>.ps__scrollbar-x {height: 11px }
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {background-color: #eee; opacity: .9 }
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {background-color: #999; width: 0 }
.ps>.ps__scrollbar-y-rail {display: none; position: absolute; opacity: 0; -webkit-transition: background-color .2s linear, opacity .2s linear; -o-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; right: 0; width: 15px; z-index: 999 }
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y {position: absolute; background-color: #aaa; -webkit-border-radius: 6px; border-radius: 6px; -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out; -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out; transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out; right: 2px; width: 0px }
.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y, .ps>.ps__scrollbar-y-rail>.ps__scrollbar-y-rail:active>.ps__scrollbar-y {width: 0 }
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail {background-color: #eee; opacity: .9 }
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x {background-color: #999; height: 11px }
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail {background-color: #eee; opacity: .9 }
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y {background-color: #999; width: 0 }
.ps:hover>.ps__scrollbar-x-rail, .ps:hover>.ps__scrollbar-y-rail {opacity: .6 }
.ps:hover>.ps__scrollbar-x-rail:hover {background-color: #eee; opacity: .9;  display: none; }
.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x {background-color: #999;  display: none; }
.ps:hover>.ps__scrollbar-y-rail:hover {background-color: #eee; opacity: .9; display: none;}
.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y {background-color: #999;  display: none; }