/*Loader*/
select{
  -webkit-appearance: menulist;
}
.loader {
  display: inline-block;
  border: 2px solid #9b9b9b;
  border-radius: 50%;
  border-top: 2px solid #065492;
  width: 15px;
  height: 15px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/*Loader ends*/

.pickupWrapper {
    margin: 10px 20px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

.refresh-bttn{
  padding: 0px;
  font-size: 20px;
  margin: 3px 7px 0px 7px!important;
}

.inputText:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

.bulkError{
  border-color: rgba(234,12,94, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(234,12,94, 0.6) !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(234,12,94, 0.6) !important;

}

table {
    margin-bottom: 0 !important;
}

th {
    font-weight: 600;
    font-size: 14px;
    vertical-align: middle !important;
}
table tbody tr td{
	font-size: 14px;
}

table thead tr th{
  background-color: #f8f8f8;
}

th p {
  font-weight: 500;
  font-size: 12px;
}

.inputText[disabled] {
  background: #ebebe4;
  cursor: not-allowed;
}

.material-icons {
    font-size: 15px;
}

.unsync {
    color: #fff;
    background: #ff9f02;
    border-radius: 50%;
}

.sync {
    color: #55c93b;
}

.warn {
    color: #d0011b;
}

.create,
.information {
  color: #065492;
  font-size: 18px;
}
.arrow_upward {
  color: #065492;
  font-size: 20px;
}
.headerLeft h1 {
    color: #43aee8;
    padding: 10px;
    font-weight: 600;
    letter-spacing: 0.8px;
}

.headerLeft p{
  padding: 0 10px 10px;
  font-size: 12px;
}

.headerRight{
  margin-bottom: 0px;
}

.headerRight * {
    margin: 10px;
}

.headerRight input[type="date"], .headerRight select{
  display: inline-block;
}

.headerRight input[type="date"]{
  width: 160px;
}

.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 {
    border: 1px solid #efefef;
}

.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom: 1px solid #efefef;
}

/*Upload CSV*/
  #uploadCsv .close:disabled{
    opacity: 0.5;
    cursor: not-allowed;
  }
/*Upload CSV Ends*/

/*Drag and drop */

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
  display: none;
}

.box{
  font-size: 1.25rem;
      background-color: #c8dadf;
      position: relative;
      padding: 100px 20px;
}

.box__file{
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.label {
    font-size: 20px;
    width: 100%;
    text-align: center;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    color: #797979;
}

.box__button{
  border: none;
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: block;
  padding: 8px 16px;
  /*margin: 40px auto 0;*/
}

.box__uploading {
    font-style: italic;
}

.box.has-advanced-upload .box__icon {
    width: 100%;
    height: 80px;
    fill: #92b0b3;
    display: block;
    margin-bottom: 40px;
}

.box__success {
    -webkit-animation: appear-from-inside .25s ease-in-out;
    animation: appear-from-inside .25s ease-in-out;
}

.box.has-advanced-upload {
  outline: 2px dashed #92b0b3;
  outline-offset: -10px;
  -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
  transition: outline-offset .15s ease-in-out, background-color .15s linear;
}
.box.has-advanced-upload .box__dragndrop {
  display: inline;
}

/*Drag and drop ends*/

.uploadConsignmentStatus{
  padding: 10px 10px 10px 0;
  margin-bottom: 5px;
  border: solid 1px #cccccc;
}

.uploadConsignmentStatus.statusError{
  background-color: #ffe1e3;
}

.uploadConsignmentStatus.statusSuccessful{
  background-color: #deffb6;
}

.uploadConsignmentStatus.statusUploading{
  background-color: #fffee1;
}

.uploadConsignmentStatus.statusSuccessful .icon{
  color: #42c325;
  font-size: 16px !important;
}

.uploadConsignmentStatus.statusError .icon{
  color: #d0021b;
  font-size: 16px !important;
}

.openIcon{
  color: black;
  font-size: 16px !important;
}

.noData{
  padding: 20px 0;
  font-size: 20px;
  color: #999999;
}
.noMargin{
  margin: 0px;
}