@font-face {
  font-family: 'Noto Sans';
  src: url('../../resources/fonts/NunitoSans.ttf');
}
@font-face {
  font-family: 'Nunito Sans';
  src: url('../../resources/fonts/NunitoSans.ttf');
}
@font-face {
  font-family: 'Roboto';
  src: url('../../resources/fonts/Roboto.ttf');
}


body {
  font-family: 'Noto Sans';
}
.app-body{
    overflow: hidden;
}
/*Footer*/
.footer {
    height: 50px;
    border-top: 1px solid black;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    text-align: right;
    padding: 9px 25px 9px 0;
    box-sizing: border-box;
    z-index: 1;
}

.footer img {
    width: 161px;
    height: 21px;
    vertical-align: middle;
}
/*End footer*/
.sidebar .nav-item , span , h1, h2, h3, h4, h5, h6, p, div, ul, ol, li, a, .right-label{
    font-family: 'Nunito Sans', sans-serif !important;
}
/*Slider*/
.cal-main-height {
    height: calc(100vh - 55px - 99px);
}
.col-main-height-user {
    height: calc(100vh - 55px);
}
.bg-dark {
    background-color: #000 !important;
}
.bg-light {
    background-color: #FFF !important;
}
.sidebar .nav-dropdown-toggle{
    height: 57px !important;
}
.sidebar .open .nav-dropdown-toggle{
    height: 58px !important;
}
.sidebar .nav-dropdown-toggle::before {
/*  background-image: url("/resources/icons/down.png") !important;*/
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='gray' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E")
 !important;
  width: 14px;
  height: 14px;
}
.sidebar-nav , ul.nav:nth-child(1){
    border-top: 1px solid black;
    border-right: 1px solid black;    
}
.sidebar .nav-dropdown.open, .sidebar .nav-dropdown {
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}
/*End slider*/

/*Btn*/
.btn-default {
    width: 86px !important;
    height: 80px !important;
}
.btn-dark{
    height: 50px;
    width: 445px;
    background: #000000;
    box-shadow: 0px 10px 20px rgba(48, 48, 48, 0.25);
    border-radius: 8px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    color: #FFFFFF !important;

    /*Margin*/
    margin: 27px 47px 82px 47px;
}
/*Search box*/
.vs__dropdown-toggle {
    border-color: #FFF !important;
}

/*Placeholder*/
.placeholder-input::placeholder , input:placeholder , .vs__search:placeholder , .input-text:placeholder{
  font-family: Roboto !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #000 !important;
}
/*End placeholder*/
/*Check Box*/
.check-box {
  accent-color: #000;
  border-radius: 3px;
}
.check-box-status {
    margin-left: 10px;
    margin-bottom: -10px !important;
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #909090;
  background-color: #FFF;
  border-radius: 4px;
  appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 13px !important;
/*  position: relative;*/
/*  margin-top: 50%;
  margin-left: 50%;*/
}


.check-box-status::before {
  content: ""; /* Empty content */
  display: inline-block; /* Make the pseudo-element an inline block */
  background-image: url("/resources/icons/checked.svg");
  background-size: 18px; /* Set the size of the content to 20 pixels */
  padding: 1px;
  width: 20px; /* Set the width of the pseudo-element to match the content size */
  height: 20px; /* Set the height of the pseudo-element to match the content size */
  border-radius: 4px;
/*  margin-top: 50%;
  margin-left: 50%;*/
}
.check-box-status::before {
    background-color: #000;
/*  transform: translate(-50%, -50%);*/
  color: #ffffff;
  visibility: hidden;
}

.check-box-status:checked::before {
  visibility: visible;
}

/*Status*/
.status-pre{
    margin-right: 7px;
}
.status-post{
    margin-left: 7px;
    font-size: 14px;
}

.pointer {
    cursor: pointer;
}
.red div a , .red a, a:not(.no-hover):hover{
    color:red;
}
/*textarea*/
textarea {
    max-height: 169px;
    min-height: 76px !important;
    resize: none;
    margin-bottom: 20px !important;
}
textarea::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

textarea::-webkit-scrollbar-thumb {
  background-color: #ccc;
}

textarea::-webkit-resizer {
  display: none;
}

/*End textarea*/

/*popup mrt , rqtoStore */
#outGoingStoreCodeMtr, #incomingStoreCodeMtr, #outgoingStoreCode{
    height: 26px;
}
/*End popup mrt*/
/*pop up text limit*/
.scroll-memo {
    height: 50px;
    overflow-y: auto; 
    overflow-x: hidden; 
    -ms-overflow-x: hidden;
    width: 100%;
    overflow: auto;
}
/*End pop up text limit*/
/*Pagination*/
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
/*End Pagination*/
/*Search Store*/
.vs__open-indicator {
    opacity: 40%;
}
.vs--single .vs__selected , .vs__search::placeholder, .vs__dropdown-option, .vs__search, .vs__search:focus{
    color: #000 !important;
    font-size: 12px !important;
}
.vs__selected-options {
    height: 30px;
}
.sec-search-icon {
    z-index: 2;
    color: #ADB3BC !important;
    
}
.search-input-store , .search-input-store .vs--searchable .vs__dropdown-toggle{
    height: 40px;
    background: #FFFFFF;
    color: #323C47;
    border: 1px solid #C1C1C1;
    border-radius: 4px;
    font-size: 13px !important;
    align-items: center;
    padding-left: 25px;
}
.vs__dropdown-option:hover,
.vs__dropdown-option:focus {
    background-color: #e4e7ea !important;
}
.vs__dropdown-option:not(:hover):not(:focus) {
  
  background-color: #fff !important;
}
/*Small Text*/
.small-label {
    color:#787878 !important;
}
/*BTN*/
.icon-file-remove {
    font-size: 22px;
    background-color: #2c2d27;
    color: #FFF;
    border-radius: 20px;
    margin-left: 10px;
    padding: 0px 1.9px 0px 1.9px;
}
.btn-whtie {
    width: 255px;
    height: 50px;
    background: #FFFFFF;
    box-shadow: 0px 10px 20px rgba(48, 48, 48, 0.25);
    border-radius: 8px;
}
/*End BTN*/
/*Confirm  Delete Style*/
.confirm-text {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 44px;
    text-align: center;
    margin-bottom: 85px;
    color: #F43F5E;
}
/*End Confirm Delete Syle*/
/*Progress bar*/
.progress-container {
    margin :10px 47px 10px 47px;
}
.y-progress_text , .y-progress , .y-progress_bar{
    background-color: #000;
    height: 3px !important;
}
.bg-white{
    background-color: #E3E3E3 !important;
}
/*End Progress bar*/
/*Product Mgmt Style*/

.search-label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;

    /* identical to box height */

    /* black */
    color: #192A3E;

    /*Margin*/
    margin: 21px 0px 6px 17px;
}
.search-row{
    display: flex;
    flex-direction: row;
    width: 380px;
    /*height: 64.99px;*/
    vertical-align: middle;
    
    /*Margin*/
    margin: 0px 17px 13px 17px;
}
.search-rows {
    width: 100%;
    display: flex;
    flex-flow: row;
}
.search-row-4 {
    /*width: 360px;*/
    display: flex;
    flex-direction: row;
    width: 226px;
    /*height: 64.99px;*/
    vertical-align: middle;
    
    /*Margin*/
    margin: 0px 0px 13px 17px;
}
.search-row-4  .input-icons i {
    position: absolute;
    color: #ADB3BC;
}
.search-row-4 .icon {
    padding: 10px;
    min-width: 40px;
}
/*Icon issue*/
.search-row .input-icons i {
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.search-i {
    position: relative !important;
}
/*End icon issue*/
.w-max {
    width: 226px !important;
}
.search-input {
    width: 226px;
    height: 40px;
    font-family: 'Poppins' !important;

    /* white */
    background: #FFFFFF;
    border: 1px solid #C1C1C1;
    border-radius: 4px;

    width: 100%;
    padding: 10px;
    text-align: left;
    padding-left: 35px;
    font-family: 'Poppins';
    

    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01em;


    /* table_black */
    color: #323C47;

    opacity: 1;
}
input:focus , .input-text:focus{
    outline: none;
}
.icon-dropdown {
    position: relative;
    display: inline-block;
}
.icon-dropdown::before {
    position: absolute;
    top: 12px;
    right: 5px;
    height: 20px;
    width: 20px;
}
.search-row .input-icons i {
    position: absolute;
    color: #ADB3BC;
}
.input-icons {
    margin-right: 23px !important;
}
.search-row .icon {
    padding: 10px;
    min-width: 40px;
}
.btn-search {
    width: 137px;
    height: 40px;
    background-color: #000000;
    border: #000;
    color: #FFF !important;
}
.btn-search:hover {
    background-color: #383838;
}

.my-13 {
    margin-top: 13px;
    margin-bottom: 13px;
}

.search-result-label {

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;

    /* identical to box height */

    /* black */
    color: #192A3E;

    /*Margin*/
    margin: 0px 0px 12px 38px;
}
.search-result-label-title {

    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;

    /* identical to box height */

    /* black */
    color: #192A3E;
}
.search-wrap {
    position: fixed;
    height: 100px;
    width: 100%;
    background-color: #FFF;
}
.t-fixed{
    position: fixed;
    width: 100%;
    background-color: #FFF;
}
.search-result-fixed {
    margin-top: -13px;
    padding-top: 13px;
}
.table-header-mt {
    margin-top: -2rem !important;
}
.loading-indicator {
    text-align: center;
    padding: 10px;
    margin-top: 10px;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
.table-scroll {
    max-height: calc(100vh - 80px);
    scroll-behavior: smooth;
    overflow: auto; /* Use 'auto' to hide the scrollbar, but still allow scrolling */
}

/* Add custom styling to the scrollbar if needed */
.table-scroll::-webkit-scrollbar {
    width: 2px; /* Adjust the scrollbar width as needed */
}

.table-scroll::-webkit-scrollbar-thumb {
    background-color: #c9c9c9; /* Change the color of the scrollbar thumb */
}

.table-mt {
    padding-top: 4rem;
    /* height: calc(100vh - 101px); */
}
.table-responsive.table-mt > table > tbody > tr:nth-child(1) > td {
    border-top: none !important;
}
.container-result-wrap {
    margin-top: 112px !important;
}
.container-result {
    margin: 12px;
    margin-right: 133px;
    overflow: hidden;
}
.table-hd {
    /*font-family: 'Roboto';*/
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 14px;

    color: #474747;
}
.table {
    /*font-family: 'Roboto';*/
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;

    color: #000000;
  table-layout: auto;
  width: 100%;
}
th,
td {
  padding: 10px;
  text-align: left;
/*  border: 1px solid black;*/
}
.btn-view-product {

    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #F43F5E !important;
    cursor: pointer;
    display: block;
    text-align: right;
    padding-right: 10px;
}
.right {
    text-align: right;
}
/*End Product Mgmt Style*/

/*Modal Style*/
.btn-download {
    height: 50px;
    width: 445px;
    background: #000000;
    box-shadow: 0px 10px 20px rgba(48, 48, 48, 0.25);
    border-radius: 8px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    text-align: center;

    color: #FFFFFF !important;

    /*Margin*/
    margin: 57px 47px 82px 47px;
}
a {
    color: #000;
}
.modal {
  top: 286px;
}
.modal-mid-title {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    /* Black font */
    color: #303030;

    /*Margin -29 */
    margin: 75px 94px 74px 93px;
}
.modal-close i {
    line-height: 100%;
    font-size: 39px;
}
.modal-close {
    color: #000000;
    background-color: none;
    padding: 0px;
    margin: 27px 17px 0px 0px;
}
.modal-action {
    width: 540px ;
    height: auto;
    position: fixed;
    top: 0;
    z-index: 1050;
    margin: 285px auto auto 35%;
}
.modal-header {
    padding: 0px !important;
    border: none;
}
.modal-title {
    padding-left: 42%;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    /* Black font */
    color: #303030;

    /*Margin*/
    margin: 32px 0px 29px 0px;
}
.modal-content {
    width: 540px;
}
/*For Drag Drop*/
.files input {
    display: none;
    outline: 2px dashed #92b0b3;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    padding: 120px 0px 85px 35%;
    text-align: center !important;
    margin: 0;
    width: 100% !important;
}
.files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
 }
.files{ 
    outline: 2px dashed #92b0b3;
    position:relative;
    height: 202px;
    width: 445px;
    margin: 0px 47px 24px 47px;
    text-align: center;
}
.files:before {  
    pointer-events: none;
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    right: 0;
    height: 56px;
    /*content: "Upload Excel";*/
    /*background-image: url("../resources/icons/upload-file.png");*/
    background-size: 22px;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;


}
.label-upload-excel{

    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    display: flex;
    align-items: center;
    text-align: center;
    display: block;
    color: #000000;
    margin: 12px 0px 32px 0px;
}
.label-supported {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    text-align: center;

    color: #979797;
    display: block;
    margin: 57px auto 30px auto;
}
.label-upload-file {

    /*font-family: 'Mulish';*/
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;

    /* identical to box height */
    
    align-items: center;

    color: #676767;

    /*Margin*/
    margin: 24px 47px 10px 47px;
}
.color input{ background-color:#f1f1f1;}
.files:before {
    position: absolute;
    top: 127px;
    left: 0;  pointer-events: none;
    width: 100%;
    right: 0;
    height: 50px;
    content: "Drag & drop file or Browse";
    display: block;
    margin: 0 auto;
    color: #2ea591;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;


    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;

    /* identical to box height, or 179% */
    text-align: center;

    color: #000000;
}
#getFile {
    height: 36px;

    /*Margin*/
    margin: 0px 47px 0px 47px;
}
.btn-upload {
    height: 50px;
    width: 445px;

    background: #979797;
    box-shadow: 0px 10px 20px rgba(48, 48, 48, 0.25);
    border-radius: 8px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    color: #ADB3BC !important;

    margin: 36px 47px 49px 47px;
}
/*End for Drag Drop*/
/* End Modal Style*/


/*Paganation Style*/


.pagination\:container {
  display: flex;
  align-items: center;
}

.arrow\:text {
  display: block;
  vertical-align: middle;
  font-size: 13px;
  vertical-align: middle;
}

.pagination\:number {
  --size: 32px;
  --margin: 6px;
  margin: 0 var(--margin);
  /*border-radius: 6px;*/
  /*background: #202020;*/
  max-width: auto;
  min-width: var(--size);
  height: var(--size);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 6px;
  @media (hover: hover) {
    &:hover {
      background: lighten(#202020, 3%);
    }
  }
  &:active {
      background: lighten(#202020, 3%);
  }
}

.pagination\:active {
  background: #000;
  color: #FFF;
  position: relative;
}

.pag-go-row {
    width: 100px;
    height: 32px;
    display: flex;
    flex-direction: row;
}
.pag-go-col {
    width: 50px;
    height: 32px;
}
.pag-go-text {

    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;

    color: #5A5A5A;
    vertical-align: middle;
}
.pagination-row {
    width: 100%;
    display: flex;
    flex-direction: row;
}
/*End Paganation Style*/

.ck-editor__editable,
textarea {
    min-height: 150px;
}

.header-fixed .app-header {
    height: 65px;
}
.datatable {
    width: 100% !important;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}
.sidebar {
    background-color: #FFF;
}
.sidebar .nav-item {
    cursor: pointer;
}
/*header margin*/
.top-header-box-margin {
    padding-left: 17px;
}
.rm-left-margin {
    margin-left: 0px !important;
}
.last-border{
    border: 1px solid #939393 !important;
}
.rm-right-margin{
    margin-right: 0px !important;
}
.vs__search {
    opacity: 0.8 !important;
    font-family: 'Poppins' !important;
}
.vs__search::placeholder {
    font-size: 13px !important;
}
/*end header margin*/
.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.filter-date {
    width: auto;
    display: block;
    opacity: 55%;
    /*margin-right: 23px;*/
    /*width: 131px;*/
}
.filter-date i {
    position: absolute;
    color: #ADB3BC;
}
.start-date, .end-date {
    padding-left: 10px;
}
.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}


.navbar-brand-minimized{
  color: $theme_black !important;
}
.nav-list {
  font-size: 18px;
  margin: 10px;
}
.app-header {
    height: auto !important;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #000;
}
.nav-list-item {
    font-size: 18px;
}

.nav-list-item > i {
    font-size: 30px;
}

.sidebar .nav-link{
    color: #252733;
}
.sidebar .nav-link:not(.no-hover):hover, .sidebar .nav-link.active, .sidebar .nav-dropdown.open .nav-link:not(.no-hover):hover {
    background-color: #F43F5E;
    color: #FFF !important;
}
.sidebar .nav-dropdown.open .nav-link:not(.no-hover):hover {
    background-color: #F43F5E;
    color: #FFF !important;   
}
.sidebar .nav-dropdown-items .nav-item {
    background-color: #fff;
}
.sidebar .nav-dropdown.open .nav-link {
    color: #252733;
    width: 269px;
/*    border-bottom: 0.5px solid rgba(204, 204, 204, 0.7);*/
}
/*Nav Border*/
.nav-item.nav-dropdown.open > a.nav-link:first-child {
    border-bottom: 0.5px solid rgba(204, 204, 204, 0.7);
}
/*End nav border*/
.h-53 {
    height: 53px;
}
.sidebar .nav-dropdown.open, .sidebar .nav-dropdown {
    background-color: #fff;
}
.sidebar .nav-dropdown-items .nav-item .active, .sidebar .nav-link.active .nav-icon {
    background-color: #F43F5E;
    color: #FFF;
}
.icon-wrapper {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    margin-bottom: auto;
    background: #000000;
    border-radius: 3px;
    text-align: center;
}

.icon-button {
  position: relative;
  display: flex;
  width: 31px;
  height: 31px;
  /*color: #333333;
  background: #dddddd;
  border: none;
  outline: none;
  border-radius: 50%;*/
}

.icon-button:hover {
  cursor: pointer;
}

.icon-button:active {
  background: #cccccc;
}

.icon-button__badge {
    font-size: 10px;
    position: absolute;
    top: -2px;
    right: 2px;
    width: 14px;
    height: 14px;
    background: #F43F5E;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.badge-noti {
    border: 1px solid #DADADA;
    font-size: 10px;
    float: right;
    width: 16px;
    height: 16px;
    background: #F43F5E;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 10%;
}
/*.sidebar .nav-dropdown.open .nav-link {
    width: 100% !important;
}
*//*
.icon-button__badge {
  position: absolute;
  top: 10px;
  
  display: flex;
  overflow-x: auto;
  z-index: 9999;

  float: right;
  top: 10px;
  right: 10px;
  width: 14px;
  height: 14px;
  font-size: 10px;
  background: #F43F5E;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}*/

.icon-menu {
    width: 15px;
    height: 15px;
    margin: auto;
    color: #FFF;
}
.label-hq {
    font-size: 19px;
    height: 38px;
    text-align: center;

    /*Font*/
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    align-items: center;
    letter-spacing: 0.1px;


}
.btn-excel {
    width: 80%;
    font-size: 22px;
    color: #000;
    background: white;
}
.app-header .navbar-brand {
  width: auto;
}

.app-header .navbar-nav{
  font-size: 14px;
  border-left: 1px solid black;
}
.w-logo {
    width: 269px !important;
}
.bl {
    border-left: 1px solid black;
}
.br {
    border-right: 1px solid black;
}
.space {
    width: 50rem;
}
.fa-lg {
  font-size: 1.5em;
}

/*Login Screen Style*/
.login-card {
    /* Rectangle 328 */
    width: 649px;
    height: 504px;
    background: #FFFFFF;
    box-shadow: 0px 8px 40px rgba(138, 149, 158, 0.2);
    border-radius: 20px;
    margin-bottom: 70px;
}
.login-icon {
    /* bulgari-logo-2 5 */
    width: 549px;
    height: 54px;
    margin-top: 180px;
    margin-bottom: 180px;
}

.login-title {
    /* Bulgari Transfer System BTS */
    width: 318px;
    height: 33px;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 33px;
    /* identical to box height */
    text-align: center;

    /* Black font */
    color: #303030;

    padding-top: 75px;
    margin-bottom: 90px;

}
.login-login{
    /* Login */

    width: 88.62px;
    height: 25.25px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    text-align: center;

    /* Black font */
    color: #303030;

    margin-bottom: 29px ;
}
.login-form-input {
    /*Margin*/
    margin-left: 50px;
    margin-right: 50px;
    margin-bottom: 23px !important;

    /*Border*/
    border-top: 0px;
    border-bottom: 1px solid #CFCFCF;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;

}
.login-form-input:focus{

    /*Border*/
    border-top: 0px;
    border-bottom: 1px solid #CFCFCF;
    border-right: 0px;
    border-left: 0px;
    border-radius: 0px;    
}
.login-btn {
    width: 549.04px;
    height: 50.5px;
    /* Black font */
    background: #303030;
    box-shadow: 0px 10px 20px rgba(48, 48, 48, 0.25);
    border-radius: 8px;
    margin-bottom: 44px;
}
.login-remember-me {
    width: 106px;
    height: 19.19px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;

    /* Black font */
    color: #303030;
}
.login-rem-bc {
    width: 20px;
    height: 20.2px;

    border: 1px solid #623A3A;
    border-radius: 4px;
}
.login-power-by {
    width: 161px;
    height: 21px;
    margin-bottom: 71px;
}

@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 


    .card {
        /* Rectangle 328 */
        width: 100%;
        height: auto;
        background: #FFFFFF;
        box-shadow: 0px 8px 40px rgba(138, 149, 158, 0.2);
        border-radius: 20px;
    }
    .login-icon {
        /* bulgari-logo-2 5 */
        width: 100%;
        height: auto;
    }

}
/*Login Screen Style*/

/*Layout Style*/
.status-col {
    min-width: 188px;
}
.nav-logo {
    width: 202px;
    height: 20px;
    margin-top: 22px;
    margin-bottom: 22px;
    margin-left: 34px;
    margin-right: 34px;
}
.nav-text {
    display: none;
    width: auto;
    height: 20px;
    margin-top: 22px;
    margin-bottom: 22px;
    /*margin-left: 10px;*/
    margin-right: 20px;
    color: #000;
    transition: width 2s;
}
.app-header .navbar-brand {
    min-width: 300px;
    /*min-width: 439.7px;*/
}
.na-head-title {
    width: auto;
    display: flex;
    align-items: center;
    text-align: center;
    text-align: center;
    vertical-align: middle;
    /* Black font */
}

.khq-nav {
    width: 155px;
    height: 16px;

    font-family: 'Avenir Heavy';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    
    align-items: center;
    text-align: center;

    /* Black font */
    color: #303030;
    margin-right: 35px;
}

.nav-noti-icon,  .fa.fa-bell-o.fa-lg` {
    width: 31px;
    height: 31px;
}

.btn-lang{
font-family: 'Nunito Sans';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
display: flex;
align-items: center;
text-align: center;
color: #333; 

margin-right: 60px;
}

@media (max-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 

}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ 
  .btn-lang {
    margin-left: 300px !important;
  }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ 
  .btn-lang {
    margin-left: 300px !important;
  }
}
@media (min-width:1400px) { /* hi-res laptops and desktops */ 
  .btn-lang {
/*    margin-left: 803px !important;*/
  }
}


/*Left Menu Style*/
.sidebar-fixed .sidebar {
    height: calc(100vh - 55px);
}
.l-menu {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 900;
    font-size: 16px;
    line-height: 22px;
    align-items: center;
    letter-spacing: 0.1px;

    margin-top: auto;
    margin-bottom: auto;
    /* grayscale / black */
    /*color: #252733;*/
}
/*.l-menu:hover {
    color: #fff;
}*/
.sidebar-minimized .sidebar .nav > .nav-dropdown > .nav-dropdown-items {
  background: none;
}
.sidebar .nav-dropdown-items .nav-item{
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 900;
    font-size: 12px;
    line-height: 16px;

    /* identical to box height */
    /*display: flex;
    align-items: center;*/
    letter-spacing: -0.1px;
}
.sidebar .nav-dropdown.open > .nav-dropdown-items {
    max-width: 269px;
}
.right-submenu-label{
    padding: 2% 0px 2% 55px !important;
    height: 25px;
    text-decoration: none;
    color: #000;
    width: 100%;
}
/*.nav-link {
    padding: auto auto 55px auto !important;
    height: 25px;
    
}*/
/*li.nav-item {
    max-height: 30px;
}*/
.sidebar-minimized .sidebar .sidebar-minimizer::before , .sidebar-minimized .sidebar .sidebar-minimizer::hover , .sidebar .sidebar-minimizer:not(.no-hover):hover {
    background-color: #FFF;
    color:#000;
}

.sidebar .sidebar-minimizer::before {
  background-image: url("/resources/icons/chevron-double-left.svg") !important;
  fill: currentColor;
}
/*.sidebar .sidebar-minimizer::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  content: "";
  color: #000 !important;
  background-image: url("../resources/icons/chevron-double-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12.5px;
  transition: .3s;
}*/
/*$sidebar-toggler-hover-bg: #FFF;*/
@media (min-width: 992px) {
    .sidebar-minimized .sidebar .sidebar-minimizer {
        background-color: #FFF !important;      
    }
}
sidebar-light-toggler-indicator-hover-color: #FFF;
.sidebar-minimized .sidebar .sidebar-minimizer, .sidebar-minimized .sidebar .sidebar-minimizer {
  position: fixed;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-color: #FFF !important;
}
.sidebar .sidebar-minimizer {
  position: relative;
  -ms-flex: 0 0 50px;
  flex: 0 0 50px;
  cursor: pointer;
  background-color: #FFF;
  border-top: 1px solid black;
  border-right: 1px solid black;
}
/*End Left Menu*/

/*Right Menu Style*/
.right-add-product-title {
    font-family: 'Poppins' !important;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;

    /* identical to box height */
    text-align: center;

    /* black */
    color: #192A3E;
    margin-top: 18px;
}
.right-upload-excal-label {
    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 9px;
    line-height: 14px;

    align-items: center;
    text-align: center;
}
.right-menu{
    width: 121px;
    background-color: #FFF !important;
    border-left: solid 1px #ddd;
    position: fixed;
    right: 0px;
    height: 100%;
}

/*End Right Menu Style*/

/*Pagination Style*/
/*Go pag*/
.pag-border {
  display: flex;
  justify-content: center;
  padding: 1rem;
}

.pagination-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
}

.additional-content {
  margin-left: 1rem; /* Add any desired spacing between the pagination and additional content */
}

.bg-go-border {
  color: #5A5A5A;
  border: 1px solid #CCCCCC;
  padding: 7px 14px 7px 14px;
  cursor: pointer;
}
.bg-go-border:hover {
    background-color: #e4e7ea;
}

.bg-go-border-non-right {
  color: #5A5A5A;
  border-width: 1px 0 1px 1px; /* top right bottom left */
  border-color: #CCCCCC;
  border-style: solid;
  padding: 7px 14px 7px 14px;
}


/*end Go pag*/
.page-item:last-child a {
    color: #333 !important;
}
.page-item:first-child a {
    color: #333 !important;
}
.page-item.active .page-link {
    border-radius: 4px;
}
.page-item {
    width: 37px;
    height: 32px;
    text-align: center;
    flex:content;
}
.page-link {    
    color: #000 !important;
    border: none;
}
.page-item.active .page-link, .page-item.active .page-link:hover {
    background-color: #000;
    border: 0.2px solid #383838;
    color: #FFF !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    padding: 0px !important;
}
/*End Content Style*/

/*Start table Style*/
.table td, .table th{
    padding: 8px !important;
}
/*End table style*/

/*Btn Style*/
.btn-success {
    background-color: #000000;
    border: #000;
}
.btn-success:hover {
    background-color: #383838 !important;
}
/*.icon-wrapper-short {
    display: none;
    background-color: #000;

    float: left;
    margin: auto;
    padding: 10px;
    border-radius: 5px;
}*/
.sidebar-minimized .sidebar .nav-item:not(.no-hover):hover > .nav-link {
    background-color: #F43F5E;
}
.sidebar-minimized .sidebar .nav-item:not(.no-hover):hover {
    background-color: #F43F5E;
    text-decoration: none;
}
.hq-title-short {
    display: none;
    text-align: center;
    height: 38px;
    margin-top: 40%;
}
.wide, .wide-screen {
    display: block;
}
.ab-center {
  display: flex;
  justify-content: center; /* Center horizontally */
  align-items: center; /* Center vertically */
}
.menu-icon-p {
    padding-left: 10px !important;
}
.short {
    display: none;
    margin-right: 30px;
}
.icon-menu-short {
    background-color: #000;
    border-radius: 3px;
    width: 30px;
    padding: 5px;
    /*margin-right: 16px;
    margin-left: 16px;*/
    height: 30px;
    margin: 0px 11px 0px 11px;
}
.short-bg {
    background-color: #FFF !important;
    width: 269px;
}
.w-319 {
    width: 319px !important;
}
/*End Btn*/


/*MTR Style*/
.mtr-status-label {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;

    /* identical to box height */

    /* black */
    color: #192A3E;

    /*Margin*/
    margin: 13px 109px 13px 17px;
}

.mtr-status-box {
    border: 1px solid #DADADA;
    border-radius: 5px;
    text-align: center;
    height: 66px;
    width: 137px;

    /*Margin*/
    margin: 13px auto 12px auto;
    padding: 12px 15px 12px 15px;
}
.box-active {
    border: 1px solid #000000;
}
.mtr-status-box-label {

    font-family: 'Avenir';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 14px;
    color: #979797;
    margin-bottom: 5px;
}
.mtr-stauts-box-value {
    text-align: center;
    margin: 0px;

    font-family: 'Avenir';
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
    line-height: 33px;
    display: flex;
    align-items: center;
    text-align: center;

    color: #000000;
    display: block;


}
.red {
    color: red;
}
.mrtSigW {
    width: 856px;
    height: 851px;
}
.wcard {
    /* Rectangle 328 */
    width: auto !important;
    height: 418px;
    background: #FFFFFF;
    box-shadow: 0px 8px 40px rgba(138, 149, 158, 0.2);
    border-radius: 20px;
    margin: 0px 18px 0px 18px;
    display: block;
    margin-right: 70px !important;
    margin-left: 70px !important;
}
.inputcard {
    width: 716px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    text-align: center;

    /*Margin*/
    margin: 0px 30px 15px 30px;
}
.inputProductName {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    border: none;
    text-align: center;
    /* identical to box height */

    color: #979797;
}


.product-info-card {
    width: 716px;
    height: 338px;

    background: #FFFFFF;
    box-shadow: 0px 8px 40px rgba(138, 149, 158, 0.2);
    border-radius: 6px;

    /*Margin*/
    margin: 0px 30px 15px 30px;
    padding-left: 39px;
    padding-right: 39px;
}
.info-main-title-label {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;

    /* identical to box height */

    /* Black font */
    color: #303030;

    /*Margin*/
    margin: 15px auto 11px 0px;
}
.info-qty {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;

    color: #979797;

    /*Margin*/
    margin: 21px 14px 15px 0px;

}
.btn-plus, .btn-subtract {
    width: 23.63px;
    height: 23.63px;
    background: #CCCCCC;
    opacity: 0.4;
    border-radius: 6px;
    display: flex;
    justify-content: center;

    /*Margin*/
    margin: 15px 11px 0px 0px;
}
.btn-plus i , .btn-subtract i{
    font-size: 14px;
    /* grey 2 */
    /*color: #909090;*/
    vertical-align: middle;
}
.btn-plus:hover, .btn-subtract:hover {
    background-color: #6A6A6A;
}
.req-qty {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.05em;

    /* Black font */
    color: #303030;

    /*Margin*/
    margin: 17px 11px 0px 0px;
}
.whr-store {
    height: 2px;

    /* blur grey */
    background: #F0F0F0;
    border-radius: 6px;
    margin: 0px;
    padding: 0px;
    margin-bottom: 13px;
}
.info-row2 {

}
.info-items {

    width: 100%;
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;

    color: #979797;
    /*Margin*/
    margin: 12px auto 26px 0px;
}
.label-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap | wrap | wrap-reverse;
}
.img-frame {
    width: 268px;
    height: 259px;
    background-color: #c2b9b9;
    border-radius: 7px;
}
.short-label-10 {
    width: 100px;
    text-align:center;
    margin-bottom: 0px;
    margin-top: 5px;
}
.flex {
    display:flex;
    margin-bottom: 4px;
    justify-content: left;
    align-items: flex-start;
}
.date-input {
    position: relative;
    width: 214px;
    height: 24px;

    /* white */
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 4px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    display: flex;
    align-items: center;

    color: #979797;

}
.memo-input {
    height: 56px;
    min-height: 100px;
    width: 525px;

    /* white */
    background: #FFFFFF;
    border: 1px solid #DADADA;
}
/*End MTR Style*/
/*Upload style*/
.upload-from {

    /* identical to box height */    
    align-items: center;

    /*Margin*/
    margin: 24px 47px 10px 47px;
}
#progress {
    width: 100%;
}
progress::-moz-progress-bar, progress::-webkit-progress-value, progress  {
    height: 3px;
    background: #000000;
}

.label-success-upload-excel{
    display: flex;
    align-items: center;
    text-align: center;
    display: block;
    margin: 12px 0px 32px 0px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 44px;
    text-align: center;

    color: #F43F5E;
    display: none;
}
.btn-close-after {
    width: 100%;
    height: 31.8px !important;
    transform: rotate(-90deg);
    margin-bottom: 45px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 31px;
    line-height: 31px;
    display: block;
    text-align: center;
    color: #000;
    display: none;
}
/*End Upload style*/

/*Store card style*/

/*.product-info-card {
    width: 315px;
    height: 300px;

    background: #FFFFFF;
    box-shadow: 0px 8px 40px rgba(138, 149, 158, 0.2);
    border-radius: 6px;

    /*Margin*/
    margin: 0px 30px 15px 30px;
}*/
.info-main-title-label {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;

    /* identical to box height */

    /* Black font */
    color: #303030;

    /*Margin*/
    margin: 15px 16px 15px 15px;
}
.info-qty {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;

    color: #979797;

    /*Margin*/
    margin: 21px 14px 15px 0px;

}
.btn-plus, .btn-subtract {
    width: 23.63px;
    height: 23.63px;
    background: #CCCCCC;
    opacity: 0.4;
    border-radius: 6px;
    display: flex;
    justify-content: center;

    /*Margin*/
    margin: 15px 11px 0px 0px;
}
.btn-plus i , .btn-subtract i{
    font-size: 14px;
    /* grey 2 */
    /*color: #909090;*/
    vertical-align: middle;
}
.btn-plus:hover, .btn-subtract:hover {
    background-color: #6A6A6A;
}
.req-qty {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0.05em;

    /* Black font */
    color: #303030;

    /*Margin*/
    margin: 17px 11px 0px 0px;
}
.whr {
    height: 2px;

    /* blur grey */
    background: #F0F0F0;
    border-radius: 6px;
    margin: 0px;
    padding: 0px;
}

.info-asp {

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 14px;

    color: #979797;

    /*Margin*/
    margin: 5px auto 0px 0px;
}
.info-store-id {
    margin-bottom: 0px;
    min-height: 1rem;
/*    width: 300px;*/
}

.info-req-date {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 10px;
    line-height: 14px;
    text-align: right;

    color: #000000;

    margin-top: 21px;
    margin-right: 15px;
}
.info-left-label{
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 10px;

    /* or 100% */

    /* Black font */
    color: #303030;
    margin-top: 19px;
    margin-bottom: 18px;
}
.m-t-b-auto {
    margin-bottom: auto;
    margin-top: auto;
}
.input-cb {
    width: 20px;
    height: 20px;

    /* Black font */
    background: #303030;
    border-radius: 4px;
}
.pl-15 {
    margin-left: 15px;
}

/*Checkbox style*/
/* The container */
.input-container {
  display: block;
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin-top: 12px;
  margin-left: 10px;

}

/* Hide the browser's default checkbox */
.input-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
  border-radius: 4px;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;

  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.input-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.input-container input:checked ~ .checkmark {
  background-color: #000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.input-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.input-container .checkmark:after {
  left: 6px;
  top: 1px;
  width: 11px;
  height: 15px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.input-text {
    height: 24px;
    width: 100%;

    /* white */
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 5px;

    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 11px;
    display: flex;
    align-items: center;

/*    color: #000;*/
    margin: 5px 0px 5px 10px;
    padding-left: 13px;
}
.down-small {
    width: auto;
    height: 14px;
    display: block;
    margin-top: 5px;
    margin-left: 4px;
}
.arrow-container {
    height: 24px;
    width: 24px;

    /* white */
    background: #FFFFFF;
    border: 1px solid #DADADA;
    border-radius: 5px;
    margin: 7px 0px 0px 8px;
}
.flex {
    margin-bottom: 0px;
}
/*End Checkbox style*/


.store-inw {
    width: 236px !important;
}

.show-img {
    margin-left: 30%;
    max-width: 268px;
    max-height: 259px;
    width: 100%;
    height: auto;
    border-radius: 7px;
    object-fit: cover;
/*    margin: 51px 39px 28px auto;*/
}
/*End Store card style*/
/* Default Hide Css */
.return-date {
    display: none;
}
/*End Default Hide Css*/

/*Color*/
.red {
    color:red;
}

/* Create Request Store > Outgoing store style */
#outgoingStoreCode > div > .vs__selected-options > span {
    padding-top: 5px;
    width: 140px;
    padding-right: 0px;
    padding-left: 0px;
}
/* End Create Request Store > Outgoing store style */


/* Label Style Css Color */
.label-gray {
    color: #979797 !important;
}
@media (max-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (max-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ 

}
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }