/*RESET CSS*/
ul,
li {
  margin: 0;
  padding: 0;
}

div#login-box .alert {
  padding: 10px 15px;
}
div#login-box .alert ul li {
  padding: 0;
  margin: 3px 25px 3px 15px;
}

ul.alert {
  padding: 10px 15px;
}
ul.alert li {
  padding: 0;
  margin: 3px 25px 3px 15px;
}

/* list-group */
a.list-group-item.item-invalid {
  color: white;
  background-color: #f9706c;
}

/* NAVBAR */
.navbar-brand {
  display: flex;
  align-items: center;
}
.navbar-brand > img {
  padding: 7px 14px;
}

/* FILE SELECT - HIDDEN */
#file_select {
  display: none;
}

/* QRCODE INFO - Não será mostrado porque é gerado dinâmicamente no código*/
#qrcode_page {
  display: none;
}
/* MEDIA QUERY PRINT - Quando entrar em modo de impressão, as especificações abaixo serão usadas*/
@media print {
  body * {
    visibility: hidden;
    /* display: none; */
  }
  /* #qrcode_page, #qrcode_page * {
	visibility: visible;
	display:block;
  }
  #qrcode_page {
    position: absolute;
    left: 0;
	top: 0;	
  } */
  #table_relatorios {
    display: block;
    overflow: visible;
    position: absolute;
    left: 0;
    top: 0;
  }
  #table_relatorios * {
    visibility: visible;
  }
}

/* TELA HOME */
.panel.panel-dashboard .panel-body {
  text-align: center;
}
.panel.panel-dashboard .panel-body .title h4 {
  font-size: 25px;
}
.panel.panel-dashboard .panel-body .total {
  font-size: 60px;
}
.panel.panel-dashboard .panel-body .info {
  margin-top: 2.5%;
  text-align: center;
}
.panel.panel-dashboard .panel-body .info.error {
  color: #b71c1c;
  font-size: 20px;
}
.panel.panel-dashboard .panel-body .options {
  border: 1px solid black;
  margin-top: 5%;
  text-align: center;
}
.panel.panel-dashboard .panel-body .chart_config {
  padding: 0;
  margin: 0;
  width: 100%;
  height: 20%;
}

/* KPI PROMOTORES*/
.panel-body:hover {
  box-shadow: 1px 1px 5px #c6c6c6;
}

#bestTimes .list-group-item.item0 {
  background-color: #56f575;
  color: #074a14;
}
#worseTimes .list-group-item.item4 {
  background-color: #eb5136;
  color: #5c1510;
}

/* TELA RELATORIO */
.relatorios .chart {
  padding: 0;
  margin: 0;
}

.relatorios .info {
  margin-top: 5%;
}
.relatorios .row.table {
  margin-top: 5%;
}
.relatorios .row.table table th,
.relatorios .row.table table td {
  text-align: center;
}
.relatorios .row.table table td.loja {
  font-size: 11px;
}
.relatorios .row.table table tr.invalid {
  background-color: #ff6662;
  color: white;
}
.relatorios .row.table .button-return {
  margin-bottom: 5%;
}

.footer {
  position: relative;
  bottom: 0;
  margin-bottom: 10px;
  text-align: center;
}

/* TELA MARKETING */
.marketing .form-marketing .message {
  margin-top: 10%;
  text-align: center;
}
.marketing .form-marketing .input-label {
  text-align: center;
}
.marketing .form-marketing .message .success-message {
  color: green;
}
.marketing .form-marketing .message .error-message {
  color: red;
}
.marketing .form-marketing .message-option {
  margin-top: 5%;
  height: 20vh;
}
.marketing .form-marketing .message-option .message {
  text-align: center;
  line-height: 30px;
}

/* TELA PAYROLL*/
.loading {
  position: absolute;
  top: 0%;
  width: 98.5%;
  height: 98.5%;
  z-index: 10;
  display: none;
}
.loading .loader {
  margin-top: 35%;
}
.load {
  position: absolute;
  top: 0%;
  width: 98.5%;
  height: 98.5%;
  z-index: 10;
}
.load .loader {
  margin-top: 35%;
}
.payroll-error {
  color: #ff464e;
  font-size: 16px;
}
.payroll #info {
  display: none;
}
.payroll .payroll-options {
  text-align: center;
  margin-top: 2.5%;
}
.payroll .payroll-options .btn-option {
  width: 200px;
  height: 45px;
  color: black;
  background-color: white;
  border: 1px solid #c6c6c6;
  margin-top: 15px;
  margin-left: 5px;
}
.payroll .payroll-options .btn-option:hover {
  background-color: #dcdcdc;
}
.payroll .payroll-body {
  margin-top: 25px;
}
.payroll .tables .table thead {
  background-color: #e8e8e8;
}
.payroll .tables .table th,
.payroll .tables .table td {
  text-align: center;
}
.payroll .tables .cargos .selected {
  background-color: #56f575;
  font-weight: bold;
}
.payroll .tables .funcionarios .selected {
  background-color: #f2d93b;
  font-weight: bold;
}

/* TELA ROUTES */
#routes .info {
  display: none;
}
.routes {
  padding: 30px;
}
.routes .body-routes {
  margin-top: 2.5%;
}
.routes .calendar .title {
  text-align: center;
}
.routes .calendar .week.active {
  background-color: #3092d5;
  color: white;
  font-weight: bold;
}
.routes .calendar .week .day {
  padding: 10px;
  text-align: center;
  border: 1px solid #c6c6c6;
}
.routes .calendar .calendar-buttons {
  margin-top: 2.5%;
}
.routes .routes-week {
  margin-top: 20px;
}
.routes .routes-week .day-title {
  text-align: center;
  padding-bottom: 10px;
}
.routes .routes-week .day-title .icon-edit {
  color: seagreen;
  font-size: 20px;
  cursor: pointer;
}
.routes .routes-week .day-title .icon-edit:active {
  color: mediumseagreen;
}
.routes .routes-week .week {
  padding: 0;
  vertical-align: top;
}
.routes .routes-week .week .day {
  text-align: center;
  padding: 15px;
  border: 1px solid #c6c6c6;
  list-style-type: none;
}
li.actived {
  background-color: #eb5136;
  color: white;
  border: none;
  border-radius: 0;
  margin-bottom: 1px;
  -webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
.routes .routes-list {
  margin-top: 5%;
}
.routes .routes-list table {
  margin-top: 2.5%;
}
.routes .routes-list table tr td,
.routes .routes-list table th {
  text-align: center;
}
.routes .routes-list table tr.completed {
  background-color: #56f575;
  color: #074a14;
}
.routes .routes-list table tr.notCompleted {
  background-color: #f2d93b;
  color: #73671c;
}
.routes .routes-list table tr.notPlanned {
  background-color: #00bacf;
  color: #074282;
  font-weight: bold;
}
.routes .routes-list table tr.falta {
  background-color: #eb5136;
  color: #5c1510;
}
.icon-copy-day {
  color: #4169e1;
  font-size: 20px;
  cursor: pointer;
}
.selected {
  background-color: green;
}

/* Lojas */
.loja-cadastro {
  margin-left: 10px;
  margin-bottom: 2.5%;
}
.loja-cadastro #error {
  margin-top: 2.5%;
  margin-left: 5px;
  display: none;
}
.lista-lojas {
  margin-top: 2.5%;
  margin-left: 10px;
}
.lista-lojas table th,
.lista-lojas table td {
  text-align: center;
}
.pointer {
  cursor: pointer;
}

/* FOTOGRAFIAS */
.fotografias {
  margin-top: 2.5%;
}
.fotografias .panel .panel-body {
  padding: 25px;
}
.fotografias .panel .panel-body .title-date {
  font-size: 20px;
  margin-bottom: 5px;
}
.fotografias .panel .panel-body .list-fotografias {
  margin-bottom: 2.5%;
}
.fotografias .panel .panel-body .list-fotografias .photo-thumbnail {
  height: 400px;
}
.fotografias .panel .panel-body .list-fotografias .photo-thumbnail .photo {
  max-height: 100%;
}
.fotografias .panel .panel-body .list-fotografias .title-name {
  font-size: 18px;
}
.fotografias .panel .panel-body .list-fotografias .image_app {
  font-size: 18px;
}

/* LEGAL */
.legal .title {
  margin-bottom: 5%;
}
.legal p {
  text-indent: 15px;
}

/* SUPERUSUARIO - CADASTRO */
.pages {
  margin-top: 20px;
}
.pages .table thead th {
  text-align: center;
}
.pages .table tr.selected-add {
  background-color: #f2d93b;
  font-weight: bold;
}
.pages .table tr.selected-remove {
  background-color: #56f575;
  font-weight: bold;
}
.pages .table tr td {
  text-align: center;
}

/* CHECKLIST */
.stuch {
  top: 50%;
  position: fixed;
  overflow-y: auto;
}
.checklist-options .btn-none {
  background-color: white;
}
.checklist-options .btn-none:active {
  background-color: #c6c6c6;
}
.checklist-options .glyphicon {
  font-size: 15px;
  background-color: none;
}

/* LOJA */
.ambiente-body {
  padding-left: 2%;
  padding-right: 2%;
}
.ambiente-body:hover {
  border: 1px solid #959c99;
  border-radius: 5px;
  cursor: pointer;
}
.ambiente-item {
  display: inline-block;
  width: 24%;
  padding: 10px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #c6c6c6;
  border-radius: 2px;
  margin-left: 1%;
}

/* CRONOGRAMA RELATORIO */
.marker {
  display: block;
  width: 100%;
  height: 10px;
  border-radius: 3px;
  float: right;
  margin-bottom: 20px;
}
.marker.marker-green {
  background-color: #56f575;
}
.marker.marker-red {
  background-color: #eb5136;
}

date-picker {
  z-index: 100;
}

/* BOOTSTRAP DATETIMEPICKER*/
/* .bootstrap-datetimepicker-widget tr:hover {
	background-color: #337AB7;
	color: white !important;
} */

/* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
#map {
  height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

/* Definir aqui o estilo da InfoWindowContent */
#Div1 {
  background-color: blue;
}

/* Definir aqui o estilo da InfoWindow */
#map
  > div
  > div
  > div:nth-child(1)
  > div:nth-child(4)
  > div:nth-child(4)
  > div
  > div:nth-child(1)
  > div:nth-child(4) {
  /* we have to use !important because we are overwritng inline styles */
  /*background-color: #blue !important;*/
}
.centered {
  text-align: center;
}
.padding-schedule {
  padding: 20px;
}
.scheduleEnviroment {
  font-size: 12px;
  /*text-align: right;*/
}
.darkBlue {
  color: darkblue;
}
.scheduleHits {
  font-size: 12px;
}
.schedulesTitle {
  display: flex;
  justify-content: space-around;
}
.hrNoBorder {
  margin: 0;
  padding: 0;
  border-top: 1px dashed black;
  color: #fff;
  background-color: #fff;
  height: 1px;
}
.red {
  color: red;
}
.black {
  color: black;
}
.clickable {
  cursor: pointer;
}
.scheduleNextControl {
  font-size: 30px;
  position: fixed;
  top: 46%;
  right: 20px;
  width: 16%;
  height: 300px;
  padding-top: 100px;
}
.schedulePreviousControl {
  font-size: 30px;
  position: fixed;
  top: 46%;
  left: 20px;
  width: 16%;
  height: 300px;
  padding-top: 100px;
}
.small-text {
  font-size: 10px;
}
.activeLightBlue {
  background-color: #1e90ff;
}

.answersTableTr {
  background-color: #f5f5dc;
}

.answersTableTd {
  text-align: left !important;
  font-size: 11px;
}

/* Scales */

.formLine {
  margin-top: 10px;
}
.repeatLineScale {
  background-color: lightgreen !important;
  border: solid 3px black !important;
}
#tableScalesCreateEditDiv {
  overflow-x: auto;
}
.timeMask {
  width: 80px !important;
}

.largeCheckbox {
  width: 20px;
  height: 20px;
}
#scaleAssignButton:disabled {
  background-color: gray !important;
  border-color: grey !important;
}
.eventOpacity {
  opacity: 0.4;
}
.calsel1 {
  color: rgb(51, 153, 51);
}
.calsel2 {
  color: rgb(0, 51, 153);
}
.calsel3 {
  color: rgb(204, 0, 0);
}
.textInMiddle {
  display: inline-block;
  vertical-align: middle;
}
.thick {
  font-weight: bold;
  background-color: #cccccf;
}

.workerSelected {
  background-color: #00cc99 !important;
}
.fc-other-month .fc-day-number {
  display: none;
}

table.slimTable {
  font-family: "Times New Roman", Times, serif;
  border: 0px solid #000000;
  background-color: #ffffff;
  width: 100%;
  /*height: 100px;*/
  text-align: left;
  border-collapse: collapse;
}
table.slimTable td,
table.slimTable th {
  border: 1px solid #4a4a4a;
  padding-left: 5px;
}
table.slimTable tbody td {
  font-size: 13px;
  padding-left: 5px;
}
table.slimTable thead {
  background: #efefdd;
}
table.slimTable thead th {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
table.slimTable tbody tr.danger {
  color: red;
}

table.slimTableHeader {
  font-family: Tahoma, Geneva, sans-serif;
  border: 0px solid #000000;
  background-color: #edf1f2;
  width: 100%;
  /*height: 100px;*/
  text-align: left;
  border-collapse: collapse;
}
table.slimTableHeader td,
table.slimTableHeader th {
  border: 1px solid #4a4a4a;
  padding-left: 5px;
}
table.slimTableHeader tbody td {
  font-size: 11px;
  color: #000000;
  padding-left: 5px;
  font-weight: bold;
}
table.slimTableHeader thead {
  background: #efefdd;
}
table.slimTableHeader thead th {
  font-size: 13px;
  font-weight: bold;
  text-align: left;
}
table.slimTableHeader tbody td.centerText {
  text-align: center;
}

tr.clickable-row {
  cursor: pointer;
}
.purple {
  color: rgb(164, 40, 255);
}