.form-group{
	padding-left: 5px;
	padding-right: 5px;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#loading_indicator{
    position: fixed;
    left: 50%;
    margin-left: -30px;
    top: 35%;
    z-index: 99999;
    display: none;
}
#loading_indicator > i{
    font-size: 70px;
}

.form-group.required label:before {
   content:"* ";
   color:red;
}

.modal {
  overflow: hidden;
}

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

.table-hover tbody tr{
    cursor: pointer;
}
/*
@media only screen and (min-width : 1200px) {
    .container-fluid{
        width: 1170px;
    }
}*/

.container-fluid{
  min-height: 78vh;
}

.modal{
    z-index: 1081;
}

table.table-mobile tr td, table.table-mobile tr th, table.table-mobile{
    border: 1px solid #000;
}

.mpagination li{
    display: inline;
}

.mpagination li a,.mpagination li span{
    padding: 4px;
    border: 1px #333 solid;
}

.btn-excel {
  background-color: hsl(110, 46%, 44%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58ba44", endColorstr="#4da33c");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#58ba44), to(#4da33c));
  background-image: -moz-linear-gradient(top, #58ba44, #4da33c);
  background-image: -ms-linear-gradient(top, #58ba44, #4da33c);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58ba44), color-stop(100%, #4da33c));
  background-image: -webkit-linear-gradient(top, #58ba44, #4da33c);
  background-image: -o-linear-gradient(top, #58ba44, #4da33c);
  background-image: linear-gradient(#58ba44, #4da33c);
  border-color: #4da33c #4da33c hsl(110, 46%, 42.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09);
  -webkit-font-smoothing: antialiased;
}

.table-primary,
.table-primary>td,
.table-primary>th {
  background-color: #b8daff
}

.table-primary tbody+tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
  border-color: #7abaff
}

.table-hover .table-primary:hover {
  background-color: #9fcdff
}

.table-hover .table-primary:hover>td,
.table-hover .table-primary:hover>th {
  background-color: #9fcdff
}

.table-secondary,
.table-secondary>td,
.table-secondary>th {
  background-color: #d6d8db
}

.table-secondary tbody+tbody,
.table-secondary td,
.table-secondary th,
.table-secondary thead th {
  border-color: #b3b7bb
}

.table-hover .table-secondary:hover {
  background-color: #c8cbcf
}

.table-hover .table-secondary:hover>td,
.table-hover .table-secondary:hover>th {
  background-color: #c8cbcf
}

.table-success,
.table-success>td,
.table-success>th {
  background-color: #c3e6cb
}

.table-success tbody+tbody,
.table-success td,
.table-success th,
.table-success thead th {
  border-color: #8fd19e
}

.table-hover .table-success:hover {
  background-color: #b1dfbb
}

.table-hover .table-success:hover>td,
.table-hover .table-success:hover>th {
  background-color: #b1dfbb
}

.table-info,
.table-info>td,
.table-info>th {
  background-color: #bee5eb
}

.table-info tbody+tbody,
.table-info td,
.table-info th,
.table-info thead th {
  border-color: #86cfda
}

.table-hover .table-info:hover {
  background-color: #abdde5
}

.table-hover .table-info:hover>td,
.table-hover .table-info:hover>th {
  background-color: #abdde5
}

.table-warning,
.table-warning>td,
.table-warning>th {
  background-color: #ffeeba
}

.table-warning tbody+tbody,
.table-warning td,
.table-warning th,
.table-warning thead th {
  border-color: #ffdf7e
}

.table-hover .table-warning:hover {
  background-color: #ffe8a1
}

.table-hover .table-warning:hover>td,
.table-hover .table-warning:hover>th {
  background-color: #ffe8a1
}

.table-danger,
.table-danger>td,
.table-danger>th {
  background-color: #f5c6cb
}

.table-danger tbody+tbody,
.table-danger td,
.table-danger th,
.table-danger thead th {
  border-color: #ed969e
}

.table-hover .table-danger:hover {
  background-color: #f1b0b7
}

@media only screen and (max-device-width : 992px) and (max-device-width : 500px){
  body{
    font-size: 170% !important;
  }
  .form-control{
    height: 50px;
  }
}

.table-responsive{
  overflow-x: auto;
}

.label.label-white{
  border: 1px solid #000;
  color: #000;
}

.table>caption{
	border: 2px solid #e2e7eb;
	padding: 10px 15px;
	color: #242a30;
	font-weight: 600;
}

table.table-minimal td, table.table-minimal th{
  padding: 7px 7px 7px 7px !important;
}

td.small-font{
  font-size: 80%;
}

.has-float-label label{font-size: 100%;}

/* Switch Estilo iOS */
/* EXEMPLO DE COMO USAR

  <div>
      {{Form::checkbox('is_fornecedor', 1, $pessoa->is_fornecedor, array('class' => 'switch switch--shadow', 'id'=>'switch-shadow-fornecedor'))}}
      <label for="switch-shadow-fornecedor"></label>
      <label class="label-switch">Fornecedor</label>
  </div>
*/
  .switch {
    visibility: hidden;
    position: absolute;
    margin-left: -9999px;
  }

  .switch + label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
  }

  .label-switch{
      position: absolute;
      padding: 5px;
  }

  .switch--shadow + label {
    padding: 2px;
    width: 40px;
    height: 20px;
    background-color: #dddddd;
    border-radius: 60px;
  }
  .switch--shadow + label:before,
  .switch--shadow + label:after {
    position: absolute;
    top: 1px;
    left: 1px;
    bottom: 1px;
    content: "";
  }
  .switch--shadow + label:before {
    right: 1px;
    background-color: #f1f1f1;
    border-radius: 60px;
    transition: background 0.4s;
  }
  .switch--shadow + label:after {
    width: 22px;
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: all 0.4s;
  }
  .switch--shadow:checked + label:before {
    background-color: #348fe2;
  }
  .switch--shadow:checked + label:after {
    transform: translateX(17px);
  }

  /* Estilo Flat */
  .switch--flat + label {
    padding: 2px;
    width: 120px;
    height: 60px;
    background-color: #dddddd;
    border-radius: 60px;
    transition: background 0.4s;
  }
  .switch--flat + label:before,
  .switch--flat + label:after {
    display: block;
    position: absolute;
    content: "";
  }
  .switch--flat + label:before {
    top: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #fff;
    border-radius: 60px;
    transition: background 0.4s;
  }
  .switch--flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 56px;
    background-color: #dddddd;
    border-radius: 52px;
    transition: margin 0.4s, background 0.4s;
  }
  .switch--flat:checked + label {
    background-color: #8ce196;
  }
  .switch--flat:checked + label:after {
    margin-left: 60px;
    background-color: #8ce196;
  }

  @media (min-width:1080px) {
    .modal-xl {
      width: 1140px;
    }
  }

.form-control-disabled {
  opacity: 1 !important;
  background: white !important;
  cursor: default !important;
}

.inline {
  display: inline
}

.form-control-sm {
  border-radius: .2rem;
  font-size: .875rem;
  height: calc(1.5em + .5rem + 2px);
  line-height: 1.5;
  padding: .25rem .5rem
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.mh-100 {
  max-height: 100% !important
}

.is-invalid {
  border-color: #dc3545!important;
}