/*
|--------------------------------------------------------------------------
| Custom css for data tables
|--------------------------------------------------------------------------
*/
:root{
    /* --color-cyan:#01c0c8;
    --color-cyandark:#00888d; */
    --color-cyan:#01c0c8;
    --color-cyandark:#00e0dd;
    --color-white:rgb(255, 255, 255);
    --color-dgray:#212529;
    --color-blue:#1100ff;
    --color-cyanlight:#81ecec;
    --color-black:#000000;
    --color-orrange:#fb9678;
    --color-orrange-light:#ff784f;
}


table#mainTable-custom tr >td {
    padding: 0;
}

table#mainTable-custom tr >td:first-child{
    padding: 1rem;
}
table#mainTable-custom tr >td >input{
    width: 100%;
    outline: none;
    border: 0;
    padding: 1rem;
}
table#mainTable-custom tr:nth-of-type(odd) input{
    background: #f8f9fa;
}



table#mainTable-custom.invalid-table tr >td:first-child{
    padding: 1rem .25rem .25rem .25rem;
    color: red;
    font-weight: 400;
}

table#mainTable-custom.valid-table td,
table#mainTable-custom.valid-table th,
table#mainTable-custom.valid-table tr >td:first-child,
table#mainTable-custom.invalid-table th{
    padding: .5rem;
}
table#mainTable-custom.invalid-table tr >td >input{
    padding:1rem .25rem;
}
#success_count.text-success{
    color: green !important;
    font-weight: 500;
}
#error_count.text-danger{
    color: red !important;
    font-weight: 500;
}

.danger {
    color: red;
    font-weight: bold;
}

.custom-flex{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}


/* ================ */
.order-bulk .cutom-button-group {
    flex-direction: column;
}

.order-bulk .cutom-button-group .inputfile-1 + label {
    width: 100%;
}
.order-bulk .cutom-button-group button {
    margin-right: 0px;
}
.order-bulk .button-group > .row > div {
    margin-bottom: 5px;
}

.order-bulk div.message > span {
    display: inline;
    font-size: 1rem;
    display: block;
}
.message{
    text-align: left;
}

@media only screen and (min-width: 768px) {
    .order-bulk .cutom-button-group {
        flex-direction: row;
    }
    .order-bulk .custom-file-upload,
    .order-bulk .cutom-button-group button{
        margin-right: 5px;
    }
  }

  @media only screen and (min-width: 1400px) {
    .order-bulk .button-group > .row > div {
        margin-bottom: 0px;
    }
  }


.table-responsive .dataTables_wrapper.container-fluid{
    padding: 0;
}

.input-group.phone label{
    width: 100%;
}

table > thead,
table#datatable > button,
.page-item.active .page-link,
.btn-primary,
.btn-primary:hover
{

    background-color:var(--color-cyan);

}

.page-item.active .page-link {

    color: var(--color-white);
    border-color:var(--color-cyan);
}

.page-link {

    color:var(--color-cyan);
    background-color: var(--color-white);
    border-color: var(--color-white);

}

a {
    color: var(--color-cyan);
}

.page-link:hover {

    color: var(--color-blue);
    background-color: var(--color-white);
    border-style: solid;
    border-color: var(--color-white);
    border-image: initial;
}

.table{

    width:100%;

}

.dt-buttons .dt-button {

    background: var(--color-cyanlight);
    color:var( --color-black);
}

.btn-primary {
    color: var(--color-dgray);
    border-color: var(--color-cyan);
}

.dt-buttons .dt-button:hover {

    background: var(--color-cyandark);
    color: var(--color-black);
}

.btn-primary:hover {
    color: var(--color-dgray);
    border-color: var(--color-cyan);
}

.btn-primary.focus, .btn-primary:focus {
    border-color: var(--color-cyan);
    box-shadow: 0 0 0 0.2rem rgb(0 206 201 / 50%);
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: var(--color-white);
    background-color: var(--color-cyan);
    border-color: var(--color-cyan);
}


/*
|--------------------------------------------------------------------------
|Custom styles / rider settlment table
|--------------------------------------------------------------------------
*/
.table.rider-settlement td i{
    color: red;
    font-size: 1.4rem;
    padding: 0 1rem;
}

.table.rider-settlement td i.fas.fa-check,.branch-in-packages .table#received-packages td i.fas.fa-check{
    color: green;
    padding: .41rem 1rem;
}


html body .m-l-20{
    padding: 10px;
}



#counter #item_count{
    color: green;
    font-weight: 500;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    color: #1e7679;
}


#remaining-counter #remaining_item_count {
    color: #cb4238;
    font-weight: 500;
}


/*
|--------------------------------------------------------------------------
|Custom styles / add single package
|--------------------------------------------------------------------------
*/

select#client.text-danger{
    color: #212529 !important;
}

.validation-wizard.branchin .text-danger{
    display: block !important;
}

#branch_in_form .text-danger{
    display: block !important;
}

/* change order processing action button color */
.btcolor{
    background: var(--color-orrange-light);
    color:var( --color-black);
}

.report-pointer{
    cursor: pointer;
}

.report-pointer.active{
    border: 2px solid #01c0c8;
}

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

.table#received-packages td i {
    color: red;
    font-size: 1.4rem;
    padding: 0 1rem;
}





/*
|--------------------------------------------------------------------------
|Pre loader custom style
|--------------------------------------------------------------------------
*/

body > #pre-loader{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000002e;
    z-index: 9999;
    height: 100vh;
  }

  @keyframes ldio-mqi23qdxm6 {
    0% { transform: rotate(0deg) }
   50% { transform: rotate(22.5deg) }
  100% { transform: rotate(45deg) }
  }
  .ldio-mqi23qdxm6 > div {
  transform-origin: 50px 50px;
  animation: ldio-mqi23qdxm6 0.2s infinite linear;
  }
  .ldio-mqi23qdxm6 > div div {
    position: absolute;
    width: 11px;
    height: 76px;
    background: #03a9f3;
    left: 50px;
    top: 50px;
    transform: translate(-50%,-50%);
  }
  .ldio-mqi23qdxm6 > div div:nth-child(1) {
    width: 60px;
    height: 60px;
    border-radius: 50%;
  }
  .ldio-mqi23qdxm6 > div div:nth-child(6) {
    width: 40px;
    height: 40px;
    background: #d1d1d1;
    border-radius: 50%;
  }.ldio-mqi23qdxm6 > div div:nth-child(3) {
  transform: translate(-50%,-50%) rotate(45deg)
  }.ldio-mqi23qdxm6 > div div:nth-child(4) {
  transform: translate(-50%,-50%) rotate(90deg)
  }.ldio-mqi23qdxm6 > div div:nth-child(5) {
  transform: translate(-50%,-50%) rotate(135deg)
  }
  .loadingio-spinner-gear-opcykxb7hn {
  width: 100px;
  height: 100px;
  display: inline-block;
  overflow: hidden;
  background: none;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
  -ms-transform: translate(-50%, -50%); /* IE 9 */
      transform: translate(-50%, -50%); /* IE 10, Fx 16+, Op 12.1+ */

  }
  .ldio-mqi23qdxm6 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
  }
  .ldio-mqi23qdxm6 div { box-sizing: content-box; }



/*
|--------------------------------------------------------------------------
| Start loader custom style
|--------------------------------------------------------------------------
*/
body > .loader-wrapper{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0000002e;
  z-index: 9999;
  height: 100vh;
}

body > .loader-wrapper > svg {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}


.erase-filter{

    align-content: center;
    /* flex-direction: row; */
    flex-direction: row-reverse;
}

#clientreturnlisttable {
    width:100% !important;
}

.sales-commission-report .form-body .form-group h6{

    font-weight: 500;
}


/*
|--------------------------------------------------------------------------
| Select2 custom style
|--------------------------------------------------------------------------
*/
  .select2-selection {
    min-height: 38px;
    padding:.25rem.75rem!important ;
    color:#3c8dbc;
    /* text-transform: capitalize; */
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: ltr;
    user-select: none;
    background-color: #fff;
    appearance: none;
    outline:none;
}
.select2-container--default .select2-selection--single{
    border: 1px solid #eaeaea !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    color: #000;
}
.select2-selection__arrow{

    top:5px !important;
    right:5px !important;
}

.select2-container {
    width:100% !important;
}

.rearrage:disabled{
    color: #fff;

}

.badge-orange {
    background-color: rgb(237, 125, 49);
    color: white;
}