/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.text-start {
    text-align: start;
}
.overflow-hidden {
    overflow: hidden;
}
.w-100 {
    width: 100%;
}
select.invalid + .select2 .select2-selection {
    border-bottom: 1px solid #f44336;
}

.btn-floating.btn-xs {
    width: 1.6rem;
    height: 1.6rem;
}
.collapsible-header .btn-floating.btn-xs {
    margin-left: auto;
}
.btn-tour {
    background-color: #3f51b5 !important;
    line-height: 36px;
    display: inline-block;
    height: 36px;
    padding: 0 2rem;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    border-radius: 2px;
    -webkit-tap-highlight-color: transparent;
}

.btn-tour-exit, .btn-tour-back {
    /* background-color: #00bcd4 !important; */
    background-color: #e8eaf6 !important;
    line-height: 36px;
    display: inline-block;
    height: 36px;
    padding: 0 2rem;
    vertical-align: middle;
    text-transform: uppercase;
    border: none;
    border-radius: 2px;
    -webkit-tap-highlight-color: transparent;
}
button.btn-tour-exit.btn-light-indigo:hover {
    color: #fff !important;
}


/* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2); */

.collapsible li.active > .collapsible-header .btn-arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.btn-floating.btn-xs i {
    line-height: 1.6rem;
    width: 100%;
    vertical-align: baseline;
    transition: transform 0.3s ease-in-out, opacity 0.25s ease-in-out 0.1s,
        -webkit-transform 0.3s ease-in-out;
}

#cookie_info {
    font-size: 15px;
    margin: 0 auto;
    padding: 12px 10px;
    position: absolute;
    text-align: center;
    box-sizing: border-box;
    width: 100%;
    z-index: 9999;
    display: none;
    left: 0px;
    font-weight: 300;
    box-shadow: 0 -1px 10px 0 rgb(172 171 171 / 30%);
}

.d-inline {
    display: inline;
}
.spinner-buton {
    width: 20px;
    height: 20px;
    margin-top: 8px;
}
.select-wrapper > ul {
    min-width: 200px;
}
.spinner-buton > .spinner-layer {
    border-color: #ffffff;
}
.border-bottom {
    border-bottom: 1px solid #e8e8e8;
}
.dropdown-content.info-frame {
    width: auto !important;
    z-index: 1999;
}
.sidenav li.active {
    background-color: rgba(0, 0, 0, 0.035);
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    border-color: rgb(0, 0, 0) transparent transparent;
    border-width: 5px 5px 0 5px;
    margin-left: -5px;
}
.select2-ajax
    ~ .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    display: none;
}
.select2-ajax
    ~ .select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    padding-right: 10px;
}
.select2-ajax
    ~ .select2-container--default
    .select2-selection--single
    .select2-selection__rendered
    .select2-selection__clear {
    font-size: 1.5rem;
}
.select2-results .select2-results__option i.flag-icon {
    position: relative;
    top: -1px;
    margin-right: 1rem;
}
.select2-container--default .select2-results__option,
div.tagsinput span.tag {
    color: #00bcd4;
    background-color: rgba(255, 255, 255, 1);
    padding: 14px 24px;
}
.select2-container--default
    .select2-results__option--highlighted[aria-selected],
div.tagsinput span.tag {
    color: #00bcd4;
    background-color: rgba(255, 255, 255, 1);
}
.select2-container--default .select2-results__option[aria-selected="true"],
.select2-container--default
    .select2-results__option--highlighted[aria-selected="true"] {
    background-color: rgba(0, 0, 0, 0.03);
}
.select2-container--default .select2-results__option:hover {
    background-color: rgba(0, 0, 0, 0.08);
    color: #00bcd4;
}
.select2-container {
    display: block;
    top: 0 !important;
    z-index: 996;
}
.select2-dropdown {
    border-radius: 0;
    opacity: 0;
    transform-origin: 0px 0px;
    transform: scaleX(0) scaleY(0);
    will-change: transform;
    transition: 0.1s;
    -webkit-backface-visibility: hidden;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%),
        0 1px 5px 0 rgb(0 0 0 / 20%) !important;
}
.select2-dropdown.animated {
    opacity: 1;
    transform: scaleX(1) scaleY(1);
}

/* La crearea/editarea cheltuielii, dropdown-ul select2 (furnizor, categorie, etc.) */
.invoice-edit-wrapper .select-wrapper > .select2-container--open:last-child {
    z-index: 1000 !important;
}

li.ui-menu-item {
    font-size: 16px;
    color: #ff4081;
    display: block;
    line-height: 22px;
    padding: 14px 5px;
}

li.ui-menu-item:hover {
    background-color: rgba(0, 0, 0, 0.08);
}

ul.ui-menu {
    background-color: #fff;
    position: absolute;
    margin: 0;
    overflow-y: auto;
    z-index: 997;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%),
        0 1px 5px 0 rgb(0 0 0 / 20%);
}

div.div-textarea-preview {
    color: rgba(0, 0, 0, 0.42);
    border-bottom: 1px dotted rgba(0, 0, 0, 0.42);
    line-height: normal;
    overflow-y: hidden;
    box-sizing: border-box;
    min-height: 3rem;
    padding: 0.8rem 0 0.8rem 0;
    resize: none;
}

.material-tooltip {
    max-width: 400px;
    margin-right: 15px;
}
.tooltip-header {
    font-size: 1.75rem;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}
h1 .tooltip-header,
h2 .tooltip-header,
h3 .tooltip-header,
h4 .tooltip-header,
h5 .tooltip-header,
h6 .tooltip-header {
    position: relative;
    top: -3px;
}
.input-field .tooltip-header {
    position: absolute;
    line-height: 3rem;
    width: 2.25rem;
}
.input-field.file-field .tooltip-header {
    position: relative;
    line-height: 3rem;
    width: 1.75rem;
    margin-right: 0.3rem;
    float: left;
}
.input-field .switch .tooltip-header {
    position: static;
    line-height: initial;
}
.input-field .switch .tooltip-header ~ .lever {
    margin-left: 0;
}
.input-field .tooltip-header ~ input,
.input-field .tooltip-header ~ textarea,
.input-field .tooltip-header ~ label,
.input-field .tooltip-header ~ .validate ~ label,
.input-field .tooltip-header ~ .helper-text,
.input-field .tooltip-header ~ .btn input,
.input-field .tooltip-header ~ .autocomplete-content {
    width: 92%;
    width: calc(100% - 2.25rem);
    margin-left: 2.25rem;
}
.input-field .tooltip-header ~ .btn input {
    width: 90%;
    width: calc(100% - 3rem);
    margin-left: 3rem;
}

.flex {
    display: flex;
}

.self-center {
    align-self: center;
}

.pl-15 {
    padding-left: 15px!important;
}

/* Pricing Page */
#pricing-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto;
}
.left-align {
    text-align: left !important;
}
.mr-auto {
    margin-right: auto;
}
.toggle-font {
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #333333;
}
.collection-items-crossed:before {
    content: "clear"!important;
    color: #ff5252!important;
}
.collection-items-crossed span {
    text-decoration: line-through!important;
}
.price-medium {
    font-size: 3.5rem!important;
}
.icon-size-22 {
    font-size: 22px;
}
.p-10 {
    padding: 5px;
}
/* Pricing Page END */

/* Plans Page */
.price-small {
    font-size: 2.5rem!important;
}
.w-50 {
    width: 50%;
}
.w-100 {
    width: 100%;
}
.mt-24 {
    margin-top: 24px;
}
.mb-20 {
    margin-bottom: 20px;
}
.pb-20 {
    padding-bottom: 20px!important;
}
.w-h-max-content {
    width: max-content!important;
    height: max-content!important;
}
.bg-dark-grey {
    background-color: #f3f3f3;
}
/* Plans Page END*/

/* Account Setting */
.hidden {
    display: none;
}
.card-action-active {
    display: flex;
    justify-content: center;
    height: 69px;
}
.card-action-active span {
    display: flex;
    justify-content: center;
    align-items: center;
}
/* Account Setting END */

/* Modal */
#myModal {
    position: absolute!important;
    top: 35%!important;
    left: 16%!important;
    z-index: 2!important;
}
.restriction-modal .modal-overlay {
    position: absolute!important;
    top: 0!important;
    height: 100%!important;
    background: rgba(0, 0, 0, 0.5)!important;
    backdrop-filter: blur(5px);
    opacity: 1!important;
    z-index: 1!important;
}
.center-align {
    text-align: center!important;
}
.flex-custom-modal-buttons {
    display: flex;
    justify-content: center;
    column-gap: 10px;
}
/* Modal END */

/* Fiscal */
    .flex-inputs {
        display: flex!important;
        align-items: center;
    }
    .button-text-dropdown {
        border: none;
        background: transparent;
        padding: 14px 24px;
        font-size: 16px;
        line-height: 22px;
    }
    .card-alert .card-content a {
        color: #ffeb3b
    }
    .daterangepicker-div {
        cursor: pointer;
        padding: 5px 0;
        border-bottom: 1px solid #9e9e9e;
        width: 100%
    }
    .drp-buttons button {
        line-height: 1.15!important;
    }
/* Fiscal END */
/* Date Picker */
.daterangepicker .ranges li.active, .daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #9c27b0!important;
}
.daterangepicker td.in-range {
    background-color: #9c27b017;
}
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
    line-height: 12px!important;
    padding: 10px 5px!important;
}
.daterangepicker td.start-date {
    border-radius: 2px 0 0 2px;
}
.daterangepicker td.end-date {
    border-radius: 0 2px 2px 0;
}
.daterangepicker {
    font-family: 'Muli', sans-serif !important;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .12), 0 1px 5px 0 rgba(0, 0, 0, .2);
    border-radius: 2px;
}
.daterangepicker .drp-buttons .btn {
    padding: 4px 20px;
    line-height: 1rem;
    height: 30px;
    font-family: 'Muli', sans-serif !important;
}
/* Date Picker END */
/* Pay Invoice */
.error-size {
    font-size: 11px;
}
/* Pay Invoice */

@media only screen and (max-width: 1400px) {
    .price-medium {
        font-size: 3rem!important;
    }
}

@media only screen and (max-width: 992px) {
    .mar-10 {
        margin-bottom: 10%!important;
    }
    #myModal {
        left: 0!important;
    }
}

@media only screen and (max-width: 600px) {
    #search-button {
        padding-left: 0 !important;
    }
    .plans-container .card .card-image .price {
        font-size: 4rem;
    }
    .mar-10 {
        margin-bottom: 20%!important;
    }
    .daterangepicker .applyBtn {
        margin-top: 10px;
    }
}

/* Materialize ascunde global `select { display:none }`; showDropdowns din daterangepicker
   foloseste select-uri native pentru luna/an, deci le re-afisam in calendar.
   Mutat din <style> inline din layouts/admin.blade.php. */
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    display: inline-block !important;
    width: auto;
    height: auto;
    padding: 2px 4px;
    margin: 0 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    font-size: 13px;
}