html,
input,
textarea,
select,
option,
button,
label,
li,
th,
td {
    /*text-transform: uppercase !important;*/
    /*text-transform: uppercase !important;*/
    font-size: 13px !important;
}

input:placeholder {
    font-size: 14px !important;
}

.close {
    color: #fff !important;
    text-decoration: none !important;
    opacity: 1 !important;
}

.required {
    color: red;
}

.editor {
    width: 100%;
    height: 200px;
    font-size: 14px;
    line-height: 18px;
    border: 1px solid #dddddd;
    padding: 10px;
}

.profile-user-img {
    height: 150px;
    width: 150px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3c8dbc !important;
    color: #fff;
    border-color: transparent;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff !important;
}

.fileinput-upload,
.fileinput-upload-button {
    display: none !important;
}

.skin-black .main-header li.user-header {
    background-color: #fff;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {
    color: #333;
}

.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {
    padding: 3px;
    border: 3px solid #d2d6de !important;

}

#user_profile .control-label {
    text-align: left !important;
    padding-left: 30px;
}

.tag-btn {
    padding-left: 25px !important;
    margin: 3px;
}

.tag-label {
    position: absolute !important;
    font-size: 25px !important;
    padding: 5px !important;
}

.btn-size {
    width: 48%;

}

#due_date1 {
    float: right;
}

#status_change {
    font-size: 11px;
}

/* leave request datepickrs */
.datepicker-orient-top {
    z-index: 1035 !important;

}

.scroll {
    max-height: 308px;
    overflow-y: scroll;
    min-height: 300px;
}

.addtask {
    margin-left: 72%;
}

.comment {
    margin-top: 154px;
}

.submit1 {
    margin-left: 81%;
}

.padding-bottom {
    padding-bottom: 20px !important;
}

#loading {

    position: absolute;
    top: 50%;
    left: 50%;
    font-size: -webkit-xxx-large;
    z-index: 99;

}



/* rate */
.rating {
    border: none;
    float: left;
}

.rating>input {
    display: none;
}

.rating>label:before {
    margin: 5px;
    font-size: 1.25em;
    font-family: FontAwesome;
    display: inline-block;
    content: "\f005";
}

.rating>.half:before {
    content: "\f089";
    position: absolute;
}

.rating>label {
    color: #ddd;
    float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/

.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
    color: #FFD700;
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
    color: #FFED85;
}

.date {
    cursor: pointer;
}


.company {
    float: right;
}

#addvendor {
    float: right;
}

#star {
    color: yellow;
}

#btnchange {
    margin-bottom: 5px;
}

.invoice {
    position: relative;
    background: #fff;
    border: 1px solid lightgray;
    padding: 20px;
    margin: 10px 25px;
}

.page-header {
    margin: 66px 0 20px 0;
    /*font-size: 14px;*/
}

.page-header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid lightgray;
}

#invoicetable {
    margin-right: -20px;
    margin-left: -20px;

}

#bankdetail {
    margin-right: -35px;
}

.invoice-info {
    margin-right: -21px;
    margin-left: -21px;
}

#zinvoicetable {
    margin-right: -21px;
    margin-left: -20px;
}

body {
    font-size: 13px !important;
    font-family: Verdana !important;
}

.h4,
h4 {
    font-size: 14px;
}

.dropdown-menu>li>a:hover {
    background-color: #ffa428;
    color: #333;
}

.dropdown-menu>li>a {
    color: black;
}


.skin-black .sidebar-menu>li.active>a {
    border-left-color: #3c8dbc !important;
}

.skin-black .sidebar-menu>li:hover>a,
.skin-black .sidebar-menu>li.active>a,
.skin-black .sidebar-menu>li.menu-open>a {
    color: #FFFFFF !important;
}

/*th, td { white-space: nowrap; }*/

#example15_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example16_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example17_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example18_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example21_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example1_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example2_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;

}

#example_vendor_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_allvendor_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example19_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example20_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example25_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_operation_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}


#example_sales_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_pending_invoice_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_pending_receipt_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_pending_notes_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_purchase_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_bank_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto !important;
}

#example_cash_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_customer_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_product_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_customer_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_customer_pending_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_inq_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example27_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_book_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_bookall_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_book_current_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#example_emp_wrapper .row:nth-child(2)>.col-sm-12 {
    overflow-x: auto;
}

#alllivestorage_1 {
    color: white;
    background-color: #778899;
    border-color: #778899;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_2 {
    color: white;
    background-color: #f39c12;
    border-color: #e08e0b;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_3 {
    color: white;
    background-color: #dd4b39;
    border-color: #d73925;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_4 {
    color: white;
    background-color: #00c0ef;
    border-color: #00c0ef;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_5 {
    color: white;
    background-color: #398439;
    border-color: #255625;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_6 {
    color: white;
    background-color: #008B8B;
    border-color: #008B8B;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_7 {
    color: white;
    background-color: #556B2F;
    border-color: #556B2F;
    border-top-color: white;
    border-radius: 6px;
}

#alllivestorage_8 {
    color: white;
    background-color: #E9967A;
    border-color: #E9967A;
    border-top-color: white;
    border-radius: 6px;
}

#example_bank .dataTables_scrollBody {
    overflow: hidden !important;
    border: 0;
}

#example_bank .dataTables_scrollFoot {
    overflow: auto !important;
    /*// border: 0*/
}

#example_cash .dataTables_scrollBody {
    overflow: hidden !important;
    border: 0;
}

#example_cash .dataTables_scrollFoot {
    overflow: auto !important;
    /*// border: 0*/
}

.font {
    font-family: "gothic" !important;
}

.month {
    width: 150px;
    float: right;
    margin-right: 7px;
    margin-top: -49px;
}

/* 2023-01-18 */
.form-group.position-relative {
    position: relative;
}


.remove_step_field .btn.btn-block.btn-danger.btn-sm.remove-step {
    width: 22px;
    height: 18px;
    padding: 0px;
    text-align: center;
    background-color: transparent;
    line-height: 15px;
    margin-left: auto;
}

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

.upload__box label {
    width: 100%;
}

.create_ticket_form .form-group {
    position: relative;
}

.create_ticket_form .form-group .checkbox {
    position: absolute;
    right: 0;
    top: 4px;
}


.create_ticket_form .form-group .input-group.date {
    display: flex;
    flex-wrap: wrap;
}

.create_ticket_form .form-group .input-group.date .input-group-addon {
    width: 38px;
    height: 34px;
    line-height: 21px;
}

.create_ticket_form .form-group .input-group.date #operation_date {
    flex: 1;
    padding: 6px 12px;
}

.default_value_box {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
}

.form-group.upload_pdf_box label {
    width: 100%;
}

.remove_step_field .btn.btn-block.btn-danger.btn-sm.remove-step .fa.fa-close {
    color: #d73925;
}

.remove_step_field {
    /* position: absolute;
    top: 0;
    right: 0; */
}

.remove_step_field .btn.btn-block.btn-danger.btn-sm.remove-step #Layer_1 {
    width: 20px;
    height: 11px;
}

.row.d-flex {
    display: flex;
    flex-wrap: wrap;
}

.steps_field {
    display: flex;
    flex-wrap: wrap;
    width: 100%;

}

/* .remove-steps .btn.btn-block.btn-danger.btn-sm.remove-step {
    padding: 6px 6px;
} */

.remove-steps .btn.btn-block.btn-danger.btn-sm.remove-step #Layer_1 {
    width: 15px;
    height: 15px;
    line-height: 36px;
    display: block;
}

.remove-steps {
    align-self: center;
    margin-right: auto;
}

.remove-steps .btn.btn-block.btn-danger.btn-sm.remove-step {
    width: max-content;
    margin-bottom: 0;
    line-height: 22px;
    height: 34px;
    margin-left: auto;
}

.step-fields {
    display: flex;
    flex-wrap: wrap;
}

.step-fields label {
    width: 100%;
}

.step-fields .form-group {
    width: 242px;
}

.step-fields .btn.btn-block.btn-primary.btn-sm.add-step-field {
    width: max-content;
    margin-bottom: 0;
    margin-left: 0;
    line-height: 22px;
    height: 34px;
    order: 2;
    margin-left: auto;
}

.steps_field::before {
    border-left: 1px solid #d2d6de;
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    left: 9px;
}

.row.d-flex:not(:last-child) {
    margin-bottom: 50px;
}

.row.d-flex .col-md-12 .row {
    display: flex;
}

/* 2023-01-18 */

/* 2023-01-19 */

.nav-tabs-custom>.nav-tabs>li>a.btn-primary {
    background-color: #3c8dbc;
    border-color: #367fa9;
    color: #fff;
}

.nav-tabs-custom>.nav-tabs>li>a.btn-primary:hover {
    color: #fff;
    background-color: #367fa9;
    border-color: #204d74;
}

.wizard-form {
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .15);
    border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: max-content;
    margin: 50px auto;
}

#create_ticket_step {
    padding-top: 3.75rem;
    flex-direction: column;
    display: flex;
    width: 600px;
    padding-bottom: 3.75rem;
}

#create_ticket_step .step-nav {
    display: flex;
    margin: 0 auto;
    margin-bottom: 0px;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.25rem;
}

#create_ticket_step .step-nav .step-item {
    position: relative;
    flex-shrink: 0;
    margin: 1rem 1.5rem;
}

#create_ticket_step .step-nav .step-item h3 {
    font-weight: 600;
    font-size: 1.25rem;
    margin: 0px;
}

#create_ticket_step .step-nav .step-item.current h3 {
    color: #3c8dbc;
}

#create_ticket_step .step-nav .step-item.current h3::after {
    background-color: #3c8dbc;
}

#create_ticket_step .step-nav .step-item h3::after {
    content: " ";
    position: absolute;
    top: 2.3rem;
    left: 0;
    height: 2px;
    width: 100%;
    background-color: transparent;
    transition: color .2s ease;
}

.create_ticket_form .w-100 {
    padding-bottom: 2.5rem;
    padding-top: 3.75rem;
    padding-left: 3.75rem;
    padding-right: 3.75rem;
}

.steps_field .alert-danger {
    padding: 10px;
    width: 100%;
}

.create_ticket_form {
    padding: 20px 40px;
}

.create_ticket_form .form-group {
    width: 100%;
}

.create_ticket_form .form-group label {
    width: 100%;
}

.create_ticket_form .form-group button,
.create_ticket_form .form-group input,
.create_ticket_form .form-group optgroup,
.create_ticket_form .form-group select,
.create_ticket_form .form-group textarea {
    font-family: Verdana !important;
    font-size: 18px;
    font-weight: 400;
}

.create_ticket_form.current {
    display: block;
}

.create_ticket_form {
    display: none;
}

.create_ticket_form .btn.btn-lg.btn-primary.me-3 {
    font-family: Verdana !important;
    font-size: 15px !important;
    font-weight: 400;
    display: flex;
    flex-wrap: wrap;
    line-height: inherit;
    align-items: center;
    align-self: center;
    padding: 10px 20px;
}

#create_ticket_step .step-nav .step-item.completed h3 {
    color: #B5B5C3;
}

.create_ticket_form .btn.btn-lg.btn-primary.me-3 .svg-icon svg {
    height: 1.35rem !important;
    width: 1.35rem !important;
}

.create_ticket_form .btn.btn-lg.btn-primary.me-3 .svg-icon.svg-icon-3.ms-2.me-0 {
    line-height: 0;
    margin-left: .5rem !important;
}


.create_ticket_form .btn.btn-lg.btn-primary.me-3.ml-auto {
    margin-left: auto;
}

.create_ticket_form .btn.btn-lg.btn-primary.me-3 .svg-icon.svg-icon-4.me-1 {
    line-height: 0;
    margin-right: .5rem !important;
}

.create_ticket_form .d-flex.flex-stack.pt-15 {
    display: flex;
    flex-wrap: wrap;
}

/* 2023-01-19 */

/* 2023-01-21 */

.upload__box .upload__img-wrap,
.upload_pdf_box .upload__pdf-wrap {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.upload__box .upload__img-wrap .upload__img-box,
.upload_pdf_box .upload__pdf-wrap .upload__pdf-box {
    width: 33.33%;
    padding: 0 10px;
    margin-bottom: 12px;
}

.upload__box .upload__img-wrap .upload__img-box .img-bg,
.upload_pdf_box .upload__pdf-wrap .upload__pdf-box .pdf-bg {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding-bottom: 100%;
}

.upload__box .upload__img-wrap .upload__img-box .img-bg .upload__img-close,
.upload_pdf_box .upload__pdf-wrap .upload__pdf-box .pdf-bg .upload__pdf-close {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: center;
    line-height: 19px;
    z-index: 1;
    cursor: pointer;
}

.upload__box .upload__img-wrap .upload__img-box .img-bg .upload__img-close:before,
.upload_pdf_box .upload__pdf-wrap .upload__pdf-box .pdf-bg .upload__pdf-close:before {
    content: "✖";
    font-size: 13px;
    color: white;
    text-align: center;
}


.form-group.upload_pdf_box .btn.btn-default.btn-file.img-select-btn .error,
.form-group.upload__box .btn.btn-default.btn-file.img-select-btn .error {
    position: absolute;
    bottom: -32px;
    z-index: 99999;
    left: 0;
}

/* .form-group.upload_pdf_box,
.form-group.upload__box {
    margin-bottom: 40px;
} */

.form-group.upload_pdf_box .btn.btn-default.btn-file.img-select-btn,
.form-group.upload__box .btn.btn-default.btn-file.img-select-btn {
    overflow: unset;
}

.not_available {
    padding-top: 3.75rem;
    flex-direction: column;
    display: flex;
    width: 600px;
    padding-bottom: 3.75rem;
    text-align: center;
}

/* 2023-01-21 */

/* 2023-01-25 */
.sync-company-data {
    margin-right: 10px;
    float: right;
}

/* 2023-01-25 */

/* 2023-01-23 */

.nav.nav-tabs.role-8 {
    display: flex;
    flex-wrap: wrap;
}

.nav.nav-tabs.role-8 li:nth-child(2) {
    order: 1;
}

.nav.nav-tabs.role-8 li:nth-child(1) {
    order: 2;
}

.nav.nav-tabs.role-8 li:nth-child(3) {
    order: 3;
}

.nav.nav-tabs.role-8 li:nth-child(4) {
    order: 4;
}

.nav.nav-tabs.role-8 li:nth-child(5) {
    order: 5;
}

.nav.nav-tabs.role-11 {
    display: flex;
    flex-wrap: wrap;
}

.nav.nav-tabs.role-11 li:nth-child(2) {
    order: 1;
}

.nav.nav-tabs.role-11 li:nth-child(1) {
    order: 2;
}

.nav.nav-tabs.role-11 li:nth-child(3) {
    order: 3;
}

.nav.nav-tabs.role-11 li:nth-child(4) {
    order: 4;
}

.nav.nav-tabs.role-11 li:nth-child(5) {
    order: 5;
}

.alert {
    margin-top: 30px;
}

.create_ticket_form .input-group.date #datetime {
    float: right !important;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-top-color: rgb(204, 204, 204);
    border-right-color: rgb(204, 204, 204);
    border-bottom-color: rgb(204, 204, 204);
    border-left-color: rgb(204, 204, 204);
    border-radius: 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.create_ticket_form .input-group.date #datetime {
    float: right !important;
    width: calc(100% - 38px);
}

.create_ticket_form .form-group .input-group.date .top,
.create_ticket_form .form-group .input-group.date .bottom {
    display: block;
}

/* 2023-01-23 */
/* 2023-03-27 */
#edit_employee .form-group,
#add_employee .form-group {
    display: flex;
    flex-wrap: wrap;
}

#edit_employee .form-group label,
#add_employee .form-group label {
    order: 1;
}

#edit_employee .form-group .required,
#add_employee .form-group .required {
    order: 2;
}

#edit_employee .form-group .select2,
#edit_employee .form-group input,
#edit_employee .form-group .input-group,
#edit_employee .form-group select,
#add_employee .form-group .select2,
#add_employee .form-group input,
#add_employee .form-group .input-group,
#add_employee .form-group select {
    order: 3;
}

#edit_employee .form-group .error,
#add_employee .form-group .error {
    order: 4;
}

#edit_employee .form-group .input-group,
#add_employee .form-group .input-group {
    width: 100%;
}

/* 2023-03-27 */
/* 2023-04-07 */
.update_product_unique_key.form-control:not(:last-child) {
    margin-bottom: 5px;
}

.update_product_unique_key.form-control.error {
    border-color: red;
}

/* 2023-04-07 */

/* 2023-04-20 */
.content-header.detail_customerinq .alert-dismissable:last-child,
.content-header.detail_customerinq .alert:last-child {
    height: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    position: absolute;
    z-index: 999;
    top: 8px;
    right: 288px;
    height: 41px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.alert-danger.alert-dismissable:not(.alert) {
    background-color: transparent !important;
}

.content-header.detail_customerinq {
    position: relative;
}

/* 2023-04-20 */