/**********************/
/* Template :: INICIO */
/**********************/
:root {
    --cor-principal: #f58634;
    --cor-principal-escura: #d9762e;
    --cor-principal-clara: #ffe3ce;
}

.btn-group-xs>.btn, .btn-xs {
    font-size: 0.325rem;
}

.btn-myway {
    background-color: var(--cor-principal);
    color: white;
}

.bg-myway {
    background-color: #f58634 !important;
}

.bg-ligth-myway {
    background-color: var(--cor-principal-clara);
}

.btn-check:checked + .btn.btn-active-color-myway, .btn-check:active + .btn.btn-active-color-myway, .btn.btn-active-color-myway:focus:not(.btn-active), .btn.btn-active-color-myway:hover:not(.btn-active), .btn.btn-active-color-myway:active:not(.btn-active), .btn.btn-active-color-myway.active, .btn.btn-active-color-myway.show, .show > .btn.btn-active-color-myway {
    color: #f58634;
  }
  .btn-check:checked + .btn.btn-active-color-myway i, .btn-check:active + .btn.btn-active-color-myway i, .btn.btn-active-color-myway:focus:not(.btn-active) i, .btn.btn-active-color-myway:hover:not(.btn-active) i, .btn.btn-active-color-myway:active:not(.btn-active) i, .btn.btn-active-color-myway.active i, .btn.btn-active-color-myway.show i, .show > .btn.btn-active-color-myway i {
    color: #f58634;
  }
  .btn-check:checked + .btn.btn-active-color-myway .svg-icon svg [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-color-myway .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-myway:focus:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-myway:hover:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-myway:active:not(.btn-active) .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-myway.active .svg-icon svg [fill]:not(.permanent):not(g), .btn.btn-active-color-myway.show .svg-icon svg [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-myway .svg-icon svg [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
    fill: #f58634;
  }
  .btn-check:checked + .btn.btn-active-color-myway .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn-check:active + .btn.btn-active-color-myway .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-color-myway:focus:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-color-myway:hover:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-color-myway:active:not(.btn-active) .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-color-myway.active .svg-icon svg:hover [fill]:not(.permanent):not(g), .btn.btn-active-color-myway.show .svg-icon svg:hover [fill]:not(.permanent):not(g), .show > .btn.btn-active-color-myway .svg-icon svg:hover [fill]:not(.permanent):not(g) {
    transition: fill 0.3s ease;
  }
  .btn-check:checked + .btn.btn-active-color-myway.dropdown-toggle:after, .btn-check:active + .btn.btn-active-color-myway.dropdown-toggle:after, .btn.btn-active-color-myway:focus:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-myway:hover:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-myway:active:not(.btn-active).dropdown-toggle:after, .btn.btn-active-color-myway.active.dropdown-toggle:after, .btn.btn-active-color-myway.show.dropdown-toggle:after, .show > .btn.btn-active-color-myway.dropdown-toggle:after {
    color: #f58634;
  }

.border-myway {
    border-color: #f58634 !important;
}

.btn-myway > * {
    color: white;
}

.btn-myway:hover {
    background-color: var(--cor-principal-clara);
    color: var(--cor-principal-escura);
}

.btn-myway:hover > * {
    color: var(--cor-principal-escura);
}

.btn-light-myway {
    background-color: var(--cor-principal-clara);
    color: var(--cor-principal);
}

.btn-light-myway > * {
    color: var(--cor-principal);
}

.btn-light-myway:hover {
    background-color: var(--cor-principal);
    color: white;
}

.btn-light-myway:hover > * {
    color: white;
}

.page-item.active .page-link {
    color: white;
    background-color: var(--cor-principal);
}

.text-myway, .text-myway-hover {
    color: var(--cor-principal) !important;
}

.text-myway-hover:hover {
    color: var(--cor-principal-escura) !important;
}

.page-item.active .page-link:hover {
    color: var(--cor-principal-escura);
    background-color: var(--cor-principal-clara);
}

.page-item:hover:not(.offset) .page-link {
    color: var(--cor-principal);
}

.table td:last-child, .table th:last-child, .table tr:last-child {
    padding-right: 0.75rem;
}

.table td:first-child, .table th:first-child, .table tr:first-child {
    padding-left: 0.75rem;
}

.header {
    background-color: #fe8627;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
    background-color: var(--cor-principal);
    color: #fff !important;
}

.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted:not(.select2-results__option.select2-results__option--selected) {
    color: var(--cor-principal) !important;
    background-color: var(--cor-principal-clara) !important;
}

.select2-container--bootstrap5 .select2-selection__clear:hover {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f58634'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-icon i {
    color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-title {
    color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-bullet .bullet {
    background-color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet {
    background-color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .aside .aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside .aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i {
    color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item.show>.menu-link .menu-title {
    color: var(--cor-principal) !important;
}

.aside .aside-menu .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-arrow:after, .aside .aside-menu .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-arrow:after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 9' fill='orange'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.93537 4.57889C6.03839 4.77912 6.0191 5.0363 5.87137 5.21403L2.87153 8.82282C2.68598 9.04603 2.36951 9.06026 2.16468 8.8546C1.95985 8.64893 1.94422 8.30126 2.12977 8.07804L4.80594 4.85863L2.15586 1.93583C1.96104 1.72096 1.96165 1.37314 2.15722 1.15895C2.35279 0.944757 2.66927 0.945311 2.86409 1.16018L5.85194 4.45551C5.8859 4.49296 5.91371 4.53459 5.93537 4.57889Z'/%3e%3c/svg%3e");
}

.aside .aside-menu .menu .menu-item .menu-link.active .menu-title {
    color: var(--cor-principal) !important;
}

.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--cor-principal)
}

.btn-check:active+.btn.btn-active-color-myway, .btn-check:checked+.btn.btn-active-color-myway, .btn.btn-active-color-myway.active, .btn.btn-active-color-myway.show, .btn.btn-active-color-myway:active:not(.btn-active), .btn.btn-active-color-myway:focus:not(.btn-active), .btn.btn-active-color-myway:hover:not(.btn-active), .show>.btn.btn-active-color-myway {
    color: var(--cor-principal) !important;
}

.page-link:hover {
    color: var(--cor-principal) !important;
    background-color: var(--cor-principal-clara) !important;
}

/*******************/
/* Template :: FIM */
/*******************/

/*************************/
/* Ajax padrão :: INICIO */
/*************************/
#mdl-ajax-padrao{
    z-index: 9999 !important;
}
.progress-ajax-padrao{
    position: relative;
    height: 4px;
    display: block;
    width: 100%;
    background-color: #efe5df;
    border-radius: 2px;
    margin: 0.5rem 0 1rem 0;
    overflow: hidden;
}
.progress-ajax-padrao .indeterminate{
    background-color: #603397;
}
.progress-ajax-padrao .indeterminate:before {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
    animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}
.progress-ajax-padrao .indeterminate:after {
    content: '';
    position: absolute;
    background-color: inherit;
    top: 0;
    left: 0;
    bottom: 0;
    will-change: left, right;
    -webkit-animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
    -webkit-animation-delay: 1.15s;
    animation-delay: 1.15s;
}
@-webkit-keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}
  
@keyframes indeterminate {
    0% {
        left: -35%;
        right: 100%;
    }
    60% {
        left: 100%;
        right: -90%;
    }
    100% {
        left: 100%;
        right: -90%;
    }
}
  
@-webkit-keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}
  
@keyframes indeterminate-short {
    0% {
        left: -200%;
        right: 100%;
    }
    60% {
        left: 107%;
        right: -8%;
    }
    100% {
        left: 107%;
        right: -8%;
    }
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs .nav-item.show .nav-link {
    border-bottom: 1px solid var(--cor-principal);
}
/**********************/
/* Ajax padrão :: FIM */
/**********************/

/**********************/
/* Validate :: INICIO */
/**********************/
.jquery-validate-error {
    color: red;
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #f1416c !important;    
}
/*******************/
/* Validate :: FIM */
/*******************/

/************************/
/* Datepicker :: INICIO */
/************************/
.datepicker.datepicker-dropdown td, .datepicker.datepicker-dropdown th {
    width: 2.25rem !important;
    height: 2.25rem !important;
    font-size: 0.85rem !important;
}
/*********************/
/* Datepicker :: FIM */
/*********************/

/***********************/
/* Tagsinput :: INICIO */
/***********************/
.bootstrap-tagsinput {
    display: block !important;
    border-color:rgba(100, 117, 137, 0.1) !important;
}
.bootstrap-tagsinput input {
    width: 100% !important;
    padding: 6px 14px !important;
}
.bootstrap-tagsinput .label {
    background-color: #747474;
    padding: 0.15rem 0.5rem;
    border-radius: 0.2rem;
}
.bootstrap-tagsinput > input {
    padding: 6px 14px !important;
}
.bootstrap-tagsinput > input::-webkit-input-placeholder {
    text-transform: none;
}
.bootstrap-tagsinput > input:-moz-placeholder {
    text-transform: none;
}
.bootstrap-tagsinput > input::-moz-placeholder {
    text-transform: none;
}
.bootstrap-tagsinput > input:-ms-input-placeholder {
    text-transform: none;
}
.bootstrap-tagsinput > input::placeholder {
    text-transform: none;
}

.swal2-icon.swal2-myway {
    border-color: #f58634;
    color: #f58634;
}

/********************/
/* Tagsinput :: FIM */
/********************/

/*********************/
/* blockUI :: INICIO */
/*********************/
.blockui .blockui-overlay {
  background-color: rgb(0 0 0 / 60%);
}

.blockui .blockui-overlay .spinner-border {
    color: var(--cor-principal) !important;
}
/******************/
/* blockUI :: FIM */
/******************/

/*********************/
/* Helpers :: INICIO */
/*********************/
.resize-none {
    resize: none;
}
/******************/
/* Helpers :: FIM */
/******************/

.form-select.is-invalid, .was-validated .form-select:invalid {
    border-color: #f1416c !important;
}

select[readonly].select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection {
    background: #eee;
    box-shadow: none;
}

select[readonly].select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

.px-select2-multiple {
    padding-top: 0.6rem !important;
    padding-bottom: 0.6rem !important;
}

.select2-container .select2-search--inline .select2-search__field {
    font-family: Poppins,Helvetica,sans-serif;
}

.tns .tns-nav button {
    width: 2.25rem;
    height: 1.75rem;
    background-color: #b5b5b5;
}

.symbol img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.alert-myway {
    color: var(--cor-principal-escura);
    background-color: var(--cor-principal-clara);
    border-color: var(--cor-principal-clara);
}

.btn-close-icon:hover {
    color: var(--cor-principal);
}

table.dataTable > thead > tr > th {
    font-weight: 500;
}

.dia-indisponivel{
    background-color: #f1416c !important;
    color: white !important;
}

.daterangepicker .drp-calendar td.today.available.dia-indisponivel{
    background-color: red !important;
}