﻿@font-face {
  font-family: Poppins-Bold;
  src: url("../fonts/poppins/Poppins-Bold.ttf");
}

@font-face {
  font-family: Poppins-Medium;
  src: url("../fonts/poppins/Poppins-Medium.ttf");
}

@font-face {
  font-family: Poppins-Regular;
  src: url("../fonts/poppins/Poppins-Regular.ttf");
}

@font-face {
  font-family: Poppins-Light;
  src: url("../fonts/poppins/Poppins-Light.ttf");
}

@font-face {
  font-family: Poppins-Italic;
  src: url("../fonts/poppins/Poppins-MediumItalic.ttf");
}

.moneyMask {
  text-align: end;
}

table .money {
  text-align: end;
}

table .data {
  text-align: center;
}

body * {
  font-family: Poppins-Regular;
}

.modal-backdrop {
  background-color: #00000091 !important;
}

.select2 {
  width: 100% !important;
}

.select2-container {
  height: 24px !important;
}

.select2-selection__rendered, .select2-selection__placeholder, input, select, textarea, .select2-results__option {
  font-size: 10pt !important;
}

.select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #ced4da !important;
}

.pagination {
  margin-bottom: 0 !important;
}

i {
  cursor: pointer;
}
/*
.input-group-prepend > .input-group-text {
  font-size: 10pt;
  height: 28px;
}
*/
.jstree-default .jstree-anchor {
  font-size: 11pt;
}

.field-validation-error {
  font-size: 10pt;
  font-family: 'Poppins-Medium';
  color: #c50000;
}

.row {
  margin: 0 !important;
  /*Não retire essa linha, a margem negativa da row gera problemas de layout*/
}

.loading-spinner {
  width: 25px;
  height: 25px;
  display: inline-block;
  box-sizing: border-box;
  position: relative;
  margin: 0 5px;
}

  .loading-spinner:before {
    border-radius: 50%;
    content: " ";
    width: 25px;
    height: 25px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 4.5px #bababa;
    border-right: solid 4.5px #bababa;
    border-bottom: solid 4.5px #bababa;
    border-left: solid 4.5px #bababa;
    position: absolute;
    top: 0;
    left: 0
  }

  .loading-spinner:after {
    border-radius: 50%;
    content: " ";
    width: 25px;
    height: 25px;
    display: inline-block;
    box-sizing: border-box;
    border-top: solid 4.5px #70a83b;
    border-right: solid 4.5px transparent;
    border-bottom: solid 4.5px transparent;
    border-left: solid 4.5px transparent;
    position: absolute;
    top: 0;
    left: 0;
    animation: loading-spinner-animate 1s ease-in-out infinite
  }

@keyframes loading-spinner-animate {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}
