/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS 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.  */

.login-box {
    margin: 15% auto;
    width: 360px;
}

.login-logo {
    font-size: 2.1rem;
    font-weight: 300;
    margin-bottom: 0.9rem;
    text-align: center;
}

.input-group:not(.bootstrap-touchspin):focus-within .form-control,
.input-group:not(.bootstrap-touchspin):focus-within .input-group-text {
    border-color: #3c8dbc !important;
    box-shadow: none !important;
}

.page-item.active .page-link {
    z-index: 3;
    color: #3c8dbc;
    background-color: #3c8dbc !important;
    border-color: #3c8dbc !important;
}

.header-navbar.floating-nav {
    margin: 0rem auto 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
    left: 0px !important;
}

.navbar-floating .navbar-container:not(.main-menu-content) {
    padding: 0rem 0rem !important;
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: 1 !important;
    transform: scale(0.85) translateY(-0.8rem) translateX(-0.85rem) !important;
    padding: 0 !important;
    background-color: #fff !important;
    left: 25px !important;
    height: auto !important;
}

.form-control:focus {
    border-color: #3c8dbc !important;
}

.form-floating>.form-control:focus~label {
    color: #7a7a7a !important;
}

.custom-option-item-check:checked+.custom-option-item {
    color: #333333;
    background-color: #3c8dbc;
    border-color: #3c8dbc;
}

.form-floating>textarea.form-control {
    height: auto !important;
}

.demo-inline-spacing>* {
    margin-top: 0.5rem !important;
}

.main-menu.menu-shadow {
    box-shadow: -3px 20px 15px 0 rgba(34, 41, 47, 0.05) !important;
}

.header-navbar {
    min-height: 1rem !important;
    padding: 5px;
}

.bg-theme {
    background-color: aliceblue;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #39a2ff;
    background-color: rgb(127 189 244 / 12%);
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #3c8dbc;
}

.text-ellipsis {
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.profile-ul-li li {
    width: 50%;
    float: left;
}

.profile-latest-img:hover {
    transform: translateY(-4px) scale(1.2);
    z-index: 10;
}

.profile-latest-img {
    transition: all 0.2s ease-in-out;
}

.w-33 {
    width: 33.33% !important;
}

.order-header-table tr td {
    padding: 3px;
    font-size: 1rem !important;
}

.select2-selection__arrow b,
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    padding-right: 0 !important;
    top: 60% !important;
}

.w-35px {
    width: 35px;
}

.bg-gray {
    background-color: rgb(172, 172, 172);
    color: #fff;
    font-weight: 600;
}

.bg-green {
    background-color: #28914F;
    color: #fff;
    font-weight: 600;
}

.bg-yellow {
    background-color: #E9AA38;
    color: #fff;
    font-weight: 600;
}

.btn-small {
    padding: 0.2rem 0.2rem;
}

.items-details .form-floating {
    margin-right: 10px;
    width: 110px;
    min-width: 100%;
}

.items-details .form-floating>label {
    font-size: x-small;
}

.select2-container--default .select2-selection--single {
    border: 1.5px solid #d8d6de !important;
    border-radius: 5px 0px 0px 5px !important;
}

.urd-quotation_details tr td,
.urd-quotation tr td,
.reparing-inwords tr td,
.goods-inwords tr td {
    padding: 5px;
    text-align: center;
}

#repair_pad_tbl tr td,
#repair_pad_tbl tr th,
.reparing-inword_details tr td,
.reparing-inword_assign tr td,
.reparing-inword_assign tr th {
    padding: 5px;
}

#asign_form_supplier select,
#asign_form_return input,
#asign_form_repair input,
.urd-quotation input,
.reparing-inwords input {
    padding: 2px;
}

.reparing-inwords .select2-container--default .select2-selection--multiple .select2-selection__rendered li .select2-search__field {
    margin-top: 0;
}

.reparing-inwords .select2-container--default .select2-selection--multiple {
    min-height: 25px !important;
}

.reparing-inwords .select2-container--default .select2-selection--multiple {
    max-width: 150px;
    width: auto;
}

.goods-inwords input {
    width: 68px !important;
    padding: 2px;
    min-width: 100%;
}

.urd-quotation select,
.reparing-inwords select {
    /* width: 110px; */
    padding: 2px;
}

.goods-inwords select {
    width: 100px;
    padding: 2px;
    min-width: 100%;
}

.urd-quotation .btn-plus,
.reparing-inwords .btn-plus,
.goods-inwords .btn-plus {
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px;
    font-size: 1rem;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #007eac;
    border-color: #007eac;
}

.urd-add-more,
.reparing-add-more {
    position: absolute;
    right: 25px;
}

.tag_plus {
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px;
    font-size: 1rem;
    border-radius: 0.358rem;
    /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s; */
    background-color: #28c76f;
    border-color: #28c76f;
}

.urd-quotation .btn-plus-success,
.reparing-add-more,
.plus-btn,
.customer_charge,
.urd-add-more,
.other-add-more,
.goods-inwords .btn-plus-success {
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px;
    font-size: 1rem;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #28c76f;
    border-color: #28c76f;
}

.urd-quotation .btn-plus-danger,
.reparing-inwords .btn-plus-danger,
.goods-inwords .btn-plus-danger {
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 2px;
    font-size: 1rem;
    border-radius: 0.358rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0s, border 0s;
    background-color: #ea5455;
    border-color: #ea5455;
}


/* width */

::-webkit-scrollbar {
    height: 7px;
    /* height of horizontal scrollbar ← You're missing this */
    width: 7px;
    /* width of vertical scrollbar */
    border: 1px solid #d5d5d5;
}


/* Track */

::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px !important;
}


/* Handle on hover */

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

.bg-table-foot {
    background-color: #d9d9d9;
}

.round-off label {
    font-size: 12px;
}

.form-control {
    font-weight: 500;
    /* color: #626262; */
    color: #000000;
    border-radius: 0px;
}

.bg-blue {
    background-color: #3c8dbc;
    color: #fff;
    font-weight: bold;
}

.form-check-input:checked {
    background-color: #5994ab !important;
    border-color: #ffffff !important;
}

.form-check-label {
    font-weight: bold !important;
}

.bg-light {
    background-color: #ddd !important;
}

.custom-control-label {
    font-size: 14px !important;
}

input.custom-control-input {
    width: 15px;
    height: 15px;
}

.custom-control.custom-radio.col-12 {
    line-height: 1;
}

.item-sub-categoty-select,
.item-status-select {
    width: 40px !important;
}

.invalid {
    border-color: #ff0000;
}

.badge-primary {
    color: #fff;
    background-color: #3c8dbc
}

a.badge-primary:focus,
a.badge-primary:hover {
    color: #fff;
    background-color: #4839eb
}

a.badge-primary.focus,
a.badge-primary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(115, 103, 240, .5)
}

.badge-secondary {
    color: #fff;
    background-color: #82868b
}

a.badge-secondary:focus,
a.badge-secondary:hover {
    color: #fff;
    background-color: #696d71
}

a.badge-secondary.focus,
a.badge-secondary:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem hsla(213, 4%, 53%, .5)
}

.badge-success {
    color: #fff;
    background-color: #28c76f
}

a.badge-success:focus,
a.badge-success:hover {
    color: #fff;
    background-color: #1f9d57
}

a.badge-success.focus,
a.badge-success:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40, 199, 111, .5)
}

.badge-info {
    color: #fff;
    background-color: #00cfe8
}

a.badge-info:focus,
a.badge-info:hover {
    color: #fff;
    background-color: #00a1b5
}

a.badge-info.focus,
a.badge-info:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 207, 232, .5)
}

.badge-warning {
    color: #2a2e30;
    background-color: #ff9f43
}

a.badge-warning:focus,
a.badge-warning:hover {
    color: #2a2e30;
    background-color: #ff8510
}

a.badge-warning.focus,
a.badge-warning:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255, 159, 67, .5)
}

.badge-danger {
    color: #fff;
    background-color: #ea5455
}

a.badge-danger:focus,
a.badge-danger:hover {
    color: #fff;
    background-color: #e42728
}

a.badge-danger.focus,
a.badge-danger:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(234, 84, 85, .5)
}

.badge-light {
    color: #2a2e30;
    background-color: #f6f6f6
}

a.badge-light:focus,
a.badge-light:hover {
    color: #2a2e30;
    background-color: #ddd
}

a.badge-light.focus,
a.badge-light:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem hsla(0, 0%, 96%, .5)
}

.badge-dark {
    color: #fff;
    background-color: #4b4b4b
}

a.badge-dark:focus,
a.badge-dark:hover {
    color: #fff;
    background-color: #323232
}

a.badge-dark.focus,
a.badge-dark:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(75, 75, 75, .5)
}

.bifurcation-header-table tr td {
    padding: 0px;
    font-size: 1rem !important;
    color: #000000;
}

.bifurcation-item tr td {
    padding: 3px;
    font-size: 1rem !important;
    color: #000000;
}

.stick-top {
    position: sticky;
    bottom: 0;
    top: 10px
}

.stick-top.course-content-fixed {
    top: 80px
}

.select-bifurcation {
    border: 1px #c7c7c7 solid;
    border-radius: 5px;
}

.avatar .avatar-content.selected-item {
    width: 45px;
    height: 45px;
}

.bifurcation-item .select2-container--default .select2-selection--single {
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    min-height: 1rem !important;
    padding: inherit !important;
    width: 150px !important;
    height: 25px !important;
}

.bifurcation-item-supplier .select2-container--default .select2-selection--single {
    border: 1px solid #aaa !important;
    border-radius: 4px !important;
    min-height: 1rem !important;
    padding: inherit !important;
    width: 320px !important;
    height: 25px !important;
}

.bifurcation-item .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 25px !important;
}

.bifurcation-item .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 20px !important;
}

.select2-container--default .select2-results__option {
    padding: 0.15rem 0.5rem !important;
}

.change_status,
.pdf_icon {
    align-items: center;
    display: flex;
    justify-content: center;
    width: 80px;
    height: 80px;
}

.table {
    color: #363636;
}

.send_material_div {
    background-color: #28a7458a;
}

.return_material_div {
    background-color: #389af096;
}

.expances_div {
    background-color: #e67d214a;
}

.highlight {
    background-color: #f8750280;
}

.what_to_div {
    background-color: #8e44ad40;
}

.customer_paying_div {
    background-color: #6c757d4d;
}

.expances_div h4,
.what_to_div h3,
.customer_paying_div h3,
.return_material_div h4,
.send_material_div h4 {
    padding: 7px 0px 0px 7px;
    color: #000000 !important;
}

.header_font {
    font-weight: 600;
}

.table-hover>tbody>tr:hover {
    --bs-table-accent-bg: #3c8dbc8f !important;
    color: #1f1f20;
}

.coll_tbl_height {
    height: 266px;
    overflow-y: auto;
    overflow-x: hidden;
}

#collection_table tr td {
    padding: 0px 5px 0px 28px;
}

.lw_save_btn,
.lw_save_butn,
.tag_generate_btn {
    padding: 0.386rem 1.5rem;
}

.tag-dropdown-menu {
    margin: 0px !important;
}

.dc {
    display: contents;
}

#t_table {
    width: 100%;
}

.form-control:focus,
.btn:focus {
    border-width: 2px !important;
}

.select2-container--default.select2-container--focus,
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #3c8dbc 1px !important;
    border-radius: 7px !important;
}

.width-sr-no {
    width: 50px;
}

.width-item-name {
    width: 350px;
    text-align: left !important;
    padding-left: 10px !important;
}

.width-item-group {
    width: 200px;
    text-align: left !important;
    padding-left: 10px !important;
}

.width-pcs {
    width: 50px;
    text-align: center !important;
}

.width-gr-wt {
    width: 100px;
    text-align: right !important;
    padding-right: 10px !important;
}

.width-less-wt {
    width: 100px;
    text-align: right !important;
    padding-right: 10px !important;
}

.width-net-w {
    width: 100px;
    text-align: right !important;
    padding-right: 10px !important;
}

.width-touch {
    width: 100px;
    padding-right: 10px !important;
    text-align: center !important;
}

.width-fine {
    width: 100px;
    text-align: right !important;
    padding-right: 10px !important;
}

.width-metal-rate {
    width: 110px;
    text-align: right !important;
    padding-right: 10px !important;
}

.width-metal-total {
    width: 120px;
    text-align: right !important;
    padding-right: 10px !important;
}

.width-desc {
    width: 250px;
    text-align: left !important;
    padding-left: 10px !important;
}

.width-photo {
    width: 100px;
}

.width-action {
    width: 80px;
}

.dropdown-toggle::after {

    vertical-align: 0em;
}

.main-menu.menu-light .navigation {
    background: #222d32 !important;
}

.main-menu.menu-light {
    color: #cdcdcd !important;
    background: #222d32 !important;
}

.main-menu.menu-light .navigation li a {
    color: #cdcdcd;
}

.navbar-light {
    background: #3c8dbc;
}

/* nav .nav-item a,
nav .nav-item b {
    color: #ffffff !important;
} */

body {
    font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #000 !important;
    letter-spacing: 0.5px;
}

.table {
    color: #000000 !important;
}

a:not([href]) {
    color: #000000 !important;
}

.nav-item a:not([href]) {
    color: #cdcdcd !important;
}

.nav-item .has-sub.open a:not([href]) {
    color: #000000 !important;
}

/* nav .nav-item a:focus {
    background-color: #3c8dbc !important;
    border-radius: 10px !important;
} */

.text-muted {
    color: #5a5a5a !important;
}

.tofixed-3,
.tofixed-2 {
    text-align: right;
}

.center,
.piece,
.touch {
    text-align: center;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background: none;
    padding-right: 0;
}
.was-validated .form-control:valid, .form-control.is-valid  {
    background: none;
    padding-right: 0;
}
.w-60 {
    width: 60px !important;
}
/* new css add for black */
.form-floating > label{
    opacity:1;
}
/* new css add for black */
.form-control:focus{
    color: black;
}
/* menu css */

html .content.app-content {
    /* padding: calc(2rem + 0.3rem + 1.3rem) 1rem 0 !important */
    padding: calc(2rem + 1rem* 2 + 0.5rem) 2rem 0 2rem !important 
}
.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li{
    padding-top: 0.557rem!important;
    padding-bottom: 0.557rem!important;
}
/* Hide all menu text inside sidebar collapsed (both with or without child) */
.sidebar-collapsed .navbar-nav .nav-item .nav-link span {
    opacity: 0;
    width: 0;
    overflow: hidden;
    transition: width 0.3s ease, opacity 0.3s ease;
    white-space: nowrap;
}

/* On hover, show all span text */
.sidebar-collapsed:hover .navbar-nav .nav-item .nav-link span {
    opacity: 1;
    width: auto;
}

/* Optional: Prevent layout shift */
.navbar-nav .nav-item .nav-link span {
    display: inline-block;
}

.horizontal-menu .header-navbar.navbar-horizontal ul#main-menu-navigation > li > a{
    padding: 0.15rem 0.25rem!important;
    display: flex;
    margin-right: 0.715rem!important;
}
/* menu css */