/* consistant forn size */

body,
p,
span,
input {
    font-size: 14.5px !important;
    
}


/* Fix Login page auto complete issue */

.login-form .input-field>input[type]:-webkit-autofill:not(.browser-default)+label,
.login-form .input-field>input[type=date]:not(.browser-default)+label,
.login-form .input-field>input[type=time]:not(.browser-default)+label {
    transform: translateY(2px) scale(.8) !important;
    /* font-size: initial; */
}

.login-form input:-webkit-autofill {
    color: #2a2a2a !important;
    /* -webkit-box-shadow: 0 0 0 1000px white inset !important; */
    -webkit-text-fill-color: black !important;
}


/* Pagination  fix*/

.pagination {
    margin-bottom: 20px;
    justify-content: center !important;
}

.pagination li.page-item {
    display: flex !important;
    align-items: center !important;
}

.pagination>li.previous>a.page-link,
.pagination>li.next>a.page-link {
    padding: 0px 15px !important;
}

.pagination li.disabled {
    display: none !important;
}


/* Data table processing */

.dataTables_processing {
    background: transparent !important;
    box-shadow: none;
}

div.dataTables_length {
    float: left;
}

div.dataTables_filter {
    float: right;
}

div.dataTables_length label {
    display: flex;
    align-items: center;
}

div.dataTables_length label>select {
    margin: 0px 10px;
}

div.dataTables_length select.custom-select {
    height: 30px;
    display: block !important;
}

div.dataTables_filter label {
    display: flex;
    align-items: center;
}

div.dataTables_filter input {
    height: 30px !important;
    border: 1px solid #d5d5d5 !important;
    padding: 0px 5px !important;
    background: #f8f8f8 !important;
    border-radius: 5px !important;
}


/* div.dt-bootstrap4 thead th{
    text-align: center;
} */


/* side Nav */

.sidenav .sidebar-icon-container .badge {
    font-size: 14px !important;
}

.sidenav .navigation-header:nth-child(n+2) {
    margin-top: 20px !important;
}

div.collapsible-body li.navigation-header a.navigation-header-text {
    padding-left: 15px !important;
    font-weight: bold;
}

.acive-link,
.sidenav-active-rounded .sidenav li:not(.open)>a.active {
    background: #0d50a1 !important;
}

.nav-collapsible span.badge {
    color: black !important;
}

.sidenav-active-rounded .sidenav li:not(.open)>a.active,
.sidenav-active-rounded .sidenav li:not(.open)>a.active span {
    color: white !important;
    background-color: #0d50a1 !important;
}

.sidenav-active-rounded .sidenav li:not(.open)>a.active .sidebar-sub-icon {
    z-index: 1;
    filter: invert(100%) sepia(3%) saturate(11%) hue-rotate(75deg) brightness(102%) contrast(101%) !important;
}

.sidenav-active-rounded .sidenav img:not(.active) {
    z-index: 1;
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(337deg) brightness(106%) contrast(106%);
}

.sidenav-active-rounded .sidenav li:not(.open)>a.active .icon-without-filter {
    z-index: 1;
    filter: none !important;
}

.add-new-button-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* width: 90px; */
}

.add-new-button-top img {
    margin: 0px !important;
    margin-right: 20px;
}


/*---------Plugin Style -------------------*/
.swal-button:not([disabled]):hover {
    background-color: #0d50a1 !important;
    color: #fff;
}
.swal-button:not([disabled]):focus {
    background-color: #0d50a1 !important;
    color: #fff;
}
.swal-button {
    background-color: #0d50a1cf !important;
    color: #fff;
}



/*---------Affiliates Style -------------------*/

.badge.affiliate-request-count {
    float: none !important;
    padding: 3px 6px;
}

.input-field.search-wrapper {
    max-height: 49px;
    border-radius: 50px;
    width: 100%;
    padding: 1px 0px 0px 42px;
    display: flex;
    justify-content: space-between;
    background-color: white;
}

.input-field.search-wrapper .prefix {
    font-size: 1.3rem;
    position: absolute;
    top: 13px;
    left: 12px;
}

.select2-wrapper {
    background: #fff;
    border-radius: 31px;
    max-height: 67px;
    padding: 3px 24px !important;
}

.select2-wrapper .select2-selection.select2-selection--single {
    border: none;
}

.select2-wrapper .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
    margin-left: 0;
    background-image: url('../../images/icon/icons-caret-down.svg');
    width: 22px;
    height: 17px;
    top: 13px;
}

.select2-wrapper .select2-container--default.select2-container--open .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
    margin-left: 0;
    background-image: url('../../images/icon/caret-up.png');
    width: 22px;
    height: 17px;
    top: 13px;
}

.select2-wrapper .select2-selection--single .select2-selection__rendered {
    line-height: 49px;
}

.select3-wrapper {
    padding: 0px 10px;
    margin: 0px;
}

.select3-wrapper .select2-selection.select2-selection--single {
    border: none;
}

.select3-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 14px;
}

.select3-wrapper .select2-selection--single .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
    margin-left: 0;
    background-image: url('../../images/icon/icons-caret-down.svg');
    width: 22px;
    height: 17px;
    top: 13px;
}

.select3-wrapper .select2-container--default.select2-container--open .select2-selection__arrow b {
    border-color: transparent;
    border-width: 0;
    margin-left: 0;
    background-image: url('../../images/icon/caret-up.png');
    width: 22px;
    height: 17px;
    top: 13px;
}

.select3-wrapper .select2-selection--single .select2-selection__rendered {
    line-height: 49px;
}

.input-wrapper span.error {
    position: absolute;
    right: 7px;
    bottom: 1px;
    font-size: 12px;
    color: #ed212e;
    z-index: 100;
}

.form-loader {
    display: none;
}

.form-loader.active {
    display: block;
}

.input-field .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
}


/* Select Z-index Fix */

.select-wrapper .dropdown-content {
    z-index: 99999;
}

.custom-select2 {
    border: 1px solid #d4d4d4 !important;
    border-radius: 4px;
    background-color: white;
}

.custom-select2 .input-field {
    margin-top: unset;
    margin-bottom: unset;
}

.input-field.custom-select2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.custom-select2 .select2-container--default .select2-selection--multiple,
.custom-select2 .select2-container--default .select2-selection--single,
.custom-select2 .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-bottom: none;
}

.custom-select2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 50px;
}

.custom-select2 .select2+label {
    top: -8px;
}

.custom-select2 .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #fff;
    cursor: default;
}

.custom-select2 label {
    font-size: 1rem;
}

.disabled .select2-selection--single .select2-selection__rendered {
    color: #9c9b9d !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    height: 1.65rem !important;
}

.select2-results__option[aria-selected] {
    padding: 10px;
}

.select2 .select2-container .select2-container--default .select2-container--disabled .select2-selection__rendered {
    color: gray !important;
}


/* Select2 multiple selection */

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    margin-top: 5px;
    padding: 0 0px;
    width: 100%;
}

.card-custom-height {
    height: 139px;
}

.card-custom-height-commission {
    height: 65px;
}

.input-field .prefix.active {
    color: #0d50a1 !important;
}

input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    box-shadow: unset;
}

.dataTables_length {
    margin-bottom: 10px;
}

.dataTables_empty {
    text-align: center;
}

.odd td:first-child,
.even td:first-child,
.table-th th:first-child {
    padding-left: 23px !important;
}

.odd td:last-child a:first-child,
.even td:last-child a:first-child {
    padding-right: 9px !important;
}

.input-wrapper .input-field input[type=text]:not(.browser-default):disabled {
    cursor: revert;
}

.datepicker {
    border-bottom: 1px solid #d4d4d4 !important;
    margin: unset !important;
}

.datepicker-date-display, .timepicker-digital-display, .timepicker-tick.active, .timepicker-tick:hover {
    background-color: #024ea3;
}

.timepicker-canvas line {
    stroke: #024ea3;
}

.timepicker-canvas-bg, .timepicker-canvas-bearing {
    fill: #024ea3;
}

.datepicker-table td.is-today,
.datepicker-cancel,
.datepicker-done {
    color: #024ea3;
}

.datepicker-table td.is-selected,
.datepicker-controls button:focus {
    color: #fff;
    background-color: #024ea3;
}

.datepicker-table td.is-outside-current-month,
.datepicker-table td.is-disabled {
    color: rgb(0 0 0 / 14%);
}

.modal-footer {
    padding-left: 24px !important;
}
/* .modal-footer-location {
    padding-left: 28px !important;
} */
/* .courier-save-btn{
    padding-left: 24px !important;
} */

.select-month input:first-child {
    width: 90px;
}


/* .modal.modal-fixed-footer .modal-content{
    height: unset;
} */

input:not([type]):disabled,
input:not([type])[readonly='readonly'],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly='readonly'],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly='readonly'],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly='readonly'],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly='readonly'],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly='readonly'],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly='readonly'],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly='readonly'],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly='readonly'],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly='readonly'],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly='readonly'],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly='readonly'],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly='readonly'],
textarea:disabled,
textarea[readonly='readonly'],
.select2-selection__rendered[aria-readonly='true'] {
    color: rgba(0, 0, 0, .42) !important;
}

input:not([type]):disabled,
input:not([type])[readonly='readonly'],
input[type=text]:not(.browser-default):disabled,
input[type=text]:not(.browser-default)[readonly='readonly'],
input[type=password]:not(.browser-default):disabled,
input[type=password]:not(.browser-default)[readonly='readonly'],
input[type=email]:not(.browser-default):disabled,
input[type=email]:not(.browser-default)[readonly='readonly'],
input[type=url]:not(.browser-default):disabled,
input[type=url]:not(.browser-default)[readonly='readonly'],
input[type=time]:not(.browser-default):disabled,
input[type=time]:not(.browser-default)[readonly='readonly'],
input[type=date]:not(.browser-default):disabled,
input[type=date]:not(.browser-default)[readonly='readonly'],
input[type=datetime]:not(.browser-default):disabled,
input[type=datetime]:not(.browser-default)[readonly='readonly'],
input[type=datetime-local]:not(.browser-default):disabled,
input[type=datetime-local]:not(.browser-default)[readonly='readonly'],
input[type=tel]:not(.browser-default):disabled,
input[type=tel]:not(.browser-default)[readonly='readonly'],
input[type=number]:not(.browser-default):disabled,
input[type=number]:not(.browser-default)[readonly='readonly'],
input[type=search]:not(.browser-default):disabled,
input[type=search]:not(.browser-default)[readonly='readonly'],
textarea.materialize-textarea:disabled,
textarea.materialize-textarea[readonly='readonly'],
textarea:disabled,
textarea[readonly='readonly'],
.select2-selection__rendered[aria-readonly='true'] {
    color: rgba(0, 0, 0, .42) !important;
}

.sidenav li a .material-icons {
    font-size: 1.4rem !important;
    line-height: inherit;
    display: block;
    float: left;
    width: unset;
    margin-right: 16px;
    text-align: unset;
}


/* dashboard card affiliate */

.collection .collection-item {
    line-height: 2.7rem;
}

.datepicker1,
.datepicker2 {
    height: 2.5rem !important;
}

.float-unset {
    float: unset !important;
}

.text-right {
    text-align: right !important;
}


/* Discount Module  */

.create_edit_block .discount-type .input-wrapper {
    position: relative;
}

.create_edit_block .discount-type .input-wrapper .search-icon {
    position: absolute;
    top: 12px;
    right: 0px;
    color: #a2a2a2;
}

.create_edit_block .discount-type .percentage-prefix {
    position: absolute;
    top: 16px;
    right: 0px;
    font-size: 1rem;
    color: #a2a2a2;
}

.create_edit_block .discount-type .collection {
    border: none;
}

.create_edit_block #discount-setting .input-wrapper {
    position: relative;
}

.create_edit_block #discount-setting .input-wrapper .search-icon {
    position: absolute;
    top: 15px;
    right: 0px;
    color: #a2a2a2;
}

.create_edit_block #discount-setting .collection {
    border: none;
}

.create_edit_block #discount-setting .percentage-prefix {
    position: absolute;
    top: 16px;
    right: 0px;
    font-size: 1rem;
    color: #a2a2a2;
}

.create_edit_block #discount-summary .summary-title {
    font-size: 17px;
    color: #024ea3;
}

.create_edit_block .modal-header h4 {
    font-size: 20px;
    margin-top: 15p;
}

.create_edit_block .modal-content {
    padding: 0px 18px;
}

.create_edit_block .modal-content .search-field {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 0 8px;
}

.create_edit_block .modal-content .search-field input {
    border-bottom: none;
    margin-bottom: 0;
    margin-left: 2.5rem;
}

.create_edit_block .modal-content .search-field input:focus {
    border-bottom: none;
    box-shadow: none;
}

.date-wrapper {
    position: relative;
    border: 1px solid #024ea3;
    border-radius: 5px;
}

.date-wrapper .react-datepicker-wrapper {
    /* z-index: 9; */
    position: relative;
    cursor: pointer;
}

.date-wrapper label {
    color: #024ea3;
}

.date-wrapper .date-icon {
    position: absolute;
    top: 12px;
    right: 15px;
}

.datetime-wrapper {
    position: relative;
    border: 1px solid #024ea3;
    border-radius: 5px;
}

.datetime-wrapper .react-datepicker-wrapper {
    /* z-index: 9; */
    position: relative;
    cursor: pointer;
}

.datetime-wrapper label {
    color: #024ea3;
}

.datetime-wrapper .datetime-icon {
    position: absolute;
    top: 12px;
    right: 15px;
}

.create_edit_block [type='radio']+span:before,
[type='radio']+span:after {
    top: 1px;
}

.create_edit_block [type='radio']+span:before,
[type='radio']+span:after {
    width: 19px;
    height: 19px;
}

.create_edit_block .title {
    font-size: 18px !important;
    color: #0c50a1;
}

.create_edit_block .collection .collection-item {
    line-height: 1.5rem;
}

.create_edit_block .secondary-content {
    color: #0c50a1;
}

.create_edit_block [type='checkbox'].filled-in:checked+span:not(.lever):before {
    left: 2px;
}

.create_edit_block p label {
    color: #111;
}

.create_edit_block [type='radio']:not(:checked)+span:before,
[type='radio']:not(:checked)+span:after {
    border: 1px solid #111;
    margin: 0;
}

.create_edit_block .react-datepicker__input-container input {
    height: 1.7rem;
}


/* .create_edit_block [type='checkbox'] + span:not(.lever) {
    line-height: 27px !important;
} */


/* Discount module End */


/* ---------- Permissions Matrix --------------------*/


/* .parent-settings.child {display: none;}
.parent-settings.child.active {display: table-row;}
.parent-user-management.child {display: none;}
.parent-user-management.child.active {display: table-row;} */

.ele-float-right {
    float: right !important;
}


/* ---------- Module Grouped Permissions Matrix --------------------*/

.sub-module.parent-system-settings,
.sub-module.parent-system-settings.items,
.sub-module.user-management.items,
.sub-module.parent-pos-management,
.sub-module.parent-affiliate-management,
.sub-module.parent-dds-management,
.sub-module.parent-sales-management,
.sub-module.inventory-management.parent-pos-management.items {
    display: none;
}

.sub-module.parent-system-settings.active,
.sub-module.parent-system-settings.items.active,
.sub-module.user-management.items.active,
.sub-module.parent-pos-management.active,
.sub-module.parent-affiliate-management.active,
.sub-module.parent-dds-management.active,
.sub-module.parent-sales-management.active,
.sub-module.inventory-management.parent-pos-management.items.active {
    display: table-row;
}


/* .permission-table tr.module td{
    display: inline;
} */
ul.stepper.horizontal::before {
    box-shadow: none !important;
}

.CSVImporter_FormatRawPreview {display: none;}

#group-success-alert, 
#category-success-alert, 
#size-success-alert, 
#quality-success-alert, 
#product-success-alert{
    display: none;
}
#group-success-alert.active,
#category-success-alert.active, 
#size-success-alert.active, 
#quality-success-alert.active, 
#product-success-alert.active{
    display: block;
}
.badge-count {
    margin-top: 2rem;
}

.size-badge-count {
    margin-top: 2rem;
    margin-left: 11px !important;
}