.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    z-index: 3;
    color: #fff;
    background-color: var(--primary-bg-color);
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #596882;
    background-color: #ecf0fa;
    margin-right: 6px;
    border: 1px solid #eae8f1 !important;
    border-radius: 4px;
    cursor: pointer;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #cfd8dc;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #cfd8dc;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    z-index: 2;
    color: #fff !important;
    text-decoration: none;
    background-color: var(--primary-bg-color);
    border-color: #ddd;    
}

.dataTables_wrapper .dataTables_paginate{
	margin-bottom: 10px !important;
}

.dataTables_wrapper .dataTables_paginate span{
	margin-left: 6px;
}


@media screen and (max-width: 576px) {
    .dataTables_wrapper .dataTables_filter {
        margin-left: 0.85em
    }
    .dataTables_wrapper .dataTables_paginate {
    	margin-bottom: 0.5em !important;
    }
    .dataTables_wrapper .dataTables_paginate .next, .dataTables_wrapper .dataTables_paginate .previus {
	    width: auto;
	    height: auto;
	}
}

.table .td-actions{
	padding: 8px;
}
.table .td-actions2{
	padding: 8px;
}

@media screen and (max-width: 576px) {
    .table .column_hide4{
		display: none;
	}
	.table .td-actions{
		display: flex;
		width: 80px;
	}
	.table .td-actions2{
		display: flex;
		width: 160px;
	}
	.btn-mobil, .check-mobil{
		margin-top:0px;
	}
}
@media screen and (max-width: 768px) {
    .table .column_hide3{
		display: none;
	}
	.table .td-actions{
		display: flex;
		width: 80px;
	}
}
@media screen and (max-width: 992px) {
    .table .column_hide2{
		display: none;
	}
	.table .td-actions{
		display: flex;
		width: 80px;
	}
}
@media screen and (max-width: 1200px) {
    .table .column_hide1{
		display: none;
	}
	.table .td-actions{
		display: flex;
		width: 80px;
	}
}


.app-content{
	min-height: auto !important;
}

.check-mobil{
	margin-top:37px;
}

.btn-mobil{
	margin-top:28px;
}
@media screen and (max-width: 576px) {
	.btn-mobil, .check-mobil{
		margin-top:0px;
	}
	
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: auto !important;
}

.uppercase{
	text-transform: uppercase;
}

.card-revision .form-group{
	margin-block-end: 0.5rem;
}
.card-revision p{
	margin-block-end: 0.5rem;
}

.sub-review-section{
	background-color: #fff;
}
.dark-theme .sub-review-section{
	background-color: #3C4F7B;
}

.review-section{
	background-color: #ecf0fa;
}
.dark-theme .review-section{
	background-color: #1F2940;
}

.modal-dialog p{
	font-size: 0.875rem;
} 
.pointer{
	cursor: pointer;
}

.sidenav-toggled .logomenu{
	padding:5px !important;
}

.link{
	text-decoration: underline !important;
	cursor: pointer;
	font-size:0.825rem;
}
.select2-container--focus .select2-selection--single{
	border-color: #b3c6ff;
}
.bg-login{
	background-image: url("../img/jpgs/login_fondo.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	
}
.thumbcarousel{
	position: absolute;
    right: 20px;
    top: 0;
    width: 270px;
    z-index: 1;
}

.row-md>div {
    padding-inline-start: 15px;
    padding-inline-end: 15px;
}





.tracking-detail {
 padding:3rem 0
}
#tracking {
 margin-bottom:1rem
}
[class*=tracking-status-] p {
 margin:0;
 font-size:1.1rem;
 color:#fff;
 text-transform:uppercase;
 text-align:center
}
[class*=tracking-status-] {
 padding:1.6rem 0
}
.tracking-status-intransit {
 background-color:#65aee0
}
.tracking-status-outfordelivery {
 background-color:#f5a551
}
.tracking-status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-status-delivered {
 background-color:#4cbb87
}
.tracking-status-attemptfail {
 background-color:#b789c7
}
.tracking-status-error,.tracking-status-exception {
 background-color:#d26759
}
.tracking-status-expired {
 background-color:#616e7d
}
.tracking-status-pending {
 background-color:#ccc
}
.tracking-status-inforeceived {
 background-color:#214977
}
.tracking-list {
 border:1px solid #e5e5e5
}
.tracking-item {
 border-left:1px solid #e5e5e5;
 position:relative;
 padding:2rem 1.5rem .5rem 2.5rem;
 font-size:.9rem;
 margin-left:3rem;
 min-height:5rem
}
.tracking-item:last-child {
 padding-bottom:4rem
}
.tracking-item .tracking-date {
 margin-bottom:.5rem
}
.tracking-item .tracking-date span {
 color:#888;
 font-size:85%;
 padding-left:.4rem
}
.tracking-item .tracking-content {
 padding:.5rem .8rem;
 background-color:#f4f4f4;
 border-radius:.5rem
}
.tracking-item .tracking-content span {
 display:block;
 color:#888;
 font-size:85%
}
.tracking-item .tracking-icon {
 line-height:2.6rem;
 position:absolute;
 left:-1.3rem;
 width:2.6rem;
 height:2.6rem;
 text-align:center;
 border-radius:50%;
 font-size:1.1rem;
 background-color:#E5E5E5;
 color:#fff
}
.tracking-item .tracking-icon.status-sponsored {
 background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
 background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
 background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
 background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
 background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
 background-color:#F84866
}
.tracking-item .tracking-icon.status-inforeceived {
 background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
 color:#e5e5e5;
 border:1px solid #e5e5e5;
 font-size:.6rem
}
@media(min-width:992px) {
 .tracking-item {
  margin-left:10rem
 }
 .tracking-item .tracking-date {
  position:absolute;
  left:-10rem;
  width:7.5rem;
  text-align:right
 }
 .tracking-item .tracking-date span {
  display:block
 }
 .tracking-item .tracking-content {
  padding:0;
  background-color:transparent
 }
}

.line-background{
	border:2px solid #ddd;
	position: relative;
    bottom: -30px;
    display: none;
    width: 50%;
}
.active-line{
	border-color:#F38645;
}
.green-line{
	border-color:#089B6B;
}
.red-line{
	border-color:#F84866;
}
@media(min-width:992px) {
	.line-background{
		display: block;
	}	
}
.tracking-fotos{
	height: 50px;
}

.scroll-hidden-container {
    overflow-x: scroll; /* Enables horizontal scrolling */
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scroll-hidden-container::-webkit-scrollbar {
    display: none;
}

/* Style for the navigation buttons */
.scroll-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: #012d63; /* Bootstrap primary color example */
    color: white;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    z-index: 10;
}

.scroll-left {
    left: 0;
}

.scroll-right {
    right: 0;
}

#global-loader-transparent {
    position: fixed;
    z-index: 50000;
    background: #fff;
    inset-inline-start: 0;
    top: 0;
    inset-inline-end: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    opacity: 0.5;
}