body {
    font: 1em/150% Arial, Helvetica, sans-serif;
    font-size: 26px;
}

a {
    color: #a9cf30;
    text-decoration: underline;
}

a:hover {
    /* color: #37aa14; */
}

h1 {
    font: bold 36px/100% Arial, Helvetica, sans-serif;
    float: right;
}

button {
    cursor: pointer;
    font-size: 25px;
}


.noWeight {
    background-color: yellow
}

table {
    border: none;
}

#inputAgents {
    border: 1px solid;
}

input, select {
    border: none;
    font-size: 25px;
}
input.customer  {
    width: 60px;
}

input.barcode1, input.barcode2 {
    border: none;
    font-size: 20px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: black;
    font-weight: bold;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
    font-weight: bold;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
    font-weight: bold;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
    font-weight: bold;
}

.barcode1::-webkit-input-placeholder, .barcode2::-webkit-input-placeholder { /* WebKit browsers */
    color: black;
    font-weight: normal;
}

.barcode1:-moz-placeholder, .barcode2:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: black;
    font-weight: normal;
}

.barcode1::-moz-placeholder,.barcode2::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: black;
    font-weight: normal;
    font-size: 20px;
}

.barcode1:-ms-input-placeholder, .barcode2:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: black;
    font-weight: normal;
}

/* price */

.price::-webkit-input-placeholder, .note::-webkit-input-placeholder { /* WebKit browsers */
    color: #7596A7;
    font-weight: bold;
}

.price:-moz-placeholder, .note:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #7596A7;
    font-weight: bold;
}

.price::-moz-placeholder, .note::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #7596A7;
    font-weight: bold;
    font-size: 20px;
}

.price:-ms-input-placeholder, .note:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #7596A7;
    font-weight: bold;
}

.marketer_name {
    font: bold 30px/100% Arial, Helvetica, sans-serif;
    color: #7596a7;
    text-align: center;
    padding-bottom: 20px;
}

#marketer {
    color: #7596a7;
    font-weight: bold;
}

#date_of_order {
    float: left;
    font-size: 15px;
    margin-top: -30px;
}

#total_sum {
    font-weight: bold;
    padding: 10px;
    border: 1px solid black;
    text-align: center;
}

#time {
    color: black;
    font-size: 20px;
    text-align: center;
}

.h2_p, .h2_p2 {
    display: none;
}

.h2 {
    font: bold 23px/100% Arial, Helvetica, sans-serif;
    text-align: center;
    /* margin-top:-30px; */
}

.new_order {
    color: #7596a7;
    text-decoration: underline;
}

.new_order:hover {
    color: #7596a7;
}

.imgB {
    background: none;
    border: none;
}

#buttons {
    text-align: center;
}

.myButton {
    -moz-box-shadow: 0px 0px 0px 2px #9fb4f2;
    -webkit-box-shadow: 0px 0px 0px 2px #9fb4f2;
    box-shadow: 0px 0px 0px 2px #9fb4f2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7596a5), color-stop(1, #476e9e));
    background: -moz-linear-gradient(top, #7596a5 5%, #476e9e 100%);
    background: -webkit-linear-gradient(top, #7596a5 5%, #476e9e 100%);
    background: -o-linear-gradient(top, #7596a5 5%, #476e9e 100%);
    background: -ms-linear-gradient(top, #7596a5 5%, #476e9e 100%);
    background: linear-gradient(to bottom, #7596a5 5%, #476e9e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7596a5', endColorstr='#476e9e', GradientType=0);
    background-color: #7596a5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #4e6096;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 19px;
    padding: 12px 5px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #283966;
}

.myButton:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #476e9e), color-stop(1, #7596a5));
    background: -moz-linear-gradient(top, #476e9e 5%, #7596a5 100%);
    background: -webkit-linear-gradient(top, #476e9e 5%, #7596a5 100%);
    background: -o-linear-gradient(top, #476e9e 5%, #7596a5 100%);
    background: -ms-linear-gradient(top, #476e9e 5%, #7596a5 100%);
    background: linear-gradient(to bottom, #476e9e 5%, #7596a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#476e9e', endColorstr='#7596a5', GradientType=0);
    background-color: #476e9e;
}

.myButton:active {
    position: relative;
    top: 1px;
}

.clearable {
    background: #fff url(data:image/gif;base64,R0lGODlhBwAHAIAAAP///5KSkiH5BAAAAAAALAAAAAAHAAcAAAIMTICmsGrIXnLxuDMLADs=) no-repeat right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
    border-radius: 3px;
    transition: background 0.4s;
}

.clearable.x {
    background-position: right 5px center;
}

.clearable.onX {
    cursor: pointer;
}

.showPrint {
    display: none;
}

.noDisplay {
    display: none;
}

.noPrice {
    background-color: red;
}

#login {
    margin-top: 15%;
}

#header p {
    float: right;
}

#orders {
    margin-right: 49%;
}

#orders input, select {
     width: 100%;
}

#orders_display td {
    border-bottom: 1px dotted #7596a7;
    border-right: 1px dotted #7596a7;
    font-size: 20px;
}

#orders_head {
    font-weight: bold;
    font-size: 20px;
    color: #7596a7;
    width: 700px;
}

#orders, #orders .headT td, #orders_head, #orders_head .headT td, #orders_display, #orders_display .headT td {
    border: none;
}

#orders .headT, #orders_head .headT, #orders_display .headT {
    background: #7596a7;
    font-weight: bold;
    color: white;
}

#orders td.td_hl {
    font-weight: bold;
    color: #7596a5;
}

#orders td.show {
    font-size: 15px;
}

#orders_head td {
    border-bottom: 1px dotted #7596a5;
    border-right: 1px dotted #7596a5;
}

#orders_head .last {
    border-top: 1px dotted #7596a5;
    border-left: 1px dotted #7596a5;
}

#orders_head .lastS {
    border-left: 1px dotted #7596a5;
}

#orders_display {
    margin-right: 45%;
}

#subHeadlines table {
    color: #7596a7;
    font-weight: bold;
}

#subHeadlines1 table {
    color: #7596a7;
    font-weight: bold;
    font-size: 20px;
}

#subHeadlines_l table {
    color: #7596a7;
    font-weight: bold;
    font-size: 20px;
}

#subHeadlines1 table td, #subHeadlines_l table td {
    border-bottom: 1px dotted #7596a7;
    padding-left: 10px;
    padding-right: 10px;
}

#subHeadlines table td {
    border-bottom: 1px dotted #7596a7;
    padding-left: 10px;
    padding-right: 10px;
}

#tb_to_display tr td {
    border-bottom: none;
}

#tb_to_display button {
    margin-top: 10px;
}

#display_order_b button {
    margin-right: 40%;
}

#subHeadlines .new_order_table td, #subHeadlines1 .new_order_table td {
    border: none;
}

img.edit_btns {
    width: 26px;
    height: 26px;
    cursor: pointer;
    padding-right: 10px;
    padding-top: 2px;
}

img.edit_btnsN {
    width: 26px;
    height: 26px;
    padding-right: 10px;
    padding-top: 2px;
    cursor: default;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: grayscale(100%);
}
img.edit_btnsY {
    width: 26px;
    height: 26px;
    padding-right: 10px;
    padding-top: 2px;
    cursor: default;
}

.odd {
    background: #eff3f4;
}

.cash {
    background: #eff3f4;
}

.input_row1 {
    background: #eff3f4;
}

#orders_display #tdSum {
    display: none;
}

.tdSum2, .tdSum3 {
    display: none;
}

/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
    padding: 5px;
    width: 960px;
    margin: 20px auto;
}

#content {
    width: 600px;
    float: right;
}

#center {
    width: 900px;
}

#wrap {
    width: 900px;
}

#wrap .customer_name .info_btn{
	display:none;
	width:20px;
	height:auto;
	opacity: 0.8;
	position: absolute;
	top: 10px;
	left: 5px;
}

#wrap .customer_name:hover{
	background:#ffffd9;
}


#wrap .customer_name:hover .info_btn{ display:block; }

#wrap .customer_name .info_wrap{ position:relative; padding-right:1px; }

.customer_info_window p{ font-size:24px; margin-bottom:10px; margin-top:20px; }


#sidebar {
    width: 300px;
    float: right;
}

#footer {
    clear: both;
}

#center ul, #wrap ul {
    text-align: center;
}

#center form {
    width: 310px;
    margin: 0 auto;
}

#center form .btn {
    margin-right: 45%;
    cursor: pointer;
}

#subHeadlines button.submitB, #subHeadlines1 button.submitB, #subHeadlines_l button.submitB, .submitB {
    margin-right: 47%;
    cursor: pointer;
}

#wrap #total_frame {
    font-weight: bold;
    border: 1px solid black;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 980px or more */
/*
@media screen and (min-width: 981px) {

	#pagewrap {
		width: 94%;
	}
	#content {
		width: 65%;
	}
	#center ,#wrap{
		width: 95%;
	}
	#orders_head {
	width:700px;
	}
	/*
	#sidebar {
		width: 20%;
	}

	#centerbar table{
		display:none;
	}*/
/*
#sidebar,.marketer_name {
    display: none;
}
#centerbar table{
    margin: 0 auto;
}#centerbar table td{
    padding-left: 30px;
    padding-right: 30px;
}
#subHeadlines table{
    margin: 5px auto;
}
}
*/

/* for 980px or less */
/*@media screen and (max-width: 980px) and (min-width: 701px){*/
@media screen and (min-width: 701px) {
    #pagewrap {
        width: 94%;
    }

    #content {
        width: 65%;
    }

    #center {
        width: 95%;
    }

    #wrap {
        width: 90%;
    }

    #buttons {
        margin-right: 13%;
    }

    #orders_head {
        margin: 0 auto;
    }

    #orders {
        margin-right: 30%;
    }

    #wrap table {
        margin: 0 auto;
        width: 94%;
    }

    #sidebar, .marketer_name {
        display: none;
    }

    #centerbar table {
        margin: 0 auto;
    }

    #centerbar table td {
        padding-left: 20px;
        padding-right: 20px;
    }

    #subHeadlines table, #subHeadlines1 table {
        margin: 20px auto;
    }

    #subHeadlines_l table {
        margin: 20px auto;
        margin-right: -20%;
    }

}

/* for 700px or less */
@media screen and (max-width: 700px) {
    #pagewrap {
        width: 94%;
    }

    #content {
        width: auto;
        float: none;
    }

    #center, #wrap {
        width: auto;
        float: none;
    }

    #orders_head {
        width: auto;
        float: none;
    }

    #orders {
        margin-right: 30%;
    }

    #sidebar, .marketer_name {
        display: none;
    }

    #center form .btn {
        margin-right: 45%;
        cursor: pointer;
    }

    #centerbar table {
        margin: 0 auto;
    }

    #wrap table {
        margin: 0 auto;
        width: 94%;
    }

    #centerbar table td {
        padding-left: 30px;
        padding-right: 30px;
    }

    #subHeadlines table, #subHeadlines1 table {
        margin: 20px auto;
    }

    #subHeadlines_l table {
        margin: 20px auto;
        margin-right: -20%;
    }

    #orders_display {
        margin-right: 20%;
    }

    img.edit_btns, img.edit_btnsN {
        padding: 0;
    }
}

/* for 480px or less */
@media screen and (max-width: 480px) {

    h1 {
        font-size: 24px;
        float: right;
    }

    #sidebar, .marketer_name {
        display: none;
    }

    #orders {
        margin-right: 20%;
    }

    #header p {
        float: right;
    }

    #orders_head {
        width: auto;
        float: none;
    }

    #centerbar table {
        margin: 0 auto;
    }

    #centerbar table td {
        padding-left: 30px;
        padding-right: 30px;
    }

    #subHeadlines table, #subHeadlines1 table, #subHeadlines_l table {
        margin: 20px auto;
    }
}

/* border & guideline (you can ignore these)
#content {
	background: #f8f8f8;
}
/*
#sidebar {
	background: #f0efef;
}*/
#sidebar, #centerbar {
    font-weight: bold;
}

#header, #content, #sidebar {
    margin-bottom: 5px;
}

#pagewrap, #header, #content, #sidebar, #footer {
    /*border: solid 1px #ccc;*/
}

.hide {
    display: none;
}

@media screen {
    .tdSum2.noprint {
        display: block;
    }

    .onlyPrint {
        display: none;
    }
}

@media print {
    .noprint {
        display: none;
    }

    .onlyPrint {
        display: block;
    }
}

#resetbutton {
    margin-right: 20px;
}

/*Titanium Style*/
.ui-dialog-osx {
    direction: rtl;
}

.ui-dialog-osx .ui-dialog-titlebar {
    padding: 0;
}

.ui-dialog-osx .ui-dialog-title {
    float: right;
}

.ui-dialog-osx .ui-dialog-titlebar-close {
    float: left;
    left: .3em;
    right: inherit;
}

.ui-dialog-osx .ui-dialog-content {
    padding: 0;
}

/*Titanium Style*/


#confirm_order_btn1{height: 46px; font-size: 18px; line-height: 18px;  width: 100%; text-align: center;border-radius: 0;}
#confirm_order_btn1:active{top:auto;}
#show_only_quantity_least1{ width: 18px; height: 18px; position: relative; top: 3px;}
#td_show_only_quantity_least1{font-size:21px;}
#show_only_favourites{ width: 18px; height: 18px; position: relative; top: 3px;}
#td_show_only_favourites{font-size:21px;}

/*******************************03-01-2020***********************************/

.show_in_mobile{
	display:none;
}
@media(max-width:576px){
	.show_in_mobile{
	display:block;
}
td.show_in_mobile {
    text-align: center;
	padding: 4px 10px;
}
}
/*******************************03-01-2020 end***********************************/


/*******************************10-12-20202 Start ********************************/
#checkbox_average{width: 25px;height: 25px;vertical-align: -4px;}

/*******************************10-12-20202 end ********************************/