th{
    text-align: center;
}
.btn-link{
    color: #2b3992;
}
.btn-default
{
    color: #fff;
    background-color: #5a5a5a;
}
.btn-default:hover {
    color: #fff;
    background-color: #4a4a4a;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    color: #fff;
    background-color: #4a4a4a;
}
.btn-default.focus, .btn-default:focus {
    color: #fff;
    background-color: #4a4a4a;
}
.btn-default.active.focus, .btn-default.active:focus, .btn-default.active:hover, .btn-default:active.focus, .btn-default:active:focus, .btn-default:active:hover, .open>.dropdown-toggle.btn-default.focus, .open>.dropdown-toggle.btn-default:focus, .open>.dropdown-toggle.btn-default:hover {
    color: #fff;
    background-color: #4a4a4a;
}
.input-sm {
    height: 23px;
    padding: 0px 10px;
    font-size: 11px;
    line-height: 1.5;
    border-radius: 3px;
}
.input-group-sm>.form-control, .input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    height: 23px;
    padding: 5px 10px;
    padding: 0px 10px;
    font-size: 11px;
    border-radius: 3px;
}
.input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
    padding: 2px 10px;
}
select.input-sm {
    height: 25px;
    line-height: 25px;
}
.modal-header {
    background-color: gray;
    color: #ffffff;
}
.modal-content {
    border: 0px;
}
.panel-default > .panel-heading {
    background: #414141;
    color: #fff;
}
.close {
    opacity: 1;
    color: #fff;
}
@media (min-width: 992px){
    .modal-lg {
        width: 1100px;
    }
}
.m-0 {margin: 0px;}
.m-5 {margin: 5px;}
.m-10 {margin: 10px;}
.m-15 {margin: 15px;}
.m-20 {margin: 20px;}
.m-30 {margin: 30px;}
.mt-0 {margin-top:0px;}
.mt-5   {margin-top:5px;}
.mt-10  {margin-top:10px;}
.mt-15  {margin-top:15px;}
.mt-20  {margin-top:20px;}
.mt-30  {margin-bottom:30px;}
.mb-0 {margin-bottom:0px;}
.mb-5   {margin-bottom:5px;}
.mb-10  {margin-bottom:10px;}
.mb-15  {margin-bottom:15px;}
.mb-20  {margin-bottom:20px;}
.mb-30  {margin-bottom:30px;}
.mr-5   {margin-right:5px;}
.mr-10  {margin-right:10px;}
.mr-15  {margin-right:15px;}
.mr-20  {margin-right:20px;}
.mr-30  {margin-right:30px;}
.ml-5   {margin-left:5px;}
.ml-10  {margin-left:10px;}
.ml-15  {margin-left:15px;}
.ml-20  {margin-left:20px;}
.ml-30  {margin-left:30px;}
.p-0 {padding: 0px;}
.p-5 {padding: 5px;}
.p-10 {padding: 10px;}
.p-15 {padding: 15px;}
.p-20 {padding: 20px;}
.p-30 {padding: 30px;}
.pt-0 {padding-top:0px;}
.pt-5   {padding-top:5px;}
.pt-10  {padding-top:10px;}
.pt-15  {padding-top:15px;}
.pt-20  {padding-top:20px;}
.pt-30  {padding-bottom:30px;}
.pb-0 {padding-bottom:0px;}
.pb-5   {padding-bottom:5px;}
.pb-10  {padding-bottom:10px;}
.pb-15  {padding-bottom:15px;}
.pb-20  {padding-bottom:20px;}
.pb-30  {padding-bottom:30px;}
.pr-0   {padding-right:0px;}
.pr-5   {padding-right:5px;}
.pr-10  {padding-right:10px;}
.pr-15  {padding-right:15px;}
.pr-20  {padding-right:20px;}
.pr-30  {padding-right:30px;}
.pl-0   {padding-left:0px;}
.pl-5   {padding-left:5px;}
.pl-10  {padding-left:10px;}
.pl-15  {padding-left:15px;}
.pl-20  {padding-left:20px;}
.pl-30  {padding-left:30px;}

/* DEFAULTS
----------------------------------------------------------*/
@font-face {
	font-family: 'Open Sans';
    src: url('Fonts/OpenSansRegular.ttf');
}
img {
border:none;
}
html
{
    font-size: 16px;
}
body 
{
        font-size: .80em;
background:#b6b7bc;
font-family: 'Open Sans',Arial, Helvetica, Verdana, sans-serif;
color:#696969;
display:table;
height:214px;
width:100%;
margin:0 auto;
padding:0;
}

a:hover {
color:#ffffff;
text-decoration:none;
}

p {
margin-bottom:10px;
line-height:1.6em;
}

ul,li {
list-style:none;
margin:0;
padding:0;
}

h1,h2,h3,h4,h5,h6 {
font-size:1.5em;
text-transform:none;
font-weight:200;
margin-bottom:0;
}

h1 {
font-size:230%;
padding-bottom:0;
margin-bottom:0;
  margin-top: 0px;
}

h2 {
font-size:1.5em;
font-weight:600;
}

h3 {
font-size:1.2em;
height:35px;
}

h4 {
font-size:1.1em;
}

h5,h6 {
font-size:1em;
}
div
{
    box-sizing:border-box;
}
table {
border-collapse:collapse;
}

th 
{
padding-top: 10px;
padding-bottom: 10px;
color:#FFF;
background-color:gray;
border:none;
width:auto;
}

td {
width:auto;
}
/* --------------------------------------------Basic Setting-------------------------------------------- */
.page {
width:1200px;
background-color:#fff;
border:1px solid #496077;
margin:20px auto 0;
}
.clear {
clear:both;
}

.red_color_text
{
    color:Red;
}
input[type="text"] ,input[type="password"] 
{
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    border: 1px solid rgb(169, 169, 169);
    border-radius:5px;
    padding-left:7px;
}
input[type="number"] 
{
    width:80px;
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
    border: 1px solid rgb(169, 169, 169);
    border-radius:5px;
    padding-left:7px;
}
input[type="button"] ,input[type="submit"]
{
    cursor:pointer;
    vertical-align: middle;
padding: .4em 1em;
  border: 1px solid #d3d3d3;
    font-weight: normal;
      font-family:  'Open Sans',Arial, Helvetica, Verdana, sans-serif;
        border-radius: 8px;
        color:#fff;
        background:#4a4a4a;
        background: -webkit-linear-gradient(#ababab,#4a4a4a);
background: -o-linear-gradient(#ababab,#4a4a4a);
background: -moz-linear-gradient(#ababab,#4a4a4a);
background: linear-gradient(#ababab,#4a4a4a);
}
input[type="button"]:disabled
{
    background:#ababab;
        background: -webkit-linear-gradient(#ababab,#ababab);
background: -o-linear-gradient(#ababab,#ababab);
background: -moz-linear-gradient(#ababab,#ababab);
background: linear-gradient(#ababab,#ababab);
}
select {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid rgb(169, 169, 169);
  border-radius: 5px;
  padding-left: 7px;
}
textarea
{
      border-radius: 5px;
  padding-left: 7px;
    resize : none;
      box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
a.icon_button
{
    text-decoration: none;
    color:#fff;
    cursor: pointer;
    position: relative;
    border-radius:7px;
    font-size:12px;
    background:#4a4a4a;
   background: -webkit-linear-gradient(#ababab,#4a4a4a);
    background: -o-linear-gradient(#ababab,#4a4a4a);
    background: -moz-linear-gradient(#ababab,#4a4a4a);
    background: linear-gradient(#ababab,#4a4a4a);
    color:#fff;
    padding: .4em 1em .4em 30px;
}
.icon_button span
{
  margin: 0 5px 0 0;
  position: absolute;
  left: .9em;
  top: 50%;
  margin-top: -8px;
  zoom: 1;
  -webkit-box-sizing: content-box;
  width: 16px;
  height: 16px;
  background-size: 16px 16px;
}
.basic_button {
  cursor: pointer;
  position: relative;
  border-radius: 7px;
  font-size: 12px;
  background:#4a4a4a;
  background: -webkit-linear-gradient(#ababab,#4a4a4a);
  background: -o-linear-gradient(#ababab,#4a4a4a);
  background: -moz-linear-gradient(#ababab,#4a4a4a);
  background: linear-gradient(#ababab,#4a4a4a);
  color: #fff;
  padding: .4em 1em .4em 1em;
}
#btnExport,#btnImport,#btnExportPdf,#btnSave,#btnUpdate {
background:#9f3322;
}
#btnCopy
{
      cursor: pointer;
        border-radius:25px;
border:none;
background-image:url(../Images/newImg/-_copy-po.png);
background-color:#fff;
background-size:25px 25px;
width:25px;
height:25px;
padding:0;
}
#btnDelete,input[type="button"].btn_delete
{
    border-radius:25px;
border:none;
background-image:url(../Images/newImg/-_delete.png);
background-size:25px 25px;
width:25px;
height:25px;
padding:0;
}
#btnCopyPo
{
    border-radius:25px;
border:none;
background-image:url(../Images/newImg/-_copy-po.png);
background-size:25px 25px;
width:25px;
height:25px;
padding:0;
}
#btnAdd
{
        border-radius:25px;
border:none;
background-image:url(../Images/newImg/charming-New-Add.png);
background-size:25px 25px;
width:25px;
height:25px;
padding:0;
}
#ui-datepicker-div
{
    z-index:300 !important;
}
 .stop-scrolling {
  height: 100%;
  overflow: hidden !important;
  position:fixed;
}
.body {
overflow:hidden;
background:gray;
}
.sidebar_hidden
{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 17.3px 10px 0;
  border-color: transparent #ffffff transparent transparent;
  position: relative;
  left: 210px;
  z-index: 50;
  top: 600px;
  cursor: pointer;
}
.sidebar_show
{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 17.3px;
border-color: transparent transparent transparent #696969;
left:0px;
}
.main {
width:968px;
float:left;
position:relative;
min-height:640px;
background:#eceff0;
padding:12px;
}
.main_full_size
{
    width:100%;
}
.footer {
padding:8px 0 0;
}
table.dataTable.display tbody tr.odd,table.dataTable.display tbody tr.odd > .sorting_1,table.dataTable tbody tr.odd,.styleTable>tbody>tr:nth-child(odd)
{
    background-color:#d6d9dc;
}
table.dataTable.display tbody tr.even,table.dataTable.display tbody tr.even > .sorting_1,table.dataTable tbody tr.even,.styleTable>tbody>tr:nth-child(even)
{
background-color:#f0f3f6;
}
td.details-control {
    background: url("../Images/details_open.png") no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url("../Images/details_close.png") no-repeat center center;
}
.help_information {
border:0;
position:relative;
  cursor: pointer;
    background-image: url("../Images/newImg/-_info.png");
      background-size: 30px 30px;
        width: 30px;
  height: 30px;
    border-radius: 30px;
}
.help_information:hover >div{
display:block;
}
.help_information > div 
{
display:none;
position:absolute;
width:250px;
z-index:999;
right:0;
top:30px;
border:3px dashed #9f3322;
background:#f7efed;
padding:10px 10px 10px 10px;
}
.help_information >div.showLeft
{
    left:0px;
}
.help_information > img {
width:30px;
}
.help_information>div>span {
margin-top:.4em;
    background: #4a4a4a;
    background: -webkit-linear-gradient(#ababab,#4a4a4a);
    background: -o-linear-gradient(#ababab,#4a4a4a);
    background: -moz-linear-gradient(#ababab,#4a4a4a);
    background: linear-gradient(#ababab,#4a4a4a);
color:#fff;
border-radius:8px;
padding:.4em 1em;
}
.help_information>div>img {
width:20px;
}
 a.btn_save
  {
      background:#0e6b2c;
background: -webkit-linear-gradient(#29e233,#0e6b2c);
  background: -o-linear-gradient(#29e233,#0e6b2c);
  background: -moz-linear-gradient(#29e233,#0e6b2c);
  background: linear-gradient(#29e233,#0e6b2c);
  }
    a.btn_close
  {
      background:#fba000;
  background: -webkit-linear-gradient(#f9ec23,#fba000);
  background: -o-linear-gradient(#f9ec23,#fba000);
  background: -moz-linear-gradient(#f9ec23,#fba000);
  background: linear-gradient(#f9ec23,#fba000);
  }
    a.btn_submit
  {
      display:none;
      background:#0e6b95;
          background: -webkit-linear-gradient(#29e9e1,#0e6b95);
  background: -o-linear-gradient(#29e9e1,#0e6b95);
  background: -moz-linear-gradient(#29e9e1,#0e6b95);
  background: linear-gradient(#29e9e1,#0e6b95);
  }
   a.btn_submit_active
  {
      cursor:pointer;
      background:#0e6b95;
          background: -webkit-linear-gradient(#29e9e1,#0e6b95);
  background: -o-linear-gradient(#29e9e1,#0e6b95);
  background: -moz-linear-gradient(#29e9e1,#0e6b95);
  background: linear-gradient(#29e9e1,#0e6b95);
  }
  .btn_save span
  {
    background-image: url("../Images/newImg/charming-save.png");
  }
    .btn_close span
  {
    background-image: url("../Images/newImg/charming-close.png");
  }
    .btn_submit span
  {
    background-image: url("../Images/newImg/charming-submit.png");
  }
  .ui_div_header
{
    font-variant: small-caps;
    position:relative;
    background:#414141;
    color:#fff;
    padding:10px;
}
.tool_bar_div {
text-align:right;
margin-bottom:10px;
}
.datatableAlign
{
    text-align:right;
}
.choiceDiv
{
     border-style: solid;
    border-color:Red;
}
/* --------------------------------------------END Basic Setting-------------------------------------------- */


/* --------------------------------------------Quick Search-------------------------------------------- */
.menuSearchDiv
{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left:10px;
    margin-right:10px;
    padding-bottom:10px;
           background-color: #fff;
            border-radius: 10px;
            color:#808080;
}
.menuSearchDiv table
{
  border-top: #808080 3px dashed;
}
.menuSearchDiv div
{
  padding: 5px 0 5px 0;
  font-size: 150%;
  text-align:center;
}

.menuSearchDiv td
{
text-align:left;
padding-left:5px;
padding-right:5px;
padding-top:3px;
}
.menuSearchDiv input[type="text"] 
{
width:100%;
}
.menuSearchDiv input[type="submit"],.menuSearchDiv input[type="button"]
{
    background:#4a4a4a;
background: -webkit-linear-gradient(#ababab,#4a4a4a);
background: -o-linear-gradient(#ababab,#4a4a4a);
background: -moz-linear-gradient(#ababab,#4a4a4a);
background: linear-gradient(#ababab,#4a4a4a);
width:100%;
}
.menuSearchDiv img
{
width:20px;
}

/* --------------------------------------------END Quick Search-------------------------------------------- */

/* --------------------------------------------Header-------------------------------------------- */
.header {
position:relative;
background:#fff;
width:100%;
color:#FFF;
z-index:999;
margin:0;
padding:0;
}

.header_page_information {
color:#FFF;
position:relative;
height:63px;
background-image:url(../Images/newImg/-_menu-bg_1.png);
background-size:1200px 63px;
}
.header_page_information_lowatag {
color:#FFF;
position:relative;
height:63px;
background-image:url(../Images/newImg/-_menu-bg_2_1.jpg);
background-size:1200px 63px;
}

.header_page_name {
position:absolute;
font-variant:small-caps;
font-size:2.5em;
left:250px;
bottom:10px;
}
.header_page_name_lowatag {
position:absolute;
font-variant:small-caps;
font-size:2.5em;
left:250px;
bottom:10px;
}
.header_user_menu:hover > div,.header_user_select_program:hover > div{
display:block;
}
.header_user_information 
{
    padding-top: 15px;
position:absolute;
right:0;
margin-right:10px;
height:63px;
}

.header_user_information > div {
float:left;
padding-left:5px;
}

.header_user_menu,.header_user_select_program {
background:#fff;
border-radius:32px;
width:32px;
height:32px;
border:0;
position:relative;
border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-left-radius:32px;
border-bottom-right-radius:32px;
}
.header_user_select_program.withoutProgram:hover{
border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-left-radius:32px;
border-bottom-right-radius:32px;
}
.header_user_menu:hover,.header_user_select_program:hover {
border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
}

.header_user_select_program img,.header_user_menu  img {
border:none;
border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-left-radius:32px;
border-bottom-right-radius:32px;
    position: absolute;
    margin: auto; 
    max-height: 100%;
    max-width: 100%;
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}
.logo_container
{
    border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-left-radius:32px;
border-bottom-right-radius:32px;
    border:1px solid;
       width: 32px;
    height: 32px;
    overflow: hidden;
    position: relative;
    float:left;
}
.header_user_select_program_hover img {
max-width:32px;
max-height:32px;
border-top-left-radius:32px;
border-top-right-radius:32px;
border-bottom-left-radius:32px;
border-bottom-right-radius:32px;
}

.header_user_select_program > .header_user_select_program_hover
{
padding: 10px;
top:31px;
display:none;
position:absolute;
width:220px;
z-index:999;
right:0;
background:#fff;
color:rgba(236,75,36,1);
box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}

.header_user_select_program > div a
{
    text-decoration:none;
    color:#2b3992;
}

.header_user_select_program > div a span
{
    padding-bottom:20px;    
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.header_user_select_program > div a:hover
{
    text-decoration:none;
    color:#9f3322;   
}


.header_user_menu > div {
top:31px;
display:none;
position:absolute;
width:80px;
z-index:999;
right:0;
background:#fff;
color:rgba(236,75,36,1);
box-shadow:2px 2px 2px rgba(20%,20%,40%,0.6),4px 4px 6px rgba(20%,20%,40%,0.4),6px 6px 12px rgba(20%,20%,40%,0.4);
}

.header_user_menu_hover ul li {
text-align:center;
padding:1em;
}

.header_user_menu_hover ul li a 
{
    text-decoration:none;
    color:rgba(236,75,36,1);
    
}
.header_user_menu_hover ul li a:hover
{
    color:#2b3992;
}
/* --------------------------------------------END Header-------------------------------------------- */


 /* --------------------------------------------Left Menu------------------------------------------- */
.sidebar_left {
float:left;
width:230px;
}



ul#css3menu1 a {
display:block;
vertical-align:middle;
text-align:left;
text-decoration:none;
font-size:17px;
color:#FFF;
cursor:pointer;
background-repeat:repeat;
border-style:none;
border-width:0;
padding:7px 12px;
}

ul#css3menu1 img {
border:none;
vertical-align:middle;
margin-right:7px;
width:20px;
width:20px;
}

ul#css3menu1 li:hover {
background:#414141;
}

ul#css3menu1 li {
position:relative;
display:block;
white-space:nowrap;
font-size:0;
height:37px;
}
ul#css3menu1 ul {
visibility:hidden;
position:absolute;
left:100%;
top:0;
opacity:0;
-moz-transition:all .5s;
-webkit-transition:opacity .5s;
-o-transition:opacity .5s .5s;
transition:opacity .5s;
background-color:gray;
}

ul#css3menu1 li:hover>ul {
visibility:visible;
opacity:1;
}

ul#css3menu1 {
font-size:0;
z-index:99;
position:relative;
display:block;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
}

  /* --------------------------------------------END Left Menu------------------------------------------- */

/* --------------------------------------------My Order Tab table-------------------------------------------- */



ul.tabs li {
float:left;
line-height:34px;
}

ul.tabs li a {
display:block;
color:rgba(236,75,36,1);
text-decoration:none;
padding:0 20px;
}
ul.tabs li.active a {
color:#0e6b95;
background:#fff;
border-bottom:1px solid#fff;
}
ul.tabs li.active {
background:#fff;
border-bottom:1px solid#fff;
}

div.tab_container {
clear:left;
width:100%;
background:#fff;
padding:20px;
}


#order_draft_table img,#order_history_table img{
cursor: pointer;
}

.order_tab_hits {
margin-left:5px;
float:right;
position:relative;
}
.order_tab_hits > img {
width:10px;
}

.new_order_and_infomation_div {
float:right;
}

.new_order_and_infomation_div > div 
{
      cursor: pointer;
margin-left:5px;
float:left;
line-height:30px;
}  
div.new_order
{
      font-weight: bold;
  font-size: 16px;
  color: #2b3992;
}
.new_order_and_infomation_div > div.new_order>div {
border:0;
margin-left:5px;
    background-image: url("../Images/newImg/-_newOrder.png");
      background-size: 30px 30px;
        width: 30px;
  height: 30px;
    border-radius: 30px;
    float:right;
}

#progress {
width:100%;
border:0;
position:relative;
border-radius:9px;
background-color:#FFF;
height:20px;
color: #696969;
}

#percent {
position:absolute;
right:0;
padding-right:5px;
padding-top:2px;
}
#order_status_H {
height:20px;
background-color:#ec4b24;
width:20%;
border-radius:9px;
}
#order_status_Y {
height:20px;
background-color:#f9e91a;
width:40%;
border-radius:9px;
}
#order_status_W,#order_status_D,#order_status_U{
height:20px;
background-color:#c7f266;
width:60%;
border-radius:9px;
}
#order_status_F {
height:20px;
background-color:#808080;
color:#fff;
width:80%;
border-radius:9px;
}
#order_status_T {
height:20px;
background-color:#808080;
color:#fff;
width:80%;
border-radius:9px;
}
#order_status_S,#order_status_C {
height:20px;
background-color:#808080;
color:#fff;
width:100%;
border-radius:9px;
}
.order_status_S_txt,.order_status_C_txt {
color:#fff;
}
  .view_order_basic_information
{
    background:#f0f3f6;
        padding:20px;
}
view_order_basic_information td
{
    padding-left:10px;
}
.view_order_basic_information table ,.view_order_basic_information td input,.view_order_basic_information td textarea,
{
    width:100%;
}
.view_order_basic_information td textarea
{
    height:100%;
}
#view_order_basic_information_status_bar
{
    position:absolute;
    right:5px;
    top:5px;
border-radius:25px;
border:none;
background-size:25px 25px;
width:100px;
height:25px;
padding:0;
font-variant: normal;
}
.view_order_item
{
    margin-top:5px
}
.view_order_item table
{
    width:100%;
    text-align:center;
}
.view_order_item th
{
    text-align:center;
}
.view_order_item>table>tbody>tr:nth-child(4n),.view_order_item>table>tbody>tr:nth-child(4n-1) {
    background:#f0f3f6;
}
.view_order_item>table>tbody>tr:nth-child(4n+2),.view_order_item>table>tbody>tr:nth-child(4n+1) {
    
    background:#d6d9dc;
}
.confirmation_item_table>table>tbody>tr:nth-child(odd){
    background:#f0f3f6;
}
.confirmation_item_table>table>tbody>tr:nth-child(even) {
    
    background:#d6d9dc;
}
/* --------------------------------------------END My Order Tab table-------------------------------------------- */

/* --------------------------------------------New Order-------------------------------------------- */

.new_order_bottom_menu
{
    height:40px;
      position: relative;
}
.new_order_top_menu
{
    height:35px;
}
.new_order_order_button
{
      position: absolute;
  right: 15px;
  top: 20px;
}
#new_order_po_no
{
    padding-top:10px;
    padding-right:20px;
    text-align:right;
    background:#fff;
}
.new_order_top_menu .help_information
{
    margin:5px;
}
#new_order_div
{
    background:#fff;
}
#new_order_div > div
{
    padding:20px;
}
.new_order_basic_information
{
    background:#f0f3f6;
        padding:20px;
}
.new_order_basic_information table,.new_order_basic_information td select,.new_order_basic_information td textarea
{
    width:100%;
}
.new_order_basic_information td textarea
{
    height:100%;
}
.new_order_basic_information td input[type="checkbox"]
{
    width:auto;
}
.new_order_item_tool_bar_1{
   margin-top:5px;
}
.new_order_item_tool_bar_1 div
{
    float:right;
}
.new_order_basic_information_hide_button
{
    cursor: pointer;
    position:absolute;
    right:10px;
    top:12px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 7.5px 15px 7.5px;
border-color: transparent transparent #ffffff transparent;
padding:0;
}
.show_button
{
width: 0;
height: 0;
border-style: solid;
border-width: 15px 7.5px 0 7.5px;
border-color: #ffffff transparent transparent transparent;

}
.new_order_item
{
    margin-top:15px;
}
.new_order_item table
{
    width:100%;
    text-align:center;
}
.new_order_item td
{
    text-align:center;
    padding-top:8px;
    padding-bottom:8px;
}
.new_order_item>table>tbody>tr:nth-child(4n-2),.new_order_item>table>tbody>tr:nth-child(4n-1) {
    background:#d6d9dc;
}
.new_order_item>table>tbody>tr:nth-child(4n),.new_order_item>table>tbody>tr:nth-child(4n+1) {
    background:#f0f3f6;
}
.new_order_item >table>tbody>tr:nth-child(2n+1) {
    border-top-style:solid;
     border-top-width:1px;
     border-top-color:#fff;
}
.new_order_item td td
{
    text-align:left;
    padding:0;
}
.requiredColor
{
    background:#bef6b1;
}
.new_order_item_qty
{
    width:80px;
}
.new_order_item_ship_date
{
    width:120px;
}
  .new_order_item_variable span
  {
    background-image: url("../Images/newImg/charming-variable.png");
  }
  .new_order_item_add_row span
  {
    background-image: url("../Images/newImg/charming-variable.png");
  }
.new_order_item_tool_bar_2
{
    height:130px;
text-align:center;
position:relative;
}
.new_order_item_add_row
{
  top:30px; 
}
.new_order_item input[type="text"]
{
    width:90px;
}
.new_order_bill_information table,.new_order_ship_information table
{
width:100%;
}
.new_order_bill_information,.new_order_ship_information
{
    margin:0 auto;
    width:50%;
}
.new_order_bill_information  td,.new_order_ship_information  td
{
padding-top:7px;
}
.new_order_bill_information_td_first,.new_order_ship_information_td_first
{
    width:40%;
}
.new_order_bill_information  input[type="text"] ,.new_order_ship_information  input[type="text"] 
{
width:100%;
}
#new_order_next_step_2,#new_order_next_step_3,#new_order_next_step_4
{
      bottom: 0;
  right: 0;
    position:absolute;
  width: 80px;
  height: 80px;
}
#new_order_back_step_1,#new_order_back_step_2,#new_order_back_step_3
{
      bottom: 0;
  left: 0;
    position:absolute;
  width: 80px;
  height: 80px;
}
#new_order_next_step_2 img,#new_order_next_step_3 img,#new_order_next_step_4 img,#new_order_back_step_1 img,#new_order_back_step_2 img,#new_order_back_step_3 img
{
  width: 80px;
  height: 80px;
}
/* ---------------------3 step div----------------------------- */
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  font-family: Capriola, Helvetica, sans-serif;
}
#cssmenu {
  width: auto;
  height: 59px;
  padding-bottom: 4px;
}
#cssmenu.align-right {
  float: right;
}
#cssmenu.align-right ul li {
  float: right;
  margin-right: 0;
  margin-left: 4px;
}
#cssmenu.align-right ul li:first-child,
#cssmenu.align-right ul li:first-child > a {
  border-bottom-right-radius: 3px;
}
#cssmenu #bg-one,
#cssmenu #bg-two,
#cssmenu #bg-three,
#cssmenu #bg-four {
  position: absolute;
  bottom: 0;
  width: 100%;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu #bg-one {
  height: 10px;
  background: #fff;
}
#cssmenu #bg-two {
  height: 59px;
  z-index: 2;

}
#cssmenu #bg-three {
  bottom: 4px;
  height: 50px;
  z-index: 3;
  background: #808080;
}
#cssmenu #bg-four {
  bottom: 4px;
  height: 55px;
  z-index: 4;

}
#cssmenu ul {
  height: 59px;
}
#cssmenu ul li {
  float: left;
  z-index: 5;
  width:25%;
}

#cssmenu ul li a {
  padding: 24px 30px 20px 50px;
  margin-bottom: 4px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #eeeeee;
  font-size: 15px;
  text-decoration: none;
   font-weight: bold;
}

#cssmenu ul li.active {
  background: #fff;
}
#cssmenu ul li.active .new_order_step_hits{
    display: block;
}
#cssmenu ul li.active > a {
  color: #414141;
}
#cssmenu ul li > a  span:first-child
{
        margin: 0 5px 0 0;
  border-radius: 30px;
  position: absolute;
  left: .9em;
  margin-top: -8px;
  zoom: 1;
  -webkit-box-sizing: content-box;
  width: 30px;
  height: 30px;
  background-color:#ffffff;
}
#cssmenu ul li > a  span:nth-child(2)
{
  position: absolute;
  left: 1.6em;
  zoom: 1;
  -webkit-box-sizing: content-box;
  color: #c5857a;
}
#cssmenu ul li > a span.new_order_step_hits
{
    display:none;
  position: absolute;
  zoom: 1;
  -webkit-box-sizing: content-box;
    color: #808080;
  font-size: 10PX;
  font-weight: normal;
}
#cssmenu ul li.active > a  span:first-child
{
  background-color:#4a4a4a;
}
#cssmenu ul li.active > a  span:nth-child(2)
{
  color: #fff;
}
/* ---------------------end 3 step div----------------------------- */
/* --------------------------------------------END New Order-------------------------------------------- */

/* --------------------------------------------Product Library------------------------------------------- */
.product_catgory_header {
  font-variant: small-caps;
  position: relative;
  background: #414141;
  color: #fff;
  padding: 5px;
}
  a.product_library_order 
  {
      background:#0e6b2c;
      background: -webkit-linear-gradient(#29e233,#0e6b2c);
  background: -o-linear-gradient(#29e233,#0e6b2c);
  background: -moz-linear-gradient(#29e233,#0e6b2c);
  background: linear-gradient(#29e233,#0e6b2c);
}
    .product_library_order span
  {
    background-image: url("../Images/newImg/charming-submit.png");
  }
  #product_library_progress {
  width: 50px;
  border: #808080 3px solid;
  position: relative;
  border-radius: 20px;
  background-color: #FFF;
  height: 26px;
}
.select_product_view_model {
  font-variant: small-caps;
  font-size: 2em;
}
#product_library_progress_list {
  height: 20px;
  background-color: #808080;
  width: 20px;
  border-radius: 16px;
  position: relative;
}
#product_library_progress_thumbnail {
  height: 20px;
  background-color: #808080;
  width: 20px;
  border-radius: 16px;
  position: relative;
  left: 24px;
}
  /* --------------------------------------------END Product Library------------------------------------------- */