
html {
    min-height: 100%;
}

body {
    color: #333;
    font-family: 'helveticaneuemedium';
    height: 100%;
    margin: 0;
    min-height: 100%;
    min-width: 100%;
    padding: 0 !important;
    width: 100%;
}

a {
    text-decoration: none;
}

a:focus, img:focus, select:focus, textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus {
    outline: none !important;
}

img, img:visited, img:focus {
    border: 0;
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.clearfix,
.clearfix:before,
.clearfix:after {
    clear: both;
}

p {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.width {
    width: 100%;
}

.word-wrap {
    word-wrap: break-word;
}

th.even {
    background: #f7f7f7;
}

td.even {
    background: #fcfcfc;
}

body.home {
    background: url(../images/road.jpg) no-repeat top center transparent;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size:cover;
    background-size:cover;
}

#loggedin_body {
    background: url(../images/tail-content.gif) repeat fixed 100% 100% transparent;
    display: table;
    height: 100%;
    min-height: 100%;
    min-width: 100%;
    width: 100%;
}

header.wrapper {
    margin: 0 auto;
    width: 1320px;
}

.wrapper {
    margin: 0 auto;
    width: 1230px;
}

/***** 1. LOGIN PAGE *****/

.loginbox {
    color: #999999;
    margin: 2% auto 0 auto;
    font-size: 12px;
    width: 460px;
}

.effect7 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after {
    content: "";
    position: absolute;
    z-index: -1;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    top: 0;
    bottom: 0;
    left: 10px;
    right: 10px;
    border-radius: 100px / 10px;
}

.effect7:after {
    right: 10px;
    left: auto;
    transform: skew(8deg) rotate(3deg);
}

.loginboxinner {
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    padding: 20px 12px;
}

.logo_login {
    text-align: center;
}

.loginbox form {
    display: block;
    margin-top: 40px;
    overflow: hidden;
    padding: 0 20px;
}

.loginbox .login_field {
    border: 1px solid #dddddd;
    width: 100%;
}

.loginbox .login_field:focus,
.loginbox .login_field:hover {
    border: 1px solid #c9e5ff;
    box-shadow: 1px 1px 4px #c9e5ff;
}

.loginbox .login_field .login_icon {
    background: url(../images/login_input_sep.jpg) no-repeat scroll right 10px transparent;
    border: 0;
    float: left;
    padding: 9px 4px;
    width: 10%;
}

.loginbox .login_field:hover .login_icon,
.loginbox .login_field:hover .login_icon:focus {
    background: url(../images/login_input_sep_hvr.jpg) no-repeat scroll right 10px transparent;
}

.loginbox .login_field i {
    margin: 8px;
    padding-right: 5px;
    vertical-align: middle;
}

.loginbox .login_field input {
    border: 0;
    box-shadow: none;
    color: #999999;
    font-size: 15px;
    height: 48px;
    /* line-height: 28px; */
    line-height: 28px;
    margin: 0;
    padding: 0 7px;
    width: 90%;
    background: #ffffff !important;
}
.loginbox .btn {
    font-size: 16px;
    font-weight: bold;
    margin-top: 24px;
    padding: 8px 50px;
}
.loginbox .login_field:hover input,
.loginbox .login_field input:focus {
    border: 0;
    box-shadow: 0 0 0;
}

.loginbox .login_field {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /* -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);  */
    margin: 5px 0;
    overflow: hidden;
    float: left;
}

.forgottext a {
    color: #999999;
    font-family: 'helveticaneuemedium';
}

.forgottext a:hover {
    color: #999999;
}

.forgottext {
    float: left;
    margin: 3px 0 10px 0;
    width: 100%;
}

.keep {
    float: left;
}

.keep input {
    margin-right: 10px !important;
}

.login_btn {
    background: url(../images/login_btn.png) no-repeat scroll right top transparent;
    border: 0 none;
    float: right;
    height: 25px;
    width: 60px !important;
}

.nousername {
    color: #ff2400;
    font-family: 'helveticaneuemedium';
    font-size: 11px;
    margin: 10px 0;
    text-align: center;
    text-decoration: underline;
}

.nologin {
    color: #5e5857;
    font-family: 'helveticaneuemedium';
    font-size: 11px;
    margin: 10px 0;
    text-align: center;
}

.nologin a {
    color: #ffae01;
}

/*Header starts here*/
.header {
    float: left;
    padding-right: 44px;
    width: 1276px;
}

/*Logo starts here*/
.logo {
    float: left;
    width: 240px;
}

/*Logo Ends here*/
/*Header middle Starts here*/
.header_middle {
    margin-top: 45px;
}

.header_middle .bootstrap-select {
    margin: 0 30px;
}

/* .header_middle .client_sel .bootstrap-select:not([class*="span"]){
	min-width:125px;
	width:auto;
}
.header_middle .project_sel .bootstrap-select:not([class*="span"]){
	min-width:135px;
	width:auto;
} */
.header_middle .bootstrap-select:not([class*="span"]) {
    min-width: 280px;
    width: auto;
}

.header_middle .bootstrap-select.btn-group .btn .filter-option {
    border-right: 1px solid #c6c6c6;
}

/*Header middle Ends here*/
/*Header Right Starts here*/
.header_right_top {
    font-family: 'robotomedium';
    padding-top: 18px;
}

.wel {
    color: #006e90;
    font-family: 'robotomedium';
    font-size: 14px;
}

.wel_user {
    color: #5d5d5d;
    font-size: 12px;
}

.logout {
    margin: 0 4px 0 47px;
}

.search_box {
    margin-top: 12px;
    position: relative;
}

.search_box form {
    margin: 0px;
    padding: 0px;
}

.search_box input.search {
    color: #4b4b4b;
    font-family: 'helveticaneuelight';
    font-size: 12px;
    padding: 4px 27px 4px 8px;
    width: 190px;
}

.search_box input[type="submit"] {
    background: url(../images/search_icon.png) no-repeat center center transparent;
    border: 0 none;
    height: 16px;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 16px;
}

/*Header Right Ends here*/
/*Header Ends here*/
/*Mainmenu starts here*/
#main_menu {
    background: url(../images/main_menu_bg.jpg) repeat-x top left transparent;
    border-bottom: 6px solid #0096d7;
    clear: both;
    height: 87px;
    min-width: 100%;
    width: 100%;
}

/* .mainmenu{
	background:url(../images/main_menu_bg.jpg) repeat-x top left transparent;
	border-bottom:6px solid #0096d7;
    height: 87px;
    width: 100%;
} */
#main_menu ul {
    margin: 0 auto;
    padding-left: 2px;
    width: 1228px
}

#main_menu .navbar {
    margin: 0;
}

.navbar .nav,
.navbar .nav:hover {
    background: url(../images/menu_sep.jpg) no-repeat scroll left center transparent;
}

.navbar .nav > li {
    background: url(../images/menu_sep.jpg) no-repeat scroll right center transparent;
    padding-right: 2px;
}

.navbar .nav > li a {
    color: #a7a7a7;
    font-family: 'robotomedium';
    font-size: 12px;
    height: 67px;
}

.navbar .nav > li a:hover,
.navbar .nav > li.active a {
    background: url(../images/menu_act.png) no-repeat scroll center bottom #272727;
    color: #dbdbdb;
}

.navbar .nav > li a span {
    clear: both;
    float: left;
    padding-top: 2px;
    text-transform: uppercase;
}

.navbar .nav > li a:hover span {
    color: #dbdbdb;
}

.navbar .nav > li i {
    clear: both;
    float: left;
    height: 34px;
    margin-top: 5px;
    width: 100%;
}

.navbar .nav > li .client_icon {
    background: url(../images/menu_icons/clients.png) no-repeat scroll center -26px transparent;
}

.navbar .nav > li:hover .client_icon,
.navbar .nav > li.active .client_icon {
    background: url(../images/menu_icons/clients.png) no-repeat scroll center 7px transparent;
}

.navbar .nav > li .project_icon {
    background: url(../images/menu_icons/projects.png) no-repeat scroll center -25px transparent;
}

.navbar .nav > li:hover .project_icon,
.navbar .nav > li.active .project_icon {
    background: url(../images/menu_icons/projects.png) no-repeat scroll center 6px transparent;
}

.navbar .nav > li .bid_icon {
    background: url(../images/menu_icons/bid_manager.png) no-repeat scroll center -31px transparent;
}

.navbar .nav > li:hover .bid_icon,
.navbar .nav > li.active .bid_icon {
    background: url(../images/menu_icons/bid_manager.png) no-repeat scroll center 7px transparent;
}

.navbar .nav > li .project_mng_icon {
    background: url(../images/menu_icons/project_manager.png) no-repeat scroll center -44px transparent;
}

.navbar .nav > li:hover .project_mng_icon,
.navbar .nav > li.active .project_mng_icon {
    background: url(../images/menu_icons/project_manager.png) no-repeat scroll center 5px transparent;
}

.navbar .nav > li .inbound_icon {
    background: url(../images/menu_icons/inbound_manager.png) no-repeat scroll center -45px transparent;
}

.navbar .nav > li:hover .inbound_icon,
.navbar .nav > li.active .inbound_icon {
    background: url(../images/menu_icons/inbound_manager.png) no-repeat scroll center 1px transparent;
}

.navbar .nav > li .invoice_icon {
    background: url(../images/menu_icons/invoice_manager.png) no-repeat scroll center -34px transparent;
}

.navbar .nav > li:hover .invoice_icon,
.navbar .nav > li.active .invoice_icon {
    background: url(../images/menu_icons/invoice_manager.png) no-repeat scroll center 5px transparent;
}

.navbar .nav > li .items_icon {
    background: url(../images/menu_icons/item_attentions.png) no-repeat scroll center -38px transparent;
}

.navbar .nav > li:hover .items_icon,
.navbar .nav > li.active .items_icon {
    background: url(../images/menu_icons/item_attentions.png) no-repeat scroll center 2px transparent;
}

/*Mainmenu Ends here*/
/*Container Starts here*/
#container {
    margin: 0 auto;
    min-height: 100%;
    width: 1320px;
}

.content_wrapper1 {
    background: url(../images/content_left_shadow.png) no-repeat top left transparent;
    width: 100%;
}

.content_wrapper2 {
    background: url(../images/content_right_shadow.png) no-repeat top right transparent;
    width: 100%;
}

.page_title {
    background: #f3f3f3;
    border-bottom: 1px solid #c6c6c6;
    padding: 19px 20px 16px 20px;
}

.article_ttl {
    color: #0096d7;
    font-family: 'robotobold_condensed';
    font-size: 30px;
    font-weight: normal;
}

.page_title span {
    color: #5f5f5f;
    font-family: 'helveticaneuelight';
    font-size: 12px;
    font-weight: normal;
}

/*Content starts here*/
.content {
    background: #fff;
    min-height: 400px;
    padding: 30px 20px;
}

.table.cnt_tbl {
    font-family: 'helveticaneuelight';
    font-size: 12px;
}

.table.cnt_tbl th {
    background-color: #fcfcfc;
}

.table.cnt_tbl th.even {
    background-color: #f7f7f7;
}

.table.cnt_tbl th, .table.cnt_tbl td {
    text-align: center;
}

.table.cnt_tbl .tbl_first {
    text-align: left;
}

h3.cnt_tbl_ttl {
    border-bottom: 1px solid #DBDBDB;
    color: #434242;
    font-family: 'helveticaneuemedium';
    font-size: 16px;
    font-weight: normal;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-align: left;
}

h3.cnt_tbl_ttl span {
    color: #808080;
}

/*Content Ends here*/
/*Bids page starts here*/
.border_fieldset {
    border: 1px solid #d1d1d1;
    padding: 0px;
}

.border_fieldset legend {
    background: #fff;
    border-bottom: 0;
    color: #0096d7;
    font-size: 16px;
    font-family: 'helveticaneuemedium';
    font-weight: normal;
    margin: 0 15px;
    padding: 0 10px;
    width: auto;
}

.bid_tbl_ttl {
    width: 100%;
}

.bid_tbl_ttl th {
    color: #434242;
    font-family: 'helveticaneuemedium';
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 15px;
    text-align: left;
}

.bid_tbl_ttl th p {
    border-bottom: 1px solid #dbdbdb;
    margin: 0;
    padding-bottom: 15px;
}

.bid_tbl_ttl th span {
    color: #808080;
}

.bid_upload {
    padding: 20px 30px 0;
}

.bid_upload table {
    width: auto;
}

.bid_upload table label {
    text-align: left;
    width: 130px;
}

.lft_bid_tbl {
    width: 450px;
}

.rgt_bid_tbl {
    width: 700px;
}

.actualbid_tbl {
    font-family: "helveticaneuelight";
    padding: 0 25px;
}

.actualbid_tbl table {
    width: 100%;
}

.actualbid_tbl table td {
    vertical-align: top;
}

.actualbid_tbl label {
    float: left;
    line-height: 26px;
    width: 80px;
}

.actualbid_tbl label.lrg {
    float: left;
    width: 135px;
}

.actualbid_tbl input {
    float: left;
    margin: 0 !important;
    text-align: center;
    width: 100px;
}

.actualbid_tbl select {
    float: left;
    margin: 0;
    width: 170px;
}

.bid_tbl {
    margin: 15px 0 15px 25px;
    width: 1145px;
}

.bid_tbl tr.head_row {
    padding-bottom: 10px;
}

.bid_tbl th {
    color: #434242;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 0 0 15px;
    text-align: left;
}

.bid_tbl th p {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
}

.bid_tbl th input {
    color: #434242;
    float: right;
    font-family: 'helveticaneuelight';
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 66px;
}

.bid_tbl th span {
    color: #808080;
}

.bid_tbl td.mid_td {
    padding: 0 30px;
}

.bid_tbl td.mid_td span {
    color: #0096d7;
    font-family: 'robotobold_condensed';
    font-size: 24px;
    font-weight: normal;
    text-transform: uppercase;
}

.label_field_large label {
    color: #434242;
    font-family: 'helveticaneuelight';
    font-size: 12px;
    line-height: 30px;
    width: 125px;
}

.label_field_large input[type="text"] {
    margin-right: 25px;
    width: 155px;
}

.label_field_large select {
    width: 515px;
}

.cmn_bid_tbl td {
    color: #434242;
    font-size: 12px;
}

.cmn_bid_tbl input,
.cmn_bid_tbl select {
    color: #292929 !important;
    font-family: 'helveticaneuelight';
    font-size: 12px;
}

.cmn_bid_tbl td input[type="text"] {
    width: 88px;
}

.cmn_bid_tbl td select {
    width: 88px;
}

.cmn_bid_tbl td input.long_text[type="text"] {
    width: 288px;
}

.cmn_bid_tbl td input.medium_text[type="text"] {
    width: 150px;
}

.cmn_bid_tbl td.cntr_chk {
    text-align: center;
}

.cmn_bid_tbl td.total_first {
    width: 400px;
}

.cmn_bid_tbl td.total_text {
    color: #0096d7;
    font-family: 'helveticaneueheavy';
    font-size: 16px;
    width: 75px;
}

.cmn_bid_tbl td.totl_txt {
    width: 120px;
}

.bid_total_val {
    background: #f6f6f6;
    float: left;
    width: 100%;
}

.bid_total_val table {
    margin-bottom: 5px;
    margin-top: 5px;
}

.cmn_bid_tbl .ttl_val input {
    color: #434242;
    float: right;
    font-family: 'helveticaneuelight';
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    width: 66px !important;
}

.empty_td {
    width: 70px;
}

.chk_input_whole {
    overflow: hidden;
    padding: 10px 25px 15px;
}

.chk_input {
    color: #434242;
    font-family: 'helveticaneuelight';
    font-size: 12px;
    padding: 4px 0;
    width: 310px;
}

.chk_input input[type="checkbox"] {
    margin: 3px 15px 3px 0;
}

/*Bids page Ends here*/
/* Inbound style starts 06-07-2013 (Inbound shipment manager page) here */
.home_tab {
    padding: 10px 20px;
}

.page_tbl,
.inbound_tbl {
    padding: 10px 20px;
}

.content_shipment_table {
    min-height: 750px;
}

.inbound_shipment_content {
    float: left;
    padding-left: 30px;
    padding-right: 26px;
    width: 97%;
}

.main_tab_menu {
    float: left;
    font-family: 'helveticaneuemedium';
    width: 100%;
}

.main_tab_menu ul {
    margin-bottom: 0;
}

.main_tab_menu ul.nav li a {
    /* color:#000000; */
    font-size: 14px;
    padding-left: 15px;
    padding-top: 24px;
    color: #0096D7;
}

.main_tab_menu .whole_2nd_tab ul li a {
    color: #5b5b5b;
}

.whole_2nd_tab .cnt_tbl a {
    color: #006695;
    text-decoration: underline;
}

.main_tab_menu ul.nav > li > a:hover {
    background: #ffffff;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid transparent !important;
    color: #000000;
}

.main_tab_menu ul.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    color: #000000;
}

.whole_2nd_tab {
    float: left;
    width: 100%;
}

.whole_2nd_tab .tab-content {
    float: left;
    padding: 0 1%;
    width: 98%;
}

.whole_2nd_tab ul.nav li a {
    font-size: 14px;
    margin-top: 8px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 6px;
}

ul.second_tab {
    background: none repeat scroll 0 0 #E9E9E9;
    float: left;
    margin: 0;
    padding-top: 5px;
    width: 100%;
}

ul.second_tab li a {
    border-radius: 0 0 0 0;
}

ul.second_tab li {
    margin-left: 5px;
}

.tab2_right_side a {
    background: url("../images/xcell_icon.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 35px;
    margin-right: 15px;
    margin-top: 2px;
    width: 35px;
}

.tab2_right_side a:hover {
    text-decoration: none;
}

.tab2_right_side {
    float: right;
    position: relative;
    top: 42px;
    width: 250px;
}

.tab-pane.tab_cnt {
    padding: 15px 0 10px 0;
}

.excell_part {
    float: left;
}

.export_content {
    color: #757474;
    float: left;
    font-size: 12px;
    width: 80%;
}

.export_content span {
    float: left;
    width: 100%;
}

table.whole_shipment_table {
    border-radius: 0 0 0 0;
    margin: 10px 15px 0;
    text-transform: capitalize;
    width: 97%;
}

table.whole_shipment_table tr th {
    padding-left: 20px;
    vertical-align: middle;
}

table.whole_shipment_table tr td {
    color: #515151;
    font-size: 12px;
}

table.whole_shipment_table tr td.even_class {
    background: #fcfcfc;
}

.whole_border {
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px;
}

.page_left_tbl,
.page_right_tbl {
    width: 48%;
}

/* Inbound style Ends here */
/*Accordion Starts here*/
.accordion-heading a.btn {
    border: 0;
    border-radius: 0 0 0 0;
    color: #6c6c6c;
    font-family: 'helveticaneuemedium';
    font-size: 16px;
    text-align: left;
}

.accordion-heading.active a.btn {
    color: #0096d7;
}

/*Accordion Ends here*/
.addmenu_link {
    float: right;
    position: relative;
    width: 127px;
}

.addmenu_link a {
    position: absolute;
}

/*Container Ends here*/
/*Popup Starts here*/
.modal {
    display: none;
    font-family: 'helveticaneuemedium';
}

#project_manager_add.modal,
#add_po.modal {
    left: 36%;
    top: 46%;
    width: 900px;
}

.modal-header h3 {
    color: #434242;
    font-weight: normal;
}

h6.pop_sub_ttl {
    border-bottom: 1px solid #d7d7d7;
    color: #808080;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 15px;
    padding-bottom: 2px;
    text-transform: none;
}

#project_manager_add .popup_form .popup_fields label,
#add_po .popup_form .popup_fields label {
    width: 150px;
}

.popup_form .popup_fields label {
    float: left;
    line-height: 30px;
    width: 120px;
}

.popup_form .popup_fields a.img_plus {
    line-height: 30px;
    margin-left: 5px;
    vertical-align: middle;
}

/*Popup Ends here*/
/* bala style STARTS 	here 15.07.2013*/
.whole_error_field #login-form .errorMessage {
    color: #FF0000;
    float: right;
    padding: 0 0 5px;
    width: 82%;
}

/* bala style Ends here 15.07.2013*/

/* Vicky style starts here */

/* 24-07-2013 starts  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .loginbox .login_field input:focus {
        line-height: 15px;
    }

}

.loginboxinner .whole_error_field form div.username input {
    /* line-height:15px; */
}

.loc_val {
    width: 500px;
}

/* 24-07-2013 ends  */

/* Vicky style ends here */

.loginbox .login_field input {
    font-family: arial !important;
}

.page_tbl .nav.nav-tabs {
    margin-bottom: 0;
}

