html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    /*vertical-align: baseline;*/
    background: transparent;
}
body
{
    font-size: 100%;
    line-height: 1;
    margin: 0 auto;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    color: #363636;
    overflow-x: hidden;
    overflow-y: scroll;
}
form
{
    position: absolute;
    width: 100%;
    height: 100% -10px;
    margin: 0px;
}
.clear
{
    clear: both;
    display: block;
    height: 1px;
    width: 100%;
}
#nobordertable
{
    border: none;
}

.textboxwidth
{
    width: 20px;
}
/* ################# po tab stylr newww #################
.ajax__tab_outer {
width: 150px !important;
padding-right: 4px;
height: 30px !important;
font-size: 10px;
display: inherit !important;
}

.top_css
{
   bottom:30px; 
} */
/* ################# Typography ################# */
.ajax__tab_xp .ajax__tab_header .ajax__tab_tab
{
    height: 13px;
    padding: 3px;
    width: 100px;
    text-indent:1px;
    margin:0px;
 text-align:left;
   font-size: 8.45px;
   -webkit-transform:scale(1.2);
}

h1-ItemManagment
{
    position: relative;
    color: #363636;
    font-size: 18px;
    font-weight: 600;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    width: 76.5%;
    left : 250px;
    height: 34px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    line-height: 30px;
}

h1
{
    position: relative;
    color: #363636;
    font-size: 18px;
    font-weight: 600;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    width: 99.5%;/*100%*/
    height: 34px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
}
h2
{
    position: relative;
    color: #363636;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
    text-indent: 1px;
    text-align: left;
    background-color: #dcdcdb;
    width: 80%;
    height: 30px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 24px;
}
h3
{
    position: relative;
    color: #363636;
    font-size: 14px;
    font-weight: 600;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    width: 79%;
    height: 24px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 18px;
}
h4
{
    position: relative;
    color: #363636;
    font-size: 12px;
    font-weight: 600;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    background-color: #dcdcdb;
    width: 100%;
    height: 18px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 12px;
}

h5
{
    color: #8394c9;
    font-size: 30px;
    width: 100%;
    height: 30px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 24px;
}
h6
{
    position: relative;
    color: #363636;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    width: 100%;
    height: 30px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 24px;
    background-color: #dcdcdb;
}

h7
{
    position: relative;
    color: #363636;
    font-size: 16px;
    font-weight: 600;
    list-style: none;
    text-indent: 15px;
    text-align: left;
    background-color: #dcdcdb;
    width: 59%;
    height: 30px;
    border: 1px solid #c6c6c6;
    float: left;
    top: 2px;
    left: 1px;
    line-height: 24px;
}

draggable_p
{
    margin-left: 0px;
    font-size: 11px;
    float: left;
}

p
{
    margin-left: 10px;
    font-size: 12px;
    float: left;
}

p input
{
    height: 24px;
    min-width: 230px;
}
.breadgrum
{
    font-size: 18px;
    font-weight: bold;
    /*color: #d5642a;*/
     color: #52514C;
    line-height: 30px;
    text-indent: 10px;
    float: left;
}

.breadgrum .leval-1
{
    font-size: 14px;
    font-weight: bolder;
    color: #52514C;
    line-height: 30px;
    text-indent: 10px;
}
.breadgrum .leval-2
{
    font-size: 14px;
    font-weight: bold;
    color: #52514C;
    line-height: 30px;
    text-indent: 10px;
}
.breadgrum .leval-3
{
    font-size: 14px;
    font-weight: normal;
    color: #52514C;
    line-height: 30px;
    text-indent: 10px;
}
.messagebox
{
    width: auto;
    height: auto;
    background-color: #ffffff;
    border: 1px dotted #1f1000;
    padding: 10px;
    z-index: 100000 !important;
    position: absolute;
    left: 550px;
    -moz-box-shadow: 3px 3px 4px #5b5c5b;
    -webkit-box-shadow: 3px 3px 4px #5b5c5b;
    box-shadow: 0px 0px 10px #5b5c5b;
    opacity: .9;
    filter: alpha(opacity=90);
   -moz-opacity: .9;
   
    -webkit-animation: seconds 1.0s forwards;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-delay: 2s;
    animation: seconds 1.0s forwards;
    animation-iteration-count: 1;
    animation-delay: 2s;
}

@-webkit-keyframes seconds {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -9999px;
    }
}

@keyframes seconds {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        top: -9999px;
    }
}

/* ################# Main ################# */

#wrapper
{
    height: 100%;
    min-height: 100%;
    height: auto !important;
    margin: 0 auto;
    position: relative;
    width: 100%;
}
/* ################# Header ################# */

#header
{
    background-position: top;
    position: fixed;
    margin-top: 0px;
    background-color: #363636;
    width: 100%;
    height: 50px;
    border-bottom: 0px solid #9b9c9c;
    z-index: 10001;
}
#sub-menu-bar
{
    /*background-image: url(../images/Header-white-50.png);*/
    vertical-align: top;
    margin-top: 0px;
    background: linear-gradient(to bottom, rgba(230,109,16,1) 0%, rgba(250,152,77,1) 16%, rgba(219,100,9,1) 80%, rgba(212,117,0,1) 100%);
    width: 100%;
    height: 33px;
    float: left;
}
#logo
{
    vertical-align: top;
    margin-top: 0px;
    width: 217px;
    height: 50px;
    float: left;
}


/* ################# Content ################# */

#content
{
    left: 0px;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 83px;
}

#content2
{
    left: 0px;
    width: 100%;
    position: absolute;
    top: 32px;
}

#mid-content
{
    width: 100%;
    top: 0;
    float: left;
}
#page-content-reports
{
    width:81.5%; /*100%;*/
    margin-left: 350px;/*change 312*/
    position: relative;
    top: -2px;
    float: left;
    right: 0px;
    padding-bottom: 25px;
    overflow: hidden;
    margin-bottom: 41px;
    min-height: 1000px;
}
#page-content
{
    width:81.5%; /*100%;*/
    margin-left: 250px;/*change 312*/
    position: relative;
    top: -2px;
    float: left;
    right: 0px;
    padding-bottom: 25px;
    overflow: hidden;
    margin-bottom: 41px;
    min-height: 600px;
}

#page-content-banquet
{
    width:81.5%; /*100%;*/
    margin-left: 141px;/*change 312*/
    position: relative;
    top: -2px;
    float: left;
    right: 0px;
    padding-bottom: 25px;
    overflow: hidden;
    margin-bottom: 41px;
    min-height: 600px;
}

#page-content-ItemManagment
{
    width: 100%;
    margin-left: 312px;
    position: relative;
    top: -2px;
    float: left;
    right: 0px;
    padding-bottom: 25px;
    overflow: hidden;
    margin-bottom: 41px;
    min-height: 600px;
}

#page-content2
{
    width: 99%;
   /* overflow-y: scroll;
    overflow-x: scroll;*/
}

.content
{
    vertical-align: middle;
}

.dropdownalign
{
    vertical-align: middle;
}

#page-content3
{
    width: 100%;
    position: relative;
    top: -2px;
    float: left;
    right: 0px;
    padding-bottom: 25px;
    overflow: hidden;
    margin-bottom: 41px;
    min-height: 600px;
}

#food-item1
{
    width: 960px;
    padding: 0px;
    margin: 0px;
    position: relative;
    float: left;
    left: 10px;
}
#food-item1 li
{
    background-image: url(../images/food-item-bg1.png);
    width: 159px;
    height: 124px;
    text-align: center;
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
    vertical-align: middle;
}
#food-item1 li a:link
{
    width: 159px;
    font-size: 12px;
    line-height: 24px;
    font-weight: bold;
    color: #ca4300;
    text-decoration: none;
}
#food-item1 li a:visited
{
    color: #ed7500;
}
#food-item1 li a:hover
{
    color: #3f3f3f;
}

#right
{
    position: relative;
    width: auto;
    margin-left:40px;
    margin-right: 300px;
    margin-top: 36px;
    float: left;
    line-height: 200%;
    text-align: left;
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
    padding: 10px;
}

#right td
{
    padding: 5px;
    font-size: 16px;
    vertical-align: top;
    text-align: left;
    border-right: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    border-top: 1px solid #6a6a6a;
    line-height: 20px;
}
/* ################# Recepie back cover ################# */
.recipetails {
  border: 1px solid #c6c6c6;
  border-radius: 20px;
  width: 900px;
  margin-left: 269px;
  margin-top: 4px;
  font-size: 12px;
  float: left;
} 

/* ################# ItemDetailsTable ################# */

.itemdetails 
{
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    width: 700px;/*cahange 10 to 200px*/
    margin-left:250px; 
    margin-top: 20px;
    font-size: 12px;
    float: left;
} 
#ItemDetailsTable
{
    width: 100%;/*width: auto;  */
    margin-left:0px; /*cahange 10 to 200px*/
    margin-top: 20px;
    font-size: 12px;
    float: left;
}

#ItemDetailsTable tbody
{
    width: 150px;
    margin-left:150px;
    vertical-align: middle;
    line-height: 20px;
    padding: 0px;
    text-align: left;
    font-size: 12px;
}

#ItemDetailsTable td
{
    width: 150px;
    vertical-align: middle;
    line-height: 20px;
    padding: 10px;
    text-align: left;
    font-size: 12px;
   /* background-color: Gray;*/
}

.uploader
{
    margin-bottom: 100px;
}

#ItemDetailsTable span
{
    height: 28px;
    width: 170px;
    vertical-align: top;
}

#ItemDetailsTable input
{
    height: 28px;
    width: 225px;
    vertical-align: top;
}

#ItemDetailsTable select
{
    height: 34px;
    width: 230px;
    padding: 5px;
    vertical-align: top;
}

.ItemDetailsTableQuantity select
{
  
    width: 150px !important;
   margin-left:30px !important;
}

#ItemDetailsTable textarea
{
    width: 225px;
    vertical-align: top;
}
#ItemDetailsTable checkbox
{
    margin-right: 30px;
    text-align: left;
    width: 15px;
    height: 15px;
    vertical-align: top;
}
#ItemDetailsTable img
{
    position: relative;
    float: left;
    margin-left: 10px;
    vertical-align: middle;
}
#margin-bg
{
    margin-left: -5px;
}
#margin-bg input
{
    width: 250px;
    width: auto;
    height: auto;
    font-size: 32px;
    padding: 10px;
    font-weight: bold;
    color: #ed7500;
    border: 1px solid #a6a6a6;
}
#ItemDetailsTable .Buttons2
{
    margin-left: 20px;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    line-height: 24px;
    font-size: 12px;
    height: 25px;
    padding-bottom: 26px;
    min-width: 50px;
    padding-top: 4px;
}

/* ################# Table1 ################# */

#table1
{
    width: auto;
    margin-left: 50px;/*cahange 10 to 150px*/
    margin-top: 10px;/*cahange 20 to 30px*/
    font-size: 12px;
    float: left;
}
#table1 td
{
    width: 96px;
    vertical-align: middle;
    line-height: 20px;
    padding: 1px;
    text-align: left;
    font-size: 12px;
}

/*By Dhanuka*/
.table1newforsupplier td
{
   
    padding: 5px !important;
 
}

.uploader
{
    margin-bottom: 100px;
}

#table1 span
{
    height: 28px;
    width: 170px;
    vertical-align: top;
}

#table1 input
{
    height: 28px;
    width: 232px;
    vertical-align: top;
}

#table1 select
{
    height: 34px;
    width: 236px;
    padding: 5px;
    vertical-align: top;
}
#table1 textarea
{
    width: 230px;
    height: 50px;
    resize:none;
    vertical-align: top;
}
#table1 checkbox
{
    margin-right: 30px;
    text-align: left;
    width: 15px;
    height: 15px;
    vertical-align: top;
}
#table1 img
{
    position: relative;
    float: left;
    margin-left: 10px;
    vertical-align: middle;
}
#margin-bg
{
    margin-left: -5px;
}
#margin-bg input
{
    width: 250px;
    width: auto;
    height: auto;
    font-size: 32px;
    padding: 10px;
    font-weight: bold;
    color: #ed7500;
    border: 1px solid #a6a6a6;
}
#table1 .Buttons2
{
    margin-left: 20px;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    line-height: 24px;
    font-size: 12px;
    height: 25px;
    padding-bottom: 26px;
    min-width: 50px;
    padding-top: 4px;
}
.background_tabel1 
{
    border: 1px solid #c6c6c6;
    width: 100px;
    margin-left:1px !important; /*cahange 10 to 200px*/
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

/*By Dhanuka*/
.background_tabelforGRN
{
    border: 1px solid #c6c6c6;
    width: 100px;
    margin-left:1px !important; /*cahange 10 to 200px*/
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
    padding:5px !important;
}

/* ################# Table2 ################# */
.supplyContactdetails 
{
    border: 1px solid #c6c6c6;
    border-radius: 20px;
    width: 150px;
    margin-left:100px; /*cahange 10 to 200px*/
}
.supply_Button
{
    position: relative;
    float: left;
    margin-left: 150px;
    margin-right: 5px;
    height: auto;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    height: 30px;
    font-size: 12px;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#table2
{
    position: relative;
    width:auto; /*change auto*/   
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    float: left;
    border-top: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-spacing: 0;
    border-collapse: collapse;
}
#table2 th
{
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
    height: 10px;
    vertical-align: middle;
    padding: 10px;
    border-right: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
}
#table2 td
{
    padding: 0px;
    vertical-align: top;
    text-indent: 5px;
    text-align: left;
    border-right: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    line-height: 20px;
}
#table2 td .checkbox
{
    padding-top: 5px;
    text-indent: 5px;
    border: 0px;
}
#table2 .total
{
    background-color: #eaeaea;
    height: 38px;
    font-size: 12px;
    font-weight: bold;
}
#table-content
{
    position: relative;
    width: 100%;
    text-align: center;
}
#table2 td .imgbtn
{
    padding: 5px;
    margin: 5px;
}

#table2 span
{
    padding: 0px;
    margin: 3px;
    font-size: 12px;
    position: relative;
    /*float: right;*/
    vertical-align: top;
}
#table2 input
{
    padding: 0px;
    margin: 3px;
    font-size: 12px;
    position: relative;
    float: left;
    width: 75px;
    vertical-align: top;
}

#billAmount input 
{
     width: 15px !important;
}

#table2 textarea
{
    padding: 7px;
    margin: 3px;
    font-size: 12px;
    position: relative;
    float: left;
    width: auto;
    vertical-align: top;
}

#table2 select
{
    padding: 7px;
    margin: 3px;
    position: relative;
    float: left;
    min-width: 100px;
    width: auto;
}
#table2 .Buttons
{
    margin-left: 5px;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    margin-bottom: 10px;
    height: 30px;
    min-width: 50px;
    padding-top: 4px;
}

#split-div
{
    position: absolute;
    bottom: 5px;
    left: 768px;
}

/* ################# Table3 ################# */

#table3
{
    position: relative;
    width: auto;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    float: left;
    border-top: 1px solid #c5c5c5;
    border-left: 1px solid #c5c5c5;
    border-spacing: 0;
    border-collapse: collapse;
}
#table3 th
{
    background-color: #dbdbdb;
    vertical-align: middle;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    width: 60px;
    text-align: left;
}
#table3 th .reason
{
    width: 150px;
}
#table3 td
{
    vertical-align: top;
    text-indent: 5px;
    text-align: left;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    line-height: 20px;
}
#table3 input
{
    padding: 3px;
    margin: 3px;
    font-size: 12px;
    position: relative;
    float: left;
    width: 60px;
    vertical-align: top;
}

#table3 td .icon
{
    width: 20px;
}
#table3 td .test
{
    width: 180px;
}


#table3 .AlternatingRowStyle
{
    background-color: #eaeaea;
}
#table3 .RowStyle
{
    background-color: #eaeaea;
}
#table3 .GroupHeaderNotCompletedRowStyle
{
    background-color: #4c1400;
    background-image: url(../images/red-bg-line.png);
    background-repeat: repeat-x;
    background-position: top;
    text-align: left;
    font-weight: bold;
    color: White;
}

#table3 .GroupHeaderCompletedRowStyle
{
    background-color: #294c00;
    background-image: url(../images/green-bg-line.png);
    background-repeat: repeat-x;
    background-position: top;
    text-align: left;
    font-weight: bold;
    color: White;
}
/* ################# Table4 ################# */

#table4
{
    position: relative;
    width: auto;
    font-size: 12px;
    float: left;
    border: 0px;
    border-spacing: 0;
    margin-top: 10px;
    margin-bottom: 30px;
    border-top : 1px solid #c5c5c5;
    border-left :  1px solid #c5c5c5;
    border-collapse : collapse;
}

#table4 td
{
    vertical-align: top;
    text-indent: 5px;
    text-align: left;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    line-height: 20px;
}
#table4 th
{
    border: 0px;
    width: 200px;
}


/*Calender*/

#table2 td .calendertheme .ajax__calendar_container
{
    background-color: #c47529;
    border: solid 1px #77D5F7;
    padding: 3px;
    filter: alpha(opacity = 98);
    opacity: 0.98;
}

#table2 td .calendertheme .ajax__calendar_header
{
    margin-bottom: 4px;
    background-color: #c47529;
}

#table2 .calendertheme .ajax__calendar_title, #table2 .calendertheme .ajax__calendar_next, #table2 .calendertheme .ajax__calendar_prev
{
    color: #381100;
    padding-top: 3px;
    background-color: #c47529;
}

#table2 td .calendertheme .ajax__calendar_body
{
    border: solid 1px #77D5F7;
    border: 0px;
    padding: 0px;
    background-color: #f5e7d1;
}
#table2 td .calendertheme .ajax__calendar_body td
{
    background-color: #f5e7d1;
    border: solid 1px #77D5F7;
    border: 0px;
    padding: 0px;
    text-indent: 0px;
    line-height: normal;
}

#table2 .calendertheme .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #381100;
}

#table2 .calendertheme .ajax__calendar_day
{
    color: #381100;
    text-align: center;
}

#table2 .calendertheme .ajax__calendar_hover .ajax__calendar_day, #table2 .calendertheme .ajax__calendar_hover .ajax__calendar_month, #table2 .calendertheme .ajax__calendar_hover .ajax__calendar_year, #table2 .calendertheme .ajax__calendar_active
{
    color: #fff2ec;
    font-weight: bold;
    background-color: #ff580e;
}

#table2 .calendertheme .ajax__calendar_today
{
    font-weight: bold;
}



#table2 td .calendertheme1 .ajax__calendar_container
{
    background-color: #c47529;
    border: solid 1px #77D5F7;
    padding: 3px;
    filter: alpha(opacity = 98);
    opacity: 0.98;
}

#table2 td .calendertheme1 .ajax__calendar_header
{
    margin-bottom: 4px;
    background-color: #c47529;
}

#table2 .calendertheme1 .ajax__calendar_title, #table2 .calendertheme1 .ajax__calendar_next, #table2 .calendertheme1 .ajax__calendar_prev
{
    color: #381100;
    padding-top: 3px;
    background-color: #c47529;
}

#table2 td .calendertheme1 .ajax__calendar_body
{
    border: solid 1px #77D5F7;
    border: 0px;
    padding: 0px;
    background-color: #f5e7d1;
}
#table2 td .calendertheme1 .ajax__calendar_body td
{
    background-color: #f5e7d1;
    border: solid 1px #77D5F7;
    border: 0px;
    padding: 0px;
    text-indent: 0px;
    line-height: normal;
}

#table2 .calendertheme1 .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #381100;
}

#table2 .calendertheme1 .ajax__calendar_day
{
    color: #381100;
    text-align: center;
}

#table2 .calendertheme1 .ajax__calendar_hover .ajax__calendar_day, #table2 .calendertheme1 .ajax__calendar_hover .ajax__calendar_month, #table2 .calendertheme1.ajax__calendar_hover .ajax__calendar_year, #table2 .calendertheme1.ajax__calendar_active
{
    color: #fff2ec;
    font-weight: bold;
    background-color: #ff580e;
}

#table2 .calendertheme1.ajax__calendar_today
{
    font-weight: bold;
}

.fieldset
{
    position: absolute;
    left: 80px;
    width: 143px;
    background-color: #dbdfe6;
}

.fieldsetreport
{
    left: 80px;
    width: 143px;
    background-color: #dbdfe6;
    float: right;
}

.buttonset
{
    position: absolute;
    right: 3px;
    margin-left: 5px;
    background: url(../images/popup-Buttonsbtn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    line-height: 24px;
    height: 22px;
    padding-bottom: 5px;
}

.buttonsetcontrol
{
    position: absolute;
    right: 645px;
    margin-left: 5px;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: 0px;
    border: 1px solid #7e3600;
    line-height: 24px;
    height: 22px;
    padding-bottom: 5px;
}
#table2 .calendertheme .ajax__calendar_other, #table2 .calendertheme .ajax__calendar_hover .ajax__calendar_today, #table2 .calendertheme .ajax__calendar_hover .ajax__calendar_title
{
    color: #fff2ec;
    margin-left: inherit;
}
#table2 .calendertheme .ajax__calendar_invalid
{
    text-decoration: line-through;
}

/* ################# Table5 ################# */

#table5
{
    min-width: auto;
    margin-left: 10px;
    margin-top: 5px;
    font-size: 12px;
    float: left;
}
#table5 td
{
    vertical-align: top;
    padding: 10px;
    text-align: left;
    font-size: 12px;
}

#table5 select
{
    height: 34px;
    width: 170px;
}

.pagination
{
    padding: 10px;
}

.pagination a
{
    background-color: Aqua;
    padding: 10px;
    font-size: 20px;
    text-decoration: none;
}

.pagination span
{
    background-color: Orange;
    padding: 10px;
    font-size: 20px;
}


/* ################# Navigation1 ################# */
/* MENU */
#nav
{
    position: fixed;
    z-index: auto;
    margin-left: 252px;
    z-index: 1001;
}
#nav li a, #nav li
{
    float: left;
    height:39px;
}
#nav li
{
    position: relative;
    list-style: none;
}
#nav li p{
  margin-left: 10px;
  float: left;
  padding-top: 10px;
  text-align: center;
  font-family: serif;
  font-size: 18px;
  color: #52514C;
  font-weight: bold;
}
#nav li a
{
    position: relative;
    width: 90px;
    height: 50px;
    list-style: none;
    text-align: center;
    /*padding-top: 30px;*/
    text-decoration: none;
    color: #585858;
    font-size: larger;
}
#nav li a:hover
{
  background-color:#E38210
  
}
/* Submenu */
#nav li ul
{
    display: none;
    position: absolute;
    top: 100%;
    text-decoration: none;
    font: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #737373;
    text-align: left;
    opacity: 0.95;
    filter: alpha(opacity=95);
    z-index: 10;
    top: 50px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
}
#nav li ul a
{
    
}
#nav li ul a:link
{
    background-image: none;
    background-color: #4F4F4F;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
    color: #E38210;
    border-left: 1px solid #E38210;
    border-right: 1px solid #E38210;
    border-bottom: 1px solid #E38210;
    margin-right: -1px;
    padding-top: 8px;
}
#nav li ul a:hover
{
     background-color: #0D0000;
    background-image: none;
    color:#F8F8FF;
    height: 30px;
    margin-right: -1px;
    /*list-style-image: url(../images/comments-ico.png);*/ 
}
#nav li:hover > ul
{
   display: block;
   height:0px;  
}

#nav li ul li, #nav li ul li a
{
}
#nav li ul li
{
    display: inline-block; /* for IE6 */
}
#nav li ul li a
{
    position: relative;
    min-width: 200px;
    height: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    z-index: 10;
    color: #E38210;
}
/* SUBSUB Menu */

#nav li ul li ul
{
    display: none;
}

#nav li ul li:hover ul
{
    left: 100%;
    top: 0;
    height:-50px;    
    -webkit-animation: dropAnim .5s;
   
}
#nav li ul #nav li ul a
{
    display: none;
    position: relative;
    left: 0;
    top: 100%;
    padding: 0;
    margin: 0;
    text-decoration: none;
    
  -webkit-transition:all .7s ease-in-out;
}
/*------------- animations ---------------- */
@-moz-document url-prefix() {
    #leftBar {
        height:1006px;
    }
}
@keyframes slideAnim {
    from {
        margin-top:-50px;
        opacity:.7;
    }
    to {
        margin-top:0px;
        opacity:1;
    }
} @-webkit-keyframes slideAnim {
    from {
        margin-top:-50px;
        opacity:.7;
    }
    to {
        margin-top:0px;
        opacity:1;
    }
} @-moz-keyframes slideAnim {
    from {
        margin-top:-50px;
        opacity:.7;
    }
    to {
        margin-top:0px;
        opacity:1;
    }
}
@keyframes dropAnim {
    from {
        margin-left:-50px;
        opacity:.7;
    }
    to {
        margin-left:0px;
        opacity:1;
    }
} @-webkit-keyframes dropAnim {
    from {
        margin-left:-50px;
        opacity:.7;
    }
    to {
        margin-left:0px;
        opacity:1;
    }
}
 @-moz-keyframes dropAnim {
    from {
        margin-left:-50px;
        opacity:.7;
    }
    to {
        margin-left:0px;
        opacity:1;
    }
}
/* ################# Navigation2 ################# */
#left-box
{
    width: 250px; /* change 312 to 250 */
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
    height: auto;
    top: 83px;
    bottom: 43px;
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}
#left-box-Transaction
{
    width: 250px; /* change 312 to 250 */
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
    height: auto;
    top: 83px;
    /*bottom: 43px;*/
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}

#left-boxItem
{
    width: 250px; /* change 312 to 250 */
    float: left;
    height: auto;
    top: 83px;
    bottom: 43px;
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}
#left-box2
{
    width: 276px; /* change 312 to 250 */
    overflow-y: hidden;
    overflow-x: hidden;
    float: left;
    height: auto;
    top: 122px;
    bottom: 200px;
    position: fixed;
   /* z-index: 1;*/
    background-color: #eaeaea;
}
#left-nav
{
    width: 249px;/* change 295 to 235 */
    background-image: url(../images/left-nav-bar-bg.png);
    text-align: left;
    float: right;
    overflow-y: scroll;
    overflow-x: hidden;
    vertical-align: middle;
    line-height: 18px;
    float: left;
    left: 0;
    height: auto;
    top: 115px; /*212px;*/
    bottom: 43px;
    position: fixed;
}
#left-nav li
{
    margin-left: 1px;
    width:220px;/* change 290 to 220 */
    background-image: url(../images/left-nav-bg1.png);
    height: 38px;
    vertical-align: middle;
    list-style: none;
}
#left-nav a
{
    background-image: url(../images/left-nav-32.png);
    background-repeat: repeat-x;
    color: #323232;
    display: block;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding-right: 5px;
    padding-left: 1px;
}
#left-nav a:hover
{
    background-image: url(../images/left-nav-bg2.png);
    background-color:#37FDFC;
    height: 38px;
}
/* ################# Navigation For Report ################# */
#left-report
{
    width: 350px; 
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
    height: auto;
    top: 83px;
    bottom: 43px;
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}
#left-reportItem
{
    width: 250px; 
    float: left;
    height: auto;
    top: 83px;
    bottom: 43px;
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}
#left-report2
{
    width: 276px; 
    overflow-y: scroll;
    overflow-x: hidden;
    float: left;
    height: auto;
    top:83px;
    bottom: 200px;
    position: fixed;
   z-index: 1;
    background-color: #eaeaea;
}
#left-reportnav
{
    width: 350px;
    background-image: url(../images/left-nav-bar-bg.png);
    text-align: left;
    float: right;
    overflow-y: scroll;
    overflow-x: hidden;
    vertical-align: middle;
    line-height: 18px;
    float: left;
    left: 0;
    height: auto;
    top: 83px; 
    bottom: 200px;
    position: fixed;
}
#left-reportnav li
{
    margin-left: 1px;
    width:350px;
    background-image: url(../images/left-nav-bg1.png);
    height: 38px;
    top:83px;
    bottom:200px;
    vertical-align: middle;
    list-style: none;
}
#left-reportnav a
{
    background-image: url(../images/left-nav-32.png);
    background-repeat: repeat-x;
    color: #323232;
    display: block;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding-right: 5px;
    padding-left: 1px;
}
#left-reportnav a:hover
{
    background-image: url(../images/left-nav-bg2.png);
    background-color:#37FDFC;
    height: 38px;
}
/* ################# Navigation for supply managment ################# */
#left-supplynav
{
    width: 250px;
    background-image: url(../images/left-nav-bar-bg.png);
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    vertical-align: middle;
    line-height: 18px;
    float: left;
    height: auto;
    top: 145px;
    bottom: 43px;
    position: fixed;
}
#left-supplynav li
{
    margin-left: 1px;
    width: 235px;
    background-image: url(../images/left-nav-60.png);
    background-repeat: repeat-x;
    height: 60px;
    list-style: none;
    line-height: 16px;
}
#left-supplynav a
{
    color: #323232;
    display: block;
    font-size: 10px;
    text-decoration: none;
    vertical-align: middle;
    padding: 3px;
    height: 50px;
}
#left-supplynav a:hover {
    /*display:block;
    background-image: url(../images/left-Suplynav2-bg2.png);
    color: #cc4d00;
    height: 60px;*/
}
#left-supplynav a:hover img
{
    /*border: 1px solid #F90;*/
}
#left-supplynav img
{
    margin-right: 5px;
}
.active {color: Blue;}
/* ################# Navigation for PO ################# */
#left-po
{
    width: 250px;
    background-image: url(../images/left-nav-bar-bg.png);
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    vertical-align: middle;
    line-height: 18px;
    float: left;
    left: 0;
    height: auto;
    top: 145px; /*212px;*/
    bottom: 43px;
    position: fixed;
}
#left-po li
{
    margin-left: 1px;
    width: 232px;
    background-image: url(../images/left-nav2-bg1.png);
    height: 70px;
    list-style: none;
    line-height: 12px;
}
#left-po a
{
    background-image: url(../images/left-nav-70.png);
    background-repeat: repeat-x;
    color: #323232;
    display: block;
    font-size: 10px;
    text-decoration: none;
    /*vertical-align: ;*/
    padding: 0px;
    height: 70px;
}
.left-po-dp li {
    background-image:  url(../images/left-nav-50.png)  !important;
    height: 50px !important;
}.left-po-dp a {     
    background-image:  url(../images/left-nav-50.png) !important;
    height: 50px !important;
}
.left-po a:hover {
    background-image: url(../images/left-nav2-bg1.png) !important;
}
#left-po a:hover {
    display:block;
    background-image: url(../images/left-nav2-bg1.png);
    color: #cc4d00;
}
#left-po a:hover img
{
    border: 1px solid #F90;
}
#left-po img
{
    margin-right: 5px;
}
.active {color: Blue;}
/* ################# Navigation3 ################# */
#left-nav2
{
  width: 249px;
  background-image: url(../images/left-nav-bar-bg.png);
  overflow-y: scroll;
  overflow-x: hidden;
  text-align: left;
  vertical-align: middle;
  line-height: 22px;
  float: left;
 
  height: auto;
  top: 115px;
  bottom: 43px;
  position: fixed;
}

  .tr_panel div{
    top: 182px !important; 
    }

#left-nav2 li
{
  width: 239px;
  background-image: url(../images/left-nav2-bg1.png);
  height: 50px;
  list-style: none;
  line-height: 19px;
}
#left-nav2 a
{
    background-image: url(../images/left-nav-50.png);
    background-repeat: repeat-x;
    color: #323232;
    display: block;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    padding: 6px;
    height : 38px;
}
#left-nav2 a:hover
{
    background-image: url(../images/left-nav2-bg2.png);
    color: #cc4d00;
}
#left-nav2 a:hover img
{
    border: 1px solid #F90;
}
#left-nav2 img
{
    margin-right: 5px;
}
.active {color: Blue;}/*---------------------------------------------------------*/
/* ################# center navigation ################# */
#center-box
{
    width: 250px; /* change 312 to 250 */
    float: right;
    height: auto;
    top: 83px;
    bottom: 43px;
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}
#center-box2
{
    width: 250px; /* change 312 to 250 */
    overflow-y: scroll;
    overflow-x: hidden;
    float: right;
    height: auto;
    top: 122px;
    bottom: 200px;
    position: fixed;
    z-index: 1;
    background-color: #eaeaea;
}
#center-nav
{
    width: 250px;/* change 295 to 235 */
    background-image: url(../images/left-nav-bar-bg.png);
    text-align: left;
    float: right;
    overflow-y: scroll;
    overflow-x: hidden;
    vertical-align: middle;
    line-height: 18px;
    left: 250px;
    height: auto;
    top: 115px; /*212px;*/
    bottom: 43px;
    position: fixed;
}
#center-nav li
{
    margin-left: 1px;
    width: 220px;/* change 290 to 220 */
    background-image: url(../images/left-nav-bg1.png);
    height: 38px;
    vertical-align: middle;
    list-style: none;
}
#center-nav a
{
    background-image: url(../images/center-nav-repeater.png);
    background-repeat: repeat-x;
    color: #323232;
    display: block;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    height: 38px;
    line-height: 38px;
    padding-right: 5px;
    padding-left: 1px;
    overflow: hidden;
}
#center-nav a:hover
{
    background-image: url(../images/left-nav-bg2.png);
    height: 38px;
}
/* ################# Navigation3 ################# */
#left-nav3
{
    width: 312px;
    background-image: url(../images/left-nav-bar-bg.png);
    overflow-y: scroll;
    overflow-x: hidden;
    text-align: left;
    vertical-align: middle;
    line-height: 18px;
    float: left;
    height: auto;
    top: 183px;
    bottom: 43px;
    position: fixed;
}
#left-nav3 li
{
    margin-left: 1px;
    width: 290px;
    background-image: url(../images/left-nav2-bg1.png);
    height: 80px;
    list-style: none;
    line-height: 16px;
}
#left-nav3 a
{
    background-image: url(../images/left-nav2-bg1.png);
    background-repeat: repeat-x;
    color: #323232;
    display: block;
    font-size: 12px;
    text-decoration: none;
    vertical-align: middle;
    padding: 12px;
    height: 79px;
}
#left-nav3 a:hover
{
    background-image: url(../images/left-nav2-bg2.png);
    color: #cc4d00;
}
#left-nav3 a:hover img
{
    border: 1px solid #F90;
}
#left-nav3 img
{
    margin-right: 5px;
}
/* Default Image */
.img-div
{
    width: 75px;
    float: left;
}
/* Search Box */
#search-box1
{
    border: 1px solid #999;
    width: 230px;/* change 310 to 235*/
    height: 30px;
}
#search-box1 input
{
    width: 165px;/* change 225 to 165*/
    height: 26px;
    float: left;
    text-indent: 5px;
    font-size: 12px;
    color: #666;
    padding: 0px;
    border: 0px;
}
#search-box1 a:link
{
    text-align: right;
    background-color: #FFF;
    padding: 0px;
    border: 0px;
}
#search-box1 a:hover img
{
    background-color: #FFF;
    padding: 0px;
    border: 0px;
    height: 24px;
}
.img-upload
{
      padding-top: 25px;
    width: 50px;
    height: 30px;
    vertical-align: top;
    margin-left: 20px;
}
#treeview
{
    margin-top: 20px;
    margin-left: 20px;
    position: relative;
    float: left;
}
#treeview a
{
    color: #cd6000;
    line-height: 30px;
}

#treeview select
{
    height: 30px;
    width: 175px;
    position: relative;
    float: left;
}

/* ################# Navigation4 ################# */
#loggedName
{  
  text-align: left;
  width: 105px;
  height: 16px;
  float: left;
  right: 12px;
  padding: 17px;
  /*background-image: url(../images/user.png);*/
    text-decoration: none;
}
#logout
{
    text-align: right;
    margin-bottom: 1px;
    height: 50px;
    width: 40px;
    float: right;
    padding-top: 8px;
}
#logout li
{
    width: 34px;
    height: 44px;
    vertical-align: middle;
    /* background-image: url(../images/logout-bg.png);*/
    list-style: none;
    float: left;
    padding-bottom: 6px;
}
#logout li a
{
    width: 24px;
    height: 24px;
    vertical-align: middle;
    list-style: none;
    float: left;
}
#logout li a:hover
{
    width: 26px;
    height: 26px;
}
/* ################# login page ################# */
#login-page-content
{
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 400px;
    top: -50px;
}

#login-page
{
    position: relative;
    min-width: 340px;
    min-height: 480px;
    width: auto;
    height: auto;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
}
#login-bg
{
    width: 275px;
    min-height: 420px;
    height: auto;
    border: 1px solid #989898;
    margin: 10px;
    padding: 35px;
    background-image : url(../images/Login-back.png);
}
#login-logo
{
    margin-left: auto;
    margin-right: auto;
    margin-top: -24PX;
    width: 171px;
    height: 76px;
    background-image: url(../images/IntaHub-50x500.png);
    background-repeat:no-repeat;
}

.printerlogo
{
    margin-left: 0px;
    margin-right: auto;
    width: 218px;
    height: 88px;
    background-image: url(../printerimage/login-logo.png);
    background-repeat: no-repeat;
}

.divalign
{
    margin-left: 200px;
}
#login-bar
{
     visibility: hidden;
     margin-left: auto;
    margin-right: auto;
    width: 415px;
    height: 0px;
    /*background-image: url(../images/login-bar-head-bg.png);
    background-repeat: no-repeat;
    text-align: left;
    padding-top: 25px;
    text-indent: 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;*/
}
#login-box
{
    margin-left: auto;
    margin-right: auto;
    margin-top: -4px;
    width: 306px;
    min-height: 250px;
    background-repeat: repeat-y;
    text-align: center;
}
#login-box input
{
    width: 250px;
    height: 20px;
    margin-top: 20px;
    background-image: url(../images/text-box-bg.png);
    border: 1px solid #cecece;
    padding: 5px;
    color: #676767;
}
.checkbox-align
{
    max-width:250px;
    margin-right: 30px;
}
#login-box img
{
    visibility: hidden; 
    margin-top: 20px;
    position: absolute;
    width: 31px;
    height: 32px;
}
#login-box .msg
{
    margin-top: 20px;
    font-size: 12px;
    color: #FF0000;
    margin-right: 45px;
}
#login-box .sign-in-btn
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    font-size: 12px;
    color: #ffffff;
    padding: 10px;
    width: 250px;
    height:45px;
    border: 0px;
    margin-right: 30px;
    border-radius: 14px;
    background-color: orange;
    background-image : url(../images/dark-blue-login-button.png);
}
#login-box .sign-in-btn :onclick
{
border-radius: 14px;
background-color: red;
}

#login-box2
{
    margin-left: auto;
    margin-right: auto;
    width: 415px;
    height: 9px;
    /*background-image: url(../images/login-box-bg2.png);*/
    background-repeat: repeat-y;
    text-align: right;
}

/* #################userconfiguration left nav button ############ */
#leftNavButton {
    background-image: url("../images/dark-orange-button.png");
    text-align: center;
    width: 133px;
    height: 8px;
    float: left;
    padding: 17px;
    margin-top: 40px;
    margin-left: 35px;
}
#leftNavButton a {
color: #1B1D1D;
text-decoration: none;
}
#leftNavButton :hover
{
    color:White;
}

/* ################# Footer ################# */

#footer
{
    position: fixed;
    width: 100%;
    background-image: url(../images/footer-bg.png);
    height: 43px;
    bottom: 0px;
    z-index: 1;
}
#footer .push
{
    height: 4em;
    clear: both;
}
#footer-links1
{
    width: 308px;
    height: 43px;
    float: left;
    margin-top: 1px;
}
#footer li
{
    width: 47px;
    height: 42px;
    vertical-align: middle;
    list-style: none;
    float: left;
}
#footer li a
{
    width: 47px;
    height: 42px;
    background-image: url(../images/footer-links-bg1.png);
    float: left;
}
#footer li a:hover
{
    background-image: url(../images/footer-links-bg2.png);
}

#footer li input
{
    width: 47px;
    height: 42px;
    background-image: url(../images/footer-links-bg1.png);
    float: left;
}
#footer li input:hover
{
    background-image: url(../images/footer-links-bg2.png);
}

#footer-links2
{
    width: 500px;
    height: 43px;
    float: left;
    margin-top: 1px;
}

/* ################# Edited By Dimuth ################# */
#logoutButton
{
    background-image: url(../images/Logout_button.png);
    width: 35px;
    height: 35px;
}
#loginUser
{
    background-image:url(../images/user.png);
}
#settingsButton
{
    background-image: url(../images/setting-ico1.png);
    width: 24px;
    height: 24px;
}
#chatButton
{
    background-image: url(../images/chat-ico1.png);
    width: 24px;
    height: 24px;
}
#editButton
{
    background-image: url(../images/edit-ico.png);
    width: 47px;
    height: 42px;
}
#saveButton
{
    background-image: url(../images/save-ico.png);
    width: 47px !important;
    height: 42px !important;
}

.saveButton
{
    background-image: url(../images/save-ico.png);
    width: 47px !important;
    height: 42px !important;
}

#confirmButton
{
    background-image: url(../images/confirm-ico.png);
    width: 47px;
    height: 42px;
}
#printButton
{
    background-image: url(../images/print-ico.png);
    width: 47px;
    height: 42px;
}
#deleteButton
{
    background-image: url(../images/delete-ico.png);
    width: 47px;
    height: 42px;
}

#InventoryUpdateButton
{
    background-image: url(../images/inventory-ico1.png);
    width: 98px;
    height: 55px;
    /*margin-left:35px;*/
}

#inactiveButton
{
    background-image: url(../images/inactive-ico.png);
    width: 47px;
    height: 42px;
}

#addNewButton
{
    background-image: url(../images/add-new-ico.png);
    width: 47px;
    height: 42px;
}
#zoomButton
{
    background-image: url(../images/zoom-ico.png);
    width: 47px;
    height: 42px;
}
#duplicateButton
{
    background-image: url(../images/duplicate-ico.png);
    width: 47px;
    height: 42px;
}
#inventoryMenu
{
    background-image: url(../images/inventory-ico1.png);
    width: 32px;
    height: 32px;
}
#deleteImage
{
    background-image: url(../images/close-ico.png);
    width: 32px;
    height: 32px;
}

#additemImage
{
    background-image: url(../images/add-ico2.png);
    width: 30px;
    height: 30px;
    margin-left: 10px;
    float: left;
    position: relative;
}

#applyImage
{
    background-image: url(../images/apply-ico.png);
    width: 30px;
    height: 30px;
    margin-left: 5px;
    float: right;
    position: relative;
}

.applyImage
{
    background-image: url(../images/apply-ico.png);
    width: 35px !important;
    height: 35px !important;
    margin-left: 5px !important;
    float: right !important;
    position: relative !important;
}
/*Ajax Modal Classes*/
.Container
{
    margin: auto;
    min-height: 400px;
    background: #ffffff;
    max-width: 500px;
    min-width: 500px;
    border: solid 1px #d4d4d4;
    padding: 0 20px 20px 20px;
}

.ToolBar
{
    border: solid 1px #d4d4d4;
    padding: 10px;
    margin-bottom: 20px;
}

.GridContainer
{
    background: #ECF5FB;
    min-height: 300px;
    border: solid 1px #8a8a8a;
}
.ModalPopupBG
{
    background-color: #534e4a;
    filter: alpha(opacity=50);
    opacity: 0.7;
}

.popup_Container
{
    position: absolute;
    background-color: #eeeeed;
    border: 1px solid #424242;
    padding: 0px 0px 0px 0px;
    background-image: url(../images/popup-bg1.png);
    background-position: bottom;
    filter: alpha(opacity=90);
    opacity: 0.9;
    box-shadow: 0px 0px 5px #424242;
    min-width: 500px;
    margin-left: 20px;
}

.popup_Container2
{
    position: absolute;
    background-color: #eeeeed;
    border: 1px solid #424242;
    padding: 0px 0px 0px 0px;
    background-image: url(../images/popup-bg1.png);
    background-position: bottom;
    filter: alpha(opacity=90);
    opacity: 0.9;
    box-shadow: 0px 0px 5px #424242;
    min-width: 590px;
    height: 420px;
}

.popupConfirmation
{
    width: 600px;
    height: 500px;
    margin-bottom: 100px;
}

.popup_Titlebar
{
    background: url(../images/popup-title-bar-bg.png);
    height: 42px;
}

.popupcontent
{
    position: absolute;
    left: 120px;
    padding-right: 10px;
}
.popup_Body
{
    position: relative;
    font-family: Arial;
    font-size: 12px;
    color: #000000;
    line-height: 18pt;
    padding: 10px;
    margin-left: 5px;
}
.TitlebarLeft
{
    float: left;
    padding-left: 25px;
    padding-top: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
}
.TitlebarRight
{
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 16px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}
.popup_Buttons-box
{
  /* text-align: right;
  padding-top: 1px;
  padding-bottom: 30px;
  letter-spacing: 71px;
  padding-left: 567px;*/
 
}
.popup_Buttons
{
    position: relative;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    height: auto;
    background: url(../images/Green-loging-button.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    height: 30px;
    padding-left: 29px;
    padding-right: 25px;
    font-size: 15px;
    font-size: 12px;
}
.popup_cancel_Buttons
{
  background: url(../images/Pop_Up_Close.png);
  position: relative;
  float: right;
  /*margin-left: 5px;*/
  margin-right: -10px;
  width: 37px;
  height: 35px;
  border: none;
  top :-47px;
}
.popup_Print_Buttons
{
 background: url("../images/print-ico.png") repeat scroll 0% 0% transparent;
position: relative;
float: right;
margin-right: 17px;
width: 44px;
height: 35px;
border: medium none;
top: -47px;
background-color: black;
}
#uploadbtn
{
    width: 200px;
    margin-left: 10px;
    height: 30px;
}

.Buttons
{
    margin-left: 5px;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    line-height: 24px;
    font-size: 12px;
    height: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 5px;
}

#popupListSelect
{
    height: 280px;
    width: 250px;
    margin: 10px;
    background-color: #eeeeee;
    border: solid 1px #bababa;
    overflow-x: hidden;
    overflow-y: scroll;
    line-height: 28px;
    float: left;
    position: relative;
}

#popupListSelectTitle
{
    background-color: #bcbcbc;
    line-height: 28px;
    position: absolute;
    width: 232px;
    text-indent: 10px;
    font-weight: bold;
    background: url(../images/popup-title-bar-bg2.png);
    color: #ffffff;
}

/* end Ajax Modal Classes*/

#gridViewDeleteButton
{
    background-image: url(../images/delete-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#orderButton
{
    background-image: url(../images/orderLevel.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 64px;
    height: 64px;
    padding: 2px;
}

#gridViewEditButton
{
    background-image: url(../images/edit-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#gridViewTaxCodeShowButton {
     background-image: url(../images/TC.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#gridViewTaxCodeShowButton
{
    /*background-image: url(../images/edit-icon.png);*/
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#gridViewAddButton
{
    background-image: url(../images/addnew-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    max-width:16px;
    height: 16px;
    padding: 3px;
}

.gridViewAddButton
{
    background-image: url(../images/addnew-icon.png);
    background-repeat: no-repeat !important;
    background-position: center !important;
    width: 16px !important;
    max-width:16px !important;
    height: 16px !important;
    padding: 3px !important;
}

#gridViewUpdateButton
{
    background-image: url(../images/update-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#gridViewCancelButton
{
    background-image: url(../images/cancel-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#gridViewCancelItemButton
{
    background-image: url(../images/badge-cancel.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 58px;
    height: 15px;
    padding: 3px;
}

#gridViewCancelButton
{
    background-image: url(../images/cancel-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 16px;
    height: 16px;
    padding: 3px;
}

#UpdateSupplierItemAddButton
{
    background-image: url(../images/add-ico2.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    padding: 10px;
}

#UpdateRecipeQuantity
{
    background-image: url(../images/edit-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    height: 30px;
    padding: 10px;
}

#foodTopCategoryAddNewButton
{
    background-image: url(../images/add-ico.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 27px;
    padding: 3px;
}

#PaymentModeAddNewButton
{
    background-image: url(../images/cash.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 32px;
    height: 32px;
    padding: 3px;
}


.displayDIV
{
    display: inline-table;
    overflow: scroll;
    height: 200px;
}
.hideControl
{
    display: none;
}
.showControl
{
    display: inline;
}
#searchButton
{
    background-image: url(../images/search-ico.png);
    width: 26px;
    height: 24px;
    float: left;
}
#searchdateButton
{
    background-image: url(../images/search-ico.png);
    width: 26px;
    height: 24px;
    float: left;
}
.searchTextArea
{
    float: left;
}
#calanderImage
{
    background-image: url(../images/Calendar-128.png);
    width: 30px;
    height: 30px;
}
.calanderImage
{
    position: absolute;
    right: 1px;
    background-image: url(../images/Calendar-128.png);
    
    width: 31px;
    height: 31px;  
}
.calanderImage1
{

    right: 1px;
    background-image: url(../images/Calendar-128.png);
    
    width: 31px;
    height: 31px;  
}
.calanderSmallIcon
{

position: absolute;
right: 3px;
margin-left: 5px;
background: url(../images/Calendar-25x25.png);
height: 25px;
width: 25px;
color: #ffffff;
border: 1px solid #7e3600;
line-height: 24px;
padding-bottom: 5px;
}

.calanderSmallIconReport
{
right: 3px;
margin-left: 5px;
background: url(../images/Calendar-25x25.png);
height: 25px;
width: 25px;
color: #ffffff;
border: 1px solid #7e3600;
line-height: 24px;
padding-bottom: 5px;
float: right;
}





#resetButton
{
    background-image: url(../images/reset-ico.png);
    width: 26px;
    height: 24px;
    float: left;
}

#logoImage
{
    background-image: url(../images/IntaHub-50x500.png);
    background-repeat: no-repeat;    
    width: 217px;
    height: 50px;
}

.watermarked
{
    background-color: #f7f2e7;
    border: 1px solid #b3afa7;
    color: gray;
    line-height: 18px;
    padding: 2px 0 0 2px;
    width: 150px;
}

.innertableheadingrecipe
{
    width:160px;
    font-size: 10px !important;
    font-weight: bold;
    padding-left: 1px;
}

.innertableheading
{
    width:70px;
    font-size: 10px !important;
    font-weight: bolder;
    padding-left: 1px;
   /*color: #151617;*/
}
.innertablependinmsg
{
    width: 100px !important;
    font-size: 10px !important;
    font-weight: bolder;
    padding-left: 1px;
   color: #63f50b;
}
.innertableheadingSUC
{
    width:65px;
    font-size: 10px !important;
    font-weight: bolder;
    padding-left: 1px;
}
.innertabledataSUC
{
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  padding-left: 10px;
  max-width : 7px;
}
.innertabledata
{
  text-align: left;
  font-size: 10px;
  font-weight: normal;
  padding-left: 10px;
 /*color: #151617;*/
}
.innertabledataPO
{
    text-align: justify;
    font-size: 10px;
    font-weight: normal;
    padding-left: 10px;
    /*color: #151617;*/
}
.innertableheadingUlevel {
  width: 60px;
  font-size: 9px;
  font-weight: bold;
  padding-left: 1px;
}
.innertableheadingDSU {
  width: 70px;
  font-size: 9px;
  font-weight: bold;
  padding-left: 1px;
}
.reportparam
{
    width: 266px;
    /*background-image: url(../images/left-nav-bar-bg.png);*/
    /*background:#d1d1d1;*/
    background:#f1f1f1;
    text-align: left;
    font-size: 12px;
    padding: 5px;
    vertical-align: middle;
    line-height: 18px;
    float: left;
    bottom: 43px;
    position: fixed;
    height: 146px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.DateBrowseControl
{
    width: 295px;
    background-image: url(../images/left-nav-bar-bg.png);
    text-align: left;
    font-size: 12px;
    padding: 5px;
    vertical-align: middle;
    line-height: 18px;
    float: right;
    top: 180px;
    right:10px;
    position: fixed;
    height: 50px;
 
}

.DateBrowseControl1
{
    width: 295px;
    background-image: url(../images/left-nav-bar-bg.png);
    text-align: left;
    font-size: 12px;
    padding: 5px;
    vertical-align: middle;
    line-height: 18px;
    float: right;
    top: 130px;
    position: fixed;
    height: 50px;
 margin-left:20px;
}

.fixedselect
{
    position: absolute;
    width: 147px;
    left: 109px;
    background-color: #dbdfe6;
}

.fixedselectreport
{
    width: 147px;
    left: 109px;
    background-color: #dbdfe6;
    float: right;
}

/**Report Section**/

.reportStyle
{
    background-color: Aqua;
}

.pricealign
{
    text-align: right;
    float: right;
    padding-right: 10px;
}

.fieldset2
{
    background-color: #dbdfe6;
}

.orangecoloured
{
    border: 5px solid orange;
    margin: 5px;
}


.reportlabel
{
    margin-left: 10px;
}

.errorvalidator
{
    line-height: 15px;
    font-size: 11px;
}

.highlight
{
    color: Orange;
}

.reportdivtag
{
    margin-top:2px;
    height: 24px;
}

/*drag and drop*/

.draggable
{
    width: 50px;
    height: 50px;
    background-color: #ef4600;
    margin-bottom: 0px;
}

#ctl00_mainContentPlaceholder_floorWrapper
{
    width: 550px;
    height: 500px;
    min-width: 550px;
    max-width:550px;
    min-height:500px;
    max-height:500px
}

/*Print PO and GRN */

#divToPrint
{
    background-color: White;
    width: 700px;
    height: 400px;
    overflow-x: scroll;
     
}
#divTransactionPrint {

    background-color: White;
    width: 680px;
    padding-left:40px;
}
.documentprint
{
    width: 100%;
}

table.documentprint
{
    border-width: 1px;
    border-spacing: 1px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;
}

table.documentprint th
{
    border-width: 2px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}

table.documentprint td
{
    border-width: 2px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}

.documentprintHTML
{
    width: 80%;
}

table.documentprintHTML
{
    border-width: 1px;
    border-spacing: 1px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;
}

table.documentprintHTML th
{
    border-width: 1px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}

table.documentprintHTML td
{
    border-width: 1px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}

table.documentprintToComment td
{
    border-width: 2px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}
.documentprintNew
{
    width: 680px;
}

table.documentprintNew
{
    border-width: 0px;
    border-spacing: 1px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;
}

table.documentprintNew th
{
    border-width: 0px;
    padding: 1px;
    border-style: ridge;
    border-color: black;
    background-color: white;
    font-size: 100px;
}

table.documentprintNew td
{
    border-width: 0px;
    padding: 1px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}
.documentprintNewTD
{
    background-color: #e4e8f3;
}

.documentprintTotal
{
    float: right; 
    text-align: right
}
.reportcentertAlign
{
    vertical-align: middle;
    text-align: center;
}
.centeralign
{
    text-align: center;
    float: none;
}

.rightalign
{
    text-align: right;
    float: none;
}

.priceamountspanel
{
    width: 300px;
    float: right;
    text-align: right;
}

.leftalign
{
    text-align: left;
    float: none;
}
/*Calender*/

.calendertheme .ajax__calendar_container
{
    background-color: #c47529;
    border: solid 1px #77D5F7;
    padding: 3px;
    filter: alpha(opacity = 98);
    opacity: 0.98;
}

.calendertheme .ajax__calendar_header
{
    margin-bottom: 4px;
    background-color: #c47529;
}

.calendertheme .ajax__calendar_title, .calendertheme .ajax__calendar_next, .calendertheme .ajax__calendar_prev
{
    color: #381100;
    padding-top: 3px;
    background-color: #c47529;
}

.calendertheme .ajax__calendar_body
{
    border: solid 1px #77D5F7;
    border: 0px;
    padding: 0px;
    background-color: #f5e7d1;
}
.calendertheme .ajax__calendar_body td
{
    background-color: #f5e7d1;
    border: solid 1px #77D5F7;
    border: 0px;
    padding: 0px;
    text-indent: 0px;
    line-height: normal;
    margin-left: 120px;
}

.calendertheme .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
    color: #381100;
}

.calendertheme .ajax__calendar_day
{
    color: #381100;
    text-align: center;
}

.calendertheme .ajax__calendar_hover .ajax__calendar_day, .calendertheme .ajax__calendar_hover .ajax__calendar_month, .calendertheme .ajax__calendar_hover .ajax__calendar_year, .calendertheme .ajax__calendar_active
{
    color: #fff2ec;
    font-weight: bold;
    background-color: #ff580e;
}

.calendertheme .ajax__calendar_today
{
    font-weight: bold;
}

.calendertheme .ajax__calendar_other, .calendertheme .ajax__calendar_hover .ajax__calendar_today, .calendertheme .ajax__calendar_hover .ajax__calendar_title
{
    color: #fff2ec;
    /*margin-left: 120px;*/
}
.calendertheme .ajax__calendar_invalid
{
    text-decoration: line-through;
}

.completeextenderlist
{
    width: 200px !important;
    text-decoration: none;
    list-style: none;
    border: buttonshadow;
    border:solid 1px Gray;
    margin:0px;
    padding:3px;
    overflow: auto;
    height: 200px;
    text-align: left;
    background-color: orange;

}

.completeextenderlistItem 
{
        color: #9400D3;
        background-color: #FFFFFF;
} 

.completeextenderHighlight 
{
    background-color: #00BFFF;       
}

/*Repeator Status Colors*/

.activestatus
{
    background-color: Red;
}

.onprogressstatus
{
    background-color: Yellow;
}

.completestatus
{
    background-color: Green;
}

.marqueetrialperiodwarningmessage
{
    background-color: Red;
    color: White;
    font-weight: bold;
    font-size: small;
}

.marqueepriortrialperiodwarningmessage
{
    background-color: Yellow;
    color: Black;
    font-weight: bold;
    font-size: small;
}

.logouthide
{
    display: none;
    background-image: none !important;
}

.tdContainer
{
    background-color: #f4f3f1;
    width: 312px;
    float: left;
    min-height: 236px;
    border: solid 1px #8b8b8b;
    margin: 10px;
    background-image: url(../images/d-bg1.png);
    background-position: bottom;
    background-repeat: repeat-x;
}

.hidebr br
{
    display: none;
}

.commentParagraph
{
    float: left;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    color: #484848;
    width: auto;
    padding: 2px;
    border-top: 0px;
}

#kotmonitorHeader
{
    float: left;
    width: 310px;
    background-image: url(../images/d-top-bg.png);
    height: 56px;
    background-repeat: repeat;
    float: left;
    color: #ffffff;
    font-size: 12px;
    text-indent: 8px;
    line-height: 5px;
    padding-right: 3px;
    font-weight: bold;
}
.test
{
    margin-top: 20px;
    padding: 20px;
}
#kotmonitorHeaderbutton
{
    float: right;
    padding: 5px;
    width: 40px;
    float: left;
}

.Headertxt
{
    float: right;
    padding: 5px;
    float: left;
    line-height: 26px;
}

.buttonposition
{
    margin-bottom: 2px;
}

#kotmonitorHeaderbutton input
{
    background: url(../images/popup-btn-bg1.png);
    height: 25px;
    border: 1px solid #000000;
    padding-bottom: 20px;
    color: #ffffff;
}

.kotMonitorItemConfirmButton
{
    background: url(../images/ok.png);
    height: 30px;
    width: 30px;
    background-color: #d87549;
}

#kotmonitortable
{
    position: relative;
    width: auto;
    margin: 10px;
    font-size: 11px;
    float: left;
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-spacing: 0;
    color: #2c2c2c;
    border-bottom: 1px solid #a0a0a0;
}

#kotmonitortable th
{
    background-color: #c8c8c8;
    height: 10px;
    vertical-align: middle;
    padding: 10px;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}
#kotmonitortable td
{
    vertical-align: top;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}

#kotmonitortable .foodItem
{
    border: 0px;
    border-bottom: 0px;
    border-right: 0px;
    float: left;
    text-align: left;
}

#kotmonitortable .commentItem
{
    border-top: 0px;
    border-bottom: 0px;
    width: 300px;
}

#kotmonitortable .covernoitem
{
    border-bottom: 0px;
    border-right: 0px;
}

#kotmonitortable .quantityItem
{
    border-bottom: 0px;
}

#kotmonitortable .confirmItem
{
    border-bottom: 0px;
    border-left: 0px;
}

#kotmonitortable .foodName
{
    background-color: White;
}

#kotmonitortable .alternativefoodName
{
    background-color: White;

}

#kotmonitortable1
{
    position: relative;
    width: auto;
    margin: 10px;
    width: 900px;
    font-size: 11px;
    float: left;
    border-top: 1px solid #a0a0a0;
    border-left: 1px solid #a0a0a0;
    border-spacing: 0;
    border-collapse: collapse;
    color: #2c2c2c;
    border-bottom: 1px solid #a0a0a0;
}

#kotmonitortable1 th
{
    background-color: #c8c8c8;
    height: 10px;
    width: 400px;
    position: relative;
    vertical-align: bottom;
    padding: 10px;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
}
#kotmonitortable1 td
{
    vertical-align: top;
    border-right: 1px solid #a0a0a0;
    border-bottom: 1px solid #a0a0a0;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
}

#kotmonitortable1 .foodItem
{
    border: 0px;
    border-bottom: 0px;
    width: 100px;
    border-right: 0px;
    float: left;
    text-align: left;
}

#kotmonitortable1 .commentItem
{
    border-top: 0px;
    border-bottom: 0px;
}

#kotmonitortable1 .covernoitem
{
    border-bottom: 0px;
    border-right: 0px;
}

#kotmonitortable1 .quantityItem
{
    border-bottom: 0px;
    border-right: 0px;
}

#kotmonitortable1 .confirmItem
{
    border-bottom: 0px;
    border-left: 0px;
}

#kotmonitortable1 .foodName
{
    background-color: White;
}

#kotmonitortable1 .alternativefoodName
{
    background-color: Aqua;
}

#receiptDetails
{
    width:100%;
    padding:10px;
    font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;
    /*font-family: "Courier New", Courier, "Lucida Sans Typewriter", "Lucida Typewriter", monospace;*/
}

#receiptDetails td
{
    vertical-align: top;
    border-right: 0px solid #a0a0a0;
    border-bottom: 0px solid #a0a0a0;
    line-height: 20px;
    font-size: 12px;
}

#receiptDetails .left
{
    text-align: left;
}

#receiptDetails .right
{
    text-align: right;
}

#receiptDetails .foodItem
{
    text-align: left;
}

.documentWastageDetailsprint
{
    width: 100%;
}

table.documentWastageDetailsprint
{
    border-width: 1px;
    border-spacing: 1px;
    border-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-color: white;
}

table.documentWastageDetailsprint th
{
    border-width: 2px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}

table.documentWastageDetailsprint td
{
    border-width: 2px;
    padding: 5px;
    border-style: ridge;
    border-color: black;
    background-color: white;
}


.receiptheaderrow
{
    /*background-color: #87CEEB;*/
}

#receiptHeader
{
    background-color: white;
}


/* ################# CommonDataGrid ################# */

.CommonDataGrid
{
    position: relative;
    width: auto;
    margin-left: 110px;
    margin-top: 10px;
    margin-bottom: 30px;
    font-size: 12px;
    float: left;
    border-top: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-spacing: 0;
    border-collapse: collapse;
}

.CommonDataGrid th
{
    background-color: #dbdbdb;
    height: 10px;
    vertical-align: middle;
    padding: 10px;
    border-right: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
}
.CommonDataGrid td
{
    padding: 5px;
    vertical-align: baseline;
    text-indent: 5px;
    text-align: left;
    border-right: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    line-height: 20px;
}
.CommonDataGrid td .checkbox
{
    padding-top: 5px;
    text-indent: 5px;
    border: 0px;
}
.CommonDataGrid .total
{
    background-color: #eaeaea;
    height: 38px;
    font-size: 12px;
    font-weight: bold;
}
#table-content
{
    position: relative;
    width: 100%;
    text-align: center;
}
.CommonDataGrid td .imgbtn
{
    padding: 5px;
    margin: 5px;
}

.CommonDataGrid input
{
    padding: 7px;
    margin: 3px;
    font-size: 12px;
    position: relative;
    width: 75px;
}

.CommonDataGrid textarea
{
    padding: 7px;
    margin: 3px;
    font-size: 12px;
    position: relative;
    float: left;
    width: auto;
    vertical-align: top;
}

.CommonDataGrid select
{
    padding: 7px;
    margin: 3px;
    position: relative;
    float: left;
    min-width: 100px;
    width: auto;
}
.CommonDataGrid .Buttons
{
    margin-left: 5px;
    background: url(../images/popup-btn-bg1.png);
    color: #ffffff;
    width: auto;
    border: 1px solid #7e3600;
    margin-bottom: 10px;
    height: 30px;
    min-width: 50px;
    padding-top: 4px;
}

/* ################# CommonDataGrid ################# */

/* ############ Boostrap Theme style ################ */

 .dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}


-------------

.dropdown>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    -border-radius: 0 6px 6px 6px;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.navbar {
  margin-bottom: -16px !important;
}

/* ############ error ################ */
#mTextError1 input
{
    background-color:red;
}
#mTextError1 
{
    background-color:red !important;
}

/*##############Po in purcharse page######################*/
#Poleftli #left-po {
    top:183px !important;
}

.clearfix {
  overflow: auto;
}


/*############## Version Name #############*/
.Version_lbl {
    margin-left: -3rem;
    font-size: smaller;
}

.leftNavButton {
    background-image: url("../images/dark-orange-button.png");
    text-align: center;
    width: 145px;
    height: 8px;
    float: left;
    padding: 17px;
    margin-top: 40px;
    margin-left: 25px;
}
.leftNavButton a {
color: #1B1D1D;
text-decoration: none;
}
.leftNavButton :hover
{
    color:White;
}

.statusImge {
    background-image: url("../images/LoogedImage.png");
    position: absolute;
    width: 12px;
    height: 12px;
    right: 0.5rem;
    margin-top: 3px;
}

.overFlowhiddenlbl {
    overflow: hidden;
    text-overflow: ellipsis;
}

/*############## Disable Fields Color Change #############*/


.CostDisplayTextBox {

    color: GrayText;
}


.MarginDisplayTextBox {
    color: GrayText;
}

.AlgRgh
{
  text-align:right;
  padding-right:15px
}


.GrnCancelHidePanel .AutoHide {
display:none;
}

.Syncmodal
         {
             position: fixed;
             z-index: 999;
             height: 100%;
             width: 100%;
             top: 0;
             background-color: Black;
             filter: alpha(opacity=60);
             opacity: 0.6;
             -moz-opacity: 0.8;
         }
         .Synccenter
         {
             z-index: 1000;
             margin: 300px auto;
             padding: 10px;
             width: 130px;
             background-color: White;
             border-radius: 10px;
             filter: alpha(opacity=100);
             opacity: 1;
             -moz-opacity: 1;
         }
         .Synccenter img
         {
             height: 128px;
             width: 128px;
         }

.MeasureTypeNameDisplay
{
    font-size:11px !important;
}

#IntaAccLogin-bg
{
    width: 275px;
    height:220px;
    /*min-height: 280px;*/
    border: 1px solid #989898;
    margin: 10px;
    padding: 35px;
    margin-top: 75px;
    background-color:#d9d9d9;
}

#IntaAcclogin-logo
{
    margin-left: auto;
    margin-right: auto;
    margin-top: -24PX;
    width: 171px;
    height: 76px;
    background-image: url(../images/IntaAcc.png);
    background-repeat:no-repeat;
}

#login-box .IntaAccsign-in-btn
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    font-size: 12px;
    color: #ffffff;
    padding: 10px;
    width: 153px;
    height:36px;
    border: 0px;
    margin-right: 30px;
    border-radius: 14px;
    background-image : url(../images/Green-loging-button.png);
    background-repeat:no-repeat;
}

#Uberlogin-logo
{
    margin-left: auto;
    margin-right: auto;
    margin-top: -24PX;
    width: 171px;
    height: 76px;
    background-image: url(../images/Uber.png);
    background-repeat:no-repeat;
}
#tableforFooters
{
    position: relative;
    width:auto;
    margin:0px 0px 0px 0px !important;
    font-size: 12px;
    float: left;
    border-spacing: 0;
    border-collapse: collapse;
}

#tableforFooters td
{
    padding: 0px;
    vertical-align: top;
    text-align: left;
    border-right: 0px solid #6a6a6a !important;
    border-bottom: 0px solid #6a6a6a !important;
    line-height: 35px;
}

#tableforFooters tr.rows2 td {
        padding-top: 0px;
   }

#tableforFooters tr.rows3 td {
     background-color:buttonshadow !important;
     height:2px;
   }

.margin1ForGridview {
     margin:9px !important;
   }

.GridView th
{
    padding:0px !important;
}

#GRNtableforFooters td
{
    padding: 0px;
    vertical-align: top;
    text-align: left;
    border-right: 0px solid #6a6a6a !important;
    border-bottom: 0px solid #6a6a6a !important;
}

#GRNtableforFooters tr.rows3 td {
     background-color:buttonshadow !important;
     height:2px;
   }
#GRNtableforFooters tr.rows2 td {
        padding-top: 0px;
   }

#GRNtableforFooters span
{
    padding: 0px;
    margin: 0px !important;
    font-size: 12px;
    position: relative;
    /*float: right;*/
    vertical-align: top;
}

.watermarkeForGRN
{
    background-color: #f7f2e7;
    /*border: 1px thin #b3afa7 !important;*/
    color: gray;
    /*line-height: 16px;
    padding: 0px 0 0 0px;
    width: 50px;*/
}

#hrtagthickness {
    height:1px;
    background-color:grey;
}

#listViewImage
{
    background-image: url(../images/List_view.png);
    width: 33px;
    height: 35px;   
    margin-left: 5px;
    float: left;
    position: relative;
}

#DashboardViewImage
{
    background-image: url(../images/Dashboard.png);
    width: 32px;
    height: 32px;   
    margin-left: 5px;
    float: left;
    position: relative;
}

#CalendarViewImage
{
    background-image: url(../images/Calendar-128.png);
    width: 30px;
    height: 30px;
    margin-left: 5px;
    float: left;
    position: relative;
}

/*############## Member #############*/

.memebertails 
{
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    width: 700px;/*cahange 10 to 200px*/
    margin-left: 5px; 
    margin-top: 20px;
    font-size: 12px;
    float: left;
}