*:hover,
*:focus,
*:active
 {
  outline: none;
  box-shadow: none !important;
  -webkit-appearance: none;
}

/* transparent autofill */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
/*Change text in autofill textbox*/
input:-webkit-autofill{
    -webkit-text-fill-color: #FFFFFF !important;
}


 

.main-menu { 
     &::-webkit-scrollbar {
   width: 0.5em;
   height: 0.5em;
  }

  &::-webkit-scrollbar-thumb {
   background-color: rgba(255,255,255,.1);
   border-radius: 3px;

   &:hover {
    background: rgba(255,255,255,.2);
   }
  }
}



@font-face {
    font-family: 'Barlow';
    src: url('../fonts/Barlow-Regular.ttf');
}

/**  *, html, **/body {
    font-family: Barlow;
}

body {
    background-color: #202020;
}

/**
* COLORS
*/

.c01{
    color: #A0A0A0;
}
.c02{
    color: #F4C310;
}
.c03{
    color: #FFFFFF;
}
.c04{
    color: rgba(255, 255, 255, 0.5);
}
.c05{
    color: #000000;
}

/**
* UTILITIES
*/
.fw700{
    font-weight: 700;
}
.fw400{
    font-weight: 400;
}
.fs18{
    font-size: 18px;
}
.cursor-pointer{
    cursor: pointer;
}
.w-90{
    width: 90% !important;
}
.w-10{
    width: 10% !important;
}

.br-50{
    border-radius: 50px !important;
}

.location-href, .location-href:hover{
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    /* or 27px */
    color: #FFFFFF;
}

.bg-sys-responsive {
    background-color: #232323;
}
@media screen and (max-width: 999px){
    .bg-sys-responsive {
        background-color: #202020;
    }
}

/**
* NEGATIVE BUTTON
*/

.btn-negative {
  background: #FF0000;
  border-radius: 7px;
  font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 41px;
text-align: center;
letter-spacing: 0.065em;
color: #FFFFFF;
border: 0;
}

.btn-negative:hover, .btn-negative:active{
  color: #FFFFFF !important;
border: 0 !important;
background: #FF0000 !important;
}


/**
* POSITIVE BUTTON
*/

.btn-positive {
  background: #4CF57B;
  border-radius: 7px;
  font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 41px;
text-align: center;
letter-spacing: 0.065em;
color: #000000;
border: 0;
}

.btn-positive:hover, .btn-positive:active{
  color: #000000 !important;
border: 0 !important;
background: #4CF57B!important;
}

/**
* INACTIVE BUTTON
*/

.btn-inactive {
    background: #5C5C5C;
    border-radius: 7px;
    font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 41px;
text-align: center;
letter-spacing: 0.065em;
color: #000000;
border: 0;
}

.btn-inactive:hover, .btn-inactive:active{
    color: #000000 !important;
border: 0 !important;
background: #5C5C5C !important;
}

/**
* ACTIVE BUTTON
*/

.btn-active{
    background: #F4C310;
    border-radius: 7px;
    font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 41px;
text-align: center;
letter-spacing: 0.065em;
color: #000000;
border: 0;
}

.btn-active:hover, .btn-active:focus{
    color: #000000 !important;
    border: 0 !important;
    background: #D7A800 !important;
}


.btn-active-outline{
    font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 16.17px;

letter-spacing: 0.07em;

color: #F4C310;
border: 1px solid #F4C310;
background: transparent;
border-radius: 7px;
}

.btn-active-outline:hover, .btn-active-outline:focus{
    color: #000000 !important;
    border: 1px solid #F4C310;
    background: #F4C310 !important;
}

/**
* ALERT
*/

.sys-alert-negative, .alert-sys-alert-negative {
  color: #FFFFFF;
  background-color: #842626;
  border-radius: 10px;
  padding: 10px 15px;
  font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 150%;
}

.sys-alert-positive, .alert-sys-alert-positive {
    color: #FFFFFF;
    background-color: #17FF4A;
    border-radius: 10px;
    padding: 10px 15px;
    font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  }

@media screen and (max-width: 389px) {
    .floating-alert > .title, .message {
        font-size: 11px;
    }
    #toaster{
        width: 200px !important;
    }
}

@media screen and (max-width: 289px) {
    .floating-alert > .title, .message {
        font-size: 9px;
    }
    #toaster{
        width: 150px !important;
    }
}

.sys-alert-negative > a, a:hover {
    color: #FFFFFF;
}

.sys-alert-positive > a, a:hover {
    color: #FFFFFF;
}

.alert-dismissible > .btn-close{
    padding-bottom: 1rem;
    padding-top: 1rem;
    padding-right: 5px;
}

@media screen and (max-width: 397px) {
    .alert-dismissible > .btn-close{
        padding-left: 0px;
        padding-right: 5px;
    }
}

/**
* OVERRIDE BOOSTRAP FLOATING LABLES
*/


.form-floating > .form-control:not(:focus)::placeholder {
    color: transparent;
}

.form-floating > .form-control::placeholder {
    color: revert;
}


/**
* OVERRIDE VALIDATION CLASSES
*/

.form-control.is-valid, .was-validated .form-control:valid, .form-control.is-valid:focus, .form-control.is-valid:focus-visible{
 background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.98056 3.348L5.02656 7.302L2.87256 5.154L2.02656 6L5.02656 9L9.82656 4.2L8.98056 3.348ZM6.22656 0C2.91456 0 0.226562 2.688 0.226562 6C0.226562 9.312 2.91456 12 6.22656 12C9.53856 12 12.2266 9.312 12.2266 6C12.2266 2.688 9.53856 0 6.22656 0ZM6.22656 10.8C3.57456 10.8 1.42656 8.652 1.42656 6C1.42656 3.348 3.57456 1.2 6.22656 1.2C8.87856 1.2 11.0266 3.348 11.0266 6C11.0266 8.652 8.87856 10.8 6.22656 10.8Z' fill='%2317FF4A'/%3e%3c/svg%3e ") !important;
    border-color: #17FF4A !important;
    /**
    background-position: 98% 0px;**/
    background-position: right 20px bottom 12px !important;
    background-repeat: no-repeat !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}


.form-control.is-invalid, .was-validated .form-control:invalid, .form-control.is-invalid:focus-visible{
    /**background-position: 98% 0px;**/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-position: right 20px bottom 12px !important;
    border-color: #FF0000 !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
    background-repeat: no-repeat !important;
}

.cep-container {
    position: relative;
}

.float-container .cep-help {
    display: none;
}

.cep-container .cep-help {
    display: inline;
    position: absolute;
    right: 0;
    right: 20px;
    top: 20px;
    color: #FFFFFF;
    font-family: 'Barlow';
font-style: normal;
font-weight: 500;
font-size: 12px;
text-decoration: none;
}

/**
* FLOATING LABELS
*/

.float-container {
    /**position: relative;**/
  }
  .float-container input {
    border: none;
    outline: 0;
  }
  .float-container > label {
    /**position: absolute;**/
  }

  .float-label{
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-style: normal;
  font-weight: 500;
  font-size: 8px;
  color: #FFFFFF;
  }
.float-container{
    background-color: #000000;
    border-radius: 7px;
    padding-bottom: 1px;
}




/**
* INPUT CONTROL
*/

.is-file{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='fill: %23FFFFFF;'%3e%3c!--! Font Awesome Pro 6.2.1 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3e%3cpath d='M152 120c-26.51 0-48 21.49-48 48s21.49 48 48 48s48-21.49 48-48S178.5 120 152 120zM447.1 32h-384C28.65 32-.0091 60.65-.0091 96v320c0 35.35 28.65 64 63.1 64h384c35.35 0 64-28.65 64-64V96C511.1 60.65 483.3 32 447.1 32zM463.1 409.3l-136.8-185.9C323.8 218.8 318.1 216 312 216c-6.113 0-11.82 2.768-15.21 7.379l-106.6 144.1l-37.09-46.1c-3.441-4.279-8.934-6.809-14.77-6.809c-5.842 0-11.33 2.529-14.78 6.809l-75.52 93.81c0-.0293 0 .0293 0 0L47.99 96c0-8.822 7.178-16 16-16h384c8.822 0 16 7.178 16 16V409.3z'/%3e%3c/svg%3e") !important;
    border-color: #FFFFFF !important;
    /**
    background-position: 98% 0px !important;**/
    background-position: right 20px bottom 12px !important;
    background-size: calc(0.5em + 0.375rem) calc(0.75em + 0.375rem) !important;
    background-repeat: no-repeat !important;
}

.input-type-file{
    cursor: pointer;
}

.input-control[type=file] {
    padding-top: 0.375rem !important;
}

.input-control, .input-control:focus, .input-control:focus-visible{
    border-radius: 7px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background: #000000;
    box-sizing: border-box;
    /**height: 754.93px;**/
    border: 0;
    color: #FFFFFF;
    font-style: normal;
  font-weight: 700;
  font-size: 14px;
  /**
  line-height: 41px;**/
  line-height: 0;
  }

  .input-control::placeholder{
    color: rgba(255, 255, 255, 0.5);
  font-weight: 500;
  }

  .float-label{
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-style: normal;
  font-weight: 500;
  font-size: 8px;
  /**line-height: 24px;**/
  color: #FFFFFF;
  }

  .float-container > input{
    line-height: 0;
    padding-top: 0 !important;
    padding-bottom: 12px !important;
   }

   .float-container > textarea {
    line-height:  initial !important;
   }

   /**
   * SELECT2 MULTIPLE
   */
   .select2-selection.select2-selection--multiple{
    padding-right: 0px !important;
   }
   .select2-container--bootstrap-5 .select2-selection {
    padding-top: 0px ;
   }
   .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
    color: #FFFFFF;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
   }



    .is-times .select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    /**display: none;**/
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    /**
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);**/
/**
    background-position: 98% 0px !important;**/
    background-position: right 20px bottom 8px !important;
    background-size: calc(1em + 0.375rem) calc(0.75em + 0.375rem) !important;
   }

   .is-check .select2-container--bootstrap-5 .select2-selection--multiple .select2-search {
    /**display: none;**/
    padding-right: 2.25rem;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.98056 3.348L5.02656 7.302L2.87256 5.154L2.02656 6L5.02656 9L9.82656 4.2L8.98056 3.348ZM6.22656 0C2.91456 0 0.226562 2.688 0.226562 6C0.226562 9.312 2.91456 12 6.22656 12C9.53856 12 12.2266 9.312 12.2266 6C12.2266 2.688 9.53856 0 6.22656 0ZM6.22656 10.8C3.57456 10.8 1.42656 8.652 1.42656 6C1.42656 3.348 3.57456 1.2 6.22656 1.2C8.87856 1.2 11.0266 3.348 11.0266 6C11.0266 8.652 8.87856 10.8 6.22656 10.8Z' fill='%2317FF4A'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    /**
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);**/
/**
    background-position: 98% 0px !important;**/
    background-position: right 20px bottom 8px !important;
    background-size: calc(1em + 0.375rem) calc(0.75em + 0.375rem) !important;
   }

   .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
padding: 0;
border: 0;
margin-bottom: 0;
   }
   .select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
display: none;
   }
/**
* FORM SELECT & SELECT2
*/


  .form-select{
    border-radius: 7px;
    padding-left: 20px !important;
    padding-right: 20px !important;
    background-color: #000000;
    box-sizing: border-box;
    /**height: 754.93px;**/
    border: 0;
    color: #FFFFFF;
    font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 41px;
}

.select2-container--bootstrap-5 .select2-selection{
    border-radius: 7px;
    padding-left: 20px ;
    padding-right: 20px ;
    background-color: #000000 ;
    box-sizing: border-box ;
    /**height: 754.93px;**/
    border: 0;
    color: #FFFFFF;
    font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 41px;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field{
    border-radius: 7px;
    background-color: #1E1E1E ;
    box-sizing: border-box ;
    /**height: 754.93px;**/
   border: 1px solid #ffffff;
    color: #FFFFFF;
    font-style: normal;
  font-weight: 700;
  font-size: 14px;

}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){
    background-color: #1E1E1E ;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted{
    background-color: #1E1E1E ;
    color: #FFFFFF;
}

.select2-container--bootstrap-5 .select2-dropdown{
    background-color: #000000 ;
    /**border: 1px solid #3D3D3D;**/
    border:0 ;
    color: #FFFFFF;
    border-radius: 7px;
}
.float-select-label{
    padding-left: 20px !important;
    padding-right: 20px !important;
    font-style: normal;
  font-weight: 500;
  font-size: 8px;
  color: #FFFFFF;
  }
.float-select-container{
    background-color: #000000;
    border-radius: 7px;
    padding-bottom: 1px;
}

.select2-container--bootstrap-5 .select2-selection{
    min-height: auto;
}

.select2-container--bootstrap-5 .select2-selection--single{
    padding-top: 0;
    padding-bottom: .375rem;
}

  .float-select-container select {
    border: none;
    outline: 0;
  }


  .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered{
    color: #FFFFFF;
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
  }
  .select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection{
    border-color: none;
    box-shadow: none;
  }

  .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder{
    color: rgba(255, 255, 255, 0.5);
    font-weight: 500;
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
  }

.is-times .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-size: 20px 16px;
}

.is-check .select2-container--bootstrap-5 .select2-selection--single {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='12' viewBox='0 0 13 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M8.98056 3.348L5.02656 7.302L2.87256 5.154L2.02656 6L5.02656 9L9.82656 4.2L8.98056 3.348ZM6.22656 0C2.91456 0 0.226562 2.688 0.226562 6C0.226562 9.312 2.91456 12 6.22656 12C9.53856 12 12.2266 9.312 12.2266 6C12.2266 2.688 9.53856 0 6.22656 0ZM6.22656 10.8C3.57456 10.8 1.42656 8.652 1.42656 6C1.42656 3.348 3.57456 1.2 6.22656 1.2C8.87856 1.2 11.0266 3.348 11.0266 6C11.0266 8.652 8.87856 10.8 6.22656 10.8Z' fill='%2317FF4A'/%3e%3c/svg%3e ");
    background-size: 20px 16px;
}

  .select2-container--bootstrap-5 .select2-selection--single{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    /**background-position: 98% 0px;**/
    background-position: right 20px bottom 12px;
}

.select2, .select2-container, .select2-container--bootstrap-5{
max-width: 100% !important;
width: 100% !important;
}

.select2 .select2-container .select2-container--bootstrap-5 .select2-container--focus{
max-width: 100% !important;
width: 100% !important;
}

.select2 .select2-container .select2-container--bootstrap-5 .select2-container--focus .select2-container--above{
max-width: 100% !important;
width: 100% !important;
}

/**
* CHECKBOX | ROUNDED CHECKBOX
*/

.form-check-control > .form-check-input {

}

.form-check-control > .form-check-label {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    /**line-height: 294%;**/
    text-decoration-line: underline;

    color: #F4C310;

}

.form-check-control > .form-check-input:focus, .form-check-input, .form-check-input:checked {
    border-color: #F4C310;
    background-color: #202020;
}

.form-check-input:checked[type=checkbox]{
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path fill='none' stroke='%23F4C310' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/></svg>");
}

.form-check-rounded[type=checkbox]{
    border-radius: 1.25em !important;
}

.form-check-rounded{
    border-color: #FFFFFF;
}

.form-check-rounded:focus{
    border-color: #F4C310;
}

.form-check-rounded:checked[type=checkbox]{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23F4C310'%3e%3c!--! Font Awesome Pro 6.2.1 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3e%3cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z'/%3e%3c/svg%3e") !important;
    background-size: 10px;
}

.form-check-label-rounded {
    font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 16px;
display: flex;
align-items: center;

color: #FFFFFF;
}

.label-radio{
    color: #FFFFFF;
    font-style: normal;
    font-weight: 400;
}

.form-check-rounded:checked[type=radio]{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23F4C310'%3e%3c!--! Font Awesome Pro 6.2.1 by %40fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --%3e%3cpath d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512z'/%3e%3c/svg%3e") !important;
    background-size: 10px;
}

.form-check-rounded[type=radio]{
    border-color: #FFFFFF;
}

.form-check-rounded:checked[type=radio]{
    border-color: #F4C310;
}

.form-check-rounded:checked ~ label {
    color: #F4C310;
    text-decoration-line: underline;
  }


/**
* UL, LI
*/

ul > li {
    font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 145.5%;
letter-spacing: 0.01em;

color: #ACACAC;
}

/**
* COPYRIGHT
*/

.copyright{
    font-style: normal;
  font-weight: 400;
  font-size: 9px;
  line-height: 11px;
  }


/**
* BADGE-more
*/

.badge-more{
    background-color: #3C3C3C;
border-radius: 20px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #FFFFFF;
padding: 5px 15px 6px;
}

.badge-cd{
    background-color: #333333;
border-radius: 7px;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 21px;
/* identical to box height, or 150% */
color: #FFFFFF;
}


table{
    color: #FFFFFF !important;
    border-collapse: separate;
    border-spacing:0 20px;
}

table > thead > tr > td {
    font-weight: 900;
}



.tr-card > td {
    background-color: #3D3D3D;
    border: solid 1px #3D3D3D;
    border-style: none solid solid none;
    word-wrap: break-word;
}


tr td:last-child {
    /* styles */
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


tr td:first-child {
    /* styles */
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}