#SHIPMENT-HISTORY{
    color: grey!important;
}
#SHIPMENT-HISTORY-ACTIVE{
    color: #fff!important;
}
#SHIPMENT-HISTORY:hover{
    color: #fff!important;
}
#MAKE-BOOKING{
    color: #35aa47!important;
}
#MAKE-BOOKING:hover{
    color: #fff!important;
}
#MAKE-BOOKING-ACTIVE{
    color: #fff!important;
}
.Header_button{
    background-color: rgba(77, 89, 149, 0.06)!important; 
    color:#5d78ff !important; 
    padding:7px 14px !important; 
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: 500;
    font-family: Poppins, Helvetica, sans-serif;
    
}
.Header_button:hover{
    background-color: #5d78ff!important; 
    color:#fff !important; 
    
}
.header_button_green{
    background-color: rgba(77, 89, 149, 0.06)!important; 
     color:#5d78ff !important; 
      padding:7px 14px !important; 
      border-radius: 6px !important;
      font-size: 13px !important;
    font-weight: 500;
    font-family: Poppins, Helvetica, sans-serif;
    
}
.header_button_green:hover{
    background-color: #5d78ff!important; 
    color:#fff !important; 
     
    
}
.header_button_green_active{
    background-color: #5d78ff!important; 
    color:#fff !important; 
     
    
}
.header_background{
    background-color: #fff!important; 
    height: 60px!important; 
    border-bottom: 1px solid #ccc!important; 
}
.logged_as_shipper_btn{
    background-color: transparent!important; 
     
     
      border-radius: 6px !important;
}
.logged_as_shipper_text{
    color:#5d78ff !important; 
    font-size: 13px;
    font-weight: 500 !important; 
    font-family: Poppins, Helvetica, sans-serif;
    letter-spacing: 1px;
}
.header_bottom_blue_red_box{
    border-radius: 15px !important;
}
.header_bottom_blue_red_icon_box{
    border-radius: 8px !important;
}
.table-bordered-dashboard-page, .table-bordered-dashboard-page>tbody>tr>td, .table-bordered-dashboard-page>tbody>tr>th, .table-bordered-dashboard-page>tfoot>tr>td, .table-bordered-dashboard-page>tfoot>tr>th, .table-bordered-dashboard-page>thead>tr>td, .table-bordered-dashboard-page>thead>tr>th{
    border-left: none !important;
    border-right: none !important;
    
    text-align: center !important;
}
.portlet > .portlet-body.red,
.portlet.red {
  background-color: #0abb87!important; }
.shipment-main-lightgreen-table {
    border: 0.6px solid #0abb87!important;
    border-top: 0!important;
    border-radius: 15px !important;
    
}
/* .table.dataTable td#table_inside_blue_box{
    border-radius: 12px !important;
    border: none;
} */
.footer_copyright{
    padding: 20px;
}
.bg-pink{
    background:#fd397a;
}
.bg-lightgreen{
    background-color: #0abb87!important;  
    border: 0.6px solid #0abb87!important;
}
.bg-lightblue{
    background-color: #36c6d3 !important;  
    border: 0.6px solid #36c6d3 !important;
}
.view-button{
    padding: 4px 10px 4px 10px;
    border-radius: 15px !important;
    background: #e1e5ec !important;
    color: #666 !important;
    letter-spacing: 0px !important;

}
.view-button-highlight{
    padding: 4px 10px 4px 10px;
    border-radius: 15px !important;
    background: red !important;
    color: #fff !important;
    letter-spacing: 0px !important;

}
.document-button{
    padding: 4px 10px 4px 10px;
    border-radius: 15px !important;
    background: green !important;
    color: #fff !important;
    letter-spacing: 0px !important;

}
.edit-msg-can-btn{
    border-radius: 12px !important;
    padding: 4px 10px 4px 10px;
    margin: 2px;
}
.edit-dashboard-btn{
    border-radius: 12px !important;
    padding: 4px 10px 4px 10px;
    margin: 2px;
    color: #337ab7 !important;
    font-weight: 500;
}
/* action drop down button */
.action-button-dropdown{
    min-width: 100px !important;
}
.action-dots{
    font-size: 16px !important;
}

/* add page */
.shipment-main-green-table {
    background-color: transparent!important;  
    border-radius: 15px !important;
}
.add-form-input{
    border-radius: 8px !important;
    border: 1px solid #e2e5ec !important;
  
    width:100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333333 !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}
.save-btn{
    border-radius: 12px !important;
    padding: 8px 20px 8px 20px !important;
    background-color: #0abb87!important;  
}
.cancel-btn{
    border-radius: 12px !important;
    padding: 8px 20px 8px 20px !important;
   
}

.btn-green-plus{
    width: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    min-width: 0 !important;
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12) !important;
    box-sizing: border-box !important;
    min-height: 36px !important;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
    border-radius: 50% !important;
    background-color: #0abb87!important;  
    
}
.btn-green-plus-icon{
    position: relative !important;
    top: 33% !important;
    font-size:18px !important;
}
.btn-red-minus{
    width: 35px !important;
    height: 35px !important;
    padding: 0 !important;
    min-width: 0 !important;
    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px e7505a !important;
    box-sizing: border-box !important;
    min-height: 35px !important;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
    border-radius: 50% !important;
    background-color: #e7505a!important;  
    
}
.btn-red-minus-icon{
    position: relative !important;
    top: 33% !important;
    font-size:20px !important;
}
.form-body-bg{
    background-color: transparent!important;  

}
.main-border-of-table{
    background-color: transparent!important;
    border-radius: 15px !important;
    border: 1px solid#0abb87!important;  
}
.green-form-heading{
    background-color: #0abb87 !important;
    border: 1px solid #0abb87 !important;
    border-radius: 12px !important;
}
.grey-save-cancel-btn-box{
    border-radius: 19px !important;
}

/* login page */
.login-form-input{
    border-radius: 8px !important;
    border: 1px solid #e2e5ec !important;
    width:100% !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #333333 !important;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s !important;
}

/* for header responsive */
#header-menus-responsive{
    margin-top:6px;  margin-left:40px; margin-right:6px;  float:left;
    
}
.only-dashboard-btn{
    margin-top:1px !important;
}

@media only screen and (max-width: 600px) {
    #header-menus-responsive{
        margin-top: 20px !important;
    margin-bottom: -10px !important;
    margin-left: 0;
    margin-right: 10px;
    float: left;
    width: 46%;
        
    }
    .only-dashboard-btn{
        margin-top: 20px !important;
        margin-bottom: -10px !important;
    }
}


@media only screen and (min-width: 600px) {
    /*#header-menus-responsive{
        margin-top:6px;  margin-left:50px; margin-right:6px;  float:left;
        
    }*/
    .only-dashboard-btn{
        margin-top:1px!important;
    }
}

@media only screen and (min-width: 768px) {
    #header-menus-responsive{
        margin-top:6px;  margin-left:35px; margin-right:6px;  float:left;
        
    }
    .only-dashboard-btn{
        margin-top:1px !important;
    }
}


@media only screen and (min-width: 992px) {
    #header-menus-responsive{
        margin-top:6px;  margin-left:50px; margin-right:6px;  float:left;
        
    }
    .only-dashboard-btn{
        margin-top:1px !important;
    }
}


@media only screen and (min-width: 1200px) {
    #header-menus-responsive{
        margin-top:6px;  margin-left:50px; margin-right:6px;  float:left;
        
    }
    .only-dashboard-btn{
        margin-top:1px !important;
    }
}
/* home page */
.login .content1 {
 margin: 0 auto;
    margin-bottom: 0px;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
  }
.home-cargo-heading{
    font-size: 60px;
    color: #fff;
    text-align: center;
}
.both-btn{
    margin: 0px auto !important;
    display: table;
}
@media only screen and (max-width: 600px) {
    
    .home-cargo-heading{
        font-size: 35px;
        color: #fff;
        text-align: center;
    }
}


@media only screen and (min-width: 600px) {
   
    .home-cargo-heading{
        font-size: 60px;
        color: #fff;
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    
    .home-cargo-heading{
        font-size: 60px;
        color: #fff;
        text-align: center;
    }
}


@media only screen and (min-width: 992px) {
   
    .home-cargo-heading{
        font-size: 60px;
        color: #fff;
        text-align: center;
    }
}


@media only screen and (min-width: 1200px) {
   
    .home-cargo-heading{
        font-size: 60px;
        color: #fff;
        text-align: center;
    }
}
.link1{
    color: #fff !important;
}
.link1:hover{
    color: #fff !important;
    text-decoration: none !important;
}

/* contact form */
.content-contact{
    background: url(../img/bg-white-lock.png) repeat;
    float:none !important;
    margin: 0 auto !important;
    margin-bottom: 0px !important;
    padding: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    background:#fff !important;
}
.contact-form-p{
    color: #9999a6;
}

@media screen and (min-width: 601px) and (max-width: 720px) {
    #header-menus-responsive {
        margin-top: 20px !important;
        margin-bottom: -10px !important;
        margin-left: 0;
        margin-right: 10px;
        float: left;
        width: 47%;
    }
}
@media screen and (min-width: 581px) and (max-width: 1055px) {
.page-header.navbar .top-menu .navbar-nav > li.dropdown {
    margin-top: 25px !important;
}
}