/********************* HEDAER ***************/

.header_logo {
  text-align: left;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

.header_logo img {
  padding-right: 10px;
  width: 135px;
  padding-top: 6px;
  padding-bottom: 6px;  
}

.navbar-admin-custom {
  background: transparent;
  border-bottom: 0px;
  margin-bottom: 0px;
  padding: 0px 15px;
}

.navbar-wrapper {
  background: #FFFFFF;
  box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);
  box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
  box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
}

.navbar-admin-custom .navbar-header {
  background: #FFFFFF;
}

.navbar-admin-custom .navbar-nav>li>a {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 20px;
  font-size: 16px;
  color: #666666;
}

.navbar {
  border-radius: 0;
}

.bell-alert {
  color: #88191d !important;
}

.bell-alert i {
  font-size: 20px;
}

.main_dropdown {
  font-size: 20px !important;
  color: #FFFFFF !important;
  background-color: #89181C; 
}

.main_dropdown :hover{
  color: #FFFFFF !important;
}

.main_dropdown .menu-text {
  font-size: 18px;  
}

.main_dropdown i {
  font-size: 18px;
  padding-right: 10px;
}

.brand {
  min-width: 50px;
}

.navbar.mini-navbar {
  border-width: 0px;
  background: #FFFFFF;
  box-shadow: 0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
  top: 50px;
  background: #f8f8f8;
  z-index: 1029;
  margin-left: 15px;
  margin-right: 15px;
}

.navbar.mini-navbar .navbar-nav>li>a {
  padding-bottom: 16px;
  padding-top: 16px;
  color: #555;
  font-size: 14px;
}

.navbar.mini-navbar .navbar-header {
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.navbar.mini-navbar .navbar-header a {
  color: #555;
}

.navbar.mini-navbar .navbar-nav>.active>a,
.navbar.mini-navbar .navbar-nav>li>a:hover {
  background-color: #F9f9f9 !important;
  border-bottom: #26014c solid 2px;
}

.right_search_bar {
  margin-top: 5px;
  width: 350px;
}


/*********************** Main Container *******************/

.internal-wrapper {
  padding: 20px 0px 0px 0px;
  /*background-color: #fafafa;*/
  background-color: #f3f3f3d9;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
  box-shadow: 0px 0px 10px 0px rgba(102,102,102,0.2);
}

.action_bar {
  padding: 0px 15px;
}

.action_bar h4 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 400;
  margin-top: 10px;
  color: #444444;
}

.action_bar h4 span {
  font-size: 18px;
  color: #969494;  
}

/*********************** Nav search bar *******************/

.nav-search .navbar-form {
  margin-top: 13px;
}

.nav-search .input-group {
  width: 300px;
}

.nav-search .navbar-form .input-group .input-group-btn {
  width: 1% !important;
}

.top_search .btn {
  font-size: 15px;
  padding-top: 9px;
  padding-bottom: 8px;
  border-left: none;
  color: #757575;
  border-color: #b1b1b1;
}

.top_search .form-control {
  width: 290px !important;
}

.top_search .form-control:focus {
  border-color: #b1b1b1;
  border-right: none;
}

.docket_number_status {
  color: #888888;
}

/*********************** Main *******************/
.container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.main {
  padding-top: 40px;
}

.second-main {
  padding-top: 95px; 
}

.divider-right {
  border-right: 1px solid #e4eaec;  
}

#slNoteSuspect {
  width: 180px;
}

.note_wrapper {
  padding-bottom: 15px;
  border-bottom: 1px solid #ddd;  
}

.company_info {
  background-color: #FFFFFF;
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.company_title h3 {
  margin-bottom: 5px;
  padding: 0px;
  font-size: 18px;
  text-transform: uppercase;
  color: #444;
}

.item-icon {
  color: #7D7D7D;
  font-size: 12px;
}

.item-icon i {
  font-size: 14px;
}

.mini-heading {
  padding: 0px;
  margin: 0px;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: 400;  
}

.micro-heading {
  padding: 0px;
  margin: 0px;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 400;  
}

.smallest-heading {
  font-size:10px;
  color:#666;
  margin-top: 2px;
}

.table_action_button {
  font-size: 16px;
}

.table-bordered,
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
  padding-left: 15px;
  padding-right: 15px;
}

.box-detaiil>tbody>tr>td {
  padding-left: 0px !important;
}
.box-detaiil>thead>tr>th {
  padding-left: 0px !important;
  border-top: 1px solid #CCC;
}
.total-vol-wt .item{
  width: 89px;
  float: right;
  margin-left: 15px;
}

.convertInwordError {
  color: grey !important;
}
.custumError {
  color: #DA1411;
  font-size: 11px;
  font-weight: 400;
  display: none;
}

.indicator {
    width: 6px;
    height: 6px;
    border-radius: 10px;
    float: right;
    position: relative;
    top: 7px;
    right: 18px;
}

.edited {
    background-color: #DEA400;
}

.save {
    background-color: #228B22;
    position:relative;
}

.selector-indicator {
  width: 13px;
  height: 13px;
  border-radius: 10px;
  float: left;
  position: relative;
  top: 2px;
  margin-right: 10px;
  border: 2px solid #AFA376;
}

.gold_list:hover > .selector-indicator {
  background-color: #AFA376;
}

.silver_list:hover > .selector-indicator {
  background-color: #AFA376;
}

.lc_list:hover > .selector-indicator {
  background-color: #AFA376;
}

.selected {
  background-color: #AFA376;
}

.left-inner-addon {
  position: relative;
}
.left-inner-addon input {
  padding-left: 40px;    
}
.left-inner-addon i {
  position: absolute;
  padding: 10px 12px;
  pointer-events: none;
  padding: 7px 12px;
  color: #6B6B6B;
  font-style: normal;
}

.right-inner-addon {
  position: relative;
}
.right-inner-addon input {
  padding-right: 30px;    
}
.right-inner-addon i {
  position: absolute;
  right: 0px;
  padding: 7px 12px;
  pointer-events: none;
  color: #6B6B6B;
  font-style: normal;
}

.ui-front {
  z-index: 10000 !important;
}

.row-floating {
  position: fixed;
  text-align: center;
  z-index: 10000;
  cursor: pointer;
  left: 50%;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  top: 26px;
}

.row-floating .data-content {
  display: inline-block;
  text-align: center;
  border: 1px solid #f0c36d;
  background: #f9edbe;
  padding: 5px !important;
  font-size: 14px;
  font-weight: 500;
  z-index: 100000;
  top: 26px !important;
  border-top: none;
  box-shadow: 0 2px 2px rgba(0,0,0,0.05), 0 1px 0 rgba(0,0,0,0.05);  
}

.background-color-FFFFFF {
  background-color: #FFFFFF;
}

.box-shadow-light {
  box-shadow: 0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
}


/*********************** Nav Checklist *******************/
.nav-ticklist>li>a:focus,
.nav-ticklist>li>a:hover {
  background: transparent;
}

.nav-ticklist a {
  color: #B5B2B2;
}

.nav-ticklist>li.active>a {
  color: #337ab7;
}

.nav-ticklist>li.done>a {
  color: #868686;
}

.nav-ticklist>li.done>a>i {
  color: #08C708;
}

/*********************** Message *************************/
.message {
  margin-top: 5px;
  margin-bottom: 15px;
}

.company_name {
  font-size: 14px;
  text-transform: uppercase;  
}

.mini-content {
  color: #76838f;
}

.message_body {
  font-size: 14px;  
}

/* Customer Profile */
.singleCharText{
    width: 20px;
    height: 25px;
    font-size: 15px;
}
.error_message1{
    color: #DA1411;
    display: all !important;
    font-size: 11px;
    font-weight: 400;
}
/*.errorBorder { 
    border:  1px solid red; 
}*/
.img_report_bugs {
    margin-top: 25px;
    margin-left: -90px;
}

.custom-page-header{
    margin-top: 5px !important;
}

.interTdDivisions{
    margin-top: 20px;
    margin-bottom: 20px;
}

.form-control-gold {
    border-color: #D6C99B;
    box-shadow: none;
}

/********** Linehaul Styles **********/
.motherBox h3 {
  font-size: 18px;
  margin-bottom: 0px;
  font-weight: 400;
}

.tableError{
  margin-left: 11px;
}

.noResult{
  font-weight: 400;
  color: #7D7D7D;
}

.sealNo{
  width: 90px !important;
}

#tpLabel{
  padding-left: 0px;
}

/********** Common Styles **********/
label.error {
  font-size: 12px;
  font-weight: 400;
  color: #C14141;
  display: block;
}

.error_message1{
    color: #DA1411;
    display: all !important;
    font-size: 11px;
    font-weight: 400;
}

.spinner {
  color: #333;
}

.progress-bar-warning {
  background-color: #ffbf00;
}

.letterspacing1_6{
  letter-spacing: 1.6px;
}
.letterspacing1 {
  letter-spacing: 1px;
}

.letterspacing_1 {
  letter-spacing: 0.1px;
}

.border-bottom-ffffff {
  border-bottom: 1px solid #FFFFFF;
}

.border-bottom-divider {
  border-bottom: 1px solid #dcdcdc;
}

.border-right-divider {
  border-right: 1px solid #dcdcdc;
}
.ui-menu .ui-menu-item{
  font-size: 12px !important;
  color: #555555 !important;
}

.border-transperent {
  border: transparent;
}
.background-repeat {
  background-repeat: no-repeat;
}

.text-align-center{
  text-align: center;
}

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

/*********************** Circle Group *************************/
.dotsandlines {
    display: table;
    width: 100%;
}
.circle-contain, .line {
    display: table-cell;
}
.circle-contain {
    width: 1px;
    cursor: pointer;
}
.circle {
    background: #ABABAB;
    width: 20px;
    height: 20px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    position: relative;
    top: 20.5px;
}
.line {
    border-bottom: 3px solid #ABABAB;
}
.line.special {
    border-bottom: 3px solid #00bb27;
}
.circle.special {
    background: #00BB27;
}
.circle.big {
    width: 30px;
    height: 30px;
    top: 15px;
}
.circle-contain span {
    opacity: 0;
}
.content-date {
    font-size: 11px;
}
.content-city {
    font-size: 11px;
    color: #888888;
} 
.up-file{
    padding: 4px 16px;
}
.c_hidden{
    display: none;
}

.concerns {
  font-size:12px;color:#999;font-style:italic;cursor:pointer;margin-left:100px;margin-top:25px;
}

.concerns:hover {
  color:#1c1c1c;
}

.numberCircle {
  border-radius: 10px;
  width: 12px;
  height: 6px;
  padding: 4px;
  background:red;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size:10px;
  font-weight:bold;
  margin-top:2px;
}

/*********************** Commercials Desgin *************************/

.non-two-er input {
  width: 60px;
  height: 25px;
  padding-left: 5px;
  padding-right: 5px;  
  text-align: right;
}

.two-er input {
    width: 60px;
    float: left;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.price-two-er input {
  width: 134px;
  height: 25px;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.svi-price-two-er input {
  width: 100px;
  float: left;
  padding-left: 5px;
  padding-right: 5px;
  text-align: right;
}

.two-er span {
  float: left;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 5px;
}


.commercial-table>tbody>tr>td {
    padding: 2px;
    padding-bottom: 15px;
}

.btn_add_delete {
    margin-top: -18px;
    margin-right: 20px;
}

.btn-vun-add { 
    margin-top: -23px;   
    margin-right: 20px;
}

.select-city{
  width: 290px;
  margin-right: 23px;
  margin-bottom: 5px;
}

.commercial-table>tbody>tr>td, 
.commercial-table>tbody>tr>th, 
.commercial-table>tfoot>tr>td, 
.commercial-table>tfoot>tr>th, 
.commercial-table>thead>tr>td, 
.commercial-table>thead>tr>th {
  border: 0px;
}

.showhideGoldLane,.removeGoldTripLane,
.showhideSilverTripLane,.removeSilverTripLane {
    width:20px;
    height:20px;
    cursor:pointer;
}

.tripGoldRemoveCity,.tripSilverRemoveCity{
    width:26px;
    height:26px;
    margin-left:10px;
}

.racks-options {
  padding-top: 10px;
  float: left;
  width: 15%;
  /*border-right: 1px solid #dcdcdc;*/
}

.rack_inputs {
  float: left;
  width: 85%;
  border-left: 1px solid #dcdcdc;
  min-height: 400px;
}

.nav-commercials>li>a {
  color: #7D7D7D;
  border-bottom: 1px #dcdcdc solid;
  border-radius: 0px;  
}

.nav-commercials>li {
  padding: 5px 0px 5px 20px;
  cursor: pointer;
  border-bottom: 1px solid #dcdcdc;
  font-size: 13.5px; 
  font-family: 'Roboto Condensed', sans-serif; 
}

.nav-commercials .sub_name {
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-commercials>li li {
  padding-top: 5px;
  padding-bottom: 5px;
}

.commercial-tabs span {
  position: relative;
  top: -6px;
  right: -15px;
  padding: 0px 5px 0px 5px;
  cursor: pointer;
}

.commercial-tabs span:hover{
  background-color: #ED3E2F;
  border-radius: 25px;
  color: #FFFFFF;
}

.buttons_cc .btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 13px 13px;
  font-size: 18px; 
}

.ship-label {
  margin-bottom: 25px;
  font-size: 12px;
}

.ship-label > span {
  margin: 0px 5px 10px 9px;
  padding: 0px;
  font-weight: 600;
}

.s_services {
  width: 30px;
  margin-left: -4px;
  margin-top: -4px;
}

.btn-circle.btn-lg {
  width: 30px;
  height: 30px;
  padding: 8px 2px;
  font-size: 11px;
  line-height: 1.33;
  border-radius: 25px;
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 7px;
  background: transparent;
  color: #AFA376;
  border: 2px #AFA376 solid;
}

.btn-circle.btn-lg.active {
  background-color: #AFA376;
  color: #FFFFFF;
}

.customer_care_create_docket .btn-circle.btn-lg.active {
  background-color: #FFFFFF;
  color: #FFFFFF;
}


.type-box {
  float: left;
  width: 50px;
  padding-right: 5px;
  min-height: 377px;
  background-color: #6F527F;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.additional-charges-type-box {
  float: left;
  width: 4%;
  padding-right: 5px;
  min-height: 1px;
}
.additional-charges-div {
    background: -color:#EFEFEF;
}

.commercial-box {
  width: 96%;
  float: left;
}

.remove-city{
    height: 16px;
    width: 16px;
}

.show-hide-detail{
    height: 20px;
    width: 20px;
}










.item_list_suspect {
  font-family: 'Roboto', sans-serif !important;
}

#appsDropdown {
  border:0px;
  border-bottom:1px dotted #999;
  width:200px;
  font-weight:bold;
  padding:5px;
}

#contentDabba {
  background-color:#fff;padding:10px;/*border:1px solid #f2f2f2;*/text-align:left;
    padding-bottom:50px;
}

#appHeader {
  background-color:#353843;padding:12px;font-size:14px;
  text-align:left;
}

/*Sales and marketing extra Css Starts here*/

.shownotes
{
 
  width: 100%;
  height: 70px; 
  resize: none;
  overflow: hidden;
  
}

.save_link
{
font-size: 12px;
font-weight: bold;
color:black;
margin: 5px;
}
.reject_link
{
font-size: 12px;
font-weight: bold;
color:red;
margin: 5px;
}
.save_link:hover{
  cursor: pointer;
    cursor: hand;
    color: grey;

}
.reject_link:hover{
  cursor: pointer;
    cursor: hand;
    color: grey;

}
.search_div
{
 
  width: 1000px;
  height: 35px; 
  margin: auto;
  margin-top: 20px;
  margin-bottom: -50px;
  padding: 0px;
  overflow: auto;
  
}
.sales
{
 
  width: 1000px;
  min-height: 1000px; 
  margin: auto;
  padding: 0px;
  overflow: auto;
  
}


/*.triangle-up {
  width: 0;
  height: 0;
  border-left: 50px solid transparent;
  border-right: 50px solid transparent;
  border-bottom: 100px solid red;
}*/

.hr_divider
{
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    padding: 0; 
}
.sales_header
{
  font-family: 'Roboto', sans-serif !important;
  float: left;
  padding: 5px;
  margin: 5px;
  margin-top: 60px;
  text-align: center;
  width: 228px;
  min-height: 1000px;
  overflow: auto;
  color: #919191;
  font-size: 16px;
  
}
.card_area {
  font-size:12px;
  color:#999;
  padding: 5px;
  text-align: left;
  border-bottom: 1px solid #f3f3f3;
  margin-top:5px;
  margin-bottom:5px;
}
.suspect_name{
    width: 100px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
.proposal_name{
    width: 100px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
.agreement_name{
    width: 100px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}
.formalities_name
{
    width: 100px;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    cursor: hand;
}

.suspect_company
{
    width: 80px;
    color: #999;
    font-size: 12px;
}
.card_list:hover
{
  cursor: pointer;
  cursor: hand;

}
.suspect_body
{
  border-style: solid;
  border-color: green;
  height: 100px;
  margin-top: 0px;
  padding-top: 20px;
  overflow: auto;
  padding: 2px;
  text-align: left;
  border-width: 1px;
  background-color:#C0C0C0;
}
.suspect_link
{
 float: right;
 margin-top: 10px;
 font-family: sans-serif;
 font-weight: 300px;
}

/*suspect_detail.php class starts here*/
.suspect_detail
{
 width:980px;
 height: auto;
 text-align: center;
 margin: 0px;
 margin-top: 10px;
 font-family: sans-serif;
 margin: 5px;
 padding: 5px;
 border: 1px solid #ddd;
 box-shadow: -2px 0 2px #eeeeee;
}

.suspect_activity_col_div{
  margin:5px; 
  width:23%;height:500px; 
  float:left;
  border: 1px solid #ddd;
  box-shadow: -2px 0 2px #eeeeee;
}
.suspect_detail_list
{
  
  height: auto;
  width: 100%;
  margin-top: 15px;
  overflow: auto;
  padding: 2px;
  text-align: left;
}
.suspect_detail_notes
{
  resize: none;
  width: 90%;
  height: 60px;
  padding: 2px;
}

/*suspect_detail.php ends here*/

/*Sales and Marketing extra Css Ends here*/

/*Add suspect form's css starts from here*/
.add_suspect_full_div{
  width: 1000px;
  padding-bottom:30px;
  margin: auto;
  margin-top: 20px;
  color: #919191;
  font-size: 16px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: -2px 0 2px #eeeeee,2px 0 2px #eeeeee;
}
.add_suspect_inner_div{

  width: 98%;
  height: 98%;
  margin: 10px;
  padding: 5px;
}
.row_item{
  width: 950px;
  height: 70px;
  margin-top: 20px;
  font-size: 14px;
  color: #1b3e4c;
}
.row_left_div{
  width: 450px;
  height: 55px;
  margin: auto;
  text-align: left;
  float: left;
}
.row_right_div{
  width: 450px;
  height: 55px;
  margin: auto;
  text-align: left;
  float: left;
}
.add_suspect_input_text{
  width: 550px;
  height: 25px;
  margin-top: 0px;
  padding: 5px;
  font-weight:bold;
  font-size:14px;
}
.row_item_notes
{
  width: 950px;
  height: 120px;
  text-align: left;
  font-size: 14px;
  color: #1b3e4c
}
.notes_textArea {
  width: 530px;
  height: 55px;
  margin-top: 0px;
  padding: 5px;
  font-weight:bold;
  font-size:14px;
  border: 1px solid #bfbfbf;

}
.suspect_save_button
{
  background-color: #4285f4;
  color: #fff;
  height: 40px;
  width: 100px;
}
/*Add suspect form's css end here */
.roundedInput {
    font-size:24px;
    font-weight:600;
    border:0px;
    border-bottom:1px dotted #999;
    width:200px;
    padding:5px;
}

.roundedInput.customerCare{
width: 130px !important;
}

/*create proposal css*/
#subMenuHeader {
   padding:12px;
   font-size:14px;
    text-align:left;
    height: 45px;
}

.slab{
  border:0px !important;
  text-align: right;
 /* border-bottom: 1px solid #000000;*/
  color: #1c1c1c;
  width: 55px;
  background: #f6f6f6;
  margin-right: 4px;
}

.silverslabDiv{
  float:left;
  padding:2px;
  color:#1c1c1c;
  text-align:right;
  padding-left: 10px;
  
}

.gen_cargoslabDiv{
  width:140px;float: 
  left;padding:2px;
  color:#1c1c1c;
  text-align:right;
  padding-left: 10px;
  
}

.slabInputDiv{
  border-bottom: 1px solid #000000;
}
.slabNumber{
  text-align: right;
  margin-bottom: 20px;
}
.slabDiv{
/*  width:140px;
  float:left;
  padding:2px;
  color:#666;
  text-align:right;
  padding-left: 10px;*/
  /* width: 140px; */
  /* float: left; */
/*  padding: 2px;*/
  color: #666;
  text-align: right;
  /* padding-left: 10px; */  
}

.price{
  border:0px;
  border-bottom: 1px solid #000000;
  text-align: right;
  background: #f6f6f6;
}

.select_net_weight{
  border: 0px;
  border-bottom: 1px solid #999;  
}
.proposal_tab{
   width: 60px; 
   float: left;
   padding: 0px; 
   color: #000000;
}

.trips_tab{
   width: 100px; 
   float: left;
   color:#fff;
   
}
.trips_tab:hover{
  cursor: pointer;
   cursor: hand;
}
.proposal_tab:hover{
  cursor: pointer;
   cursor: hand;
}
.location_tab{
   width: 100px; 
   float: left;
   color:#fff;   
}
.location_tab:hover{
  cursor: pointer;
   cursor: hand;
}

.silverlocation_tab{
   width: 100px; 
   float: left;
   color:#fff;   
}
.silverlocation_tab:hover{
  cursor: pointer;
   cursor: hand;
}

.gen_cargolocation_tab{
   width: 100px; 
   float: left;
   color:#fff;   
}
.gen_cargolocation_tab:hover{
  cursor: pointer;
   cursor: hand;
}






.clientContainer {
  width:1000px;
  margin:auto;
  margin-top:50px;
}

.menuItemLeftText {
     padding: 10px 13px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    text-decoration: none;
    text-shadow: 0px 2px #fff;
    color: #000; 
}



.menuItemLeftTextOff {
      padding: 10px 13px;
    font-size: 17px;
    line-height: 24px;
    font-weight: 300;
    text-decoration: none;
    text-shadow: 0px 2px #fff;
    color: #999;   
}

.menuItemLeftTextOff:hover {
 
    color: #333;   
}

.menuItemLeft {
  border: 1px solid #ccc;border-right: none;box-shadow: 1px 0px #ffffff;background-color:#fff;padding-top:10px;padding-bottom:10px;
}

.menuItemLeftOff {
  border: 1px solid transparent;border-top-color: rgba(0,0,0,0.05);border-right: none;padding-top:10px;padding-bottom:10px;
}


.clientCentralDabba {
  background: #fff;border: 1px solid #ddd;box-shadow: -2px 0 2px #eeeeee,2px 0 2px #eeeeee;float:left;width:600px;padding-bottom:500px;
}

.clientLeftDabba {
  float:left;width:250px;
}


.clientRightDabba {
  float:left;width:140px;
}


.clientLeftMenuHolder {
  box-shadow: 0 1px 0px rgba(0,0,0,0.2);list-style:none;padding-top:30px;
}

.clientFooter {
  text-align: center;
  margin-top:100px;
  padding-bottom:50px;
  font-size:11px;
  color:#999;
}



 .subnavLink {
  color:#fff;
 }   


/* ~~ Element/tag selectors ~~ */
ul, ol, dl { /* Due to variations between browsers, it's best practices to zero padding and margin on lists. For consistency, you can either specify the amounts you want here, or on the list items (LI, DT, DD) they contain. Remember that what you do here will cascade to the .nav list unless you write a more specific selector. */
  padding: 0;
  margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
  margin-top: 0;   /* removing the top margin gets around an issue where margins can escape from their containing div. The remaining bottom margin will hold it away from any elements that follow. */
  padding-right: 15px;
  padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead of the divs themselves, gets rid of any box model math. A nested div with side padding can also be used as an alternate method. */
}
a img { /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
  border: none;
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors that create the hover effect. ~~ */
a:link {
  text-decoration: none; /* unless you style your links to look extremely unique, it's best to provide underlines for quick visual identification */
}


/* ~~ this fixed width container surrounds the other divs ~~ */
.container {
  width: 1000px;
  text-align:center;
  margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
}
/* ~~ the header is not given a width. It will extend the full width of your layout. It contains an image placeholder that should be replaced with your own linked logo ~~ */
.header {
  margin-top:20px;
  margin-bottom: 20px;
  text-align: center;
}

.headerUser {
  text-align: left;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* ~~ This is the layout information. ~~ 

1) Padding is only placed on the top and/or bottom of the div. The elements within this div have padding on their sides. This saves you from any "box model math". Keep in mind, if you add any side padding or border to the div itself, it will be added to the width you define to create the *total* width. You may also choose to remove the padding on the element in the div and place a second div within it with no width and the padding necessary for your design.

*/

.content {
  background: #FFF;
  padding: 20px;
  padding-bottom:50px;
  border:1px solid #f4f4f4;
}

/* ~~ The footer ~~ */
.footer {
  padding: 10px 0;
  text-align: center;
  font-size:10px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
  float: right;
  margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
  float: left;
  margin-right: 8px;
}
.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}


    section {
      padding: 30px 25px;
    }
    
    section > * {
      margin: 10px
    }
    
    /* Button */
    .button {
      display: inline-block;
      position: relative;
      width: 120px;
      height: 32px;
      line-height: 32px;
      //border-radius: 2px;
      font-size: 0.9em;
      background-color: #fff;
      color: #646464;
      cursor:pointer;
    }
      .button_notes {
      display: inline-block;
      position: relative;
      width: 120px;
      height: 20px;
      line-height: 26px;
      border-radius: 1px;
      font-size: 0.8em;
      background-color: #2196F3;
      color: #fff;
      cursor:pointer;
    }
    
    .button > paper-ripple {
      border-radius: 2px;
      overflow: hidden;
    }
    
    .button.narrow {
      width: 30px;
    }
    
    .button.grey {
      background-color: #eee;
    }
    
    .button.blue {
      background-color: #4285f4;
      color: #fff;
    }

    .button.red {
      background-color: #e51c23;
      color: #fff;
    }
    
    .button.green {
      background-color: #0f9d58;
      color: #fff;
    }

    .button.black {
      background-color: #1c1c1c;
      color: #fff;
    }

    .button.blackBorder {
      background:none;
      border:1px solid #1c1c1c;
      color: #1c1c1c;
    }
    
    .button.raised {
      transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.2s;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }
    
    .button.raised:active {
      box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      transition-delay: 0s;
    }
    
    /* Icon Button */
    .icon-button {
      position: relative;
      display: inline-block;
      width: 56px;
      height: 56px;
    }
    
    .icon-button > core-icon {
      margin: 16px;
      transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    }
    
    .icon-button:hover > core-icon {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
    }
    
    .icon-button > paper-ripple {
      overflow: hidden;
      color: #646464;
    }
    
    .icon-button.red > core-icon::shadow path {
      fill: #db4437;
    }
    
    .icon-button.red > paper-ripple {
      color: #db4437;
    }
    
    .icon-button.blue > core-icon::shadow path {
      fill: #4285f4;
    }
    
    .icon-button.blue > paper-ripple {
      color: #4285f4;
    }
    
    /* FAB */
    .fab {
      position: relative;
      display: inline-block;
      width: 56px;
      height: 56px;
      border-radius: 50%;
      color: #fff;
      overflow: hidden;
      transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition-delay: 0.2s;
      box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    }
    
    .fab.red {
      background-color: #d23f31;
    }
    
    .fab.blue {
      background-color: #4285f4;
    }
    
    .fab.green {
      background-color: #0f9d58;
    }
    
    .fab:active {
      box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
      transition-delay: 0s;
    }
    
    .fab > core-icon {
      margin: 16px;
    }
    
    .fab > core-icon::shadow path {
      fill: #fff;
    }
    
    /* Menu */
    .menu {
      display: inline-block;
      width: 180px;
      background-color: #fff;
      box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    }
    
    .item {
      position: relative;
      height: 48px;
      line-height: 48px;
      color: #646464;
      font-size: 0.9em;
    }
    
    .menu.blue > .item {
      color: #4285f4;
    }
    
    /* Card, Dialog */
    .card, .dialog {
      position: relative;
      display: inline-block;
      width: 300px;
      height: 240px;
      vertical-align: top;
      background-color: #fff;
      box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.24);
      padding:10px;
      text-align:left;
    }
    
    .dialog {
      box-sizing: border-box;
      padding: 16px;
    }
    
    .dialog > .content {
      height: 170px;
      font-size: 0.9em;
    }
    
    .dialog > .content > .title {
      font-size: 1.3em;
    }
    
    .dialog > .button {
      width: 90px;
      float: right;
    }
    
    .card.image {
      background: url(http://lorempixel.com/300/240/nature/);
      color: #fff;
    }
    
    /* Misc */
    .center {
      text-align: center;
    }
    
    .label {
      padding: 0 16px;
    }
    
    .label-blue {
      color: #4285f4; 
    }
    
    .label-red {
      color: #d23f31; 
    }
    


.tostie-toast{
position:fixed;
top:0;
left:0;
width:100%;
z-index:100;
text-align:center;

  font-weight:bold;color:#333;
  font-size:14px;
  
}
.tostie-toast > div{
  
  background-color:gray;
  padding:5px 0 5px 10px;
  margin-bottom:10px;
}
.tostie-toast .toast-close{
  
  width:100%;
  height:100%;
  display:block;
  text-decoration:none;
}
.tostie-toast .success{
  background-color:#ffffcc;border:1px solid #63ff00;
 padding:10px; 
}
.tostie-toast .notice{
  background-color:#0086c4;
}
.tostie-toast .warning{
  background-color:#d3d600;
}
.tostie-toast .error{
  background-color:#e00000;
}

.inputTextNew{
  background-color:#f6f6f6;
  border:none;
  border-bottom:1px solid #1c1c1c;
  width:200px;
}

.suspect_inputError{
  background-color:#f6f6f6;
  border:none;
  border-bottom:1px solid red;
  width:200px;
}

.a_btn3 {
    font-size: 14px;
    color: #444;
    font-weight: 700;
    padding: 0px 10px 5px 10px;
    font-family: 'Roboto Condensed', sans-serif;
}

.silversaveLaneDetail{
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  height: 30px;
  width: 70px;
}

#upload-file-container {
   background-image:url(../images/verified.png);
}

#upload-file-container input {
   filter: alpha(opacity=0);
   opacity: 0;
}

/* Content - Dabba */
.border-none {
  border: none;
}

.additional-chrge-heading{
  border-bottom: 1px solid #dcd8d8;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-top: 5px;
}

.master-rate-group-height{
    background-color: #EFEFEF;
    height:200px;
}

.master-silver-rate-group-height{
    background-color: #EFEFEF;
    height:165px;
}

.group-height{
    background-color: #EFEFEF;
    height:134px;
}
.group-height-one{
    background-color: #EFEFEF;
    height:134px;
}
.bg-grey{
    background-color: #EFEFEF;
}

.font-black{
  color: black !important;
}

/*body {
    overflow-x: hidden;
 }*/

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    overflow-y: auto;
    background: #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    padding: 15px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 250px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 250px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* --------------------------- Manual Invoice ---------------------------*/
.manual_invoice textarea { 
  font: 14px; resize: none; 
}
.manual_invoice table { 
  border-collapse: collapse; 
}
.manual_invoice table td, .manual_invoice table th { 
  border: 1px solid black; padding: 5px; 
}

.manual_invoice #header { 
  height: 35px; 
  width: 100%; 
  margin-bottom: 20px;
  background: #222; 
  text-align: center; 
  color: white; 
  font: bold 15px Helvetica, Sans-Serif; 
  text-decoration: uppercase; 
  letter-spacing: 20px; 
  padding: 8px 0px; 
}
.manual_invoice #customer-title { 
  font-size: 20px; 
  font-weight: bold; 
  float: left; 
  width: 25%;
}

.manual_invoice #items { clear: both; width: 100%; margin: 30px 0 0 0; border: 1px solid black; }
.manual_invoice #items th { background: #eee; }
.manual_invoice #items textarea { width: 200px; height: 50px; }
.manual_invoice #items tr.item-row td { border: 0; vertical-align: top; }
.manual_invoice #items td.description { width: 300px; }
.manual_invoice #items td.item-name { width: 175px; }
.manual_invoice #items td.description textarea, #items td.item-name textarea { width: 100%; }
.manual_invoice #items td.total-line { border-right: 0; text-align: right; }
.manual_invoice #items td.total-value { border-left: 0; padding: 10px; }
.manual_invoice #items td.total-value textarea { height: 20px; background: none; }
.manual_invoice #items td.balance { background: #eee; }
.manual_invoice #items td.blank { border: 0; }

.manual_invoice textarea:hover, 
.manual_invoice textarea:focus, 
.manual_invoice #items td.total-value textarea:hover, 
.manual_invoice #items td.total-value textarea:focus, 
.manual_invoice .delete:hover { 
  background-color:#EEFF88; 
}
.manual_invoice .price {
  background: #ffffff;
  border: 1px solid #ccc;
  border-radius: 4px;  
}

.manual_invoice .delete-wpr { position: relative; }
.manual_invoice .delete { 
  display: block; 
  color: #000; 
  text-decoration: none; 
  position: absolute; 
  background: #EEEEEE; 
  font-weight: bold; 
  padding: 0px 3px; 
  border: 1px solid; 
  top: -6px;
  left: -6px;
  font-family: Verdana; 
  font-size: 12px; 
}

.delete-wpr textarea{
  margin-left: 20px;
  width: 97% !important;
}

/* Label */
.label-success {
  background-color: #5cb85c;
}

.label-error {
  background-color: #d9534f;
}

.panel-title-small {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  color:#333;
}

.master-rate-class label.error{
  display: none !important;
}

.problem_menu {
  background-color: #E75353 !important;
}

/* Docket Details */
.text-navy {
  padding: 16px 0px 11px 0px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


.blackColor {
  color:#000000;
}

.airwayBill2Style{
  margin-top: 25px;
  margin-left: -20px;
  width: 273px;
}

.group-height-two{
    background-color: #EFEFEF;
    height:264px;
}

.company-status-done{
  font-size:16px;
  color:green;
  margin-top: 2px;
}

/*h3.page_header {
  font-weight: 400;
  padding-left: 0px;
  padding-right: 0px;
  font-size: 18px;
  margin-bottom: 15px;
  text-transform: uppercase;
  float: left;
  font-family: 'Roboto Condensed', sans-serif;
  border-bottom: 1.5px solid #634475;
  padding-bottom: 5px;
}
*/
/*.section_title {
  clear: both;
}

.message_wrapper {
  min-height: 500px;
  overflow-y: scroll;
  max-height: 500px;
}*/