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, 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, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, select, label, textarea
{
border: 0;
margin: 0;
outline: 0;
padding: 0;
}
body{
margin:8px !important;
font-family:'Roboto',sans-serif;
}
.open-order-sec.full_width{
width:100% !important;
height:auto;
font-family:'Roboto',sans-serif;
}
.pagingpannel{
font-family:'Roboto',sans-serif;
font-size:12px;
margin-top:10px;
text-align:center;
}
.pagingpannel a{
background: #eaeaea;
color:#FFF ;
border: 1px solid #eaeaea !important;
padding: 3px 6px 3px;
}
.pagingpannel a{
color:#000;
}
.pagingpannel a.current{
color:#fff;
background:#084d75;
}
a.paginate:hover {
background-color: #084d75;
}
.pagingpannel select{
font-size: 12px;
border: 1px solid #eaeaea;
padding: 3px !important;
}
.pagingpannel .paginate{
margin-right:5px;
display:inline-block;
}
.open-order-sec.full_width h2{
background: #084d75;
color: #fff;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 5px;
padding: 8px;
text-align: center;
}
.open-order-sec.full_width h2.order_status{
background-color:#ae0011;
}
.open-order-sec.full_width .order_status{
color:#FFFFFF;
text-align:center;
}
.open-order-sec.full_width table tr th, .open-order-sec.full_width table tr td{
width:auto !important;
font-size:12px;
}
.open-order-sec.full_width form ul li{
float:left;
margin-left:10px;
}
.open-order-sec.full_width form input[type="submit"]{
margin-left:10px !important;
}
.open-order-sec.full_width textarea{
background:#eaeaea;
padding:10px !important;
max-width:100%;
border: 1px solid #084d75;
}
.open-order-sec.full_width form input[type="text"],table input[type="text"], table input[type="checkbox"]{
background:#eaeaea;
line-height:24px;
padding:0px 5px !important;
border: 1px solid #084d75;
max-width:100%;
}
.open-order-sec.full_width select,table select, table input[type="checkbox"] {
background:#eaeaea;
height:24px;
padding:0px 5px !important;
border: 1px solid #084d75 !important;
max-width:100%;
}
.table_header_moved{
float: left;
position: absolute;
width: 100%;
top: 0px;
display:none;
}
.table_header_moved > div{
border: 1px solid #e9e9e9;
color: #00061c;
font-size: 12px;
background:#FFF;
text-align:center;
float:left;
padding: 5px;
text-align: left;
}
.open-order-sec.full_width input[type="text"]{
background:#eaeaea;
line-height:24px;
padding:0px 5px !important;
border: 1px solid #084d75;
max-width:100%;
}
.oo_input{
background:#eaeaea;
line-height:24px;
padding:0px 5px !important;
max-width:100%;
}
td.section,td.subsection{
color:#FFF !important;
}
button,input[type="file"]{
cursor:pointer;
}
.oo_submit,.open-order-sec.full_width input[type="button"],.open-order-sec.full_width input[type="submit"]{
background: none repeat scroll 0 0 #084d75;
color: #fff;
cursor: pointer;
height: auto;
line-height: 11px;
border:none !important;
padding: 0 18px 1px;
min-height:22px;
transition: all 0.9s ease 0s;
}
.oo_submit_disabled{
background: none repeat scroll 0 0 #666;
color: #fff;
/*cursor: pointer;*/
height: auto;
line-height: 11px;
border:none !important;
padding: 0 18px 1px;
min-height:22px;
transition: all 0.9s ease 0s;
}
#headerset div:first-child{
border-left:1px solid #ccc !important;
}
#headerset div{
padding-top:10px;
padding-bottom:10px;
border: 1px solid #ccc !important;
border-left:none !important;
}
.dynamic_res > tbody > tr div:first-child{
border-left:1px solid #ccc !important;
}
.dynamic_res > tbody > tr div{
border: 1px solid #ccc !important;
border-left:none !important;
}
.oo_submit:hover,.open-order-sec.full_width input[type="button"]:hover,.open-order-sec.full_width input[type="submit"]:hover{
background: none repeat scroll 0 0 #c11010;
}
.open-order-sec.full_width form ul li select{
border: 1px solid #eaeaea;
font-size: 11px;
line-height: 17px;
margin-right: 12px;
padding: 3px !important;
}
.oo_submit_disabled:hover
{
background: none repeat scroll 0 0 #c11010;
}
.open-order-sec.full_width form{
padding: 5px;
}
.open-order-sec.full_width form label{
width:auto;
}
.open-order-sec.full_width table tbody{
height:auto !important;
display: table-row-group !important;
}
.clearfix:after
{
clear: both;
content: " ";
display: block;
font-size: 0;
height: 0;
visibility: hidden;
}
.clearfix
{
display: inline-block;
clear:both;
}
* html .clearfix
{
height: 1%;
}
.clearfix
{
display: block;
}
.normal
{
background-color: #fff;
}
.normal2
{
background-color: #ddd;
}
.lastvisited
{
background-color: #e28080;
}
.highlight
{
background-color: #99B3CC;
}
.section
{
background-color: #293b74;
color: #fff;
font-family: arial;
text-align: center;
}
.subsection
{
background-color: #293b74;
color: #fff;
font-family: arial;
}
.sectionbak
{
background-color: #293b74;
color: #fff;
font-family: arial;
}
th
{
background-color: #ae0011;
}
body
{
background-color: #fff;
}
td
{
border: 1px solid #DDDDDD;
font-family: verdana;
font-size: 12px;
}
tr
{
border: 1px solid #DDDDDD;
font-family: verdana;
font-size: 12px;
}
.DropDownHeader
{
color: #000000;
cursor: hand;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.DropDownHeaderOver
{
background-color: #000066;
color: #ffffff;
cursor: hand;
font-family: arial;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}
.DropDownOutBox
{
background-color: #000000;
border: 0px;
left: 19px;
position: relative;
top: 22px;
}
.DropDownSubBox
{
background-color: #084d75;
border: 0px;
width: 100%;
}
.DropDownSubText
{
color: #fff;
cursor: hand;
font-size: 12px;
font-weight: bold;
padding: 5px 10px;
text-decoration: none;
}
.menu
{
color: #000000;
font-family: arial;
font-size: 12px;
font-weight: bold;
}
A:link
{
color: blue;
text-decoration: none;
}
A:active
{
color: blue;
text-decoration: none;
}
A:hover
{
text-decoration: underline;
}
A:visited
{
color: blue;
text-decoration: none;
}
A.numbering
{
color: #293b74;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
A.numbering:hover
{
text-decoration: underline;
}
td.numbering
{
color: #293b74;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
.header
{
}
.order_status
{
background-color: #ae0011;
color: #FFFFFF;
font-family: verdana;
font-size: 15px;
font-weight: 500;
}
.special_order_status
{
color: #FFFFFF;
font-family: verdana;
font-size: 15px;
font-weight: 500;
}
.part_status
{
background-color: #006633;
color: #FFFFFF;
font-family: verdana;
font-size: 15px;
}
div#altimage1
{
float: left;
font-family: verdana;
font-size: 8px;
width: 80px;
}
div#altimage2
{
float: right;
font-family: verdana;
font-size: 8px;
width: 80px;
}
div#newimage
{
font-family: verdana;
font-size: 8px;
width: 120px;
}
div#main_table
{
float: left;
min-width: 1024px;
position: relative;
width: 100% !important;
}
div#main_order_table
{
float: left;
height: 1200;
overflow: auto;
position: relative;
width: 275px;
}
div#special_order_table
{
float: left;
overflow: auto;
position: relative;
width: 320px;
}
div#special_order_table2
{
float: left;
height: 200;
overflow: auto;
position: relative;
width: 275px;
}
div#reply_table
{
float: left;
height: 400;
overflow: auto;
position: relative;
width: 275px;
}
div#shipment_table
{
float: left;
height: 260px;
overflow: auto;
position: relative;
width: 310px;
}
div#main_dev_table
{
float: left;
height: 340px;
overflow: auto;
position: relative;
width: 310px;
}
div#main_stock_table
{
float: left;
height: 340px;
overflow: auto;
position: relative;
width: 310px;
}
div#main_urgent_table
{
float: left;
height: 300px;
overflow: auto;
position: relative;
width: 310px;
}
div#search_box
{
float: left;
width: 205px;
}
div#search_box img
{
margin: 5px;
}
div#order_column
{
height: 400;
overflow: auto;
width: 100;
}
div#ship_column
{
height: 400;
overflow: auto;
width: 100;
}
div#message_column
{
height: 300;
overflow: auto;
width: 300;
}
div#message_column_order
{
height: 200;
overflow: auto;
}
.fixColumn
{
float: left;
height: auto;
width: 275px;
}
.fixColumnNego
{
clear: both;
height: 200px;
overflow: auto;
width: 275px;
}
a.link-header
{
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}
a.link-header:hover
{
text-decoration: underline;
}
img
{
height: auto;
max-width: 100%;
}
.logo
{
display: block;
float: left;
margin: 1px 7px 0 0;
width: 204px;
}
.logo > img
{
display: block;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"]
{
border-radius: 0;
webkit-appearance: none;
}
select
{
border-radius: 0;
}
.header-section, .header-section tr td, .dashboard-wrapper, .dashboard-left, .dashboard-right, .frequently-section, .open-order-sec ul li,.open-order-sec ul li select , .open-order-sec ul li input[type="submit"]
{
box-sizing: border-box;
moz-box-sizing: border-box;
ms-box-sizing: border-box;
o-box-sizing: border-box;
webkit-box-sizing: border-box;
}
.search-btn, .help, .frequently-section > ul li span > em, a.mobile-menu, .mobile-search, .mobile-menu > span
{
background: url(../images/sprite-img.png) no-repeat;
}
ul li
{
list-style: none;
}
.header-wrapper
{
margin: 0 auto 21px;
border: 1px solid #ececec;
width: 100%;
border-bottom:none;
}
.ie9 .header-wrapper
{
margin: 0 auto;
}
.ie8 .header-wrapper
{
margin: 0 auto;
}
.header-section, .header-section tr td, .footer, .DropDownSubText, .dashboard-left, .dashboard-right, .DropDownHeader a
{
font-family: 'Roboto',sans-serif;
}
.DropDownHeader A:link{
color: #fff;
}
.header-section
{
width: 100%;
}
.header-section > tbody > tr:nth-child(2) td
{
border: none;
}
.header-section > tbody > tr:nth-child(1) td
{
border: none;
}
.header-section > tbody > tr:nth-child(1) td:nth-child(1)
{
width: 10%;
}
.header-section > tbody > tr:nth-child(1) td:nth-child(2)
{
width: 30%;
}
.header-section > tbody > tr:nth-child(1) td:nth-child(3)
{
width: 60%;
}
.company-name
{
float: left;
font-size: 18px;
line-height: 4;
margin-top: 12px;
text-transform: uppercase;
}
.search-section
{
float: right;
margin-right: 8px;
}
.search-section > span
{
color: #686060;
float: left;
font-size: 14px;
line-height: 31px;
padding-right: 15px;
width: auto;
}
.search
{
border: 1px solid #bcbcbc;
border-radius: 5px;
display: inline-block;
float: left;
height: 33px;
overflow:hidden;
min-width: 404px;
}
.search select
{
background: #f4f4f4;
border: none;
float: left;
height: 33px;
line-height: 29px;
padding: 6px 2px;
width: 115px;
}
.search input[type="text"]
{
border: none;
float: left;
height: 33px;
width: 50%;
}
.search-btn
{
background-color: #f0f0f0;
background-position: 8px -13px;
float: right;
font-size: 0;
height: 33px;
width: 34px;
}
.help
{
background-color: #f4f4f4;
background-position: 5px -58px;
border: 1px solid #dedede;
border-radius: 5px;
float: right;
font-size: 0;
height: 35px;
margin-right: 10px;
width: 35px;
}
.header-section > li.sec-help
{
height: 0;
}
.user-section
{
border: 1px solid #cccccc;
border-radius: 5px;
float: right;
height: 35px;
position: relative;
width: 35px;
z-index: 1;
}
.user-section:hover .user-setting
{
display: block;
}
.user-setting
{
background: #f4f4f4;
border: 1px solid #ccc;
display: none;
padding: 5px;
position: absolute;
right: 0;
text-align: center;
top: 36px;
width: 60px;
}
.user-setting li
{
}
.user-setting li a
{
color: #686060;
font-size: 11px;
text-transform: capitalize;
white-space: nowrap;
}
.user-setting li a:hover
{
color: #c11010;
}
.user
{
border-radius: 5px;
height: 35px;
width: 35px;
}
.nav
{
display: block;
display: table;
padding: 0;
width: 100%;
}
.nav > li:first-child{
border-left:none !important;
}
.nav > li
{
background: #084d75;
border-left: 19px solid #fff;
color: #fff;
display: table-cell;
font-size: 15px;
height: 36px;
list-style: none;
position: relative;
text-align: center;
vertical-align: middle;
}
.nav > li.active
{
background: #c11010;
}
.nav > li:first-child
{
border-left: 0;
}
.nav > li:hover
{
background: #c11010;
}
.nav > li > div > ul
{
border: 1px solid #fff;
display: none;
left: -1px;
min-width: 113px;
position: absolute;
top: 8px;
width: 100%;
z-index: 10;
}
.nav > li > div > ul > li
{
border-bottom: 1px solid #fff;
}
.nav > li > div > ul > li > a
{
color: #fff;
display: block;
font-size: 12px;
padding: 5px;
}
.nav > li:hover ul
{
background: #084d75;
display: block;
}
.nav > li > div
{
position: relative;
}
.nav > li > div > ul > li > a:hover
{
background: #c11010;
}
.mobile-menu
{
display: none;
}
.header-section
{
border-bottom: none;
}
.header-section > li
{
display: inline-block;
position: relative;
width: 100%;
}
.DropDownHeader a
{
color: #fff !important;
font-size: 14px;
font-weight: normal;
}
.header-section > li:nth-child(1)
{
height: 98px;
}
.header-section > li > div
{
float: left;
}
.logo-sec
{
width: 15%;
}
.tagline
{
line-height: 4;
width: 32%;
margin-left:20px;
}
.header-section > li > div.help-sec
{
float: right;
position: relative;
right: 97px;
top: -101px;
width: 49%;
}
.header-section > li > div.help-sec.none
{
top: -63px;
}
.message-section > table tr th:nth-child(1), .message-section > table tr td:nth-child(1)
{
width: 20%;
}
.message-section > table tr th:nth-child(2), .message-section > table tr td:nth-child(2)
{
width: 80%;
}
.ie9 .header-section > li > div.help-sec
{
top: -127px !important;
}
.ie8 .header-section > li > div.help-sec
{
top: -127px !important;
}
.mobile-search
{
display: none;
}
.header-section > li > div.user-help-sec
{
float: right;
margin: 33px 10px 0 0;
}
.dashboard-wrapper
{
margin: 0 auto 20px;
min-width: 1024px;
overflow: hidden;
padding-top: 1px;
position: relative;
width: 100%;
}
.dashboard-left
{
float: left;
margin-right: -267px;
overflow: hidden;
position: relative;
width: 267px;
z-index: 1;
}
.dashboard-left h2, .dashboard-right h2
{
background: #084d75;
color: #fff;
font-size: 12px;
margin-bottom: 5px;
padding: 8px;
text-align: center;
}
.frequently-section
{
border: 1px solid #efefef;
display: inline-block;
margin-bottom: 16px;
padding: 0 0px 5px;
width: 100%;
}
.frequently-section > ul
{
padding: 0 0 0 8px;
}
.frequently-section > ul li span a
{
color: #000;
display: inline-block;
font-size: 15px;
font-weight: bold;
line-height: 14px;
margin: 0 0 12px;
position: relative;
text-decoration: underline;
text-transform: uppercase;
}
.frequently-section > ul li span > em
{
background-position: -53px 0;
content: '';
height: 10px;
position: absolute;
right: -21px;
top: 7px;
width: 5px;
}
.frequently-section > ul li span a:hover
{
text-decoration: none;
}
.frequently-section > ul li span
{
position: relative;
}
/***Change by softcube to create bottom gap between table add height:317px;***/
.message-section
{
/*height: 287px;*/
height:317px;
margin-bottom: 18px;
}
.message-section table{
width:100%;
}
/** Include float:left for scroll in IE by softcube on 05-06-2015 **/
.message-section table tbody{
display: block;
height: 273px;
overflow-y: scroll; overflow-x: visible;
width:100%;
float: left;
}
/** Include float:left for scroll in IE by softcube on 05-06-2015 **/
.message-section h2
{
margin-bottom: 0;
}
.message-section > table th
{
background: #fff;
}
.message-section > table th, .message-section > table td
{
border: 1px solid #e9e9e9;
color: #00061c;
font-size: 11px;
padding: 5px;
}
.message-section > table tr:nth-child(2n+1)
{
background: #ebf6fc;
}
.message-section > table td > span
{
color: #c11010;
display: block;
font-size: 10px;
text-transform: uppercase;
}
.graf-one
{
display: inline-block;
width: 100%;
}
.graf-one > img
{
display: block;
margin-bottom: 16px;
}
.graf-two
{
display: inline-block;
width: 100%;
}
.graf-two > img
{
display: block;
margin-bottom: 16px;
}
.dashboard-right
{
float: right;
overflow: hidden;
padding-left: 277px;
position: relative;
width: 100%;
}
.graf-three
{
display: inline-block;
margin-bottom: 26px;
width: 650px;
float:left;
}
.graf-three > img
{
display: block;
width: auto;
}
/**remove width:32%; and added margin-bottom to fix the tr left table scroll in IE 05-06-2015**/
.open-order-sec
{
border: 1px solid #efefef;
float: left;
height: 501px;
margin-right:5px;
margin-bottom:25px;
/*width: 32%;*/
}
/******added flot:left;to fix the tr left table scroll in IE 05-06-2015 ****/
.open-order-sec table tbody{
overflow: auto;
display:block;
height: 365px;
float:left;
}
.open-order-sec.add
{
float: right;
width: 28%;
}
.open-order-sec.add ul li select
{
width: 40%;
}
.open-order-sec.add table tr th:nth-child(1), .open-order-sec.add table tr td:nth-child(1)
{
color: #c11010;
}
.open-order-sec.add table tr td a
{
color: #00061c;
}
.open-order-sec ul
{
overflow: hidden;
padding: 5px;
}
.open-order-sec ul li
{
display: block;
font-size: 12px;
margin-bottom: 6px;
overflow: hidden;
}
.open-order-sec ul li label, .open-order-sec ul li select, .open-order-sec ul li input[type="submit"]
{
float: left;
}
.open-order-sec ul li label
{
line-height: 24px;
padding-right: 9px;
text-align: right;
width: 52px;
}
.open-order-sec ul li select
{
border: 1px solid #eaeaea;
font-size: 11px;
line-height: 17px;
margin-right: 12px;
padding: 3px;
width: 40%;
}
.open-order-sec ul li input[type="submit"]
{
background: #084d75;
color: #fff;
cursor: pointer;
height: 22px;
line-height: 11px;
padding: 0 18px 1px;
transition: all 0.9s ease 0s;
}
.ie8 .open-order-sec ul li input[type="submit"]
{
padding-top: 1px;
}
.ie9 .open-order-sec ul li input[type="submit"]
{
padding-top: 1px;
}
.open-order-sec ul li input[type="submit"]:hover
{
background: #c11010;
}
.open-order-sec table
{
width: 100%;
}
.open-order-sec table tr th, .open-order-sec table tr td
{
border: 1px solid #E9E9E9;
color: #00061C;
font-size: 11px;
padding: 5px;
text-align: left;
}
.open-order-sec table tr th
{
background: #fff;
}
.open-order-sec table tr
{
background: #ebf6fc;
}
.open-order-sec table tr:nth-child(2n+1)
{
background: #fff;
}
.open-order-sec table tr td > span
{
color: #c11010;
text-transform: uppercase;
}
.footer
{
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
clear: left;
margin-bottom: 11px;
min-height: 163px;
padding-bottom: 24px;
text-align: center;
width: 100%;
}
.footer p
{
color: #323345;
font-size: 12px;
padding: 44px 0 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1002px)
{
img
{
height: auto;
max-width: 100%;
}
.logo
{
float: left;
width: 100%;
}
.company-name
{
font-size: 14px;
margin-top: 10px;
}
.logo-sec
{
margin-top: 0;
width: 17%;
}
.tagline
{
margin-top: 0;
width: 29%;
}
.header-wrapper
{
margin-bottom: 16px;
}
.header-section > li > div.help-sec
{
right: 86px;
top: -92px;
width: 44%;
}
.search
{
min-width: 236px;
}
.help, .search-section
{
margin-right: 5px;
}
.search select
{
line-height: 29px;
width: 64px;
}
.search-section > span
{
padding-right: 10px;
}
.header-section > li:nth-child(1)
{
height: auto;
margin-bottom: 6px;
padding-bottom: 7px;
}
.nav > li
{
border-left: 7px solid #fff;
font-size: 14px;
}
] .frequently-section > ul li span a
{
font-size: 14px;
}
div#main_table, .dashboard-wrapper
{
min-width: 100%;
}
.dashboard-right
{
padding-right: 3px;
}
.open-order-sec, .open-order-sec.add
{
/*float: none;*/
margin-bottom: 12px;
width: 100%;
}
.open-order-sec ul li select, .open-order-sec.add ul li select
{
width: 69%;
}
.header-section > li > div.user-help-sec
{
margin: 22px 6px 0 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)
{
.open-order-sec ul li select
{
width: 71%;
}
}
@media only screen and (max-width: 767px)
{
img
{
height: auto;
max-width: 100%;
}
.graf-three{
display:none !important;
}
.header-wrapper
{
padding: 0 10px;
}
.mobile-menu
{
display: block;
}
.nav, .search-section
{
display: none;
}
.tagline
{
width: auto;
}
.company-name
{
font-size: 9px;
}
.logo-sec
{
width: 31%;
}
.header-section > li > div.user-help-sec
{
margin: 3px 0 0;
}
.nav > li a
{
display: block;
}
.nav > li > div > ul > li > a
{
padding: 5px 5px 5px 22px;
}
.user-setting
{
top: 22px;
}
.header-section > li > div.help-sec
{
right: 0;
top: -121px;
visibility: hidden;
width: 100%;
}
.user-section, .help
{
height: 23px;
width: 23px;
}
.help
{
background-position: 2px -42px;
background-size: 629% auto;
margin-right: 5px;
}
.header-section > li:nth-child(1)
{
height: auto;
}
.mobile-menu-sec
{
background: #c11010;
overflow: hidden;
width: 100%;
}
a.mobile-menu
{
background-color: #c11010;
background-position: -187px 14px;
color: #fff;
float: left;
font-size: 14px;
height: 42px;
line-height: 37px;
padding: 0 0 0 22px;
width: 84%;
}
.mobile-menu, .header-wrapper, .search-section
{
box-sizing: border-box;
moz-box-sizing: border-box;
ms-box-sizing: border-box;
o-box-sizing: border-box;
webkit-box-sizing: border-box;
}
.nav
{
left: 0;
position: absolute;
top: 41px;
z-index: 2;
}
.nav > li
{
background: #c11010;
border-left: none;
border-top: 1px solid #960001;
display: block;
font-size: 12px;
height: 29px;
line-height: 28px;
text-align: left;
}
.nav > li a
{
padding: 0 23px;
}
.nav > li > div > ul
{
position: relative;
top: 0;
}
.nav > li:hover
{
background: #084d76;
}
.search-section
{
background: #084d75;
display: block;
left: 0;
margin: 0 10px 0 0;
margin: 0;
padding: 10px 0;
position: absolute;
top: 121px;
width: 100%;
z-index: 5;
}
.search-btn
{
background-position: 5px -13px;
width: 29px;
}
.search-section > span, .search input[type="text"]
{
width: auto;
}
.search
{
background: #fff;
border: 1px solid #062a3f;
min-width: 66% !important;
width: 69%;
}
.search select
{
height: 33px !important;
width: 40px !important;
}
.search-section > span
{
color: #fff;
padding: 0 10px;
}
.mobile-search
{
background-color: #084d75;
background-position: -177px -39px;
display: block;
float: right;
font-size: 0;
height: 42px;
width: 40px;
}
.dashboard-wrapper
{
padding: 0 10px;
}
.dashboard-wrapper, div#main_table
{
min-width: 100%;
width: 100%;
}
.dashboard-left
{
float: none;
margin-right: 0;
width: 100%;
}
.dashboard-right
{
float: none;
padding-left: 0;
width: 100%;
}
.open-order-sec, .open-order-sec.add
{
/*float: none;*/
margin-bottom: 22px;
width: 100%;
}
.open-order-sec ul li select, .open-order-sec.add ul li select
{
width: 51%;
}
.message-section > table
{
width: 100%;
}
.graf-one > img, .graf-two > img
{
width: 100%;
}
.mobile-menu > span
{
background-position: -126px 3px;
display: none;
height: 18px;
margin-left: 9px;
padding-left: 9px;
position: relative;
text-align: center;
top: 0;
width: auto;
}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape)
{
img
{
height: auto;
max-width: 100%;
}
.header-section > li > div.help-sec
{
width: 49%;
}
.logo-sec
{
margin-top: 0px;
width: 14%;
}
.logo
{
margin-top: 18px !important;
}
.company-name
{
font-size: 15px;
height: auto;
line-height: 1;
}
.tagline
{
margin-top: 27px;
}
div#main_table, .dashboard-wrapper
{
min-width: 100%;
}
.open-order-sec
{
width: 50%;
}
.open-order-sec.add
{
width: 48%;
}
.open-order-sec ul li select, .open-order-sec.add ul li select
{
width: 59%;
}
}
@media screen and (max-width:1200px)
{
.logo
{
margin-top: 10px;
}
}
#login_communicator{
color:#323345;
font-family: 'Open Sans', sans-serif;
background: url("../images/registration-bg.jpg") no-repeat scroll center top / cover #e0ddce;
}
#login_communicator .container{
margin: 0 auto;
max-width: 1122px;
width: 100%;
}
#login_communicator .registration-form {
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
border: 8px solid rgba(0, 0, 0, 0.5);
border-radius: 20px;
height: 170px;
left: 50%;
margin: 0 auto 0 -260px;
padding: 30px 40px 30px 20px;
position: absolute;
text-align: center;
top: 170px;
width: 450px;
}
#login_communicator input[type="submit"] {
background: none repeat scroll 0 0 #c11010;
border: 0 none;
border-radius: 5px;
color: #fff;
float: right;
font-size: 14px;
line-height: 30px;
margin-top: 10px;
padding: 0 10px;
text-transform: uppercase;
cursor:pointer;
}
#login_communicator input[type="submit"]:hover {
opacity: 0.8;
}
#login_communicator input[type="text"],#login_communicator input[type="password"]{
border: 1px solid #ccc;
float: right;
height: 25px;
padding-left: 10px;
padding-right: 10px;
width: 300px;
}
#login_communicator .form_field{
float: left;
margin-left: 17px;
text-align: left;
width: 126px;
}
#login_communicator input[type="text"]:focus,#login_communicator input[type="password"]:focus{
border-color:#000;
}
#login_communicator .form_row{
margin-top:10px;
}
/**** CSS changes made by SoftCube ***/
/****** css added to fix the tr height in IE 05-06-2015 ****/
/** modification of class on line no 1923 **/
/*.message-section table tbody{
display: block;
height: 273px;
overflow: auto;
float: left;
width:100%;
}*/
/****** css added to fix the tr height in IE 05-06-2015 ****/