/*add button for all view pages*/
.add{
    text-align: right;
    /* margin-top: 6px; */
    margin: 0 15px;
}
.well{
    padding: 10px !important;
    height: 400px !important;
}
.shop-sub-div{
    border-style: ridge;
}
.col-md-12.card.shoplogin {
    height: auto;
    padding: 25px;
}
.shoplogin-main-div{
    width: 400px;
}
.login-logo{
    font-weight: bold;
    margin-bottom: 0;
}
.logo{
    width: 125px;
    height: 100px;
}
img.logo-img {
    width: 68px;
    height: 58px;
}   
.panel-success .panel-heading {
    color: #3c763d !important;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    margin-bottom: 15px;
}
.panel-danger .panel-heading {
    color: #a94442 !important;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin-bottom: 15px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.navbar-nav .user-menu .dropdown-menu {
    width: 228px !important;
    height: 225px !important;
}
.addbtn{
    width: 15%;
    margin-top: 10px;
}
.mandatory{
    color: red;
}
.txt{
    height: 123px !important;
}
.duallistbox{
    height: 200px !important;
}

div.dt-buttons {
    position: relative;
    float: right !important;
} 


.dt-buttons button.btn-export{
    /*background:dodgerblue;*/
    background:#fff;
    border:1px solid dodgerblue;
    border-radius: .25rem;
    padding: .45rem .75rem;
    color: dodgerblue;
      font-weight: normal;
}

button#close,#deleteBtn {
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
}


button.dt-button:hover {
   background:dodgerblue !important;
 
    border:1px solid dodgerblue;
    border-radius: .25rem;
    padding: .45rem .75rem;
    color: white;
}
.closeBtn,.plusBtn{
    border-radius: 3px;
}

.common-logo-div{
    width: 100%;
    height: 80px;
}
.logo-text{
       font-weight: bold;
    float: left;
    width: 202px;
    text-align: left;
    display: inline-block;
    font-size: 28px;
    padding-top: 10px;
} 
.logo-image{
    float:left;
    width: 94px;
    padding: 0 15px 15px 15px;
    
    display: inline-block;
}
.logo-image img{
    width: 64px;
    height:auto;
    }
    
    .minqty{
    text-align: right;
}
table.dataTable tbody tr.selected {
    background-color: #B0BED9;
}

.card-body.item-tbl-div {
    padding: 0.25rem;
}
/*.......................*/
option{
    color: black;
}
.statusbar{
    border-radius: 12px;
    padding: 4px 6px 4px 6px;
    display: inline-block;
    margin-top: 6px;
    width: 108px;
 
}
.activestatus{
    border-radius: 12px;
    padding-bottom: 2px;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    width: 90px;
    text-align: center;
    background: #28a745;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0px;
}
.inactivestatus{
    border-radius: 12px;
    padding-bottom: 2px;
    display: inline-block;
    padding: 0.375rem 0.75rem;
    width: 90px;
    text-align: center;
    background: #dc3545;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0px;
    

}
.M-circle{
    background: #ff0000;
    color: #fff;
    padding: 2px 5px;
    /* border-radius: 50%; */
    font-size: 15px;
    padding: 4px 8px;
    border-radius: 50%;
    font-weight: bolder;
}

.i-circle {
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.s-i-circle {
    background: #1a992f;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.e-i-circle {
    background: #ff0000;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.p-i-circle {
    background: #4864ec;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.o-i-circle {
    background: #775e98;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.exp-i-circle {
    background: #6c6c6c;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.blk-i-circle {
    background: #0e0d0d;
    color: #fff;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bolder;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.content{margin-top: -15px!important;}
.content-wrapper{margin-top: -15px!important;}
@media (max-width: 480px) {
  .form-group label {margin-bottom: -0.5rem!important;}
  .form-group {margin-bottom:1%!important;}
  .statusbar{border-radius: 12px;display:block;width:21px;}
  .dislist{padding-right: 15px!important;  padding-left: 15px!important;}
    
}
.delete_icon_cls{
    color: #5079a5;
    margin-top: 10px;
  }
 .error-panel{
    border: 1px solid #bb0a0a;
  }
  .error-span{
    display: flex;
    align-items: center;
    padding-left: 10px;
    background: red;
    color: white;
    font-weight: bold;
    padding-right: 10px;
    border-radius: 5px;
    margin-left: 10px;
    min-width: 320px;
    margin-top: 5px;
  }
#modal-clone-shop .modal-header {
    padding: .5rem !important;
}
#modal-clone-shop .form-group {
    margin-bottom: .5rem !important;
}

#modal-clone-shop .invalid-feedback {
    width: auto!important;
    }
#short_code-error {
    left: 176px !important;
    position: absolute !important;
    top: 118px !important;
}
#sage_code-error{
   left: 337px !important; 
   position: absolute !important;
   top: 118px !important;
}
.errmsg{
    margin-top: .25rem;
    font-size: 80%;
    color: #dc3545;
}
.modal-page-nav-btn{
    margin-left: 8px;
    width: 83px;
    height: 32px;
    padding-top: 3px;
}
.modal-nav-panel{
    margin-bottom: 0px !important;
    padding: 0px 7px 0px 0px;
}
#btn_import_po_items{
    margin-right: auto;
}
.ui-datepicker{
    z-index: 9999 !important;
}
#btnmandatory_po{
    border: none!important;
}
#err_nopid{
    margin-right: auto;
    margin-left: 0px;
    font-size: 1.03rem;
    font-weight: bold;
}
.btn_table_search{
    background-color: lightgray;
    border: 1px solid lightgrey;
    font-weight: bold;
}
.zero-p td{
   /* padding: 0px!important;*/
    vertical-align: middle!important;
    height: 50px;
}
#item_group_name0{
    padding-left: 10px;
}
input[type="search"].inp-search {
  -webkit-appearance: searchfield !important;
}

input[type="search"].inp-search::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button !important;
}

#cls_stk_take{
    margin-left: 0px;
    margin-right: auto;
}
.btn-min-width{
    min-width: 75px;
}