.aside-dark .hover-scroll-overlay-y {
    --scrollbar-space: 0.4rem;
    scrollbar-color: #999 transparent
}

.aside-dark .hover-scroll-overlay-y::-webkit-scrollbar-thumb {
    background-color: #999
}

.aside-dark .hover-scroll-overlay-y:hover {
    scrollbar-color: #999 transparent
}

.aside-dark .hover-scroll-overlay-y:hover::-webkit-scrollbar-thumb {
    background-color: #999
}


.aside-dark .menu .menu-item .menu-link .menu-title { color:#FFF; }
.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { background:#000; }

.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { color:orange; }
.aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { background-color:orange; }
.aside.aside-dark .aside-logo { background:#111; }
.aside.aside-dark {background: #212126;}

#customfields hr { border-bottom: dotted 1px #CCC; background: none;}
#customfields hr:last-child { /* display:none; */ }

#customfields p.mintSection span { background-color: #3f4254; padding:5px; margin-bottom:5px; color:#FFF; display:inline-block; border-radius:5px; font-size: 12px; text-transform:uppercase; /* margin-left: 155px; *//* float: right; */font-weight: bold;letter-spacing: -0.4px;}
#customfields p.mintSection i { float:right; font-size:20px;}
#customfields div.item p.action a { margin-top:15px; background-color: #ee4749; font-size: 10px; color:#FFF; padding:5px 10px; border-radius:5px; margin-left:10px; float:right; font-size: 11px;font-weight: 500;}
#customfields div.item p.action a i { color:#FFF; margin-right:10px; }
#customfields div.item p.action a:hover { background:red; }

div.customfields p.titleActions { display: block !important;white-space: nowrap;margin-bottom: 0;}
div.customfields p.titleActions i { font-size: 15px; margin-right:5px; color:#999; line-height:30px; }
div.customfields p.titleActions a { background:#002536; display:inline-block; border-radius:10px; padding: 0 10px;  margin-left: 7px; color:#FFF; font-weight:normal; font-size: 12px; text-align: right;line-height: 30px;}
div.customfields p.titleActions a i { color:#FFF; margin-right:5px; }
div.customfields p.titleActions a.addfileSlider { background: #0BB783; float:right; font-size:14px;}

div.customfields p.titleActions a.addfileSlider:hover { background:#04AA7A; }
div.customfields p.titleActions a:hover { background:#31B2EA }
div.customfields p.titleActions a:hover i { }


div.menuTitle, div.menuOrder { display: none; }

div.lastPrice, div.lastVariation { display: none; }

div.resumeComplete { display: none; }

div.hasNothing { text-align: center; margin-top:30px; }
div.hasNothing p { margin-bottom:25px; color:gray; }
div.hasNothing p i { font-size:45px; }


.boxSchedule { display: none; }

.well.white { background:#FFF; }
.page-container { padding-left:260px; }
.page-container .main-content {min-height: 0 !important;padding-top: 0;padding-bottom: 0;background: none;}
.page-container .row.meta-top { background-color:#FFF; padding:10px 0; margin-left:-20px; margin-right:-20px; height:70px; border-bottom:solid 1px rgba(0, 0, 0, 0.1); }
.page-container .row.meta-top .user-data { text-align: center; position:relative; }
.page-container .row.meta-top .user-data .name {line-height: 50px;display:block;font-weight: 300;color:#777 !important;font-size:13px;max-height: 50px;overflow: hidden;}
.page-container .row.meta-top .user-info .dropdown.open a { background:#FFF;  }
.page-container .row.meta-top .user-info .dropdown.open > a { background:rgba(0,0,0,.03); color:#FFA534; }
.page-container .row.meta-top .user-info .dropdown.open > a i { color:#FFA534; opacity:1;  }
.page-container .row.meta-top .user-info .open > ul {  border-radius:0 5px 5px 5px; overflow:hidden;}
.page-container .row.meta-top .user-info li i {color: #9A9A9A;opacity: .58;}

.page-container .row.meta-top .profile-info.dropdown .dropdown-menu {width:100%;border: solid 1px rgba(0,0,0,.1);background: #FFF; margin-top:0px}
.page-container .row.meta-top .profile-info.dropdown .dropdown-menu li { border-bottom:solid 1px rgba(0,0,0,.1); }
.page-container .row.meta-top .profile-info.dropdown .dropdown-menu li a {width:100%;min-width:0;text-align: left; color:#777; font-weight:300; }
.page-container .row.meta-top .profile-info.dropdown .dropdown-menu li a:hover { color:#000; background:none !important; }
.page-container .breadcrumb { background-color:rgba(255,255,255,.3); padding:15px 20px; margin-left:-20px; margin-right:-20px;  border-bottom:solid 1px rgba(0,0,0,.08); }
.page-container .row.meta-top .user-data li { float:none; }
.page-container .sidebar-menu { width:260px; } 
.page-container .sidebar-menu #main-menu li { background-color:none; }
.page-container .sidebar-menu #main-menu li ul > li > a { background:none; } 

#menu {}
#menu .logo img { max-width: 160px; }
.page-container.sidebar-collapsed #menu { overflow:visible; height:auto; position:absolute; }
.page-container.sidebar-collapsed #menu #overflow { overflow:visible; height:auto; }



#menu[data-color="black"] { 
background: #212121; 
background: -moz-linear-gradient(top, #212121 0%, #533ce1 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F77D0), color-stop(100%, #533ce1)); 
background: -webkit-linear-gradient(top, #212121 0%, #533ce1 100%); 
background: -o-linear-gradient(top, #212121 0%, #533ce1 100%); 
background: -ms-linear-gradient(top, #212121 0%, #533ce1 100%); 
background: linear-gradient(to bottom, #212121 0%, #533ce1 100%); 
background-size: 150% 150%; }

#menu[data-color="blue"] { background: #1F77D0; background: -moz-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F77D0), color-stop(100%, #533ce1)); background: -webkit-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -o-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -ms-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: linear-gradient(to bottom, #1F77D0 0%, #533ce1 100%); background-size: 150% 150%; }
#menu[data-color="azure"] { background: #1DC7EA; background: -moz-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1DC7EA), color-stop(100%, #4091ff)); background: -webkit-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -o-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -ms-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: linear-gradient(to bottom, #1DC7EA 0%, #4091ff 100%); background-size: 150% 150%; }
#menu[data-color="green"] { background: #87CB16; background: -moz-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, #6dc030)); background: -webkit-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -o-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -ms-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: linear-gradient(to bottom, #87CB16 0%, #6dc030 100%); background-size: 150% 150%; }
#menu[data-color="orange"] {background: #FFA534;background: -moz-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, rgba(236, 22, 87, 0.7)));background: -webkit-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: -o-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: -ms-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: linear-gradient(to bottom, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background-size: 150% 150%;}
#menu[data-color="red"] { background: #FB404B; background: -moz-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB404B), color-stop(100%, #bb0502)); background: -webkit-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -o-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -ms-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: linear-gradient(to bottom, #FB404B 0%, #bb0502 100%); background-size: 150% 150%; }
#menu[data-color="purple"] { background: #9368E9; background: -moz-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, #943bea)); background: -webkit-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -o-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -ms-linear-gradient(top, #9368E9 0%, #943bea 100%); background: linear-gradient(to bottom, #9368E9 0%, #943bea 100%); background-size: 150% 150%; }

.tile-stats.tile-blue2 { background: #1F77D0; background: -moz-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1F77D0), color-stop(100%, #533ce1)); background: -webkit-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -o-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: -ms-linear-gradient(top, #1F77D0 0%, #533ce1 100%); background: linear-gradient(to bottom, #1F77D0 0%, #533ce1 100%); background-size: 150% 150%; }
.tile-stats.tile-azure2 { background: #1DC7EA; background: -moz-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1DC7EA), color-stop(100%, #4091ff)); background: -webkit-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -o-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: -ms-linear-gradient(top, #1DC7EA 0%, #4091ff 100%); background: linear-gradient(to bottom, #1DC7EA 0%, #4091ff 100%); background-size: 150% 150%; }
.tile-stats.tile-green2 { background: #87CB16; background: -moz-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #87CB16), color-stop(100%, #6dc030)); background: -webkit-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -o-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: -ms-linear-gradient(top, #87CB16 0%, #6dc030 100%); background: linear-gradient(to bottom, #87CB16 0%, #6dc030 100%); background-size: 150% 150%; }
.tile-stats.tile-orange2 {background: #FFA534;background: -moz-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFA534), color-stop(100%, rgba(236, 22, 87, 0.7)));background: -webkit-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: -o-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: -ms-linear-gradient(top, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background: linear-gradient(to bottom, #FFA534 0%, rgba(236, 22, 87, 0.7) 100%);background-size: 150% 150%;} 
.tile-stats.tile-red2 { background: #FB404B; background: -moz-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FB404B), color-stop(100%, #bb0502)); background: -webkit-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -o-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: -ms-linear-gradient(top, #FB404B 0%, #bb0502 100%); background: linear-gradient(to bottom, #FB404B 0%, #bb0502 100%); background-size: 150% 150%; }
.tile-stats.tile-purple2 { background: #9368E9; background: -moz-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9368E9), color-stop(100%, #943bea)); background: -webkit-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -o-linear-gradient(top, #9368E9 0%, #943bea 100%); background: -ms-linear-gradient(top, #9368E9 0%, #943bea 100%); background: linear-gradient(to bottom, #9368E9 0%, #943bea 100%); background-size: 150% 150%; }

#menu .sidebar-collapse a { border-radius:100%; background:#FFF; border:none; color:#FFA534; }

#menu .user-info {  margin:0 auto; margin-bottom:30px; }
#menu .user-info li { float:none; text-align:center;}
#menu .user-info li a { font-size:12px; color:#FFF; }
#menu .user-info img.img-circle {width:80px;margin:0 auto;display:block;border:solid 4px rgba(255,255,255,.8);max-width:95%;margin-bottom:5px;height: 80px;}
.page-container.sidebar-collapsed #menu .user-info .name { display:none; }
.page-container.sidebar-collapsed #menu .user-info img.img-circle { height:auto;}

#menu {/* min-height:0 !important; */height:100vh;position: fixed;top: 0;}
#menu #main-menu {padding: 0 15px;}
.page-container.sidebar-collapsed #menu #main-menu { padding-left:0; padding-right:0;}
.page-container .sidebar-menu #main-menu li a .badge {margin-top: 15px;font-size: 9px;}
.page-container .sidebar-menu #main-menu li a .badge-secondary { background:#FB404B !important; }
.page-container .sidebar-menu #main-menu li a .badge.tasks {margin-top: 12px;}
.page-container .sidebar-menu #main-menu li a .badge.tasks span { font-size:8px; padding:10px2px;}
#menu #main-menu li ul li a { }
#menu header {height: 10vh;margin-left:15px;margin-right:15px;width:auto;border-bottom: solid 1px rgba(255,255,255,.5);padding: 20px 15px;min-height: 70px;}
#menu #overflow {overflow-y: auto;height: 90vh;padding:30px 0;}
.page-container.sidebar-collapsed #menu .logo-env { margin-left:5px;  margin-right:5px; }
@media (max-width: 768px) {
  #menu {position: relative !important;height: auto !important;min-height:0 !important; }
  #menu header { border-bottom:none; }
  #menu .user-info { display:none; }
  #menu .user-info img.img-circle { display:inline-block; max-width:50px;  }
  #menu #overflow {height:auto; padding:0; }
  #menu .sidebar-mobile-menu a { border-radius:100%; background:#FFF; border:none; color:#FFA534; }
  .page-container .sidebar-menu #main-menu li a .badge.tasks {margin-top: 14px;}
  .dropdown { position:static; }
  .notifications.dropdown .dropdown-menu  { left:0;  margin-left:0; }
  .page-container .row.meta-top .profile-info.dropdown .dropdown-menu {width:100%;left: 0;max-width: 100%;float: none;min-width: 100%;position: absolute;top: 60px;}
  .page-container .row.meta-top .user-data {position:static;width: 100%;}
  .page-container .row.meta-top .user-data li  { }

  .page-container .row.meta-top {}
  .page-container .row.meta-top .col-xs-6.pull-right {position: static !important;}
  .head-title-pipe  {margin-right: -20px !important;margin-left: -20px !important;}
}



.login-page .login-header { background: #212121;}
.login-page .login-header.login-caret:after { border-color:#212121 transparent transparent transparent;}
.login-page .login-form .form-group .input-group .input-group-addon { color:#FFF; }

.head-title-pipe {background: orange;margin-left: -20px;margin-right: -20px;margin-top: -65px;position:relative;z-index:9;padding:20px 30px;margin-bottom: 0;}
.head-title-pipe h1 { padding:0; margin:0; color:#FFF; }

.pipe-dashboard {min-height:100vh; background:#ecf1f8; margin-left:-20px; margin-right:-20px; padding-top:30px; }
.pipe-dashboard div.title-step { font-size:20px; min-height:60px;}
.pipe-dashboard div.title-step p.title-step { font-size:19px; }
.pipe-dashboard div.title-step a { font-size:35px; background:#3b5bfd; color:#FFF; border-radius:10px; width:48px; height:48px; display:inline-block; line-height:48px; text-align:center; float:right; transition:all .2s linear; }
.pipe-dashboard div.title-step a:hover { background:#ffab00; }

.pendAtrasada, .pendPrazo, .pendFutura, .pendSemCiente, .pendEncerrada { padding: 0 3px; }



.pendAtrasada {color: #FFFFFF;font-weight: normal;background-color: #f03a6b;padding: 3px;font-size: 13px;border-radius: 7px 0 0 7px;margin-left: 5px;}
.pendPrazo {color: #666666;font-weight: normal;background-color: #ffc700!important;padding: 3px;font-size: 13px;}
.pendFutura { color: #666666; font-weight: normal; background-color: #FFFFFF; padding: 3px; font-size: 13px; background: #FFF;}
.pendSemCiente {color: #FFFFFF;font-weight: normal;background-color: #ccc;padding: 3px;font-size: 13px;}

.pendEncerrada {color: #FFFFFF;font-weight: normal;background-color: #50cd89!important;padding: 3px;font-size: 13px;border-radius: 0 7px 7px 0;}
.pendAtrasada, .pendPrazo, .pendFutura, .pendSemCiente, .pendEncerrada { padding:5px; padding-top:0; padding-bottom:0; height:22px; line-height:22px; display:inline-block; font-size:12px; }

.badge.tasks { display: inline-block; min-width: 10px; padding: 0; font-size: 11px; font-weight: 400; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #999999; border-radius: 10px; background-color: transparent; color: #FFF; }

.profile-info.dropdown > a img { width:60px; }
.notifications.dropdown .dropdown-menu > li > ul > li .image .img-circle { width: 50px; height: 50px;}
table tr td span.options {visibility: hidden; }
table tr:hover td span.options {visibility: visible; }
#menuActions { height:30px; margin-bottom: 20px;}


.pagination {/* display: inline-block; *//* padding-left: 0; *//* margin:0; *//* border-radius: 3px; */}
form.databypage { line-height: 31px;}
form.databypage select { position: relative; padding: 6px 10px; line-height: 31px; text-decoration: none; border-radius:3px; background-color: #ffffff; border: 1px solid #dddddd; margin-left: 5px; }


.legendaVermelha { color: #FFFFFF; background-color: #FF0000; padding: 3px; margin: 3px; }
.legendaAmarela { color: #666666; background-color: #FFCC00; padding: 3px; margin: 3px; }
.legendaBranca { color: #666666; background-color: #FFFFFF; padding: 3px; margin: 3px; } 
.legendaCinza { color: #FFFFFF; background-color: #999999; padding: 3px; margin: 3px; }
.legendaVerde { color: #FFFFFF; background-color: #009900; padding: 3px; margin: 3px; } 

table tr td p.legenda { background:#FFF; border-radius:5px; text-align:center; text-transform:uppercase; font-size:10px; width: 75px; padding: 5px 0;}
.table>thead>tr>th .label, .table>tbody>tr>th .label, .table>tfoot>tr>th .label, .table>thead>tr>td .label, .table>tbody>tr>td .label, .table>tfoot>tr>td .label { font-size:11px; }


p.mintSection span { background-color:#31B2EA; padding:5px; margin-bottom:5px; color:#FFF; display:inline-block; border-radius:5px; font-size: 9px; text-transform:uppercase; margin-left: 155px;}
div.item p.action a { background-color: #ee4749; font-size: 10px; color:#FFF; padding:5px 10px; border-radius:5px; margin-left:10px; }
div.item p.action a:hover { background:red; }

p.titleActions { color:#999; font-size:13px; margin-bottom:30px; text-transform:uppercase; border-bottom:dotted 1px #CCC; line-height:30px; padding-left: 15px; padding-right: 15px; margin-top:30px;}
p.titleActions i.glyphicon-pencil { font-size:18px; margin-right:5px; color:#999; line-height:30px; }
p.titleActions a { background:#888; float:right; border-radius:10px; padding:0 10px;  margin-left: 20px; color:#FFF; font-weight:normal; font-size:10px; }
p.titleActions a i { color:#FFF; margin-right:5px; }
p.titleActions a:hover { background:#31B2Ea }
p.titleActions a:hover i { color:#333; }
span.close-help a { font-size:11px; padding:3px 8px; background-color:red;  margin-left:15px; border-radius:4px; color:#FFF; opacity:.7; -moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;  position: absolute; margin-top: 50px !important; right: 0; margin-right: 11px;}
span.close-help a:hover { opacity:1; }