﻿
.txt {
    width: 90%;
    height: 30px;
}

.btn-ac {
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 0px;
    color: #fff;
    background-color: #007bff;
    border: 1px solid transparent;
    border-radius : 10px;
}

.btn-ac:focus {
    outline:none;
}

.hide-con{
    display:none;
}

.drp-list{
     width: 90%;
    height: 30px;
    padding: 0 0;
}

.btn-file-upload{
   padding: 3px 10px !important;
}


/*.btn-ac-clr {
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 0px;
    color: #fff;
    background-color: #007bff;
    border: 1px solid transparent;
}*/

.modal-01{
    display: none; 
    max-height:500px; 
    height:210px; 
    width:310px !important; 
    margin-left:50%; 
    margin-top:70px; 
    background-color:ghostwhite;
}

.modal-dia-01{
    margin:5px !important;
}

.modal-con-01{
    height:256px; 
    width: 300px !important;
}

.modal-note{
    height: 200px;
}

.app-note{
    border: 1px solid; 
    text-align:left;
    width:100%;
   height:95px;
   padding: 8px 8px;
}

.app-note:focus{
    outline:none;
}

.btn-order{
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 0px;
    color: #fff;
    background-color: #007bff;
    border: 1px solid transparent;
}

.ext-img-del{
    margin-top : 30px;
}

.glyphicon-ic:focus {
    outline:none;
}

.required:after {
    content:" *";
    color: red;
  }

input[type='radio']{
    margin:0;
}

input[type='radio'], label{   
   display:inline;
   vertical-align:top;
}


.btn-total-report {
    width: 300px;
    height: 30px;
    text-align: center;
    line-height: 0px;
    color: #fff;
    background-color: #007bff;
    border: 1px solid transparent;
    border-radius : 10px;
}

.btn-nav-or {
    width: 80px;
    height: 30px;
    text-align: center;
    line-height: 0px;
    border: 1px solid;    
    border-radius:10px;
    color: #007bff;
    background-color:lightgrey;
}

.btn-nav-or :disabled{
    color: black;
    background-color:lightgray;
}

.btn-ac[disabled]{
     color: black;
    background-color:lightgray;
}


.drp-Brand{
    height:200px !important;
    width:100%;
}

.ui-helper-hidden-accessible { 
    display:none; 

}

.ui-autocomplete{
    list-style:none !important;
    padding-left: 10px !important;
    background-color: gainsboro !important;
    text-wrap:normal;
    width: 345px !important;
    /*height: 150px !important;*/
    max-height:150px !important;
    overflow-y:auto;
    overflow-x:hidden;
}

.ui-autocomplete a{
    color:black !important;
}

/*.autocomplete-item-alternate{
    background-color:aqua;
}*/


/*.ui-autocomplete li:nth-child(even){
     background-color: lightgray;
}

.ui-autocomplete li:nth-child(even) :hover{
     background-color: cornflowerblue;
}*/

.ui-autocomplete :hover{
    background-color:cornflowerblue;
}

.tbl-itm{
    width:90%; 
    max-height:300px; 
    overflow-x:auto;
     border:1px solid; 
     margin-bottom:10px;
}

.tbl-itm thead{
    border:1px solid;
}

#dtPendingOrderList tbody .Paid{
    background-color:lightgreen;
}

#dtPendingOrderList tbody .UnPaid{
    background-color:lightcoral;
}

#dtPendingOrderList tbody .red{
    background-color:red;
    color:white;
}

#dtPendingOrderList tbody .yellow{
    background-color:yellow;
    color:black;
}

#dtPendingOrderList tbody .green{
    background-color:green;
    color:white;
}