/*------Input--------*/
.input__class:focus {
    border-color: #DCE2EC !important;
    box-shadow: none !important;
}

.input__class {
    border-radius: 8px;
    height: 40px;
    padding: 0 20px;
}

label+.input__class {
    margin-top: 3px;
}

.button__group .btn {
    margin-top: 10px;
    margin-right: 13px;
    margin-bottom: 15px;
    text-align: center;
    padding: 12px 27.5px;
    line-height: 1;
    font-size: 16px;
    font-weight: 500;
    font-family: "DM Sans",sans-serif;
    border-radius: 8px;
}

.color__danger {
    color: #FF0000FF;
}
/*------Input--------*/

/*------Badge Design--------*/
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
}

.badge__processing {
    color: #fff;
    background-color: #007bff;
}

.badge__completed {
    color: #fff;
    background-color: #28a745;
}

.badge__pending {
    color: #fff;
    background-color: #dc3545;
}

.badge__canceled {
    color: #fff;
    background-color: #343a40;
}
/*------Badge Design--------*/

/*------Action Dropdown--------*/
.action__dropdown {
    position: relative;
}
.action__dropdown .action__dropdown__toggler:after {
    height: 0;
    width: 0;
    border: 0;
}
.action__dropdown .dropdown__menu {
    display: none;
    position: absolute;
    top: 100%;
    right: 0 !important;
    background: #fff;
    border-radius: 5px;
    min-width: 174px;
    z-index: 9;
    padding: 15px 0;
    box-shadow: 0px 5px 20px rgb(19 33 68 / 5%);
    inset: 21px 0 auto auto !important;
    transform: unset !important;
}
.action__dropdown .dropdown__menu.show {
    display: block !important;
}
.action__dropdown .dropdown__menu li {
    text-align: left;
}
.action__dropdown .dropdown__menu li a {
    padding: 5px 15px;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #8C93AA;
}
.action__dropdown .dropdown__menu li a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #212529;
}
.action__dropdown .dropdown__menu li a i {
    transition: color .3s ease;
    margin-right: 5px;
}
.action__dropdown .dropdown__menu li a:hover i {
    color: #212529;
}

.notifyjs-bootstrap-base{
    padding: 3px 15px 3px 25px !important
}
/*------Action Dropdown--------*/

/*------Login & Register------------*/
#auth #auth-left .auth-logo {
    margin-bottom: 0 !important;
    text-align: center;
}

#auth #auth-left .auth-logo img {
    height: 48px !important;
}

#auth #auth-left .auth-title {
    font-size: 40px !important;
    text-align: center;
}

.auth__text__uppercase {
    text-transform: uppercase;
}

.auth__input:focus {
    border-color: #DCE2EC !important;
    box-shadow: none !important;
}

#auth-right{
    background: none, linear-gradient(90deg,#98999d,#f4f4f533) !important;
    background-repeat: no-repeat !important;
}

.auth__banner img {
    transform: translate(44%, 13%);
}
/*------Login & Register------------*/

/*------Sidebar------------*/
.sidebar-wrapper .sidebar-header {
    padding: 0 10px 0 10px !important;
}

.sidebar-wrapper .sidebar-header img {
    height: 70px !important;
    margin-top: 10px;
    padding: 17px;
}
/*------Sidebar------------*/

/*------Select------------*/
.choices {
    margin-bottom: 0 !important;
}
/*------Select------------*/

/*------Product Image Preview------------*/
.thumbnail__image .file-upload {
    background-color: #ffffff;
    width: 600px;
}

.thumbnail__image .file-upload-btn {
    width: 100%;
    margin: 0;
    color: #fff;
    background: #1FB264;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #15824B;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.thumbnail__image .file-upload-btn:hover {
    background: #1AA059;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.thumbnail__image .file-upload-btn:active {
    border: 0;
    transition: all .2s ease;
}

.thumbnail__image .file-upload-content {
    display: none;
    margin-top: 10px;
}

.thumbnail__image .file-upload-input {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
    cursor: pointer;
}

.thumbnail__image .image-upload-wrap {
    margin-top: 20px;
    border: 4px dashed #1FB264;
    position: relative;
}

.thumbnail__image .image-dropping,
.thumbnail__image .image-upload-wrap:hover {
    background-color: #1FB264;
    border: 4px dashed #ffffff;
}

.thumbnail__image .image-title-wrap {
    color: #222;
}

.thumbnail__image .drag-text {
    text-align: center;
}

.thumbnail__image .drag-text h3 {
    font-weight: 100;
    text-transform: uppercase;
    color: #15824B;
    padding: 60px 0;
}

.thumbnail__image .file-upload-image {
    max-height: 300px;
    width: 50%;
    border: 4px solid #adaaaa;
}

.thumbnail__image .remove-image {
    width: 50%;
    margin-top: 10px;
    color: #fff;
    background: #fd1b00;
    border: none;
    padding: 10px;
    border-radius: 4px;
    border-bottom: 4px solid #fd1b00;
    transition: all .2s ease;
    outline: none;
    text-transform: uppercase;
    font-weight: 700;
}

.thumbnail__image .remove-image:hover {
    background: #c13b2a;
    color: #ffffff;
    transition: all .2s ease;
    cursor: pointer;
}

.thumbnail__image .remove-image:active {
    border: 0;
    transition: all .2s ease;
}
/*------Image Preview------------*/
.add__field {
    display: flex;
}

.add__field .form-group {
    width: 86%;
}

.add__file__field {
    display: flex;
}

.add__file__field .form-group {
    width: 86%;
}

.button__area {
    margin-left: 10px;
}

.unused-amount-zero {
    border: 1px dashed #555;
    background-color: #f9f8f8;
    border-radius: 3px;
    color: #555;
    padding: 15px;
}

.company__filter {
    margin-right: 10px;
    /*width: 185px;*/
    width: auto;
}

.sales__report__filter__main .customer__filter, .due__report__filter__main .customer__filter {
    margin-right: 10px;
    width: auto;
    /*width: 25%;*/
}

.payment__report__filter__main .customer__filter {
    margin-right: 10px;
    width: auto;
    /*width: 27%;*/
}

.payment__report__filter__main .company__filter {
    margin-right: 10px;
    width: auto;
    /*width: 15%;*/
}

.customer__ledger__report__filter__main .customer__filter {
    margin-right: 10px;
    width: auto;
    /*width: 31%;*/
}

.payment__mode__filter {
    margin-right: 10px;
    width: auto;
    /*width: 20%;*/
}

.payment__term__filter {
    margin-right: 10px;
    width: auto;
}

.daterange__filter .form__date__parent {
    padding-right: 0px !important;
}

.daterange__filter {
    margin-right: 10px;
    width: auto;
    /*width: 34%;*/
}

.customer__ledger__report__filter__main .company__filter {
    /*width: 20%;*/
    width: auto;
}

.customer__ledger__report__filter__main .daterange__filter {
    /*width: 45%;*/
    width: auto;
}

.reset__filter {
    margin-right: 10px;
}

.filter__parent .form-control:focus, .form-control {
    outline: none !important;
    box-shadow: none !important;
}

.show__file {
    border: 1px solid #e1d3d3de;
    padding: 6px;
    margin-left: 10px;
    width: 80%;
    margin-top: 10px;
}

.remove__file {
    margin-top: 10px;
}

.dashboard__received__table {
    /*border: 1px solid #efeded;*/
}

.dashboard__received__table td {
    border-bottom-width: 0px !important;
}

.unpaid__customer__tr {
    border: none !important;
}

.dashboard__received__table .table-lg.dataTable-table tr td, .table-lg.dataTable-table tr th, .table.table-lg tr td, .table.table-lg tr th {
    padding: 7px !important;
}

.card.received__card {
    height: 75%;
}

.modal-body {
    padding: 30px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.excelBtn {
    margin-left: 10px;
}

.custom__text__right {
    text-align: right;
}

/*Sidebar*/
#adminMenu.close-menu .sidebar-item span,
#adminMenu.close-menu .sidebar-title span {
    display: none;
}
#adminMenu .collapseButton {
    cursor: pointer;
}
#adminMenu.close-menu .sidebar-item .sidebar-link:after {
    content: none;
}
#adminMenu.close-menu .sidebar-wrapper {
    width: 84px !important;
}
#adminMenu.close-menu .sidebar-wrapper .menu {
    padding: 0 1rem;
}
#adminMenu.close-menu #main {
    margin-left: 70px;
    padding: 2rem;
}

#adminMenu .collapse__icon .large__sidebar {
    font-size: 22px;
    position: absolute;
    transform: translate(-1px, 27px);
}

#adminMenu .collapse__icon .collapse__sidebar {
    font-size: 22px;
    position: relative;
    margin-left: -43px;
    transform: translate(27px, 31px);
}


@media screen and (max-width: 768px) {
    #adminMenu .collapse__icon .large__sidebar {
        display: none;
    }

    #adminMenu .collapse__icon .collapse__sidebar {
        display: none;
    }
}

.report__tfoot tr, td {
    border: 0 !important;
    border-bottom-width: 0px !important;
    font-weight: bolder;
}

.choices__list--dropdown .choices__item--selectable {
    padding-right: 0 !important;
}

/*.customer__filter .choices {
    width: 77% !important;
}

.customer__filter .choices__list--single {
    padding: 7px 16px 0px 4px !important;
}

.customer__filter .choices__inner {
    padding: 1.5px 10.5px 5.75px !important;
    min-height: 35px !important;
    font-size: 16px !important;
    border: 1px solid #dce7f1;
}*/

.stats-icon i {
    font-size: 1.2rem;
    margin-top: 6px;
}

.year__filter {
    width: 21%;
}

.close-menu .sidebar-wrapper .menu .submenu .submenu-item {
    position: relative;
    transform: translate(-55px, 1px);
    line-height: 1;
}

.close-menu .sidebar-wrapper .menu .submenu .submenu-item a {
    font-size: 10px;
}

tr.unpaid__customer__tr td {
    font-weight: normal;
}

.dashboard__card .card {
    min-height: 80%;
}

.user__details__card {
    min-height: 16%;
}

.bi-arrow-repeat::before {
    margin-top: 3px;
}

tr.unpaid__customer__tr a {
    color: #607080;
}

nav.breadcrumb-header.float-start span.year__filter {
    margin-left: 20px;
}

.dashboard__chart__title__main nav.breadcrumb-header.float-start ol span {
    margin-right: 20px;
}

.customer__filter .select2.select2-container.select2-container--default {
    width: auto !important;
}
.sv-select:before {
    z-index: 1;
}
.select2-selection.select2-selection--single {
    height: 40px;
    border: 1px solid #DCE2EC;
    /*border-radius: 8px;*/
}
.select2-selection.select2-selection--single .select2-selection__rendered {
    line-height: 40px;
}
.select2-selection__arrow {
    display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border: none;
}

.customer__filter .select2.select2-container.select2-container--default {
    /*width: 86% !important;*/
}

.design__modal__header {
    background-color: #6ec2d9;
    padding: 5px;
    /*justify-content: center !important;*/
}

.modal__header__title {
    justify-content: center !important;
    margin-left: 10px;
}

.design__modal__header p{
    font-size: 20px;
    font-weight: bolder;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #ffffff;
}

.design__modal__footer {
    padding: 5px !important;
}

.design__modal__body {
    padding: 10px 10px 0px 4px !important;
}

tbody.unpaidInvoices {
    border: 1px solid #dedede !important;
}

tbody.unpaidInvoices td{
    font-weight: normal !important;
}

#detailsModalId .design__modal__body {
    font-size: 14px;
    line-height: 13px;
}

.invoice__info {
    line-height: 0.5;
    background: #eeeeee;
    border: 1px solid #dadada;
    border-radius: 5px;
}