.inventory-container{
    width: 100%;
    height: auto;
    display: block;
}
.inventory-container .inventory-container-header{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
    height: 150px;
    display: block;
    border-bottom: 2px solid rgba(0, 0, 0, 0.18);
    background-color: #fff;
}
.inventory-container .inventory-container-header .inventory-container-header-menu{
    width: 100%;
    height: 70px;
    display: block;
    border-radius: 50px;
}
.inventory-container .inventory-container-header .inventory-container-header-menu .inventory-container-header-menu-buttons{
    width: 17%;
    margin-left: .5%;
    margin-right: .5%;
    height: 70px;
    display: block;
    float: left;
}
.inventory-container .inventory-container-header .inventory-container-header-menu .inventory-container-header-menu-buttons:nth-child(4){
    float: right;
}
.inventory-container .inventory-container-header .inventory-container-header-menu .inventory-container-header-menu-buttons:nth-child(5){
    float: right;
}
.inventory-container .inventory-container-header .inventory-container-header-menu .inventory-container-header-menu-buttons button{
    margin-top: 15px;
}

.inventory-container .inventory-container-header .inventory-container-header-actions{
    width: 100%;
    height: 70px;
    display: block;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section{
    width: 66%;
    height: 70px;
    display: block;
    float: left;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section:nth-child(2){
    width: 17%;
    height: 70px;
    display: block;
    float: left;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section:last-child{
    width: 17%;
    float: left;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section:first-child .input-group{
   margin-top: 12px;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section .input-group select{
    margin-top: 0;
    height: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.43);
    border-top: 1px solid rgba(0, 0, 0, 0.43);
    border-right: 1px solid rgba(0, 0, 0, 0.43);
    font-size: 1em;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section .input-group input{
    margin-top: 0;
    height: 40px;
}
.inventory-container .inventory-container-header .inventory-container-header-actions .inventory-container-header-actions-section:nth-child(2) .input-group{
    width: 60%;
    margin: auto;
    margin-top: 12px !important;
}
.inventory-container .inventory-container-body{
    width: 100%;
    margin: auto;
    display: block;
    overflow-x: auto;
    padding-top: 10px;
    margin-top: 4px !important;
    scrollbar-width: thin !important;
    scrollbar-color: black;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #4732a4 white;
}
.inventory-container .inventory-container-body .inventory-container-body-table{
    width: 100%;
}
.inventory-overlay-wrapper{
    width: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: rgba(0,0,0,0.4);
    z-index: 9999;
    display: none;
}
.inventory-manage-stock-modal{
    width: 20%;
    height: auto;
    display: block;
    background-color: #fff;
    position: fixed;
    top: 10%;
    z-index: 99999;
    right: 1%;
    transform:scale(.1,.1);
    border-radius: 12px;
    visibility: hidden;
    opacity: 0;
    transition: .2s ease-in-out;
}
.inventory-manage-stock-modal .inventory-manage-stock-container{
    width: 90%;
    margin: auto;
    min-height: 158px;
    display: block;
}
.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-header{
    width: 100%;
    margin: auto;
    height: 50px;
    line-height: 50px;
    display: block;
    font-family: "Tekton Pro Cond";
    font-size: 1.4em;
    color: black;
}

.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-body{
    width: 100%;
    margin: auto;
    min-height: 158px;
    display: block;
}
.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-body .inventory-manage-menu{
    width: 100%;
    height: 50px;
    border-radius: 12px;
    margin-top: 2%;
    line-height: 50px;
    display: block;
    background-color: #ff2092;
    padding-left: 20px;
    color: white;
    font-size: 1.2em;
    cursor: pointer;
}
.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-body .inventory-manage-menu:nth-child(2){
    background-color: #5873fe;
}
.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-body .inventory-manage-menu:nth-child(3){
    background-color: #4186ff;
}
.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-body .inventory-manage-menu:nth-child(4){
    background-color: #ff7410;
}

.inventory-manage-stock-modal .inventory-manage-stock-container .inventory-manage-stock-body .inventory-manage-menu:last-child{
    height: 40px;
    background-color: #fff2f9;
    line-height: 40px;
    color: black;
}
.default-system-page-main .system-page-container-main .system-page-content-main .manage-products-form-container .manage-products-form-header{
    width: 100%;
    display: block;
    height: auto;
}
.default-system-page-main .system-page-container-main .system-page-content-main .manage-products-form-container .manage-products-form-header{
    width: 100%;
    display: block;
    height: 100px;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section{
    width: 60%;
    display: block;
    height: 100px;
    float: left;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section:last-child{
    width: 40%;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section .manage-products-header-sub-title{
    width: 100%;
    display: block;
    height: 40px;
    line-height: 40px;
    font-size: 1.3em;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section .manage-products-header-input{
    width: 100%;

    display: block;
    height: 60px;
    line-height: 40px;
    font-size: 1.3em;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section .manage-products-header-input .input-group{
    width: 70%;
    float: left;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section .manage-products-header-input h4{
    width: 30%;
    float: right;
    text-align: right;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section .manage-products-header-input input{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section .manage-products-header-input button{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.manage-products-form-container .manage-products-form-header .manage-products-header-section:last-child button{
   border-radius: 50px;
   margin-top: 50px;
}
.manage-products-form-container .manage-products-form-body{
    width: 100%;
    display: block;
    height: auto;

}
.manage-products-form-container .manage-products-form-body .manage-products-form-section-div{
    width: 60%;
    display: block;
    float: left;
    height: 300px;
    overflow: auto;
    scrollbar-width: thin !important;
    scrollbar-color: black;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #4732a4 white;
}
.manage-products-form-container .manage-products-form-body .manage-products-form-section-div:last-child{
    width: 40%;
    display: block;
    float: left;
    height: 300px;
}
.manage-products-form-container .manage-products-form-body .manage-products-form-section-div #productsCategoryFormsChart{
    width: 100%;
    height: 300px;
    margin-top: 60px;
    visibility: visible;
    display: block !important;
}

.edit-brand-container{
    width: 30%;
    height: 560px;
    position: fixed;
    top: 20%;
    transform: scale(.3,.3);
    display: none;
    right: -6%;
    z-index: -999;
    background-color: #fff;
    border-radius: 12px;
    visibility: hidden;
    opacity: 0;
    transition: .3s ease-in-out;
}
.edit-brand-container .edit-brand-header{
    width: 92%;
    margin: auto;
    height: 60px;
    margin-top: 10px;
    display: block;
    line-height: 60px;
    font-size:1.6em;
    font-family: Tahoma;
    color: #fff;
    font-weight: 700;
    background-color: rgba(29, 33, 61, 0.64);
    text-align: center;
    border-radius: 12px;
}
.edit-brand-container .edit-brand-body{
    width: 92%;
    margin: auto;
    height: 420px;
    display: block;
    font-size:1.3em;
}
.edit-brand-container .edit-brand-body input,select{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.49);
}
.edit-brand-container .edit-brand-footer{
    width: 92%;
    margin: auto;
    height: 70px;
    display: block;
    font-size:1.3em;
}

.edit-brand-container .edit-brand-footer div{
    width: 40%;
    margin-left: 1%;
    height: 70px;
    float: right;
}
.edit-brand-container .edit-brand-footer div button{
    width: 100%;
    border-radius: 50px;
    margin-top: 18px;
}
.stock-taking-alert{
    width: 40%;
    right: 20%;
    margin: auto;
    height: 480px;
    background-color: white;
    position: fixed;
    transition: .2s ease-in-out;
    top: 10%;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    transform: scale(2,2);
    border-radius: 12px;
}
.stock-taking-alert .stock-taking-alert-header{
    width: 100%;
    margin: auto;
    height: 70px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    display: block;
    background-color: #f57c52;
    line-height: 70px;
    color: white;
    font-size: 2em;
    text-align: center;
    font-family: "Kozuka Gothic Pr6N B";
}
.stock-taking-alert .stock-taking-image{
    width: 100%;
    height: 200px;
    display: block;
    background-color: #f57c52;
    margin: auto;
}
.stock-taking-alert .stock-taking-image img{
    width: 100%;
    height: 200px;
    object-fit: contain;
    display: block;
}
.stock-taking-alert .stock-taking-body input{
    width: 96%;
    height: 110px;
    display: block;
    background-color: white;
    margin: auto;
    border: 1px solid rgba(0, 0, 0, 0.44);
}
.stock-taking-alert .stock-taking-body input{
    border-radius: 50px;
    width: 70%;
    height: 45px;
    margin: auto;
    margin-top: 15px !important;
}
.stock-taking-alert .stock-taking-footer{
    width: 60%;
    margin: auto;
    height: 82px;
    background-color: white;
    justify-content: center;
}
.stock-taking-alert .stock-taking-footer div{
    width: 47%;
    margin-left: 1.5%;
    height: 82px;
    float: left;
}
.stock-taking-alert .stock-taking-footer div button{
    width: 100%;
    float: left;
    margin-top: 18px;
    border-radius: 50px;
}

.new-stock-add-container{
    width: 38%;
    min-height: 220px;
    display: unset;
    opacity: 0;
    transform: scale(1,.09);
    transition: 300ms ease-in-out;
    visibility: hidden;
    background-color: #fff;
    position: fixed;
    top: 30%;
    right: 2%;
    z-index: 99999;
    border-radius: 12px;
}
.new-stock-add-container .new-stock-add-header{
    width: 100%;
    margin: auto;
    line-height: 50px;
    height: 50px;
    display: block;
    background-color: #325c6b;
    text-align: center;
    color: white;
    font-size: 1.5em;
    border-radius: 12px;
    border-bottom-left-radius: unset !important;
    border-bottom-right-radius: unset !important;
    font-family: "Tekton Pro Cond";
}
.new-stock-add-container .new-stock-add-body{
    width: 95%;
    margin: auto;
    min-height: 100px;
    max-height: 200px;
    overflow-x: auto;
    display: block;
    scrollbar-width: thin !important;
    scrollbar-color: black;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #4732a4 white;
}
.new-stock-add-container .new-stock-add-body input{
    border: 1px solid rgba(0, 0, 0, 0.39);
    border-radius: 50px;
}
.new-stock-add-container .new-stock-add-body .new-stock-add-body-row{
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
}
/*.new-stock-add-container .new-stock-add-body .new-stock-add-body-row:first-child{*/
/*    width: 100%;*/
/*    display: block;*/
/*    height: 50px;*/
/*    line-height: 50px;*/
/*    position: fixed;*/
/*}*/
.new-stock-add-container .new-stock-add-body .new-stock-add-body-row div{
    width: 15.5%;
    margin-right: .5%;
    display: block;
    height: 50px;
    line-height: 50px;
    float: left;
}
.new-stock-add-container .new-stock-add-body .new-stock-add-body-row div:nth-child(2){
    width: 32.5%;
    margin-right: .5%;
}
.new-stock-add-container .new-stock-add-footer{
    width: 95%;
    margin: auto;
    height: 70px;
    display: block;
}
.new-stock-add-container .new-stock-add-footer div{
    width: 30%;
    float: right;
    margin: auto;
    height: 70px;
    display: block;
    margin-left: 5px;
}
.new-stock-add-container .new-stock-add-footer div button{
     width: 100%;
    border-radius: 50px;
    margin-top: 20px;
}

.stock-taking-reports-container{
    width: 100%;
    min-height: 200px;
    display: block;
}
.stock-taking-reports-container .stock-reports-header{
    width: 100%;
    min-height: 80px;
    display: block;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div{
    width: 38%;
    height: 70px;
    display: block;
    margin-left: 5px;
    float: left;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div .stock-taking-title{
    width: 100%;
    height: 30px;
    display: block;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div .stock-taking-input{
    width: 100%;
    height: 30px;
    display: block;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div:first-child .input-group{
    margin-top: 14px;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div:first-child .input-group select{
   margin-top: 0;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div:first-child .input-group button:first-child{
   border-bottom-left-radius: 50px;
   border-top-left-radius: 50px;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div:first-child .input-group button:last-child{
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div:last-child{
    width: 30%;
    float: right;
}
.stock-taking-reports-container .stock-reports-header .stock-taking-div:last-child button{
    border-radius: 50px;
    float: right;
    margin-top: 15px;
}

.stock-taking-reports-container .stock-reports-body{
    width: 100%;
    min-height: 450px;
    display: inline-block;
    margin-top: 10px;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section{
    width: 70%;
    float: left;
    min-height: 420px;
    display: block;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section .stock-report-section-title{
    width: 95%;
    margin: auto;
    height: 30px;
    display: block;
    line-height: 30px;
    font-family: 'Covered By Your Grace', cursive;
    color: black;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section .stock-report-section-main{
    width: 100%;
    min-height: 420px;
    display: inline-block;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section:last-child{
    width: 30%;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section:last-child .stock-report-info-card{
    width: 90%;
    height: 90px;
    color: black;
    display: block;
    margin: auto;
    border: 1px solid #4f4b4b;
    margin-top: 10px;
    border-radius: 12px;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section:last-child .stock-report-info-card .stock-report-info-card-icon{
    width: 30%;
    height: 90px;
    display: block;
    line-height: 90px;
    text-align: center;
    font-size: 3em;
    float: left;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section:last-child .stock-report-info-card .stock-report-info-card-header{
    width: 70%;
    height: 90px;
    display: block;
    line-height: 90px;
    float: left;
}
.stock-taking-reports-container .stock-reports-body .stock-report-section:last-child .stock-report-info-card .stock-report-info-card-header .stock-report-info-card-amount{
    width: 100%;
    height: 70px;
    display: block;
    line-height: 70px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
}

.stock-taking-reports-container .stock-reports-body .stock-report-section:last-child .stock-report-info-card .stock-report-info-card-header .stock-report-info-card-title{
    width: 100%;
    height: 30px;
    display: block;
    line-height: 0px;
    text-align: center;
}
.stock-taking-reports-container .stock-reports-table{
    width: 100%;
    min-height: 100px;
    display: block;
    padding-bottom: 10px;
}
.stock-taking-reports-container .stock-reports-table thead th{
    font-size: .8em;
    height: 30px;
    font-weight: 700 !important;
    color: black;
}
.stock-taking-reports-container .stock-reports-table tbody td{
    height: 30px;
    color: black;
    font-weight: 500!important;
}
.stock-danger{
    background-color: #879356 !important;
    color: white;
    display: none !important;
}

.update-product-header{
    width: 100%;
    height: 50px;
    display: block;
}
.update-product-header .update-product-header-div:first-child{
    width: 50%;
    height: 50px;
    float: left;
    display: block;
}
.update-product-header .update-product-header-div{
    width: 50%;
    height: 50px;
    float: left;
    display: block;
}
.update-product-header .update-product-header-div:last-child{
    width: 50%;
    height: 50px;
    float: left;
    display: block;
}
.update-product-header .update-product-header-div:first-child{
    background-color: #5e4459;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    border-radius: 50px;
    padding-left: 13px;
}
.update-product-header .update-product-header-div:first-child h3{
    font-size: 1.2em;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    font-family: "Comic Sans MS";
    text-transform: uppercase;
}
.update-product-header .update-product-header-div button{
    float: right;
    margin-top: 2px;
    border-radius: 50px;
}


.update-product-body{
    width: 100%;
    min-height: 560px;
    display: block;
}
.update-product-body .update-product-body-div{
    width: 48%;
    margin-right: 1%;
    min-height: 300px;
    display: block;
    float: left;
}
.update-product-body .update-product-body-div-card{
    width: 100%;
    height: 330px;
    display: block;
    padding-top: 10px;
}
.update-product-body .update-product-body-div-card .update-product-body-card-header{
    width: 100%;
    height: 50px;
    display: block;
    border-bottom: 1px solid black;

}
.update-product-body .update-product-body-div-card .update-product-body-card-header h5{
    line-height: 50px;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body{
    width: 100%;
    margin-top: 10px;
    min-height: 300px;
    display: block;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row{
    width: 100%;
    height: 50px;
    display: block;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row .update-product-title{
    width: 40%;
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
    float: left;
    display: block;
    color: #151831;
    background-color: #ede0f3;
    padding-top: 10px;
    font-family: "Adobe Fan Heiti Std B";
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row .update-product-description{
    width: 60%;
    height: 55px;
    display: block;
    float: left;
    line-height: 55px;
    font-size: 2.3em;
    text-align: center;
    background-color: #f2f2f2;
    color: rgba(32, 23, 82, 0.62);
    padding-top: 10px;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row:first-child .update-product-title{
    border-top-left-radius: 12px;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row:first-child .update-product-description{
    border-top-right-radius: 12px;

}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row:last-child .update-product-title{
    border-bottom-left-radius: 12px;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row:last-child .update-product-description{
    border-bottom-right-radius: 12px;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row .update-product-description input{
    width: 65%;
    margin: auto;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.49);
    text-align: center;
}
.update-product-body .update-product-body-div-card .update-product-body-card-body .update-product-row .update-product-description select{
    width: 65%;
    margin: auto;
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.49);
    text-align: center;
}

.update-product-body .update-product-body-div-card .update-product-button{
    width:50%;
    height: 150px;
    display: block;
    margin: auto;
}
.update-product-body .update-product-body-div-card .update-product-button button{
    width: 100%;
    height: 50px;
    border-radius: 50px;
    margin-top: 50px;
}

.add-new-supplier-card{
    width: 30%;
    height: 250px;
    background-color: #fff;
    position: fixed;
    top: 10%;
    right: 3%;
    z-index: 9999;
    border-radius: 12px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
}
.add-new-supplier-card .add-new-supplier-header{
    width: 90%;
    margin: auto;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 1.3em;
    background-color: #fff;
    font-weight: 600;
    color: black;
}
.add-new-supplier-card .add-new-supplier-body{
    width: 90%;
    margin: auto;
    height: 130px;
    line-height: 50px;
    display: block;
    text-align: center;
    font-size: 1.3em;
}
.add-new-supplier-card .add-new-supplier-body .add-new-supplier-name{
    width: 30%;
    height: 43px;
    line-height: 43px;
    display: block;
    text-align: left;
    font-size: 1em;
    float: left;
    color: rgba(0, 0, 0, 0.92);
    font-weight: 600;
}
.add-new-supplier-card .add-new-supplier-body .add-new-supplier-input{
    width: 70%;
    float: left;
    height: 43px;
    line-height: 43px;
    display: block;
    text-align: center;
    font-size: 1.3em;
    color: black;

}
.add-new-supplier-card .add-new-supplier-body .add-new-supplier-input input{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.48);
}
.add-new-supplier-card .add-new-supplier-footer{
    width: 90%;
    height: 70px;
    display: block;
    margin: auto;
}
.add-new-supplier-card .add-new-supplier-footer div{
    width: 35%;
    height: 70px;
    display: block;
    float: right;
    margin: auto;
    margin-left: 10px;
}
.add-new-supplier-card .add-new-supplier-footer div button{
    width: 100%;
    margin-top: 20px;
    border-radius: 50px;

}


.product-stock-info-header{
    width: 100%;
    height: 100px;
    display: block;
}
.product-stock-info-header .product-stock-info-header-div{
    width: 73%;
    height: 100px;
    display: block;
    float: left;
}
.product-stock-info-header .product-stock-info-header-div:last-child{
    width: 27%;
}
.product-stock-info-header .product-stock-info-header-div:last-child button{
    margin-top: 15px;
    border-radius: 50px;
    margin-left: 10px;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info{
    width: 33.3%;
    display: block;
    height: 100px;
    float: left;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:first-child{
    width: 18%;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:nth-child(2){
    width: 22%;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:nth-child(2) img{
    width: 90%;
    height: 80%;
    object-fit: contain;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:last-child{
    width: 60%;
}

.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info .stock-item-info-icon{
    width: 100%;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 3em;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info .stock-item-info-icon:hover{
    cursor: pointer;
    transition: .5s ease-in-out;
    transform: rotate(45deg);
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info .stock-item-info-text{
    width: 100%;
    height: 30px;
    line-height: 20px;
    text-align: center;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:last-child .product-stock-brand-info{
    width: 98%;
    margin: auto;
    height: 50px;
    margin-top: 3px !important;
    margin-bottom: 3px !important;
    display: block;
    background-color: #5e4459;
    border-radius: 50px;
    color: white;
    line-height: 50px;
    text-align: center;
    overflow: hidden;
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:last-child .product-stock-brand-info:first-child{
    /*font-family: "Liberation Mono";*/
    font-size: 2em;
    font-weight: 600;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.product-stock-info-header .product-stock-info-header-div .product-stock-inner-info:last-child .product-stock-brand-info:last-child{
    width: 98%;
    margin: auto;
    height: 30px;
    line-height: 30px;
    display: block;
    background-color: unset;
    color: unset;
    border-radius: 50px;
    font-size: 1.3em;
    letter-spacing: 4px;
}
.product-stock-info-body{
    width: 100%;
    min-height: 300px;
    display: block;
}
.product-stock-info-body .product-stock-info-body-header{
    width: 100%;
    min-height: 110px;
    display: block;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.10), 0 2px 2px 0 rgba(0,0,0,0.10);
}

.product-stock-info-body .products-stock-update-info{
    width: 100%;
    height: 210px;
    display: block;
    margin-top: 20px;
}
.product-stock-info-body .products-stock-update-info .products-stock-update-info-title{
    width: 100%;
    height: 40px;
    line-height: 40px;
    display: block;
    font-size: 1.2em;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.67);
}
.product-stock-info-body .products-stock-update-info .products-stock-update-info-title div{
    width: 50%;
    float: left;
    height: 40px;
}
.product-stock-info-body .products-stock-update-info .products-stock-update-info-title div:nth-child(2){
    width: 50%;
    float: right;
    height: 40px;
}
.product-stock-info-body .products-stock-update-info .products-stock-update-info-title div:nth-child(2) input{
    width: 30%;
    float: right;
    border-radius: 50px;
    height: 35px;
}
.product-stock-info-body .products-stock-update-info .products-stock-graph-body{
    width: 100%;
    height: 200px;
    display: block;
}
.product-stock-info-body .products-stock-update-info .products-stock-graph-body .products-stock-graph-div{
    width: 20%;
    height: 170px;
    display: block;
    float: left;
    margin-left: 2px;
}

.product-stock-info-body .products-stock-update-info .products-stock-graph-body .products-stock-graph-div:first-child .stock-level{
    text-align: center;
    line-height: 80px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #b37031;
    margin-left: 40px;
    color: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    overflow: hidden;
}

.product-stock-info-body .products-stock-update-info .products-stock-graph-body .products-stock-graph-div:first-child .stock-level .stock-level-bar{
    text-align: center;
    width: 100px;
    height: 100px;
    background-color: #49a9ff;
    color: white;
    transition: 3s ease-in-out;
}

.product-stock-info-body .products-stock-update-info .products-stock-graph-body .products-stock-graph-div:first-child .stock-level{
    font-size: 2.4em;
    text-align: center;
     line-height: 90px;
    font-family: "Candara Light";
    font-stretch: ultra-condensed;
}

.product-stock-info-body .products-stock-update-info .products-stock-graph-body .products-stock-graph-div:nth-child(2){
    width: 55%;
}
.product-stock-info-body .products-stock-update-info .products-stock-graph-body .products-stock-graph-div:last-child{
    width: 24%;
}

/*.product-stock-info-body .products-stock-update-info .products-stock-graph-div:last-child{*/
/*    width: 20%;*/
/*}*/


.product-stock-info-body .products-stock-update-info .products-stock-graph-div .graph-title{
    width: 100%;
    height: 30px;
    display: block;
    text-align: center;
    font-family: Bahnschrift;
    color: #a17377;
}
.product-stock-info-body .products-stock-update-info .products-stock-graph-div .graph-content{
    width: 100%;
    height: 130px;
    display: block;
    /*background-color: #ffd096;*/
}
.product-stock-info-body .products-stock-update-info .products-stock-graph-div .graph-content .myChart{
    height: 130px !important;
    width: 100%;
    /*background-color: #ffd096;*/
}

.product-stock-info-body .products-stock-update-info .products-stock-graph-div:last-child .graph-content .myChart{
    height: 130px !important;
    width: 100%;
    margin-top: 0;
}

.product-stock-info-body .stock-update-tracking-card{
    width: 100%;
    margin-top: 20px;
    height: 270px;
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-header{
    width: 100%;
    height: 70px;
    display: block;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-header-div{
    width: 50%;
    display: block;
    height: 70px;
    float: left;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-header-div div:first-child{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1.3em;
    font-weight: 700;
    color: rgba(0, 0, 0, 0.69);
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-header-div div:last-child{
    width: 100%;
    height: 20px;
    line-height: 0;
    color: rgba(0, 0, 0, 0.69);
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-header-div:last-child .input-group{
    width: 20%;
    height: 20px;
    float: right;
    line-height: 0;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-header-div:last-child .input-group .stockTrackerFilterReload{
    height: 32px;
    margin-top: 4px;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-body{
    width: 100%;
    height: 200px;
    display: block;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-body .stock-update-tracking-body-div{
    width: 70%;
    height: 200px;
    display: block;
    float: left;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-body .stock-update-tracking-body-div:last-child{
    width: 30%;
    height: 200px;
    display: block;
    float: left;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-body .stock-update-tracking-body-div:first-child #medicineStockStatistics{
    width: 100%;
    height: 230px;
}
.product-stock-info-body .stock-update-tracking-card .stock-update-tracking-body .stock-update-tracking-body-div:last-child #pieChart{
    width: 100%;
    height: 180px;
}
.product-stock-info-body .stock-update-tracking-info-table{
    width: 100%;
    min-height: 20px;
    margin-top: 10px;
    padding-bottom: 30px;
    border-top: 1px solid rgba(0, 0, 0, 0.23);
}
.product-stock-info-body .stock-update-tracking-info-table .stock-update-info-table-header{
    width: 100%;
    height: 70px;
}
.product-stock-info-body .stock-update-tracking-info-table .stock-update-info-body{
    width: 100%;
    min-height: 100px;
}
.product-stock-info-body .stock-update-tracking-info-table .stock-update-info-table-header div:first-child{
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 1.3em;
    color: rgba(0, 0, 0, 0.69);
}
.product-stock-info-body .stock-update-tracking-info-table .stock-update-info-table-header div:last-child{
    width: 100%;
    height: 20px;
    line-height: 5px;
    color: rgba(0, 0, 0, 0.69);
}

.edit-product-brand-info{
    width: 25%;
    min-height: 500px;
    display: block;
    background-color: #fff;
    position: fixed;
    right: 10%;
    top: 20%;
    z-index: 999999;
    opacity: 0;
    visibility: hidden;
    border-radius: 12px;
    transition: .3s ease-in-out;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.edit-product-brand-info .edit-medicine-brand-info-header{
    width: 90%;
    height: 60px;
    display: block;
    background-color: rgba(0, 0, 0, 0.66);
    margin: auto;
    margin-top: 5px;
    border-radius: 12px;
    text-align: center;
}
.edit-product-brand-info .edit-medicine-brand-info-header h4{
    line-height: 60px;
    color: white;
}
.edit-product-brand-info .edit-product-info-body{
    width: 90%;
    height: auto;
    margin: auto;
}
.edit-product-brand-info .edit-product-info-body input{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.49);
}
.edit-product-brand-info .edit-product-info-body select{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.49);
}
.edit-product-brand-info .edit-product-info-footer{
    width: 90%;
    height: 50px;
    display: block;
    margin: auto;
}
.edit-product-brand-info .edit-product-info-footer div{
    width: 48%;
    margin-left: 2%;
    height: 50px;
    float: right;
    display: block;
}
.edit-product-brand-info .edit-product-info-footer div button{
    margin-top: 20px;
    border-radius: 50px;
    float: right;
    width: 100%;
}

.edit-product-tracking-info{
    width: 30%;
    height: 440px;
    display: block;
    position: fixed;
    top: 50%;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    left: 40%;
    z-index: 99999;
    border-radius: 12px;
    background-color: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.edit-product-tracking-info .edit-product-tracking-header{
    width: 90%;
    height: 50px;
    line-height: 60px;
    margin: auto;
    margin-top: 10px !important;
    background-color: rgba(0, 0, 0, 0.69);
    text-align: center;
    border-radius: 12px;
}
.edit-product-tracking-info .edit-product-tracking-header h4{
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    color: white;
    font-size: 1.5em;
}
.edit-product-tracking-info .edit-product-tracking-body{
    width: 90%;
    height: 320px;
    display: block;
    margin: auto;
}
.edit-product-tracking-info .edit-product-tracking-body input{
    border-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.62);
}
.edit-product-tracking-info .edit-product-tracking-body input:first-child{
    border-radius: 0 !important;
}
.edit-product-tracking-info .edit-product-tracking-body .product-quantity-update{
    width: 100%;
    height: 75px;
    display: block;
}
.edit-product-tracking-info .edit-product-tracking-body .product-quantity-update div{
    width: 45%;
    margin-right: 5%;
    height: 75px;
    display: block;
    float: left;
}
.edit-product-tracking-info .edit-product-tracking-body .product-quantity-update div:last-child{
    float: left;
    margin-right: 0;
    margin-left: 5%;
}

.edit-product-tracking-info .edit-product-tracking-footer{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
}
.edit-product-tracking-info .edit-product-tracking-footer div{
    width: 40%;
    height: 60px;
    margin: 1%;
    float: right;
}
.edit-product-tracking-info .edit-product-tracking-footer div button{
    margin-top: 3px;
    width: 100%;
    border-radius: 50px;
}

.view-product-supplier-info{
    width: 30%;
    height: 300px;
    display: block;
    background-color: #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: fixed;
    top: 50%;
    right: 2%;
    z-index: 99999;
    border-radius: 12px;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    color: black;
}
.view-product-supplier-info .view-product-supplier-header{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
}
.view-product-supplier-info .view-product-supplier-header h4{
    line-height: 60px;
    text-align: center;
    font-weight: 700;
}
.view-product-supplier-info .view-product-supplier-body{
    width: 90%;
    height: 180px;
    display: block;
    margin: auto;
}
.view-product-supplier-info .view-product-supplier-body th{
    font-size: 1.2em;
    width: 50px;
    text-align: left;
}
.view-product-supplier-info .view-product-supplier-footer{
    width: 90%;
    height: 60px;
    display: block;
    margin: auto;
    text-align: center;
}
.view-product-supplier-info .view-product-supplier-footer button{
    margin-top: 2px;
}


.header-page-div{
    width: 50%;
    height: 50px;
    display: block;
    float: left;
}
.header-page-div .inventory-notifications{
    float: right;
    margin-top: 25px;
}
.inventory-notifications{
    height: 50px;
    width: 50px;
    background-color: #a19453;
    border-radius: 50px;
    text-align: center;
    color: white;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    cursor: pointer;
}
.inventory-notifications span{
   line-height: 50px;
    color: white;
}
.stock-notification-header{
    width: 100%;
    height: 80px;
    display: block;
}
.stock-notification-header .stock-notification-search{
    width: 40%;
    height: 80px;
    display: block;
    float: left;
}
.stock-notification-header .stock-notification-search .search-notification-title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
}
.stock-notification-header .stock-notification-search .search-notification-input{
    width: 100%;
    height: 50px;
    display: block;
}

.stock-notification-header .stock-notification-search .search-notification-input button{
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}
.stock-notification-header .stock-notification-search .search-notification-input input:first-child{
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    border: 1px solid rgba(0, 0, 0, 0.6);
}

.stock-notification-header .stock-notification-search .search-notification-input input:nth-child(2){
    border: 1px solid rgba(0, 0, 0, 0.6);
    border-left: none;
    border-right: none;
}

.stock-notification-header .stock-notification-button{
    width: 20%;
    height: 80px;
    display: block;
    float: right;
}
.stock-notification-header .stock-notification-button button{
    float: right;
    border-radius: 50px;
}
.stock-notification-body{
    width: 100%;
    height: auto;
}
.stock-notification-body .stock-notification-body-graph{
    width: 100%;
    height: 170px;
    display: block;
    margin-top: 20px;
}
.stock-notification-body .stock-notification-body-graph .stock-notification-body-graph-title{
    width: 100%;
    height: 30px;
    display: block;
    line-height: 30px;
    font-weight: 700;
    color: #2c2f34;
}
.stock-notification-body .stock-notification-body-graph .stock-notification-body-graph-graph{
    width: 100%;
    height: 125px;
    display: block;
    line-height: 30px;

}
.stock-notification-body .stock-notification-body-graph .stock-notification-body-graph-graph #inventory-products-alteration-statistics{
    /*width: 100% !important;*/
    /*height: 132px !important;*/
    display: none;
    margin-top: 5px !important;
}
.stock-notification-body .stock-notification-body-body{
    width: 100%;
    min-height: 50px;
    display: block;
    margin-top: 30px;
    line-height: 50px;
}
.stock-notification-body .stock-notification-body-body .stock-notification-body-title{
    width: 100%;
    height: 50px;
    display: block;
    line-height: 50px;
    border-top: 1px solid rgba(0, 0, 0, 0.41);
    font-weight: 700;
    color: #2c2f34;
}
.stock-notification-body .stock-notification-body-body .stock-notification-body-main-body{
    width: 100%;
    min-height: 50px;
    display: block;
}

.edit-product-tracking-info-add-reason{
    width: 30%;
    height: 440px;
    position: fixed;
    top: 24%;
    opacity: 0;
    visibility: hidden;
    transition: .3s ease-in-out;
    left: 40%;
    z-index: 99999;
    border-radius: 12px;
    background-color: #fff;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-header{
    width: 90%;
    padding: 5px;
    height: 170px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 1.5em;
    color: rgba(0, 0, 0, 0.68);
    font-weight: 600;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-header .edit-product-tracking-info-add-reason-header-icon{
    width: 90%;
    padding: 5px;
    height: 120px;
    line-height: 120px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 4em;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-header .edit-product-tracking-info-add-reason-header-text{
    width: 90%;
    padding: 5px;
    height: 50px;
    line-height: 50px;
    display: block;
    margin: auto;
    text-align: center;
    font-size: 1.5em;
    color: black;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-body{
    width: 90%;
    height: 170px;
    line-height: 50px;
    display: block;
    background-color: #fff;
    margin: auto;
    padding: 5px;
    border-radius: 12px;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-body textarea{
    border-radius: 12px;
    height: 100%;
    width: 100%;
    border: 1px solid brown;
    padding: 10px;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-footer{
    width: 90%;
    padding: 5px;
    height: 78px;
    line-height: 60px;
    display: block;
    margin: auto;
}

.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-footer div{
    width: 40%;
    height: 60px;
    line-height: 60px;
    display: block;
    float: right;
    margin-left: 5%;
}
.edit-product-tracking-info-add-reason .edit-product-tracking-info-add-reason-footer div button{
    width: 100%;
    border-radius: 50px;
}



.stock-tracking-container{
    width: 100%;
    height: auto;
    display: block;
}
.stock-tracking-container .stock-tracking-header{
    width: 100%;
    height: 80px;
    display: block;
    padding-right: 8px;
    padding-left: 8px;
    background-color: #f2f2f2;
    border-radius: 12px;
}
.stock-tracking-container .stock-tracking-header-search-section{
    width: 40%;
    height: 100%;
    line-height: 50px;
    float: left;
}
.stock-tracking-container .stock-tracking-header-search-section input:first-child{
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
}
.stock-tracking-container .stock-tracking-header-search-section input:last-child{
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.stock-tracking-container .stock-tracking-header-search-section button{
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.stock-tracking-container .stock-tracking-header-search-section .stock-tracking-header-search-title{
    width: 100%;
    height: 30px;
    line-height: 30px;
    display: block;
}
.stock-tracking-container .stock-tracking-header-search-section .stock-tracking-header-search-input{
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
}
.stock-tracking-container .stock-tracking-header-search-buttons{
    width: 50%;
    height: 80px;
    display: block;
    float: left;
}
.stock-tracking-container .stock-tracking-header-search-buttons div{
    width: 30%;
    height: 80px;
    display: block;
    float: left;
    margin-left: 3%;
}
.stock-tracking-container .stock-tracking-header-search-buttons div button{
    width: 100%;
    margin-top: 30px;
    border-radius: 50px;
}
.stock-tracking-container .stock-tracking-header-button{
    width: 10%;
    height: 100%;
    line-height: 50px;
    float: right;
}
.stock-tracking-container .stock-tracking-header-button button{
    float: right;
    border-radius: 50px;
    margin-top: 30px;
}
.stock-tracking-container .stock-tracking-body{
    width: 100%;
    min-height: 300px;
    display: block;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph{
    width: 100%;
    height: 250px;
    display: block;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-section{
    width: 68%;
    height: 250px;
    display: block;
    float: left;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-section .stock-tracking-body-graph-title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-section .stock-tracking-body-graph-graph{
    width: 100%;
    height: 200px;
    display: block;
}

.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info{
    width: 32%;
    height: 250px;
    display: block;
    float: left;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card{
    width: 98%;
    margin: auto;
    height: 100px;
    display: block;
    background-color: #f2f2f2;
    margin-top: 15px !important;
    border-radius: 12px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
/*.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card:last-child{*/
/*    border-radius: 12px;*/
/*}*/
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card .stock-tracking-body-card-icon{
    width: 25%;
    height: 100px;
    display: block;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card .stock-tracking-body-card-icon img{
    width: 90%;
    height: 100px;
    object-fit: contain;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card .stock-tracking-body-card-info{
    width: 75%;
    height: 100px;
    display: block;
    float: right;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card .stock-tracking-body-card-info .stock-tracking-body-amount{
    width: 100%;
    height: 70px;
    display: block;
    float: right;
    line-height: 80px;
    font-size: 1.5em;
    padding-left: 8px;
    font-stretch: ultra-condensed;
    color: rgba(0, 0, 0, 0.73);
    font-weight: 700;
}

.stock-tracking-container .stock-tracking-body .stock-tracking-body-graph .stock-tracking-body-graph-info .stock-tracking-body-card .stock-tracking-body-card-info .stock-tracking-body-title{
    width: 100%;
    height: 30px;
    display: block;
    padding-left: 8px;
    float: right;
    line-height: 15px;
    font-weight: 700;
}

.stock-tracking-container .stock-tracking-body .stock-tracking-table{
    width: 100%;
    min-height: 70px;
    display: block;
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.56);
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header{
    width: 100%;
    height: 60px;
    display: block;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-results{
    width: 55%;
    height: 60px;
    display: block;
    float: left;
    line-height: 50px;
    font-size: 1.5em;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-search{
    width: 27%;
    height: 60px;
    display: block;
    float: left;
    line-height: 50px;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-report{
    width: 18%;
    float: right;
    height: 50px;
    display: block;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-report button{
    border-radius: 50px;
    margin-top: 13px;
    margin-left: 6px;
    float: right;
}


.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-search .input-group{
    margin-top: 10px;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-search input{
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border: 1px solid slategrey;
    border-right: 0;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-header .stock-tracking-table-search button{
    border: 0;
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.stock-tracking-container .stock-tracking-body .stock-tracking-table .stock-tracking-table-body{
    width: 100%;
    min-height: 70px;
    display: block;
}



.stock-monitoring-container{
    width: 100%;
    height: auto;
    display: block;
}
.stock-monitoring-container .stock-monitoring-header{
    width: 100%;
    height: 70px;
    display: block;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-search{
    width: 40%;
    height: 70px;
    display: block;
    float: left;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-search .input-group{
    margin-top: 10px;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-search .input-group input:first-child{
    border-bottom-left-radius: 50px;
    border-top-left-radius: 50px;
    border : 1px solid rgba(0, 0, 0, 0.56);
    border-right: 0 !important;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-search .input-group input:nth-child(2){
    border : 1px solid rgba(0, 0, 0, 0.56);
    border-right: 0 !important;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-search .input-group button{
    border-bottom-right-radius: 50px;
    border-top-right-radius: 50px;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-title{
    width:25%;
    height: 70px;
    display: block;
    float: left;
    text-align: left;
    padding-left: 20px;
    font-size: 1.2em;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-title p{
    color: #29620e;
    font-weight: 700;
    margin-top: 10px;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-button{
    width: 25%;
    height: 70px;
    display: block;
    float: right;
}
.stock-monitoring-container .stock-monitoring-header .stock-monitoring-button button{
    float: right;
    margin-top: 20px;
    border-radius: 50px;
    margin-right: 5px;
}
.stock-monitoring-container .stock-monitoring-body{
    width: 100%;
    height: auto;
    display: block;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu{
    width: 23%;
    height: 500px;
    display: block;
    float: left;
}
.stock-monitoring-container .stock-monitoring-body{
    width: 100%;
    height: 500px;
    display: block;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-menu-header{
    width: 100%;
    height: 40px;
    display: block;
    line-height: 50px;
    text-align: center;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-menu-card{
    width: 96%;
    height: 100px;
    display: block;
    margin-left: 2%;
    margin-top: 5px;
    background-color: #f2f2f2;
    border: 1px solid rgba(0, 0, 0, 0.37);
    color: rgba(0, 0, 0, 0.71);
    border-radius: 24px;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-menu-card:nth-child(4){

    background-color: #f2f2f2;
    border: 1px solid rgba(64, 159, 23, 0.75);
    color: rgba(41, 98, 14, 0.71);
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-menu-card:hover{
    transition: .1s ease-in-out;
    transform: scale(.96,.96);
    cursor: pointer;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-icon{
    width: 40%;
    height: 100px;
    display: block;
    float: left;
    text-align: center;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-icon span{
    line-height: 100px;
    font-size: 4em;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-icon img{
    width: 90%;
    height: 100px;
    object-fit: contain;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-text{
    width: 60%;
    height: 100px;
    display: block;
    float: left;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-text .stock-monitoring-text-counter{
    width: 100%;
    height: 70px;
    display: block;
    line-height: 70px;
    text-align: center;
    font-size: 2em;
    font-weight: 700;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-text .stock-monitoring-text-counter img{
    width: 100%;
    height: 70px;
    object-fit: cover;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-menu .stock-monitoring-text .stock-monitoring-text-title{
    width: 100%;
    height: 30px;
    display: block;
    line-height: 30px;
    text-align: center;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-body{
    width: 55%;
    height: 500px;
    display: block;
    float: left;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-body .stock-monitoring-body-body-header{
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    font-size: 1.4em;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-body .stock-monitoring-body-body-header img{
    width: 100%;
    height: 50px;
    object-fit: contain;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-body .stock-monitoring-body-body-body{
    width: 100%;
    height: 80%;
    overflow-x: scroll;
    display: block;
    scrollbar-width: thin !important;
    scrollbar-color: black;
    -ms-scrollbar-width: thin !important;
    scrollbar-color: #4732a4 white;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-body .stock-monitoring-body-body-body img{
    width: 100%;
    height: 80%;
    object-fit: contain;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-graph{
    width: 22%;
    height: 500px;
    display: block;
    float: left;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-graph .stock-monitoring-body-graph-title{
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
}
.stock-monitoring-container .stock-monitoring-body .stock-monitoring-body-graph .stock-monitoring-body-graph-graph{
    width: 100%;
    height: 85%;
    display: block;
}
.system-page-content-main .stock-custom-monitoring{
    position: fixed;
    right: 0;
    bottom: 7%;
    width: 18%;
    height: 50px;
    display: block;
    background-color: #111655;
    border-top-left-radius: 13px;
    border-bottom-left-radius: 12px;
    line-height: 50px;
    padding-left: 20px;
    text-align: center;
    color: white;
    cursor: pointer;
}
.medium-stock-table tr td{
    /*padding: 0 !important;*/
    /*margin: 0 !important;*/
    font-size: .95em;
}
.expired-stock-table tr td{
    /*padding: 0 !important;*/
    /*margin: 0 !important;*/
    font-size: .95em;
}
.nearExpire-stock-table tr td{
    padding: 0 !important;
    margin: 0 !important;
    font-size: .95em;
}
.stock-taking-sheets-container{
    position: fixed;
    width: 30%;
    left: 20%;
    transition: .3s ease-in-out;
    visibility:hidden;
    opacity:0;
    top: 15%;
    height: 320px;
    font-weight: 700;
    background-color: #fff;
    z-index: 99999;
    border-radius: 12px;
}
.stock-taking-sheets-container .stock-taking-sheets-header{
    width: 90%;
    margin: auto;
    height: 70px;
    line-height: 70px;
    color: black;
    font-weight: 700;
    font-size: 1.5em;
    font-stretch: extra-condensed;
}
.stock-taking-sheets-container .stock-taking-sheets-body{
    width: 90%;
    margin: auto;
    height: 180px;
    display: block;
}
.stock-taking-sheets-container .stock-taking-sheets-footer{
    width: 90%;
    margin: auto;
    height: 50px;
    display: block;
}
.stock-taking-sheets-container .stock-taking-sheets-footer button{
    width: 31%;
    margin-left: .5%;
    margin-right: 1%;
    margin-top: 10px;
}
.inventory-report-modal{
    width: 18%;
    margin-top: -5%;
    height: 192px;
    display: block;
    background-color: white;
    position: fixed;
    right: 17%;
    border-radius: 12px;
    z-index: 999999;
    top: 32%;
    transition: .3s ease-in-out;
    visibility: hidden;
    transform: scale(0,0);
    opacity: 0;
}
.inventory-report-modal .inventory-report-button{
    width: 92%;
    height: 45px;
    cursor: pointer;
    display: block;
    background-color: #e8395d;
    color: white;
    margin: auto;
    border-radius: 12px;
    margin-top: 7px !important;
    margin-bottom: 7px !important;
}
.inventory-report-modal .inventory-report-button:first-child{
    margin-top: 20px !important;
}
.inventory-report-modal .inventory-report-button:last-child{
    background-color: white;
    color: black;
    border: 1px solid #ccc;
}
.inventory-report-modal .inventory-report-button icon{
    width: 20%;
    height: 100%;
    text-align: right;
    line-height: 45px;
    float: left;
    font-size: 1.2em;
}
.inventory-report-modal .inventory-report-button text{
    width: 75%;
    margin-left: 5%;
    height: 100%;
    line-height: 45px;
    float: right;
    font-size: 1.2em;
}
.clear-update-draft{
    width: 50px;
    height: 50px;
    display: block;
    background-color: #b84141;
    position: fixed;
    top: 40%;
    border-radius: 50%;
    right: -5%;
    transition: .3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
}
.clear-update-draft:hover{
    transform: scale(.9,.9);
}
.clear-update-draft .clear-update-draft-button{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 50px;
    font-size: 1.7em;
    color: white;
}
.restore-update-draft{
    width: 60px;
    height: 60px;
    display: block;
    background-color: #4a7cb8;
    position: fixed;
    top: 50%;
    border-radius: 50%;
    right: -5%;
    transition: .3s ease-in-out;
    cursor: pointer;
    box-shadow: 0 6px 6px rgba(0,0,0,0.5);
}
.restore-update-draft .restore-update-draft-button{
    width: 100%;
    height: 100%;
    display: block;
    line-height: 60px;
    text-align: center;
    font-size: 1.7em;
    color: white;
}
.restore-update-draft:hover{
    transform: scale(.9,.9);
}