body{
  .card .card-header .v-select{
    background: RGBA(255,255,255,.9);
  }
  .date.my_date[data-provide="datepicker"]{
    .btn.btn-default{
      border: 1px solid rgba(0, 0, 0, 0.15);
    }
  }
  /*
  .v-my-button-contract-valid-edit-cancel-list{
    height: 0;
  }
  */
  .v-my-button-contract-valid-edit-cancel-list{
    position: relative;
  }
  .v-my-button-contract-valid-edit-cancel-list div{
    position: absolute;
    /*width: 100%;*/
    background: rgba(1,1,1, .2);
    padding: 5px;
    border-radius: 5px;
    right: 2.8em;
    display: none;
    top: 0;
  }
  
  .v-my-button-contract-valid-edit-cancel-list:hover div{
      display: flex;
  }
  .v-my-button-contract-valid-edit-cancel-list div button {
    margin: 2px;
  }
  input, div.v-select, textarea{
    &[attr-touched="true"]{
      border-style: solid;
      &.vselect_lay{
        border-radius: 4px;
      }
      &.vselect_lay.open{
        border: none;
      }
      &.vselect_lay[aria-invalid="true"]{
        border-width: 1px;
      }
      &[aria-invalid="true"]{
        border-color: RGBA(220, 53, 69, 1);
        outline: 0;
        /*box-shadow: 0 0 0 0.2rem rgba(220, 53, 69,.25);*/
      }
      &input[aria-invalid="true"]{
        color: #495057;
        background-color: #fff;
      }
      &[aria-invalid="false"]{
        border:1px solid #28a745;
      }
    }
    &[attr-touched="false"]{
      border-color: #ced4da !important;
    }
    
  }
  div.v-select{
    .dropdown-toggle{
      min-height: calc(1.5em + .75rem + 2px);
      /*display: flex;  */
      position: relative;
      span{
        position: relative;
      }
      input{
        position: absolute;
      }
      .clear{
        position: relative;
        z-index: 100;
        bottom: 0;
        top: 7px;
        right: 0;
      }

    }

  }

  div.v-select[aria-invalid="true"] .dropdown-toggle, [aria-invalid="true"] > input.form-control, .form-control[aria-invalid="true"], [aria-invalid="true"].componentListAddress .card.cardListAddress{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }
  .boxFieldErro [type-erro]{
    display: none;
  }
  .boxFieldErro{
    position: initial;
    z-index: 60;
  }
  input.form-control{
    z-index: 50;
  }
  input{
    &[aria-invalid="true"][attr-touched="true"]{
      padding-left: 25px;
    }
  }
  .my_person {
    & ~ .boxFieldErro {
      [type-erro="field-invalid"] {
        bottom: 23px;
        left: 23px;
        position: absolute;
      }
      [type-erro="field-required"] {
        bottom: 23px;
        left: 23px;
        position: absolute;
      }
      [name="fieldCpfCnpj"] ~ .boxFieldErro {

      }
    }
    .input-group input[name="fieldCpfCnpj"] ~ .boxFieldErro{
      position: absolute;
      bottom: -16px;
      left: -18px;
    }
  }
  .is-valid[aria-invalid="true"]{
    border-color: initial;
    box-shadow: initial;
  }
  [data-provide="datepicker"][aria-required="true"]{
  	&[aria-invalid="true"]{
	  	input[aria-invalid="false"]{
	    	background: inherit;
	  	}
  	}
  }
  [data-provide="datepicker"] .boxFieldErro{
    [type-erro="field-invalid"] {
      bottom: 7px;
      left: 7px;
      position: absolute;
    }
    [type-erro="field-required"] {
      bottom: 7px;
      left: 7px;
      position: absolute;
    }
  }
  .boxFieldErro{
    [type-erro="field-invalid"]{
      bottom: 23px;
      left: 23px;
      position: absolute;
    }
    [type-erro="field-required"]{
      bottom: 23px;
      left: 23px;
      position: absolute;
    }
  }


  [aria-required="true"][aria-invalid="true"]{
    &.is-invalid:not([attr-touched="true"]),
    &.v-select.vselect_lay,
    &[data-provide="datepicker"],
    &.form-control,
    &.form-group.my_person:not([attr-touched="true"]){
      &~ .boxFieldErro [type-erro="field-required"]{
        z-index: 70;
        display: block;
        color: #DC3545;
      }
      &~ .boxFieldErro [type-erro="field-invalid"]{
        display: none;
      }
    }
    &.is-invalid[attr-touched="true"]{
      &~ .boxFieldErro [type-erro="field-invalid"]{
        display: block;
        color: #DC3545;
      }
      &~ .boxFieldErro [type-erro="field-required"]{
        display: none;
      }
    }
  }

  [data-provide="datepicker"] [aria-invalid="true"][attr-touched="true"],
  [aria-required="true"][aria-invalid="false"] [aria-invalid="true"]{
    &~ .boxFieldErro [type-erro="field-invalid"]{
      display: block;
      color: #DC3545;
    }
    &~ .boxFieldErro [type-erro="field-required"]{
      display: none;
    }
  }
  .my_person ~ .boxFieldErro [type-erro]{
    /*
    bottom: 23px !important;
    left: 23px !important;
    */
  }
  .my_person[aria-invalid="true"] input.is-valid[aria-invalid="false"]{
    border-color: #dc3545 !important;
  }
  .my_person[aria-invalid="true"] .form-control.is-valid:focus{
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
  }
  .v-select.vselect_lay.open ~ .boxFieldErro [type-erro]{
    display: none !important;
  }
  .opc{
    &-1{
      opacity: 0.1;
    }
    &-2{
      opacity: 0.2;
    }
    &-3{
      opacity: 0.3;
    }
  }
  .tooltip-inner{
    background-color: #909294;
  }
  .bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before{
    border-bottom-color: #909294;
  }
  .cursor-pointer{
    cursor: pointer;
  }
  .boxBola{
    position: relative;
    .bola{
      width: 10px;
      height: 10px;
      border-radius: 50%;
      position: absolute;
      bottom: 16px;
      margin-left: 5px;
      &.bolaErro{
        background: red;
      }
    }
  }
  #list_fatura, #filterlistfatura{
    table{
      background: #FFF;
    }
  } 
}