@import url(https://fonts.googleapis.com/css?family=Montserrat);

.no-padding {
  padding: 0;
}

/*remover depois de refatorar jquery-ui*/
ul.pagination.ng-isolate-scope.ng-valid {
  margin-top: 0;
  display: block;
  float: right !important;
}

.filter .filter__content div[data-clear] {
  top: -28px !important;
  left: calc(100% - 65px) !important;
}

.filter .filter__content .select2-choice.ui-select-match {
  height: 30px;
  width: 95%;
}

.filter .filter__content .select2-container {
  width: 100%;
}

.filter .filter__content .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 2px;
  background-size: 97%;
}

.filter .filter__content span.select2-chosen.ng-binding {
  font-size: 12px;
  margin-top: -2px;
}

.filter .filter__content span.select2-arrow.ui-select-toggle {
  width: 32px;
}

.filter .filter__content span.select2-chosen {
  line-height: 33px;
}

.line-height-20 {
  line-height: 20px;
}

.line-height-10 {
  line-height: 10px;
}

.space-for-buttons {
  /*poderia ser renomeada para inputs-container para evitar confusão com a buttons-container*/
  width: calc(100% - 400px);
  max-width: 1200px;
}

.buttons-container {
  display: flex;
  justify-content: flex-end;
  margin-right: 20px;
  margin-top: -45px;
  /*45 pixels é para alinhar com um row de inputs no filtro*/
  padding: 0 0 10px;
  z-index: 1000;
}

.buttons-filter {
  min-height: 40px;
}

/*rows*/
.row-1 {
  height: 68px;
  display: flex;
  flex: auto;
}

/*columns*/
.column-1 {
  display: flex;
  flex-direction: column;
}

.gray-line {
  padding: 6px;
  margin: 3px 0;
  border-radius: 6px;
  background-color: #cdd4d47a;
  display: flex;
  justify-content: space-between;
}

/*flex-elements*/
.equal-distribution {
  flex: auto;
  flex-basis: 0;
  flex-grow: 1;
}

.equal-distribution-exeveloc {
  margin-right: 15px;
}

.flex-basis--235 {
  flex-basis: 235px;
}

.flex-basis--242 {
  flex-basis: 246px;
}

.flex-basis--240 {
  flex-basis: 240px;
}

.elements-row {
  flex: 0.7;
  margin-left: 21px;
}

.filter-bar .row-fields .element-veiculo {
  margin-left: 0 !important;
}

.smaller-distribution {
  flex: 0.8;
}

/*filter*/
.filter {
  background: #e1e8ea;
  margin-top: -20px;
}

.filter__header {
  background: #ebf0f1;
  width: 100%;
  height: 25px;
}

.filter__title {
  font-size: 13px;
  color: #4f4f4f;
  padding: 6px 21px 0;
  font-weight: 600;
}

.filter__content {
  padding-left: 20px;
  padding-top: 2px;
  padding-bottom: 15px;
  width: calc(100% - 20px);
}

/* retirar ao retirar jquery-ui */
.filter__content
  .modal
  .modal-dialog
  .modal-content
  .formularios
  .row
  .ui-select-container.select2.select2-container.ng-untouched.ng-pristine.ng-valid {
  width: auto !important;
}

.filter__section {
  flex: 0 0 240px;
}

.filter__section--smaller {
  flex: 0 0 180px;
}

.filter__section_buttons {
  justify-content: flex-end;
  display: flex;
  flex-grow: 2;
}

.filter__section_buttons button {
  top: calc(100% - 35px);
  position: relative;
}

@media screen and (max-width: 1400px) {
  .filter__section {
    flex: 0 0 150px;
  }
}

/*filter November 2017 */
.filter__icon {
  background-color: #efefef;
  margin-left: auto;
  height: 28px;
  margin-top: 1px;
  padding: 3px 8px 10px 8px;
}

/*toggle*/
.toggle {
  position: relative;
  left: calc(100% - 40px);
  width: 20px;
  height: 20px;
  overflow: hidden;
  background-color: #e1e8ea;
  color: rgb(85, 85, 85);
  width: 39px;
  height: 28px;
  padding: 4px 8px 5px 5px;
}

.filter .toggle {
  bottom: 30px;
  top: -33px;
}

.filter .toggle a {
  color: rgb(85, 85, 85);
}

/*input*/
.filter input {
  padding-left: 5px;
  font-size: 11px;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(225, 232, 234);
  border-image: initial;
  height: 30px;
  color: rgb(85, 85, 85);
  width: 95%;
  outline: none;
}

.input__label {
  font-size: 9px;
  margin-bottom: 4px;
}

.input_icon input {
  width: 93%;
}

.input_icon .fa {
  position: relative;
  background: rgb(239, 239, 239);
  color: rgb(85, 85, 85);
  font-size: 14px;
  padding: 7px 12.5px;
  left: calc(100% - 51px);
  bottom: 29px;
}

.input_no-label {
  margin-top: 21px;
}

.no-border {
  border: unset !important;
}

@media screen and (max-width: 1400px) {
  .input_icon input {
    width: 90%;
  }
}

/*button*/
.filter button {
  /*change to .button_* later, without the filter */
  display: inline-block;
  margin-bottom: 0px;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  line-height: 1.42857;
  user-select: none;
  text-transform: uppercase;
  font-weight: bold;
  text-shadow: none;
  border: none;
  color: #fff;
  font-size: 13px;
  border-radius: 0px;
  margin-left: 10px;
  padding: 7px 12px;
  max-height: 35px;
}

.button_create {
  background: rgb(53, 152, 219);
}

.button_confirm {
  background: rgb(163, 202, 0);
}

.button_cancel {
  background: rgb(132, 156, 157);
}

.button_cancel_export {
  background: rgb(132, 156, 157);
  color: #fff;
  border: none;
  font-size: 12px;
  max-height: 35px;
  position: absolute;
  left: calc(100% - 211px);
  padding: 5px 10px;
}

.button_export {
  background: rgb(132, 156, 157);
  color: #fff;
  border: none;
  font-size: 12px;
  max-height: 35px;
  padding: 5px 10px;
}

.button_cancel_export .fa {
  margin-right: 3px;
}

.button_cancel_export:hover {
  background: rgb(163, 202, 0);
}

/*main content*/
.main-content {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
}

.main-content_row-1 {
  height: 22px;
  display: flex;
  flex: auto;
  justify-content: space-between;
}

.main-content__title {
  font-size: 14px;
  color: #292d2c;
  font-weight: 600;
  margin: 0;
}

.main-content__title__number {
  color: #a4cc00;
}

.main-content .toggle {
  left: 0;
  background-color: #e1e8ea;
  color: rgb(85, 85, 85);
  width: 25px;
  height: 28px;
  padding: 4px 5px 5px 5px;
}

.main-content .toggle a {
  color: rgb(85, 85, 85);
}

/* popup */
.popup {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0px;
  z-index: 9999;
}

.popup__row {
  padding: 10px 0;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20px;
}

.popup__datapicker {
  width: 25%;
}

.popup__row--start {
  flex: 0.9;
}

.popup__row--middle {
  flex: 0.8;
  margin-right: 35px;
}

.popup__row--end {
  flex: 1;
}

.popup header {
  padding: 3px 8px;
}

.popup__scroll {
  padding: 20px;
  max-height: 450px;
  overflow-x: auto;
}

.popup__label--old-style {
  top: -1px;
  background: #ececec;
  padding: 10px;
  font-size: 14px;
  position: relative;
}

.popup__content {
  background: #fff;
  margin: 50px auto 0;
  font-size: 11px;
  width: 550px;
  -webkit-animation: 0.5s fadeIn ease;
  -moz-animation: 0.5s fadeIn ease;
  animation: 0.5s fadeIn ease;
}

.popup__content--table {
  padding: 10px 20px 20px;
  max-height: 50vh;
}

.popup__content--large {
  width: 85vw;
  margin-top: 50px;
}

.popup__content--special {
  width: 701px;
  margin: 100px auto 0;
}

.popup__body {
  padding: 20px;
}

.popup__content__close {
  position: relative;
  bottom: 25px;
  display: block;
  left: 525px;
  cursor: pointer;
  background-image: url(../img/multi-abas/window-control.png);
  width: 11px;
  height: 11px;
  background-position: -22px 0px;
}

.popup__content__close--position {
  left: 666px;
  bottom: 34px;
}

.popup__content__close--large {
  bottom: -10px;
  left: 97%;
}

.popup__content__close:hover {
  opacity: 0.7;
}

.popup__content__label {
  font-size: 14px;
  padding-left: 10px;
  position: relative;
  top: -11px;
}

.popup__content__results {
  position: relative;
  height: 350px;
  overflow-x: auto;
  padding: 0 20px;
  font-size: 12px;
}

.popup__content__results__image {
  margin-left: 415px;
  top: 200px;
  position: fixed;
}

.popup__content__results__image svg {
  width: 100px;
  fill: rgba(225, 232, 234, 0.701961);
  z-index: 1;
}

.popup__content__results__bilhetes {
  border-bottom: 1px solid #292d2c;
  z-index: 49;
  position: relative;
}

.popup__content__results__bilhetes__title {
  font-weight: 600;
  font-size: 110%;
}

.popup__content__results__bilhetes p {
  line-height: 0.8;
}

/*pills*/
.pills {
  background: #fff;
  color: #000;
  border-radius: 10px;
  border-radius: 8px;
  padding: 3px 18px;
  font-size: 11px;
  cursor: pointer;
}

.pills.active {
  background-color: #95ca31;
  color: #fff;
}

/*forms*/

.footer--popup {
  background-color: #292d2c;
  height: 50px;
  padding: 5px 20px;
}

.panico-modal {
  position: relative;
  z-index: 999;
  top: calc(50vh - 220px);
  left: calc(50vw - 135px);
  width: 270px;
  height: 337px;
}

.popupjanela-modal {
  position: relative;
  z-index: 999;
  top: calc(50vh - 220px);
  left: calc(50vw - 200px);
  width: 400px;
  height: 337px;
}

.bottom-right-popupjanela {
  position: absolute;
  bottom: 100;
  right: 0;
  padding: 10px;
}

.alerta-popupjanela-conteudo {
  display: flex;
  align-items: flex-start;
}

.alerta-popupjanela-imagem {
  margin-right: 10px;
}

.icon-popupjanela {
  width: 32px;
  height: auto;
}

.alerta-popupjanela-texto {
  flex: 1;
}

/*.popupjanela-modal {
  position: relative;
  z-index: 999;
  top: calc(50vh - 220px);
  left: calc(50vw - 135px);
  width: 270px;
  height: 337px;
}*/

.panico-modal__icon {
  background: #fff;
  width: 70px;
  height: 70px;
  position: relative;
  left: calc(50% - 35px);
  border-radius: 50px;
  top: 35px;
}

.popupjanela-modal__icon {
  background: #fff;
  width: 70px;
  height: 70px;
  position: relative;
  left: calc(50% - 35px);
  border-radius: 50px;
  top: 35px;
}

.panico-icon {
  background: url(../img/alertas_panico.png) no-repeat center center;
  display: block;
  height: 70px;
}

.popupjanela-icon {
  background: url(../img/icon_evento.png) no-repeat center center;
  display: block;
  height: 70px;
}

.panico-modal__header {
  background-color: #e83f44;
  padding-top: 45px;
  padding-bottom: 10px;
  border-radius: 5px 5px 0 0;
  border: 1px solid white;
}

.popupjanela-modal__header {
  background-color: #95ca31;
  padding-top: 45px;
  padding-bottom: 10px;
  border-radius: 5px 5px 0 0;
  border: 1px solid white;
}

.panico-modal__title {
  margin: 0;
  font-size: 18px;
  color: #fff;
  text-shadow: none;
  text-align: center;
  display: block;
}

.popupjanela-modal__title {
  margin: 0;
  font-size: 18px;
  color: #fff;
  text-shadow: none;
  text-align: center;
  display: block;
}

.panico-modal__body {
  background: #fff;
  padding: 14px 3px 14px 8px;
  max-height: 160px;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
}

.popupjanela-modal__body {
  background: #fff;
  padding: 14px 3px 14px 8px;
  max-height: 160px;
  overflow-y: auto;
  border-radius: 0 0 5px 5px;
}

.panico-modal__footer {
  /*background-color: #ECECEC;*/
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}

.popupjanela-modal__footer {
  /*background-color: #ECECEC;*/
  padding: 10px 0;
  text-align: center;
  margin: 0 auto;
  justify-content: center;
}

.panico-modal__body .alerta-panico {
  border-bottom: 1.2px solid #eaedf1 !important;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.panico-modal__body .alerta-panico p {
  margin: 0;
}

.panico-modal__body .alerta-panico .icon-popupjanela {
  position: relative;
  top: 5px;
  margin-right: 5px;
}

.panico-modal__body .alerta-panico .icon-funcoes {
  position: relative;
  top: -29px;
}

.panico-modal__body .alerta-panico .icon-funcoes img {
  margin-right: 9px;
}

.panico-modal__body .alerta-panico .icon-funcoes img:nth-child(3) {
  margin-right: 0;
}

.panico-modal__body .alerta-panico .prefix {
  color: #e74044;
}

.panico-modal__body .alerta-panico .time {
  display: block;
  margin-left: 26px;
  margin-top: -5px;
}

.panico-modal__body .alerta-panico .info {
  font-size: 11px;
  float: left;
  margin-right: 15px;
}

.panico-modal__body .alerta-panico .info:nth-child(4) {
  float: none;
}

.m2m-green-bg-panico {
  background-color: #eaedf1;
}

.m2m-green-bg-panico span {
  font-size: 12px;
  font-weight: bold;
  color: #77797a;
}

.m2m-green-bg-panico i {
  color: #95ca31 !important;
}

.popupjanela-modal__body .alerta-popupjanela {
  border-bottom: 1.2px solid #eaedf1 !important;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.popupjanela-modal__body .alerta-popupjanela p {
  margin: 0;
}

.popupjanela-modal__body .alerta-popupjanela .icon-bus {
  position: relative;
  top: 5px;
  margin-right: 5px;
}

.popupjanela-modal__body .alerta-popupjanela .icon-funcoes {
  position: relative;
  top: -29px;
}

.popupjanela-modal__body .alerta-popupjanela .icon-funcoes img {
  margin-right: 9px;
}

.popupjanela-modal__body .alerta-popupjanela .icon-funcoes img:nth-child(3) {
  margin-right: 0;
}

.popupjanela-modal__body .alerta-popupjanela .prefix {
  color: #95ca31;
}

.popupjanela-modal__body .alerta-popupjanela .time {
  display: block;
  margin-left: 26px;
  margin-top: -5px;
}

.popupjanela-modal__body .alerta-popupjanela .info {
  font-size: 11px;
  float: left;
  margin-right: 15px;
}

.popupjanela-modal__body .alerta-popupjanela .info:nth-child(4) {
  float: none;
}

.m2m-green-bg-popupjanela {
  background-color: #eaedf1;
}

.m2m-green-bg-popupjanela span {
  font-size: 12px;
  font-weight: bold;
  color: #77797a;
}

.m2m-green-bg-popupjanela i {
  color: #95ca31 !important;
}

.icon-container {
  border-radius: 50px;
  width: 145px;
  height: 25px;
  padding-top: 2px;
}

/*scroll camera*/
section.scroll-camera::-webkit-scrollbar {
  width: 8px;
}

section.scroll-camera::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px black;
  border-radius: 10px;
}

section.scroll-camera::-webkit-scrollbar-thumb {
  background: white;
  border-radius: 10px;
}

section.scroll-camera::-webkit-scrollbar-thumb:hover {
  background: white;
}

/*scroll camera*/

/*scroll*/
.light-scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(200, 211, 215, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(200, 211, 215, 0.8);
}

.light-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(137, 155, 155, 0.1);
}

.scroll::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(137, 155, 155, 0.8);
  -webkit-box-shadow: inset 0 0 6px rgba(137, 155, 155, 0.1);
}

.scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 211, 215, 0.8);
}

.scroll {
  overflow: auto;
  max-height: calc(50vh - 120px);
}

.scroll::-webkit-scrollbar,
.light-scroll::-webkit-scrollbar {
  top: 5px;
  height: 5px;
  width: 8px;
}

/* Track */
.scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(137, 155, 155, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.table-striped-gray tbody > tr:nth-child(odd) {
  background-color: #fff;
}

.table-striped-gray tbody > tr:nth-child(even) {
  background-color: #c8d3d7;
}

.table-striped-lightgray tbody > tr:nth-child(odd) {
  background-color: #fff;
}

.table-striped-lightgray tbody > tr:nth-child(even) {
  background-color: #f1f1f1;
}

.heading {
  margin: 0;
  font-weight: 600;
  color: #000;
  font-size: 18px;
}

.important-label {
  color: #313a3a;
  margin: 0;
  font-weight: 600;
}

.icon-row {
  flex-basis: 20px;
  text-align: center;
  max-height: 20px;
  margin-top: 8px;
}

/*table*/
.table-title {
  margin-bottom: 8px;
  display: block;
}

.table_striped {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  font-size: 11px;
  border: 1px solid rgba(225, 232, 234, 0.7);
}

.table_striped thead {
  background-color: #e1e8ea;
  text-transform: uppercase;
  color: #000;
}

.table_striped thead td {
  font-weight: 600;
}

.table_striped td {
  padding: 9px;
  font-weight: 400;
}

.table_striped tbody tr {
  border-top: 1px solid #dddddd;
  cursor: pointer;
}

.table_striped tbody tr:nth-child(even) {
  background-color: rgba(225, 232, 234, 0.7);
}

.table_striped tbody tr:hover {
  background-color: #e7f5db;
}

.table_striped tbody tr:hover td {
  font-weight: bold;
}

.table_striped tfoot {
  background: #292d2c;
  color: #fff;
}

.table_striped tfoot span {
  color: #95ca31;
}

.table_link {
  background: rgb(132, 156, 157);
  border-radius: 10px;
  padding: 2px 5px;
  color: white !important;
}

#container .table.table--popup tr > td {
  /*precisa ser grande assim para sobreescrever estilo antigo :( */
  padding: 3px 8px !important;
}

tr:hover .table_link {
  background: rgb(163, 202, 0);
  font-weight: 400;
}

.reposition-x + div[data-clear] {
  top: -29px !important;
  left: 430px !important;
}

.title-full-width {
  background-color: #e0e8ea;
  font-weight: bold;
  font-size: 11px;
  padding: 6px 10px;
}

.square {
  width: 18px;
  height: 18px;
}

.circles-span {
  display: block;
  height: 12px;
  width: 12px;
  background: #95ca31;
  margin: 0 auto;
  border-radius: 50%;
  margin-top: 2px;
}

.half-transparent {
  left: -3px;
  position: relative;
  margin-top: 6px;
  height: 7px;
  border-radius: 0 0 12px 12px;
  transform: rotate(90deg);
}

.half-transparent:after {
  display: block;
  height: 6px;
  width: 12px;
  position: relative;
  bottom: 6px;
  border-radius: 50%;
  content: '';
  border-radius: 12px 12px 0 0;
  background: #fff;
}

.half-blue:after {
  background: #663d79;
}

/* pagination */
.pagination {
  font-size: 13px;
  float: none !important;
  /* remover */
  padding-left: 7px;
  display: flex;
  justify-content: space-between;
  padding-right: 7px;
}

.paginationTitle {
  float: right;
  justify-content: space-between;
  display: flex;
}

.paginationTitle span {
  margin-top: 5px;
}

.paginationTitle {
  float: right;
  justify-content: space-between;
  display: flex;
}

.speed-excess-row {
  justify-content: space-between;
  width: 230px;
  align-items: baseline;
}

/*antigo stepwizard*/
.steps-control-container {
  background-color: #e0e8ea;
  padding: 8px;
}

.steps-control {
  display: flex;
  width: 80%;
  justify-content: space-evenly;
}

.step-control {
  background: #93a5a5;
  flex: 1;
  margin: 5px;
  padding: 4px 5px 1px;
  text-align: center;
  font-size: 12px;
}

.step-control:hover {
  background: #899b9b;
}

.step-arrow-right {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 11px solid #93a5a5;
  padding: 0 0 0 0;
  text-align: center;
  font-size: 12px;
  position: relative;
  top: 5px;
  left: -5px;
}

.empty-arrow {
  left: 16px;
  border-left-color: #e8eaf5;
}

.step-control:hover + .step-arrow-right {
  border-left-color: #899b9b;
}

.step-control.m2m-green-bg + .step-arrow-right {
  border-left-color: #95ca31;
}

.color-gray {
  color: #849c9d;
}

.color-gray {
  color: #849c9d;
}

.corrente {
  color: #ccc;
  font-size: 28px;
  margin: 15px 14px 0;
}

/*containers*/
.right-container {
  float: right;
  margin-left: 20px;
}

.bottom-container {
  position: absolute;
  bottom: 50px;
  width: 100%;
}

.square-container {
  width: 440px;
}

.alerta-cadastro .square-container .square {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.alerta-cadastro .square-container .square:hover,
.alerta-cadastro .square-container .square.selected {
  opacity: 1;
  filter: alpha(opacity=100);
}

.alerta-cadastro .square-container .square.selected {
  border: solid 1px black;
}

section.selected {
  border: 2px #ddd solid;
}

.square-container section {
  cursor: pointer;
}

.square-container section:hover {
  border: 2px #ddd solid;
}

.alerta-cadastro .bottom-container {
  bottom: 20px;
}

.alerta-cadastro .panel-arrasto .srcollBody {
  max-height: 225px !important;
}

.alerta-cadastro .acoes-justificativas .srcollBody {
  max-height: 225px !important;
}

.form-width {
  width: 360px;
}

.icon-round-background {
  font-size: 0.7em;
  background: #aaaaaa;
  border-radius: 50%;
  padding: 4px;
  color: #fff;
}

.icon-round-background-used {
  font-size: 0.7em;
  background: #95ca31;
  border-radius: 50%;
  padding: 4px;
  color: #fff;
}

.icon-square-background {
  background-color: #ccc;
  padding: 4px;
  font-size: 7px;
  color: white;
}

/* "atomic" - important styles - here it's acceptable (prob even recommended) to use !important, since those are classes that are gonna cover exceptions*/
.float-none {
  float: none !important;
}

.display-block {
  display: block !important;
}

.display-grid {
  display: grid !important;
}

.grid-media-card {
  display: grid;
  grid-template-areas:
    'i t'
    'i t';
}

.grid-card-i {
  grid-area: i;
}

.grid-area-t {
  grid-area: t;
}

.grid-form {
  display: grid !important;
  grid-auto-rows: 66px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.col-4-to-2 {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

@media screen and (max-width: 1400px) {
  .col-4-to-2 {
    grid-template-columns: 1fr 1fr;
  }
}

.display-flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.exclude-from-flex {
  flex: 0 0 100%;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-basis-91 {
  flex-basis: 91%;
}

.flex-basis-20 {
  flex-basis: 20px;
}

.flex-basis-250 {
  flex-basis: 250px;
}

.flex-auto-width {
  width: auto !important;
}

.screen-height {
  height: 100vh;
}

.fixed-width {
  width: 268px;
}

.relative {
  position: relative;
}

.grey-border-bottom {
  border-bottom: 1px solid #cccccc52;
}

.space-around {
  justify-content: space-around !important;
}

.space-between {
  justify-content: space-between !important;
}

.space-evenly {
  justify-content: space-evenly !important;
}

.align-center {
  align-items: center;
}

.align-self-end {
  align-self: end;
}

.stretched-to-right {
  flex-basis: 50vw;
  margin-right: 5vw;
}

.flex-1 {
  flex: 1;
}

@media screen and (max-width: 1400px) {
  .sc-flex-1 {
    flex: 1;
  }
}

.margin-left-auto {
  margin-left: auto;
}

.cursor-pointer {
  cursor: pointer !important;
}

.absolute-fix-position {
  left: 0 !important;
  bottom: 0 !important;
}

.display-none {
  display: none !important;
}
.display-inline {
  display: inline !important;
}


.daterangepicker:before {
  display: none !important;
}

.opacity-zero {
  opacity: 0;
}

.min-height-40 {
  min-height: 40px;
}

.min-height-36 {
  min-height: 36px;
}

.full-width {
  width: 100% !important;
}

.width-95 {
  max-width: 95%;
  width: 95%;
}

.width-100 {
  width: 100px;
}
.width-150 {
  width: 150px;
}
.width-70px {
  width: 70px;
}

.width-85 {
  width: 85%;
}

.width-80 {
  width: 80%;
}

.width-90 {
  width: 90%;
}

.width-50 {
  width: 50%;
}

.width-60 {
  width: 60%;
}

.width-15 {
  width: 15px !important;
}

.width-15p {
  width: 15%;
}

.width-20 {
  width: 20%;
}

.width-30 {
  width: 30%;
}

.width-13 {
  width: 13%;
}

.width-10 {
  width: 10%;
}

.width-5 {
  width: 5%;
}

.width-27 {
  width: 19%;
}

.width-100 {
  width: 100%;
}

.height {
  height: 10px;
}

.toggle--modal {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: 10px;
}
.filtro-white {
  filter: invert(100%) !important;
}

.no-border-radius {
  border-radius: unset !important;
}

/*fixes - improving previous CSS/HTML*/
.fix-ui-styles div[data-clear] {
  /*can be removed once we stop using ui-jquery combos*/
  width: 0 !important;
}

.no-right-margin.initial-preferencias .combobox .dropdown {
  /*não é possível aplicar classe diretamente no elemento por tratar-se de plugin*/
  width: 100% !important;
  /*remover se pararmos de usar o selectPreferencia.js*/
}

.adjust-label-alignment {
  /*para alinhar a label do datepicker em relação às labels de outros inputs*/
  margin-bottom: -5px;
  padding-bottom: 0;
  line-height: 0;
  padding-top: 12px;
}

.dropdown--small {
  /*for when the standard select field needs to be small*/
  width: 60px !important;
  min-width: 60px !important;
  padding: 0 10px !important;
}

/*utilities*/
.text-decoration-none {
  text-decoration: none;
}

.separator {
  padding-right: 10px;
  border-right: 2px solid #ccc;
}

.no-hover:hover tr {
  color: initial !important;
  background-color: initial;
}

.half-opacity {
  opacity: 0.5 !important;
}

.m2m-green-bg {
  background-color: #95ca31 !important;
}

.bg-gray {
  background-color: #b3bcc040;
}

.bg-black {
  background-color: #000;
}

.bg-verde-limao {
  background-color: #add000;
}

.bg-verde-mostarda {
  background-color: #8ca901;
}

.bg-verde-escuro {
  background-color: #01a187;
}

.bg-verde-brilhante {
  background-color: #00cc69;
}

.bg-verde-bandeira {
  background-color: #00b058;
}

.bg-cinza {
  background-color: #899b9b !important;
}

.bg-cinza-claro {
  background-color: #e0e8ea;
}

.bg-cinza-tabela {
  background-color: #bbc3c6;
}

.bg-violeta {
  background-color: #a442b1;
}

.gray-bg {
  background-color: #cdd4d4 !important;
}

.off-white-bg {
  background-color: #f5f5f5;
}

.red-bg {
  background-color: #af483f;
}

.bright-red-bg {
  background-color: #e03625;
}

.light-red-bg {
  background-color: #ff4b3a;
}

.light-orange-bg {
  background-color: #ff9c00;
}

.dark-orange-bg {
  background-color: #fe7f0c;
}

.reddish-orange-bg {
  background-color: #f35400;
}

.yellow-bg {
  background-color: #ffc501;
}

.green-bg {
  background-color: #00be9c;
}

.white-bg {
  background-color: #fff;
}

.black-bg {
  background-color: #000 !important;
}

.blue-bg {
  background-color: #008dcc;
}

.blue-bg-hover:hover {
  background-color: #008dcc;
}

.dark-blue-bg {
  background-color: #0081bb;
}

.pink-bg {
  background-color: #fc3c85;
}

.dark-pink-bg {
  background-color: #c52563;
}

.purple-bg {
  background-color: #af58b9;
}

.light-gray-bg {
  background-color: #cdd4d47a;
}

.dark-gray-bg {
  background-color: #4b535e;
}

.bootstrap-gray-bg {
  background-color: #819da0;
}

.m2m-left-color {
  border-left-color: #95ca31 !important;
}

.gray-left-color {
  border-left-color: #cdd4d4 !important;
}

.light-black {
  color: #525252;
}

.black-to-gray-filter {
  filter: invert(85%);
}

.green {
  color: #a4cc00;
}
.green-medio{
  color:#83B115;
}

.red {
  color: #af483f;
}

.reddish-orange {
  color: #f35400 !important;
}

.white {
  color: #fff !important;
}

.m2m-green {
  color: #95ca31;
}

.gray {
  color: #9c9c9c !important;
}

.color-gray {
  color: #849c9d !important;
}

.gray-hover:hover {
  color: #9c9c9c !important;
}

.gray-disabled {
  color: #cdcdcd;
}

.bootstrap-gray {
  color: #819da0;
}

.dark-gray {
  color: #4b535e !important;
}

.blue {
  color: #008dcc !important;
}

.orange {
  color: #ffc630;
}

.normal-font {
  font-weight: normal;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.stick-under-table {
  /*since tables currently have a default margin-bottom of 20px*/
  margin-top: -20px;
}

.side-margin {
  margin: 0 80px;
}

.small-side-margin {
  margin: 0 10px;
}

.small-margin-bottom {
  margin-bottom: 5px;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right-auto {
  margin-right: auto;
}

.margin-left {
  margin-left: 10px !important;
}

.margin-left-20 {
  margin-left: 20px !important;
}

.margin-bottom-10 {
  margin-bottom: -10px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.large-margin-left {
  margin-left: 30px !important;
}

.small-margin-left {
  margin-left: 5px;
}

.small-margin-right {
  margin-right: 5px;
}

.margin-left-auto {
  margin-left: auto;
}

.margin-right {
  margin-right: 10px;
}

.margin-right-40 {
  margin-right: 40px !important;
}

.margin-right-auto {
  margin-right: auto;
}

.margin-left-10 {
  margin-left: -10px !important;
}

.avg-margin-right {
  margin-right: 10px;
}

.no-up-or-down-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.no-bottom-margin {
  margin-bottom: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-flex-start {
  align-items: flex-start !important;
}

.margin-auto {
  margin: 0 auto;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-2 {
  margin-top: 2px !important;
}

.margin-top {
  margin-top: 20px !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

.margin-top-60 {
  margin-top: 60px !important;
}

.margin-top-95 {
  margin-top: 95px !important;
}

.margin-top-50 {
  margin-top: 50px !important;
}

.margin-top-30 {
  margin-top: 30px !important;
}

.margin-top-40 {
  margin-top: 40px !important;
}

.reset-margin-bottom {
  margin-bottom: 0px;
}

.large-margin-top {
  margin-top: 50px;
}

.large-margin-bottom {
  margin-bottom: 50px;
}

.small-margin-top {
  margin-top: 6px;
}

.tiny-margin-top {
  margin-top: 4px;
}

.no-right-margin {
  margin-right: 0 !important;
}

.up-and-down-padding {
  padding: 5px 0 8px;
}

.small-padding-bottom {
  padding-bottom: 4px;
}

.small-padding-top {
  padding-top: 4px;
}

.justify-content-end {
  justify-content: end !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.height-60 {
  height: 60px !important;
}

.height-30 {
  height: 30px !important;
}

.height-100 {
  height: 100px !important;
}
.padding-0 {
  padding: 0px !important;
}

.padding-10 {
  padding: 10px !important;
}

.padding-small-top-4 {
  padding-top: 4px !important;
}

.padding-top {
  padding-top: 10px !important;
}

.padding-bottom {
  padding-bottom: 20px !important;
}

.no-border {
  border: none !important;
}

.padding-left-6 {
  padding-left: 6px;
}

.padding-left {
  padding-left: 10px;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-15 {
  padding-left: 15px !important;
}

.padding-left-20 {
  padding-left: 20px !important;
}

.padding-right {
  padding-right: 10px;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-6 {
  padding-right: 6px;
}

.padding-right-10 {
  padding-right: 10px;
}
.padding-right-30 {
  padding-right: 30px;
}

.padding-right-26 {
  padding-right: 26px;
}

.padding-right-25 {
  padding-right: 25px;
}

.padding-right-40 {
  padding-right: 40px !important;
}

.padding-right-60 {
  padding-right: 60px;
}

.padding-left-60 {
  padding-right: 60px;
}

.up-and-down-margin {
  margin: 10px 0;
}

.standard-padding {
  padding: 20px;
}

.no-padding-left {
  padding-left: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.montserrat {
  font-family: 'Montserrat';
}
.font-weight-100 {
  font-weight: 100 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}

.font-weight-600 {
  font-weight: 600 !important;
}

.font-weight-500 {
  font-weight: 500 !important;
}

.font-weight-800 {
  font-weight: 800 !important;
}

.text-align-center {
  text-align: center !important;
}

.text-align-left {
  text-align: left !important;
}

.text-align-right {
  text-align: right !important;
}

.bg-orange-light {
  background: #f5eee2 !important;
}

.icon-size {
  font-size: 18px;
}

.font-size-11 {
  font-size: 11px !important;
}

.font-size-12 {
  font-size: 12px !important;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-36 {
  font-size: 36px !important;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-21 {
  font-size: 21px;
}

.small-text-size {
  font-size: 9px !important;
}

.text-size {
  font-size: 12px;
}

.default-size {
  font-size: 14px !important;
}

.large-text {
  font-size: 18px;
}

.bigger-text {
  font-size: 150%;
}

.uppercase {
  text-transform: uppercase;
}

.reset-case {
  text-transform: unset !important;
}

.textarea-as-input {
  height: 29px !important;
  margin-top: 8px;
}

.centering-bootstrap-p {
  /*bootstrap default's messes up with p's margins*/
  margin-top: 7px;
  margin-bottom: 0px;
  margin-left: 10px;
}

.alerta-cadastro .step-control-container {
  display: flex;
  flex: auto;
  width: auto;
  flex-direction: row;
}

.button-map-main-visjus-loading {
  width: 14px;
  height: 14px;
  background-image: url(../img/ajax-loader.gif);
  background-size: cover;
  background-color: transparent;
}

.background-none {
  background-color: none !important;
}

.background-cadastro-recarga {
  background: #fff !important;
  margin-top: -10px;
}

.background-cadastro-recarga .tituloBuscaBarra {
  background: #ecf0f1;
}

.background-cadastro-recarga .importarPonto {
  background-color: #fff;
  /*border-bottom: solid 1px #ccc;*/
  border-top: none;
}

.importarPonto .button-import {
  border-bottom: solid 1px #ccc;
}

@media screen and (max-height: 560px) {
  .max-height-300 {
    max-height: 320px;
    //overflow: scroll;
  }

  .srcollBody.stick-under-table {
    overflow: visible;
  }
}

.width-col-status {
  width: 9%;
}

@media screen and (max-width: 1366px) {
  .width-col-status {
    width: 13% !important;
  }
}

@media screen and (max-height: 1440px) {
  .width-85 {
    width: 80%;
  }

  .width-12 {
    width: 12% !important;
  }

  .quarter-row-flex {
    width: 35% !important;
    display: flex;
  }
}

@media screen and (min-width: 1680px) {
  .width-13 {
    width: 9% !important;
  }
}