.thumb-image {
    width: 25px;
    height: auto;
    max-height: 25px;
}
.justify {
    text-align: justify;
    font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    font-size: 14px;
}

.brand {
  width: 120px;
}


.btn-file {
    position: relative;
    overflow: hidden;
}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

#stickyunit {
position: fixed;
}

#fotosModal 
{
#    width: 900px; 
 #   margin-left: -450px;
} 

#fotosModal .modal-dialog {
#   overflow-y: initial !important; 
}

#fotosModal .modal-body {
#    height: 300px; 
#    overflow-y: auto;
}

.episoderow{
background-color: lightyellow
}


.navbar .navbar-brand {
 padding: 5px; !important; 
}

.panel-group .panel + .panel {
    margin-top: 0;
}

.panel-transparent {
    border-color: lightgray;
    background: #f7f7f7; 
  padding-left:4px;
  padding-right:4px;
}

.panel-transparent > .panel-body{
  padding-left:0;
  padding-right:0;
  min-height: 450px;
  max-height: 400px;
}


.panel-groups {
    border-color: lightgray;
    background: #f7f7f7;
  padding-left:2px;
  padding-right:2px;
}

.panel-groups > .panel-body{
  padding-left:2px;
  padding-right:2px;
  min-height: 360px;
  max-height: 360px;
}


.panel-seasons {
    border-color: lightgray;
    background: #f7f7f7;
}

.label-as-badge {
    border-radius: 1em;
}

button.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


.nav-tabs {
  overflow-x: auto;
  overflow-y: hidden;
  display: -webkit-box;
  display: -moz-box;
}
.nav-tabs>li {
  float: none;
}

.scrollex>li>a {
  padding: 5px;
  border: 1px solid lightgray ;
}



ul.scrollex::-webkit-scrollbar {
    height: 10px;

}
ul.scrollex::-webkit-scrollbar-button {
    background-color: #bbbbbb;
    height: 15px;
    width: 15px;
}

ul.scrollex::-webkit-scrollbar-button:horizontal:end:increment {
    background:
        linear-gradient(210deg, #F2F2F2 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(330deg, #F2F2F2 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(90deg, #F2F2F2 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #A8A8A8;
}

ul.scrollex::-webkit-scrollbar-button:horizontal:start:decrement {
    background:
        linear-gradient(30deg, #F2F2F2 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(150deg, #F2F2F2 40%, rgba(0, 0, 0, 0) 41%),
        linear-gradient(270deg, #F2F2F2 30%, rgba(0, 0, 0, 0) 31%);
    background-color: #A8A8A8;
}

.carousel-control {
   color: #FB9832
}
.carousel-control.left {
   background-image:none; 
}
.carousel-control.right {
   background-image:none; 
}


.dataTable.boot2 > thead > tr > th[class*="sort"]:before,
.dataTable.boot2 > thead > tr > th[class*="sort"]:after {
    content: "" !important;
}



/* Progress */
progress{
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;

  /* Get rid of default border in Firefox. */
  border: none;

  /* Dimensions */
  width: 160px;
  height: 8px;    
  border:0;
  border-radius: 20px;
}

.progress-low {
  color: #D9534F; 
}

.progress-low::-webkit-progress-value {
  background-color:#D9534F;
}

.progress-low::-moz-progress-bar {
  background-color:#D9534F;
}

.progress-med {
  color: #F0AD4E; 
}

.progress-med::-webkit-progress-value {
  background-color:#F0AD4E;
}

.progress-med::-moz-progress-bar {
  background-color:#F0AD4E;
}

.progress-full {
  color: #5CB85C; 
}

.progress-full::-webkit-progress-value {
  background-color:#5CB85C;
}

.progress-full::-moz-progress-bar {
  background-color:#5CB85C;
}

.dropdown-menu>li>a.padding-10  {
  padding-left: 10px;
  padding-right: 10px;
}

.icon-orange {
  color: #FB9832 ; 
}

/* Bloco de sugestao de projeto (tema claro) */
.projectTip {
  background-color: #f8f9fa;      /* quase branco, suave */
  border: 1px solid #d5e3ef;      /* borda leve e fria */
  border-radius: 6px;
  padding: 10px 15px;
  margin: 10px 0;
  color: #222;
}

.projectTip a {
  color: #007bff;
}

.projectTip a:hover {
  color: #0056b3;
}

.projectTip-title {
  margin: 0 0 4px 0;
}

.projectTip-subtitle {
  margin: 6px 0 4px 0;
}

.projectTip p {
  margin: 3px 0;
}

.projectTip-list {
  margin: 3px 0 5px 20px;
  padding-left: 0;
}

.projectTip-list li {
  margin-bottom: 2px;
}

.projectTip-logo {
  height: 18px;
  max-height: 18px;
  margin-left: 4px;
  border-radius: 3px;
  vertical-align: middle;
}

.projectTip-link {
  margin-top: 8px;
  font-size: 13px;
}