select:focus{
  outline: none !important;
}
.rfapp_headertitle {
	   float: left;
	}
	.rfapp-submitbn input {
	   background: #333333;
	   padding: 7px 20px;
	   border-radius: 4px;
	   color: #fff;
	   font-size: 14px;
	   margin-left: 5px;
	   position: relative;
	   top: 0px;
	   border: none;
	}
  .rfapp-submitbn button {
     background: #333333;
     padding: 7px 20px;
     border-radius: 4px;
     color: #fff;
     font-size: 14px;
     margin-left: 20px;
     position: relative;
     top: 0px;
     border: none;
  }
  .rfapp-tabs-ul {
      position: relative;
  }
	.rfapp-tabs {
    background: #f9fafb;
    padding: 0 40px 0 0;
    border-bottom: 1px solid #dfe3e8;
}
	.rfapp-tabs-li:not(:last-child) {
	    margin-right: 16px;
	}
  /*li.rfapp-tabs-li .logout {
    position: absolute;
    right: 28px;
}*/
	.rfapp-tabsc-box{
		display: none;
	}
	#rfapp-manage-refund{
		display: none;
	}
	/*.rfapp-tabs-li a {
	    display: inline-block;
	    padding: 5px 10px;
	    background: #333333;
	    border-radius: 4px;
	    color: #fff;
	    font-size: 15px;
	}*/
  .rfapp-tabs-li a {
    display: inline-block;
    padding: 5px 15px;
    background: #333333;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
  .left-swipe{
      display: inline-block;
      padding: 5px 10px;
      background: #333333;
      border-radius: 4px;
      color: #fff;
      font-size: 15px;
  }
	a:hover, a:focus, a:active{
		text-decoration: none;
	}
.db-tablewrp td, .db-tablewrp th{
    padding: 15px;
}
.db-tablewrp thead th:first-child,
.db-tablewrp tbody tr td:first-child,
.db-tablewrp tbody tr th:first-child {
    padding-left: 23px;
}
.rfapp-tabs-content {
    background: #F4F6F8;
    padding: 30px 40px;
    min-height: 100vh;
}
th.dborderpg-id a {
    color: #006fbb;
}
.btnrefunde button.btn, .generate-shipping-btn button.btn, .generate-shipping-label button.btn{
    background: #333333;
    color: #fff;
    font-size: 14px;
}
.generate-shipping-label button.btn{
	background: green;
}
/*#rfapp-manage-shipment .dbordrddtlpg {
    display: none;
}*/
#rfapp-manage-shipment {
    display: block;
}

.table td, .table th{
    vertical-align: middle;
}
.filter-hdrcol{
	max-width: 400px;
	margin-left: auto;
}

.filter-hdrcol button.btn {
    background: transparent;
    background-color: transparent;
    border: 1px solid #ced4da;
    color: #495057;
    border-radius: 0;
}
.filter-hdrcol input.form-control {
    border-radius: 0;
}
/*#rfapp-manage-refund .dbordrddtlpg{
	display: none;
}*/
p.dbordrddtlg-backbtn span {
  margin-left: 10px;
}

p.dbordrddtlg-backbtn {
  margin-bottom: 10px;
  font-size: 17px;
}

p.dbordrddtlg-backbtn a {
  color: #333;
}

.dborderpg-title sub {
  font-size: 14px;
  font-weight: 300;
  margin-left: 10px;
  position: relative;
  top: 0;
}
.page-title h3{
  font-weight: 600;
  color: #3a599b;
}
dbordrddtlg-crd {
  background: #fff;
}

.dbordrddtlg-crdheader {
  border-bottom: 1px solid #e9ecef;
  padding: 15px 15px 10px;
}

.dbordrddtlg-crd-cntnt {
  padding: 15px;
  font-size: 14px;
}

.dbordrddtlg-clwrp {
    padding: 20px;
}
.dbordrddtlg-row {
    border-bottom: 1px solid #dee2e6;
}
.dbordrddtlg-clwrp .dbordrddtlg-row.row:last-child {
    border: none;
}
.dbordrddtlg-cldead {
    padding: 0.6rem!important;
}
.dbordrddtlg-header h5 {
    color: #333;
    font-weight: 600;
    font-size: 14px;
}
.dbordrddtlg-header div.shiping_data_display {
    font-size: 13px;
}
.dbordrddtlg-header div.shiping_data_display span.active {
    background: #39b739;
    padding: 3px 12px;
    border-radius: 20pc;
    color: #fff;
}
.dbordrddtlg-header div.shiping_data_display span.inactive {
    background: #716a6a;
    padding: 3px 12px;
    border-radius: 20pc;
    color: #fff;
    margin-left: 5px;
}

.dbordrddtlg-crdheader h5 {
  color: #333;
  font-weight: 600;
  font-size: 18px;
}

.dbordrddtlg-crdheader h5 {
  color: #333;
  font-weight: 600;
  font-size: 18px;
}

.dbordrddtlgcrdbtn {
  color: #3a599b;
  text-transform: capitalize;
  margin-right: 5px;
}

.dbordrddtlg-crd {
  margin-bottom: 25px;
}

.dborderpg-img img {
  max-width: 50px;
}

td.dborderpg-title {
  text-align: left;
  font-weight: 600;
}
.dbordrddtlg-crd {
    background: #fff;
    margin-bottom: 25px;
}
.btnrefunded{
	color: #28a745;
}
span.rfapp-syncinvtry-hdrty-error {
    color: #dc3545;
}
span.rfapp-syncinvtry-hdrty-done {
    color: #28a745;
}
.rfapp_headertitle h3 {
    margin-bottom: 0;
    font-weight: 600;
    color: #333;
    font-size: 23px;
}
.sidebar-wrp > ul {
    padding: 30px;
    background: #fff;
}

.sidebar-wrp > ul{
    padding: 30px;
    background: #fff;
    list-style: none;
}
.sidebar-wrp > ul > li + li{
    margin-top: 15px;
}
.sidebar-wrp > ul > li .sidebar-mainul-lable {
    font-weight: 600;
    font-size: 16px;
    line-height: 35px;
}
ul.sidebar-ulinner {
    padding: 0 0 0 20px;
    list-style: none;
}
ul.sidebar-ulinner li {
    margin-top: 6px;
    font-size: 14px;
}
ul.sidebar-ulinner li i {
    display: inline-block;
    margin-right: 10px;
}
.sidebar-ulinner a {
    color: #555;
}
.logo a {
    display: inline-block;
}
span.ship-status {
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 20px;
    font-size: 13px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    text-align: center;
}
table.table.table-shipping-status th {
    font-size: 15px;
}
table.table.table-shipping-status td {
    font-size: 14px;
}
.shipwrpp {
    background: #fff;
    padding: 30px;
}
.shiporderheading h3 {
    font-size: 20px;
    font-weight: 600;
}
.shiporderheading h3 a {
    font-size: 14px;
    padding-left: 7px;
}
.shippingstatusdetail .row {
    padding: 15px 10px;
}
.shi-add-detail h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.shi-add-detail p {
    margin: 0;
    font-size: 15px;
}
.ship-pay {
    padding-top: 25px;
}
.ship-pay p span {
    padding-left: 10px;
}
.shipdetails-line-item h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}
.shipdetails-line-item p {
    font-size: 12px;
}
.creatshipadditionaloption h3 {
    font-size: 20px;
    margin-bottom: 15px;
}
div#created-shipment .row {
    padding: 0 10px;
}
.addoptionlbl label {
    display: block;
    font-size: 15px;
    margin: 0;
}
.addoptionlbl {
    margin-bottom: 30px;
}
.addoptionlbl select {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 15px;
    margin-top: 5px;
    padding-left: 20px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position: center right 15px;
    background-size: 10px;
}
.ship-nub p {
    font-size: 15px;
}
.shipdelet a {
    display: block;
    max-width: 125px;
    background: #ec5b3e;
    padding: 7px 0;
    text-align: center;
    color: #fff;
    border: 1px solid #c74227;
    border-radius: 5px;
}
.fullfillorderbnt {
    background: #5563c1;
    text-align: center;
    padding: 10px 15px;
}
.fullfillorderbnt a {
    color: #fff;
    font-size: 14px;
}
.shipcreateorder {
    display: flex;
}
.shipcreateorder select {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    font-size: 15px;
    margin-top: 0;
    padding-left: 20px;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ffffff;
    -webkit-appearance: none;
    background-position: center right 15px;
    background-size: 10px;
    max-width: 160px;
    margin-right: 10px;
}
.badges span {
    padding: 7px 20px;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 20px;
    font-size: 13px;
    margin-right: 15px;
    color: #525252;
    font-weight: 500;
}
span.badges-time {
    background: transparent;
    color: #616161;
    border: 1px solid #9a9a9a;
    font-weight: 500;
    background: #fff;
}
span.badges-pay {
    background: #e45c41;
    text-align: center;
    color: #fff;
    border: 1px solid #e45c41;
    font-weight: 600;
}
.dborderpg-titlewrp.mb-4 .d-flex.align-items-end {
    align-items: center !important;
}
.dborderpg-titlewrp.mb-4 .page-title h3 {
    font-weight: 600;
    color: #383838;
    margin: 0 0 0 !important;
    display: block;
    font-size: 30px;
    padding: 15px 25px 15px 0;
}
.generate-shipping-btn button {
    background: #289813 !important;
    text-align: center;
    color: #fff;
    border: 1px solid #289c13;
    border-radius: 5px;
}
.makefullfill-btn {
    padding: 13px;
    display: flex;
    justify-content: flex-end;
}
.makefullfill-btn a {
    background: #e45c41;
    padding: 9px 20px;
    text-align: center;
    color: #fff;
    border: 1px solid #e45c41;
    border-radius: 5px;
    margin-left: 10px;
}
.makefullfill-btn a:hover{
  color: #fff !important;
}
.crtshiplbl a {
    background: #5563c1;
    border-color: #5563c1;
}
input.var-quantity {
    width: 55px !important;
    text-align: center;
    padding-left: 10px;
}
td.dborderpg-title span {
    font-size: 15px;
    max-width: 315px;
    display: block;
} 
.dbordrddtlg-crd-cntnt select {
    width: 78%;
    background: #fff;
    padding: 7px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 12px;
}
.dbordrddtlg-crd-cntnt a, .dbordrddtlg-crdheader a {
    background: #333333;
    color: #fff;
    padding: 4px 15px;
    font-size: 15px;
}
.dbordrddtlg-crd-cntnt a:hover, .dbordrddtlg-crdheader a:hover{
    color: #fff;
}
.dataTables_wrapper {
    overflow: scroll;
}
.links i.fa.fa-download {
    margin-right: 5px;
}
.selected_filter>div {
    padding: 5px 10px 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
 #datatbl .sorting_1 {
    padding: 20px;
}
 #datatbl th {
    padding: 20px 18px 20px 18px;
}
 .links i.fa.fa-plus {
    margin-right: 5px;
}
 .dt-buttons button.dt-button {
    padding: 5px 38px 5px 40px;
    margin-top: 20px;
    margin-bottom: 20px;
}
 .shippingbilwrp {
    margin-top: 20px;
    display: flex;
    width: 100%;
}
 .shippingbilwrp .dbordrddtlg-crd {
    flex: 0 0 49%;
    max-width: 50%;
}
 .statusfincl, .modepay, .trans-id {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    border-bottom: 1px solid #d8d8d8;
    width: 100%;
    padding-bottom: 15px;
}
.statusfincl p, .modepay p, .trans-id p {
    font-size: 15px;
    margin: 0;
}
.trans-id a {
    background: transparent;
    color: #656565;
    font-weight: 600;
}
.trans-id a:hover{
  color: #000
}
#devel-generate-content-form th {
    font-size: 15px;
}
.table td, .table th {
        white-space: nowrap;
    }
    .table-orders td {
        font-size: 14px;
    }
    .table-orders th {
        font-size: 13px;
    }
    td.dborderpg-date.order, td.dborderpg-date.shipmtstatus{
        text-align: center;
    }
    .table-orders th input {
    margin-right: 20px;
    position: relative;
    top: 1px;
}
    .db-tablewrp .dataTables_length {
        padding-left: 22px;
        padding-bottom: 15px;
    }
    .db-tablewrp .dataTables_length label {
        font-size: 14px;
        color: #383838;
    }
    .db-tablewrp .dataTables_length label select {
        margin: 10px 10px 10px 10px;
        background: #fff;
        border: 1px solid #e2e2e2;
        padding: 6px 10px 6px 10px;
        font-size: 12px;
        border-radius: 4px;
    }
    .db-tablewrp a.paginate_button {
      padding: 5px 10px;
      background: #333333;
      color: #fff;
      margin-right: 10px;
      font-size: 13px;
      border-radius: 4px;
      cursor: pointer;
      font-weight: 600;
  }
  .table-orders tbody th {
    color: #a29898;
}
    .db-tablewrp span a.paginate_button.current {
        background: #fff;
        color: grey;
        border: 1px solid #d0d0d0;
            padding: 5px 10px 5px 10px;
    }
    input.btn.btn-primary {
    width: 150px;
}
    div#DataTables_Table_0_paginate {
        display: block;
        margin-top: 30px !important;
        padding-left: 15px;
    }
    .db-tablewrp {
        padding-bottom: 25px;
    }
    .order_data_link{
        cursor: pointer;
    }

    .dbordrddtlg-title{
        display:flex;
    }

    .dbordrddtlg-title p{
        color: #616161;
        border: 1px solid #9a9a9a;
        font-weight: 500;
        background: #fff;
        padding: 7px 20px;
        text-align: center;
        background: #fff;
        border-radius: 20px;
        font-size: 13px;
        margin-left: 15px;
    }
     .dbordrddtlg-title p span{
        font-weight: bold;
    }

    .tbtn{
        display: inline-block;
        padding: 7px 10px;
        background: #333333;
        border-radius: 4px;
        color: #fff;
        font-size: 15px;
        border: none;
    }
    .all_filt{
    display:flex;
    }
    .all_filt select{
        height: 100%;
    margin-left: 5px;
    background: #333333;
    color: #fff;
    border-radius: 5px;
    }
.sorting, .sorting_desc, .date-pick-order, .sorting_asc {cursor: pointer;}

.dataTables_info {display:none;}

div#DataTables_Table_1_filter {display: none;}

#DataTables_Table_3_filter{display:none;}

.dataTables_filter{display:none;}

.s_status{
/*white-space: unset !important;*/
width: 400px !important;
}


    .loder_div{
        z-index: 111;
        position: absolute;
        width: 100%;
        background: #cccccc75;
        height: 100%;
        position: fixed;
        display: flex;
        justify-content: center!important;
        align-items: center!important;
    }
    .loader {
        margin: auto;
        border: 10px solid #f3f3f3;
        border-radius: 50%;
        border-top: 10px solid #333333;
        border-bottom: 10px solid #333333;
        width: 80px;
        height: 80px;
        -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); }
    }
    
    /*pagination css*/
    div#devel-generate-content-form_wrapper {
      padding: 16px 0;
      /*float: right;*/
    }

  /*tabs search bar and filters*/
    .links {
       display: flex;
       align-items: center;
       width: 100%;
       padding: 0 20px 30px;
    }
    .searchbar {
       position: relative;
       flex: 0 0 37%;
    }
    button.btn {
       position: absolute;
       top: 10px;
       background: transparent;
       padding: 0;
       left: 10px;
    }
    .ord_status:before, .p_status:before, .p_method:before {
    position: absolute;
    content: "\f0d7";
    font-family: FontAwesome;
    z-index: 99;
    top: 8px;
    right: 12px;
    color: #636363;
    font-size: 15px;
}

.ord_status, .p_status, .p_method {
    position: relative;
}
    .statuslink select, div#reportrange, input.date-time, input.date-pick-order {
    border-left: 0 !important;
    border-color: #ccc;
    position: relative;
    display: inline-flex;
    display: -webkit-flex; 
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    height: 35px;
    margin: 0;
    padding:0 30px 0 10px;
    background: linear-gradient(180deg,#fff,#f9fafb);
    border: 1px solid var(--p-border,#c4cdd5);
    box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
    line-height: 1;
    color: #212b36;
    text-align: center;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition-property: background,border,box-shadow;
    transition-duration: var(--p-override-none,.2s);
    transition-timing-function: var(--p-override-none,cubic-bezier(.64,0,.35,1));
    -webkit-tap-highlight-color: transparent;
    font-size: 13px;
    -webkit-appearance: none;
}
button.btnship.dropdown-toggle {
    border-left: 0 !important;
    border-color: #ccc;
    position: relative;
    display: inline-flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    height: 35px;
    margin: 0;
    padding: 0 30px 0 10px;
    background: linear-gradient(180deg,#fff,#f9fafb);
    border: 1px solid var(--p-border,#c4cdd5);
    box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
    line-height: 1;
    color: #212b36;
    text-align: center;
    cursor: pointer;
    user-select: none;
    text-decoration: none;
    transition-property: background,border,box-shadow;
    transition-duration: var(--p-override-none,.2s);
    transition-timing-function: var(--p-override-none,cubic-bezier(.64,0,.35,1));
    -webkit-tap-highlight-color: transparent;
    font-size: 13px;
    -webkit-appearance: none;
    white-space: nowrap;
}
button.btnship.dropdown-toggle:active, button.btnship.dropdown-toggle:focus{
    outline: none;
    border-radius: 0;
    box-shadow: none;
}
.dropdown-toggle::after{
    display: none;
}
    /*.date-time-picker input.date-time {
       padding: 5px;
       border-radius: 0;
       border-left: 0 !important;
       border: 1px solid #cccc;
    }*/
    .searchbar input.form-control.order-search {
       padding-left: 39px;
       border-radius: 0;
       padding-top: 5px;
    }
span.findDate  {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 94px;
}
input.date-time, .date-pick-order {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 270px;
}
input.form-control.order-search::placeholder {
    color: #8a8a8a;
    font-weight: 400;
}
    button.hideCols {
      height: 37px;
      font-size: 10px;
    }

    .searchbar-orderStatus {
      position: relative;
      flex: 0 0 20%;
    }
    .links input.form-control.order-search {
    padding-left: 35px;
    border-radius: 0;
    padding-top: 5px;
    border-right: 0;
    border: 1px solid var(--p-border,#c4cdd5);
    box-shadow: 0 1px 0 0 rgba(22,29,37,.05);
    font-size: 14px;
    height: 35px;
}
.links .searchbar-orderStatus:first-child input.form-control.order-search, .links input.form-control.order-search {
    border-radius: 3px 0 0 3px;
}
.links .statuslink:last-child div#reportrange, .links .statuslink:last-child select, .links .statuslink:last-child input {
    border-radius: 0 3px 3px 0;
}
.dataTables_paginate {
    padding-right: 20px;
}

    /*order status css*/
    .db-tablewrp .dataTables_length{
      margin-right: 30px;
      padding-bottom: 10;
  }
  .top {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: space-between;
}
  .db-tablewrp .dataTables_length label{
  margin-bottom: 0;
  }
  .links {
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0 20px 30px;
  }
  .statuslink select {
      /*width: 145px;*/
      max-width: 140px;
  }
  .img_box{
    max-width: 70px;
  }
  .desc_dox p{
    margin-bottom: 0px;
    font-size: 14px;
  }

  .qt_box input{
    max-width: 70px;
    padding: 5px;
    height: 25px;

  }
  .rtnbutton{
    background: #333333;
    color: #fff;
    padding: 4px 15px;
    font-size: 15px;
    border: 1px solid #333;
    border-radius: 3px;
  }
  .r_price{
    margin-left:5px;
    padding-left: 5px;
  }
  .user-change {
    display: flex;
        margin-right: 10px;
        border: 1px solid #ccc;
   }

  .selected-checkbox {
    display: none;
  }  
  button.applyBtn.btn.btn-sm.btn-primary {
    background-color: black;
  }

input#MonthYear {
    width: 210px;
}

#CalendarControlIFrame {  display: none;  left: 0px;  position: absolute;  top: 0px;  height: 250px;  width: 250px;  z-index: 99;}

#CalendarControl {  position:absolute;  background-color:#d1e3f9;  margin:0;  padding:0;  display:none;  z-index: 100;}

#CalendarControl table {  font-family: arial, verdana, helvetica, sans-serif;  font-size: 8pt;}

#CalendarControl th {  font-weight: normal;}

#CalendarControl th a {  font-weight: normal;  text-decoration: none;  color: #000;  padding: 1px;}

#CalendarControl td {  text-align: center;}

#CalendarControl .cal_header {  background-color: #eceeed;  color:#000;  height:30px;}

#CalendarControl .weekday {  background-color: #d1e3f9;  color: #000;}

#CalendarControl .weekend {  background-color: #f5f5e0;  color: #000;}

#CalendarControl .current { background-color: #47b8b2;  color: #FFF;}

#CalendarControl .weekday,#CalendarControl .weekend,#CalendarControl .current {  display: block;  text-decoration: none;  line-height:25px;    padding:8px;}

#CalendarControl .cl_header { text-align:  center; background: #eceeed; line-height:25px;} 

#CalendarControl .weekday:hover,#CalendarControl .weekend:hover,#CalendarControl .current:hover {  color: #FFF;  background-color: #47b8b2;}

#CalendarControl .previous,#CalendarControl .next {  padding: 1px 3px 1px 3px;  font-size: 1.4em;}

#CalendarControl .previous a,#CalendarControl .next a {  color:#000;  text-decoration: none;  font-weight: bold;  font-size:14px;}

#CalendarControl .title {  text-align: center;  font-weight: bold;  color: #000;  font-size:14px;}

#CalendarControl .empty {  background-color: #d1e3f9;}

.CalenderButton{    margin-top:0px;}

#dpMonthYear {  width: calc(100% - 30px);}