/*!
 * Theme Name: Default
 * Package : DashLite
 * Author: Softnio
 * Author URI: http://themeforest.net/user/softnio
 * Version	 :	1.0.0
 * Updated	 :	07.23.2020
**/

.deliveries-timeline .sub-text{
    display: inline-block;
}

.actions-mobile{
    display: none;
}

.btn-action{
    padding: 0.25rem 0.60rem;
    line-height: 1.0rem;
    font-size: 0.60rem;
}

.deliveries table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > td:first-child:before,
.deliveries table.dataTable.dtr-inline.collapsed > tbody > tr:not(.child) > th:first-child:before{
    margin: 0px;
    padding: 0px;
    position: absolute;
    width: 100%;
    opacity: 0;
}

.deliveries .nk-tb-list.is-separate{
    border-spacing: 0 10px;
}

.deliveries .dataTable .dtr-details .dtr-title{
    font-weight: 100;
}
.deliveries .dataTable .dtr-details .dtr-data{
    font-weight: 700;
}
.deliveries .dataTable .dtr-details .dtr-data div,
.deliveries .dataTable .dtr-details .dtr-data p{
    display: inline-block;
}

.deliveries .dataTable .dtr-details li{
    margin: 5px 0;
}

.deliveries .dataTable tr.child{
    background-color: #f5f6fa !important;
}
.dataTable tr.child .dropdown{
    display: none !important;
}

.deliveries-note-container {
    text-align: center;
    font-size: 1.6em;
    color: #e85347;
}
.dataTable tr.child .actions-mobile{
    display: block;
    margin-bottom: 10px;
}
.dataTable tr.child .actions-mobile a{
    color: #364a63;
    display: inline-block;
    font-family: "Inter",sans-serif;
    font-weight: 700;
    color: #526484;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #364a63;
    padding: .4375rem 1.125rem;
    font-size: .8125rem;
    line-height: 1.25rem;
    border-radius: 4px;
    transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    position: relative;
    letter-spacing: 0.02em;
    display: inline-flex;
    align-items: center;
    margin-right: 10px;
}

.deliveries-timeline .timeline-title{
    margin-bottom: 5px;
}
.deliveries-timeline{
    margin-bottom: 50px;
}

.deliveries-timeline .timeline-date{
    position: initial;
    font-size: 12px;
    margin-left: 0;
    width: 100%;
}
.deliveries-timeline .timeline-date .icon{
    position: initial;
    margin-top: -2px;
}

.deliveries-timeline .timeline-des span{
    color: #364a63;
}

#deliveryFeesInfos{
    background: #f5f6fa;
    border-radius: 4px;
    padding: 0.5rem;
}
#deliveryFeesInfos .sub-text{
    color: #526484;
}

.delivery-view-details .nav-item{
    padding: 0;
    width: 10%;
    text-align: center;
}
.delivery-view-details.pickup .nav-item{
    width: 12%;
}
.delivery-view-details.return .nav-item{
    width: 11%;
}
.delivery-view-details.distribution .nav-item{
    width: 12%;
}

.delivery-view-details .nav-tabs .nav-link{
    display: block;
}

.delivery-view-details .alert{
    width: 100%;
    margin-bottom: 15px;
}
.delivery-view-details .alert .close{
    color: #526484;
}


#unreachable-tab li{
    list-style: initial;
    margin-left: 25px;
}
.status{
    position: relative;
    border: 1px solid currentColor;
    line-height: 1.125rem;
    letter-spacing: 0.01em;
    vertical-align: middle;
    display: inline-flex;
    color: #1ee0ac;
    background-color: #e6fcf6;
    padding: .2rem .5rem .1rem;
    font-size: .8rem;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
}

.clearfix-section { clear: both !important; }

.status.status-TO_PREPARE,.status.status-RETURN_TOCHECK,.status.status-NEW_DESTINATION{
    border-color: #e67e22;
    color: #e67e22;
    background-color: #fcf2e8;
}
.status.status-TOCONFIRM{
    border-color: #f4bd0e;
    color: #f4bd0e;
    background-color: #fcf2e8;
}

.status.status-TO_VALIDATE{
    border-color: #f4bd0e;
    color: #f4bd0e;
    background-color: #fcf2e8;
}
.status.status-PENDING{
    border-color: #e5e9f2;
    color: #526484;
    background-color: #fcfcfd;
}


.status.status-TOPICKUP,.status-PARTIAL_PREPARED{
    border-color: #f39c12;
    color: #f39c12;
    background-color: #fcebcf;
}

.status.status-PICKEDUP,.status.status-IMPORTANT{
    border-color: #d35400;
    color: #d35400;
    background-color: #f6dccc;
}
.status.status-PICKUP_TOCHECK{
    border-color: #f39c12;
    color: #f39c12;
    background-color: #f6dccc;
}

.status.status-DISTRIBUTED,.status.status-WAREHOUSE{
    color: #2980b9;
    background-color: #e4f8fb;
    border-color: #2980b9;
}

.status.status-DELIVERING{
    color: #1ee0ac;
    background-color: #e6fcf6;
    border: 1px solid currentColor;
}

.status.status-DELIVERED,.status.status-NOTICE{
    color: #16A27C !important;
    background-color: #e6fcf6;
    border-color: #16A27C;
}

.status.status-CANCELED{
    color: #e85347;
    background-color: #fceceb;
    border-color: #e85347;
}

.status.status-PAID{
    color: #854fff !important;
    background-color: #f2ecff;
    border-color: #ceb9ff;
}
.status.status-PAID{
    color: #854fff !important;
    background-color: #f2ecff;
    border-color: #ceb9ff;
}
.status.status-REJECTED,.status.status-DELAY{
    color: #1f2b3a !important;
    background-color: #e6e8e9;
    border-color: #1f2b3a;
}

.status.status-TRANSIT,.status.status-SENT,.status.status-NEED_INFORMATIONS{
    color: #65ba83;
    background-color: #e4f8fb;
    border-color: #65ba83;
}

.status.status-UNREACHABLE,.status.status-ALERT{
    color: #f4bd0e;
    background-color: #fef8e4;
    border-color: #fbe59f;
}

.status.status-POSTPONED{
    color: #cf6a87;
    background-color: #faf0f3;
    border-color: #cf6a87;
}
/*
*  status return
*/
.status.status-RETOUR_PENDING, .status.status-NA{
    color: #526484;
    background-color: #fff;
    border-color: #dbdfea;
}
.status.status-RETURNED{
    color: #bd4b00;
    background-color: #fff;
    border-color: #bd4b00;
}
.status.status-DELETED{
    color: #e85347;
    background-color: #fff;
    border-color: #e85347;
}
.status.status-TORETURN,.status.status-PROCESSING,.status.status-CLAIM_OPEN{
    color: #f4bd0e;
    background-color: #fff;
    border-color: #f4bd0e;
}
.status.status-PLANNED{
    border-color: #f18b48;
    color: #f18b48;
    background-color: #fff;
}
.status.status-RETURNING{
    border-color: #ef711c;
    color: #ef711c;
    background-color: #fff;
}
.status.status-RETURN_WAREHOUSE,.status.status-RETURN{
    color: #65ba83;
    background-color: #fff;
    border-color: #65ba83;
}
.status.status-RETURN_SELLER,.status.status-RETURN_STOCK,.status.status-VALIDATED,.status.status-COLOSED{
    color: #1ee0ac;
    background-color: #fff;
    border-color: #1ee0ac;
}
#movementsListContainer .nk-tb-col .status.status-CANCELED,.movements-section .status.status-CANCELED{
    color: #e85347;
    background-color: #fff !important;
    border-color: #e85347;
}

.dataTable td{
    color: #526484;
}

.dark-mode .dataTable td{
    color: #ffffff;
}

.btn-PENDING{
    background-color: #e5e9f2;
    border-color: #e5e9f2;
}

.btn-TO_PREPARE,.btn-NEW_DESTINATION{
    background-color: #e67e22;
    border-color: #e67e22;
    color: #FFF;
}
.btn-TOCONFIRM{
    background-color: #f4bd0e;
    border-color: #f4bd0e;
    color: #FFF;
}
.btn-TOPICKUP{
    border-color: #f39c12;
    color: #fff;
    background-color: #f39c12;
}

.btn-TOPICKUP:hover{
    background-color: #da8c10;
    color: #fff;
}

.btn-PICKUP_TOCHECK{
    border-color: #ec782a;
    color: #fff;
    background-color: #ec782a;
}
.btn-PICKEDUP{
    border-color: #d35400;
    color: #fff;
    background-color: #d35400;
}
.status.status-ANN {
    /* Define styles for ANN status */
    color: #ff0000 !important; /* Red */
    background-color: #ffd3d3; /* Light Red */
    border-color: #ff0000; /* Red */
}

.status.status-CANCELED {
    /* Define styles for CANCELED status */
    color: #808080 !important; /* Gray */
    background-color: #f2f2f2; /* Light Gray */
    border-color: #808080; /* Gray */
}

.status.status-CLIENT_INTERESE {
    /* Define styles for CLIENT_INTERESE status */
    color: #0000ff !important; /* Blue */
    background-color: #d3e1ff; /* Light Blue */
    border-color: #0000ff; /* Blue */
}

.status.status-DELIVERED {
    /* Define styles for DELIVERED status */
    color: #16A27C !important; /* Dark Green */
    background-color: #e6fcf6; /* Light Green */
    border-color: #16A27C; /* Dark Green */
}

.status.status-DEUX {
    /* Define styles for DEUX status */
    color: #800080 !important; /* Purple */
    background-color: #e6e6fa; /* Lavender */
    border-color: #800080; /* Purple */
}

.status.status-DISTRIBUTION {
    /* Define styles for DISTRIBUTION status */
    color: #008000 !important; /* Green */
    background-color: #d0ffd0; /* Light Green */
    border-color: #008000; /* Green */
}

.status.status-DOUBLE {
    /* Define styles for DOUBLE status */
    color: #800000 !important; /* Maroon */
    background-color: #ffd0d0; /* Light Red */
    border-color: #800000; /* Maroon */
}

.status.status-EN_VOYAGE {
    /* Define styles for EN_VOYAGE status */
    color: #808000 !important; /* Olive */
    background-color: #ffffcc; /* Light Yellow */
    border-color: #808000; /* Olive */
}

.status.status-ERR {
    /* Define styles for ERR status */
    color: #ff1493 !important; /* Deep Pink */
    background-color: #ffc0cb; /* Pink */
    border-color: #ff1493; /* Deep Pink */
}

.status.status-INJOI {
    /* Define styles for INJOI status */
    color: #800000 !important; /* Maroon */
    background-color: #ffd0d0; /* Light Red */
    border-color: #800000; /* Maroon */
}

.status.status-IN_PROGRESS {
    /* Define styles for IN_PROGRESS status */
    color: #ffa500 !important; /* Orange */
    background-color: #fff2cc; /* Light Orange */
    border-color: #ffa500; /* Orange */
}

.status.status-LATER {
    /* Define styles for LATER status */
    color: #000000 !important; /* Black */
    background-color: #dcdcdc; /* Gainsboro */
    border-color: #000000; /* Black */
}

.status.status-NEW_PARCEL {
    /* Define styles for NEW_PARCEL status */
    color: #ff8c00 !important; /* Dark Orange */
    background-color: #ffe4b5; /* Moccasin */
    border-color: #ff8c00; /* Dark Orange */
}

.status.status-NOANSWER {
    /* Define styles for NOANSWER status */
    color: #800080 !important; /* Purple */
    background-color: #e6e6fa; /* Lavender */
    border-color: #800080; /* Purple */
}

.status.status-OUT_OF_AREA {
    /* Define styles for OUT_OF_AREA status */
    color: #000080 !important; /* Navy */
    background-color: #cce5ff; /* Light Blue */
    border-color: #000080; /* Navy */
}

.status.status-PICKED_UP {
    /* Define styles for PICKED_UP status */
    color: #006400 !important; /* Dark Green */
    background-color: #c8e6c9; /* Pale Green */
    border-color: #006400; /* Dark Green */
}

.status.status-POSTPONED {
    /* Define styles for POSTPONED status */
    color: #ff69b4 !important; /* Hot Pink */
    background-color: #ffdab9; /* PeachPuff */
    border-color: #ff69b4; /* Hot Pink */
}

.status.status-PROGRAMMER {
    /* Define styles for PROGRAMMER status */
    color: #008080 !important; /* Teal */
    background-color: #e0ffff; /* Light Cyan */
    border-color: #008080; /* Teal */
}

.status.status-QUATRE {
    /* Define styles for QUATRE status */
    color: #800000 !important; /* Maroon */
    background-color: #ffd0d0; /* Light Red */
    border-color: #800000; /* Maroon */
}

.status.status-RECEIVED {
    /* Define styles for RECEIVED status */
    color: #2e8b57 !important; /* Sea Green */
    background-color: #c1ffc1; /* Light Green */
    border-color: #2e8b57; /* Sea Green */
}

.status.status-REFUSE {
    /* Define styles for REFUSE status */
    color: #ff4500 !important; /* Orange Red */
    background-color: #ffb6c1; /* Light Pink */
    border-color: #ff4500; /* Orange Red */
}

.status.status-RELENCE_NEW_CLIENT {
    /* Define styles for RELENCE_NEW_CLIENT status */
    color: #800080 !important; /* Purple */
    background-color: #e6e6fa; /* Lavender */
    border-color: #800080; /* Purple */
}

.status.status-RETURNED {
    /* Define styles for RETURNED status */
    color: #ff0000 !important; /* Red */
    background-color: #ffd3d3; /* Light Red */
    border-color: #ff0000; /* Red */
}

.status.status-RETURN_BY_AMANA {
    /* Define styles for RETURN_BY_AMANA status */
    color: #800000 !important; /* Maroon */
    background-color: #ffd0d0; /* Light Red */
    border-color: #800000; /* Maroon */
}

.status.status-SENT {
    /* Define styles for SENT status */
    color: #000080 !important; /* Navy */
    background-color: #cce5ff; /* Light Blue */
    border-color: #000080; /* Navy */
}

.status.status-SENT_BY_AMANA {
    /* Define styles for SENT_BY_AMANA status */
    color: #000080 !important; /* Navy */
    background-color: #cce5ff; /* Light Blue */
    border-color: #000080; /* Navy */
}

.status.status-TROIS {
    /* Define styles for TROIS status */
    color: #800000 !important; /* Maroon */
    background-color: #ffd0d0; /* Light Red */
    border-color: #800000;
}

.btn-PLANNED{
    border-color: #f18b48;
    color: #fff;
    background-color: #f18b48;
}
.btn-RETURNING{
    border-color: #ef711c;
    color: #fff;
    background-color: #ef711c;
}
.btn-TRANSIT{
    background-color: #0797ad;
    border-color: #078ca1;
}

.btn-PICKEDUP:hover{
    background-color: #bd4b00;
    color: #fff;
}
.btn-PICKUP_TOCHECK:hover{
    background-color: #bd4b00;
    color: #fff;
}

.btn-DISTRIBUTED, .btn-WAREHOUSE{
    border-color: #2980b9;
    color: #fff;
    background-color: #2980b9;
}

.btn-status-DELIVERED {
    background-color: #18b389;
    color: #fff;
}
.btn-DELIVERED {
    color: #fff;
    background-color: #1ee0ac;
    border-color: #1ee0ac;
}

.btn-DISTRIBUTED:hover, .btn-WAREHOUSE:hover{
    background-color: #2473a6;
    color: #fff;
}
.btn-DELIVERING{
    border-color: #1ee0ac;
    color: #1ee0ac;
    background-color: #e6fcf6;
}

.btn-DELIVERING:hover{
    background-color: #b5f8e6;
}



.btn-postponed,.btn-POSTPONED{
    border-color: #ba5f79;
    color: #fff;
    background-color: #cf6a87;
}
.btn-UNREACHABLE {
    color: #fff;
    background-color: #c69909;
    border-color: #ba8f08;
}

.btn-CANCELED {
    color: #fff;
    background-color: #e85347;
    border-color: #e85347;
}
.btn-REJECTED {
    color: #fff;
    background-color: #1c2b46;
    border-color: #1c2b46;
}

.btn-postponed:hover{
    background-color: #7c3f51;
    color: #fff;
}

.deliveries-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px !important;
    font-size: 13px;
    color: #364a63;
}

.deliveries-title:after {
    content: '';
    border-top: 1px solid #e5e9f2;
    margin: 0 0 0 10px;
    flex: 1 0 20px;
}
.success.deliveries-title:after {
    border-color: #1ee0ac !important;
}
.warning.deliveries-title:after {
    border-color: #f4bd0e !important;
}
.danger.deliveries-title:after {
    border-color: #e85347 !important;
}


.modal-backdrop{
    opacity: 0.9;
}


/** ----------- Toggle -------------- **/

.checkbox-inline .toggle,
.checkbox label .toggle {
	margin-left: -20px;
	margin-right: 5px
}

.toggle {
	position: relative;
	overflow: hidden
}

.toggle input[type=checkbox] {
	display: none
}

.toggle-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left .35s;
	-webkit-transition: left .35s;
	-moz-user-select: none;
	-webkit-user-select: none
}

.toggle.off .toggle-group {
	left: -100%
}

.toggle-on {
	left: 0;
	right: 50%
}

.toggle-off,
.toggle-on {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: 0;
	border: 0;
	border-radius: 0
}

.toggle-off {
	left: 50%;
	right: 0
}

.toggle-handle {
	position: relative;
    margin: 0px;
    padding-top: 0;
    padding-bottom: 0;
    height: 100%;
    border: 1px solid #efefef;
    background-color: #ffffff;
    padding: 0;
    width: 15px;
}

.toggle.btn {
	min-width: 59px;
    min-height: 30px;
    max-height: 30px;
    border: 1px solid #dbdfea;
}
.toggle-on.btn:hover, .toggle.btn:hover{
    background-color: #65BA83;
    border-color: #65BA83;
}

.toggle-on.btn {
	padding-right: 24px;
}

.toggle-off.btn {
    padding-left: 24px;
    background-color: #efefef;
}

.btn-group-lg>.toggle.btn,
.toggle.btn-lg {
	min-width: 79px;
	min-height: 45px
}

.btn-group-lg>.toggle-on.btn,
.toggle-on.btn-lg {
	padding-right: 31px
}

.btn-group-lg>.toggle-off.btn,
.toggle-off.btn-lg {
	padding-left: 31px
}

.btn-group-lg>.toggle-handle.btn,
.toggle-handle.btn-lg {
	width: 40px
}

.btn-group-sm>.toggle.btn,
.toggle.btn-sm {
	min-width: 50px;
	min-height: 30px
}

.btn-group-sm>.toggle-on.btn,
.toggle-on.btn-sm {
	padding-right: 20px
}

.btn-group-sm>.toggle-off.btn,
.toggle-off.btn-sm {
	padding-left: 20px
}

.btn-group-xs>.toggle.btn,
.toggle.btn-xs {
	min-width: 35px;
	min-height: 22px
}

.btn-group-xs>.toggle-on.btn,
.toggle-on.btn-xs {
	padding-right: 12px
}

.btn-group-xs>.toggle-off.btn,
.toggle-off.btn-xs {
	padding-left: 12px
}

.icheckbox_flat,
.iradio_flat {
	display: inline-block;
	display: inline;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 20px;
	background: url(flat.png) no-repeat;
	border: none;
	cursor: pointer
}

.icheckbox_flat {
	background-position: 0 0
}

.icheckbox_flat.checked {
	background-position: -22px 0
}

.icheckbox_flat.disabled {
	background-position: -44px 0;
	cursor: default
}

.icheckbox_flat.checked.disabled {
	background-position: -66px 0
}

.iradio_flat {
	background-position: -88px 0
}

.iradio_flat.checked {
	background-position: -110px 0
}

.iradio_flat.disabled {
	background-position: -132px 0;
	cursor: default
}

.iradio_flat.checked.disabled {
	background-position: -154px 0
}

@media (-webkit-min-device-pixel-ratio:1.25),
(min-resolution:120dpi) {
	.icheckbox_flat,
	.iradio_flat {
		background-image: url(flat@2x.png);
		background-size: 176px 22px
	}
}


/** ----------------- Dashboard ------------------ **/

.dashboard .traffic-channel-group{
    margin: 0px !important;
    width: 100% !important;
}
.dashboard .traffic-channel-group .traffic-channel-data .title{
    color: #364a63;
}
.dashboard .card-title-sm .title{
    font-size: 18px;
}

.dashboard .nk-store-statistics{
    width:  100%;
    margin-top: 10px;
}

.dashboard .nk-store-statistics .item{
    justify-content: unset;
    width: 50%;
    float: left;
}
.dashboard .nk-store-statistics .item small{
    margin-left: 10px;
    font-size: 80%;
    color: #8094ae;
}

.dashboard .nk-store-statistics .icon{
    margin-right: 10px;
}

.chat-list .notification-is-read{
    opacity: 0.8;
}
.chat-list .is-unread{
    background: #f9f9f9;
}
.chat-list .unread{
    color: #efefef;
}

@media (min-width: 767px){
    .dropdown-menu-xl{
        min-width: 445px;
        max-width: 420px;
    }
}




@media (max-width: 767px){
    .delivery-view-details .nav-tabs .nav-link .icon{
        font-size: 1.8em;
    }
    .delivery-view-details .nav-tabs .nav-item.active .nav-link{
        display: block;
    }

    .timeline-data{
        padding-top: 0;
        padding-left: 10px;
    }
}

.header-dev
{
    background: #0ef4b4 !important;
}
.header-preprod
{
    background: #f4bd0e !important;
}

.error-quantity
{
    border: 1px solid red !important;
    color: red !important;
}

.details-colis > #movementsListContainer
{
        max-height: 250px;
    overflow: auto;
}

.custom-file-label::after{
    content: "Parcourir" !important;
}
.calendar-icon{
    margin: 5px;
    font-size: 16px;
    display: inline-block
}

.badge-dot.badge-success { color: #1ee0ac !important; }
.badge-dot.badge-danger { color: #e85347 !important; }
.badge-dot.badge-warning {color: #f4bd0e !important; }

.tracking-page .timeline-date { width: 60px !important; }

.dashboard-admin .nk-tb-col {padding: .4rem .5rem !important;}
.claim-message { border-radius: 10px ; margin-bottom: 5px}

.section-action{
    margin-bottom: 10px !important;
}

.deliveries-check .nk-tb-list.is-separate .nk-tb-item > .nk-tb-col {
    background-color: inherit !important;
}

.nk-menu-badge {
    right: 36px !important;
}
/**
 *  Tracking delivery page css
 * */

.tracking-page .status
{
    font-size: inherit;
    line-height: inherit;
}
.tracking-page .cf:before, .cf:after{
    content:"";
    display:table;
}
.tracking-page .cf:after{
    clear:both;
}
.tracking-page .cf{
    zoom:1;
}
/* Form wrapper styling */
.tracking-page .search-wrapper {
    width: 100%;
    padding: 5px;
    margin: 0 auto;
    border-radius: 40px;
    background: #FFF;
}
/* Form text input */
.tracking-page .search-wrapper input {
    padding-left: 20px;
    width: 65%;
    padding: 12px 5px;
    float: left;
    font: bold 13px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #fff;
    border-radius: 40px;
    border-top-style: none;
}
.tracking-page .search-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.8) inset;
}
.tracking-page .search-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
  padding-left: 20px;
}
.tracking-page .search-wrapper input:-moz-placeholder {

    color: #999;
    font-weight: normal;
    font-style: italic;
}
.tracking-page .search-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
  border-style: none;
}
/* Form submit button */
.tracking-page .search-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 40px;
    width: 30%;
    font: 13px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    background: #f9b233;
    border-radius: 40px;
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
}

.tracking-page .search-wrapper button:active,
.tracking-page .search-wrapper button:focus{
    background: #198cff;
    outline: 0;
}
.tracking-page .search-wrapper button:focus:before,
.tracking-page .search-wrapper button:active:before{
        border-right-color: #c42f2f;
}
.tracking-page .search-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}
.tracking-page .code-delivery {
    background: #0d63db;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 40px;
    display: inline-block;
}
.tracking-page .section-code{
        background: #FFF;
        padding: 23px 0 13px;
        border-radius: 5px;
}
.tracking-page .section-infos{
        background: #FFF;
}
.tracking-page .section-infos-customer p{
    color: #FFF
}
.tracking-page .section-infos-customer {
    background-color: #0d63db;
    padding: 3%;
    margin: auto;
    margin-bottom: 5%;
}

.tracking-page .section-status {
    width: 100%;
}

.tracking-page .timeline-item{
    display: flex;
    align-items: center;
}

.tracking-page .tracking-delivery-details .timeline-status {
    background: #FFF;
    border: 5px solid #f9b233;
    width: 33px;
    height: 33px;
    padding: 2px;
}
.tracking-page .tracking-delivery-details .timeline-status .icon.ni-alarm-alt{
    color: #f9b233;
    font-size: 18px;
}
.tracking-page .tracking-delivery-details .timeline-time{
    margin-right: 5px;
    font-size: 14px;
}
.tracking-page .tracking-delivery-details .timeline-title{
    font-size: 15px;
    color: #fdfeff;
    margin: 0;
    display: flex;
    align-items: center;
}
.tracking-page .tracking-delivery-details .timeline-title .status{
    border-radius: 40px;
    font-size: 14px;
}
.tracking-delivery-details .details-tracking {
    background-color: #0d63db;
    color: #fFF;
    padding: 4px;
    margin-right: 10px;
    border-radius: 40px;
}
.tracking-page .tracking-delivery-details .timeline-item:not(:last-child):before{
    width: 4px;
    background: #f9b233;
    left: 70px;
}
@media (min-width :768px) {
    .tracking-page .section-code{
        opacity: .9;
        margin: -108px auto 0;
    }
    .tracking-page .section-infos{
        margin: 0 auto ;
    }
                        }
@media (min-width :1024px) {
    .tracking-page .section-code{
        margin: -110px auto 0 !important;
    }
}
@media (min-width :1025px) {
    .tracking-page .tracking-delivery-details .timeline-item:not(:last-child):before{
        left: 87px;
    }
    .tracking-page .section-code{
        width: 55%;
    }
    .tracking-page .section-infos{
        width: 55%;
    }
    .tracking-page .section-infos-customer {
        width: 55%;
    }
    .tracking-delivery-details .details-tracking {
         padding: 4px 5px 4px 25px;
    }
}
@media (max-width :1024px) {
    .tracking-page .timeline-date {
        width: 45px !important;
    }
    .deliveries-timeline .timeline-data{
        padding-left: 5px;
        width: 96%;
    }
    .tracking-page .tracking-delivery-details .timeline-title {
        font-size: 13px;
    }
}
.tracking-page .details-tracking .status{
    background-color: #FFF;
}
.tracking-page .section-status{
    padding: 5px 25px;
}
.tracking-page .section-status .row {
    margin-bottom: 20px;
    background-color: #e9e9e9;
    border-radius: 40px;
}
.tracking-page .section-status .col {
    padding: 5px;
}
.tracking-page .section-status .col.col-status {
    border-radius: 40px;
     background-color: #4acb34;
}
.tracking-page .section-status .col.col-status h5{
    color: #FFF;
}
.tracking-page .outer {
      overflow: hidden;
    }

.tracking-page .section-code .inner i {
  width: 40px;
  height: 40px;
  border: 1px solid #888;
  border-radius: 50%;
  background-color: #0d63db;
}
.tracking-page .section-infos .inner i {
  width: 40px;
  height: 40px;
  border: 1px solid #f5f6fa;
  border-radius: 50%;
  background-color: #f5f6fa;
}
.tracking-page .inner .top {
  position: relative;
  top: -37px;
}
.tracking-page .inner .bottom {
  position: relative;
  bottom: -37px;
}
.tracking-page .inner .left {
  float: left;
  margin-left: -20px;
}
.tracking-page .inner .right {
  float: right;
  margin-right: -20px;
}

.fade:not(.show) { opacity: 1; }

.disabled.bg-gray {
    background-color: rgba(148, 145, 145, 0.386) !important;
}
.disabled, .bg-gray-disabled {
    background-color: rgba(239, 239, 239, 0.3) !important;
    border-color: rgba(118, 118, 118, 0.3) !important ;
    color: #363535 ;
}

.disabled,.disabled-without-bg {
    pointer-events:none;
    opacity:0.7;
}

.deliveries-import .nk-tb-item > .nk-tb-col {
    min-width: 180px;
}
.deliveries-import .form-control.error:not(.full-text){
    width: 75% !important;
    float: left !important;
}
.deliveries-import .select2.full-width {
    width: 100% !important;
}
.deliveries-import .select2 {
    width: 75% !important;
    float: left;
    display: inline-block;
}
.deliveries-import .section-error {
    width: 25% !important;
    float: right !important;
}

.deliveries-claim.nk-tb-item > .nk-tb-col {
    background: transparent !important;
}

.alert-deliveries-pending .icon.ni-menu:after {
    background: #e85347;
    position: absolute;
    border-radius: 50%;
    right: 3px;
    top: 3px;
    height: 10px;
    width: 10px;
    border: 2px solid #fff;
    content: '';
}
.card-messages .card-header {
    border-bottom: 1px solid #dbdfea;
    background-color: #FFF
}

.deleted-item{
    opacity: .5 !important;
}

.deleted-item:not(:last-child):before {
    background: #e85347 !important;
}

fieldset.distributions-info{
    border: 1px solid #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.distributions-info {
    width: auto;
    padding: 5px;
    font-size: 1.2em !important;
    font-weight: bold !important;
    text-align: left !important;
}

@media (max-width: 767px){

    .section-status a.dropdown-toggle, .section-status .drodown {
        width: auto !important;
    }
    .section-status{
        width: auto !important;
    }

    .nk-block-tools-toggle .nk-block-tools-opt{
        margin-left: 0;
    }
    .nk-block-tools-toggle .nk-block-tools-opt.last{
        margin-left: auto;
    }
}

.dataTables_processing{
    margin-top: 5px !important;
}

.lead-text {
    word-wrap: break-word;
}

.alert-dismissible .close{
    top: 15px !important;
    right: 10px;
    padding: 0;
}

.example-alert .title-alert {
    color: #c3463c;
}
.deliveries-alert .title-alert {
    color: #cd9f0c;
}

.example-alert p{
    margin:inherit !important;
}
.example-alert ul{
    list-style: inherit;
    margin: inherit;
    padding: inherit;
}
.error-checkbox::before{
    border-color: #ff2b00 !important ;
}

.contrat_users_modal .modal-body{
    height: 550px;
    overflow-y: auto;
}

.hide { display: none !important; }

a[disabled="disabled"] {
    pointer-events: none !important;
    cursor: not-allowed !important;
    opacity: .7;
}

.lead-text-span {
    font-size: 0.875rem;
    font-weight: 700;
    color: #364a63;
    display: block;
}
/**
* style Rating input
 */
:root {
--color-gold: #ffc41f;
--color-gold-light: #ffd560;
}
.comment-stars {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}

.comment-stars-input {
display: none;
}

.comment-stars-input:checked ~ .comment-stars-view svg {
fill: var(--color-gold);
}

.comment-stars-input:checked ~ .comment-stars-view:hover svg,
.comment-stars-input:checked
~ .comment-stars-view:hover
~ .comment-stars-view
svg {
fill: var(--color-gold-light);
}
.form-group-rating .comment-stars-view {
    cursor: pointer;
}
.comment-stars-view svg {
fill: #c3c3c7;
width: 3em;
height: 3em;
}
.comment-stars-view.is-half {
transform: translateX(100%);
margin-left: -0.69580078125em;
}

.comment-stars-view.is-half svg {
width: 1.5em;
}

.show-group .comment-stars-view svg {
    width: 18px;
    height: 18px;
}
.show-group .comment-stars-view.is-half svg {
width: 8px;
}
.show-group .comment-stars-view{
    cursor: default !important;
}

.form-group-rating .comment-stars-view:hover svg,
.form-group-rating .comment-stars-view:hover ~ .comment-stars-view svg {
fill: var(--color-gold-light);
}
.section-rating{
    display: inline-grid;
}
.comment-stars-view{
    margin-bottom: 0px !important;
}

.nk-chat-body.profile-shown,.nk-msg-body.profile-shown {
    padding-right: 0;
}

.text-f {
    display:block;
    box-sizing: padding-box;
    padding:10px;
    font-size:14px;
    border: none;
    font: 1rem/2.4rem Georgia, serif;
    width: 100%;
    resize: none;
}
.image-upload{
    display: flex;
    justify-content: end;
    flex: auto;
}
.nk-chat-editor{
    padding: 0.5rem 1rem;
}
.nk-chat-editor-upload {
    width: 100px;
    float: right;
}
.image-upload > input
{
    order: 1;
    display: none;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.nk-chat-body,.nk-msg-body {
    opacity: 1 !important;
    pointer-events: auto;
}
.nk-msg-body {
    position: static;
}
.image-upload .icon
{
    width: 80px;
    cursor: pointer;
}
.image-upload .label-input{
    order: 0;
    margin-bottom: 0 !important;
}

.nk-chat-panel {
    background-color: rgba(235, 238, 242, 0.7);
    height: auto;
    max-height: auto;
    overflow: auto;
    padding: 1.25rem;
}
.nk-msg .simplebar-mask,.nk-msg .simplebar-offset{
    position: initial;
    margin-bottom: 0;
}

.nk-msg .nk-reply-form {
    margin: 5px 0;
}
.nk-msg .simplebar-wrapper {
    height: auto !important;
}
.nk-msg {
    max-height: initial;
}
.team-status{
    height: 30px;
    width: 30px;
}
.badge-outline-primary{
    color: #65BA83;
    border-color: #65BA83;
}

.team-options .link-list-opt button {
    padding: .625rem 1.125rem;
}
.team-options .link-list-opt button:hover{
    background-color: #65ba83;
    color:#FFF
}
.danger-code{
    font-weight: bold;
    color: rgb(241, 35, 35);
}
.success-code{
    font-weight: bold;
    color: #1ee0ac
}

.option-exchange-section > .toggle.btn {
    min-height: 35px;
    max-height: 35px;
}

  .row-btn-vertical {
      min-height: 8em;
      margin-top: 1em;
      text-align: center;
  }
  .current-card-exchange{
    border: 2px solid #333;
  }

.icon-arrow-right,.icon-arrow-down{
    margin: 0;
    font-size: 30px;
    padding: 0;
    color: #1ee0ac
}


.resend .icon-arrow-right,.resend .icon-arrow-down{
    margin: 0;
    font-size: 30px;
    padding: 0;
    color: #e68762
}
.icon-arrow-left,.icon-arrow-up{
    margin: 0;
    font-size: 30px;
    padding: 0;
    color: #e85347
}
.icon-arrow-right:not(:last-child),.icon-arrow-left:not(:last-child){
    margin-right: -13px;
}
.icon-arrow-down:not(:last-child),.icon-arrow-up:not(:last-child){
    margin-bottom: -13px;
}
.resend .icon-arrow-right:not(:last-child),.resend .icon-arrow-left:not(:last-child){
    margin-right: -13px;
}
.resend .icon-arrow-down:not(:last-child),.resend .icon-arrow-up:not(:last-child){
    margin-bottom: -13px;
}
.icon-vertical{
    transform: rotate(90deg);
    display: block;
}
.select-roles .custom-control-group,.select-radio-list .custom-control-group  {
    display: inline-flex;
    flex-wrap: wrap;
    margin: -.375rem;
}
.select-roles .custom-control-group>* {
    padding: 7px 15px;
    margin: 0px 10px;
    width: 100px;
    text-align: center;
}
 .select-radio-list .custom-control-group>* {
    padding: 10px;
    margin: 0;
    width: auto;
    text-align: center;
}
.select-roles .custom-control-group>* {
    border: 1px solid #dbdbdb;
    border-radius: 5px;

}
.custom-control-pro.no-control.checked{
    z-index: 3;
}
.custom-control-pro-icon .custom-control-label::before,.custom-control-pro-icon .custom-control-label::after {
    opacity: 0;
}
.no-control {
    padding-left: 0;
}
.custom-control-input {
    position: absolute;
    height: 1px;
    width: 1px;
    opacity: 0;
}
.btn-delete-delivery-from-deliverieslist{
    margin: 1px !important;
}

.team-statistics-rating { display: flex; justify-content: space-around; text-align: center; padding: 1rem 0 1.5rem; }

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

/* Chrome */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin:0;
}

/* Opéra*/
input::-o-inner-spin-button,
input::-o-outer-spin-button {
	-o-appearance: none;
	margin:0
}
.kanban-item-meta-list li {
    font-size: 0.9125rem;
}

a.view span {
    color: #65ba83 !important;
}
a.view span .icon {
    color: #101924 !important;
}
div.dataTables_processing{
    position: relative !important;
}

.permission-item.custom-control-sm {
    padding: 10px 30px;
    border: 1px solid #dbdbdb;
    margin: 5px 0px;
    width: 200px;
    text-align: center;
    border-radius: 5px;
    min-height: 1.125rem;
}
.permission-item.custom-control-sm.lg-item{
    width: 100%;
    padding: 10px 10px 10px 30px;
}
.custom-control-sm .custom-control-label::before, .custom-control-sm .custom-control-label::after {
    left: -1.5rem;
    top: 1px;
}

.link-list-opt .item-list-icon {
    display: flex;
    align-items: center;
    padding: .625rem 1.125rem;
    font-size: 12px;
    font-weight: 500;
    color: #526484;
    transition: all .4s;
    line-height: 1.3rem;
    position: relative;
}

.link-list-opt .item-list-icon .icon {
    font-size: 1.125rem;
    width: 1.75rem;
    opacity: .8;
}

.active-permission{
    position: absolute;
    right: 1%;
    font-size: 1rem !important;
    border-radius: 50%;
    padding: 4px;
    width: 25px !important;
    height: 25px !important;
}
.icons-state{
    font-size: 1rem !important;
    border-radius: 50%;
    padding: 4px;
    width: 25px !important;
    height: 25px !important;
}
.item-list-icon-form{
    font-size: 1.3rem;
    padding: 0px 5px 0px 8px;
}

.permissions-list-from li {
    float: left;
    width: 30%;
    margin: 0 5px;
    list-style: none;
}
@media (max-width: 1700px){
    .permissions-list-from li {
        float: left;
        width: 47%;
        margin: 0 1.5%;
        list-style: none;
    }
    .permissions-list-from li .lead-text {
        font-size: 0.72rem;
    }
}

@media (max-width: 992px){
    .permissions-list-from li {
        float: none;
        width: 100%;
        margin: 0;
        list-style: none;
    }


}

.hide-codes {
    display: none !important;
}
.section-codes-scanned{
    -webkit-transition: all .3s linear 0s;
    transition: all .3s linear 0s;
}

.card-img-top {
    width: auto !important;
    height: 330px !important;
}

*.hide {
    display: none !important;
}

div.loading {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(16, 16, 16, 0.5);
}

@-webkit-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@-ms-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@-moz-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@-webkit-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@-o-keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
@keyframes uil-ring-anim {
0% {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
100% {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}
}
.uil-ring-css {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 200px;
    height: 200px;
}
.uil-ring-css > div {
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
    border-radius: 80px;
    box-shadow: 0 6px 0 0 #ffffff;
    -ms-animation: uil-ring-anim 1s linear infinite;
    -moz-animation: uil-ring-anim 1s linear infinite;
    -webkit-animation: uil-ring-anim 1s linear infinite;
    -o-animation: uil-ring-anim 1s linear infinite;
    animation: uil-ring-anim 1s linear infinite;
}

.z-index { z-index: 999 !important; }

.fs-30px { font-size: 30px !important; }

.fs-20px { font-size: 20px !important; }


.data-credits-modal{
    max-height: 500px;
    overflow-y: auto;
}

.actions-dashboard-drivers a {
    height: 35px !important;
}

.group-drivers {
    padding: 5px 12px;
    font-weight: bold;
    font-size: 18px;
}
.datatable-init-tracking-driver tfoot {
    display: table-header-group;
}

.tabDataTrackingDriver {
    padding-right: 0 !important;
    width: 14%;
    text-align: center;
}
.tabDataTrackingDriver .nav-link {
    display: block !important;
}

.count-items {
    margin-right: 2px !important;
}

.alert-fill.alert-info {
    --bs-alert-color: #06889b;
    --bs-alert-bg: #e1f8fb;
    --bs-alert-border-color: #b5edf5;
    color: var(--bs-alert-color);
    border: 1px solid var(--bs-alert-border-color);
    background-color: var(--bs-alert-bg);
}

.nk-iv-wg2 {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.nk-iv-wg2-title {
    margin-bottom: .75rem;
}
.nk-iv-wg2-title .title {
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #8094ae;
    font-family: Roboto,sans-serif;
}
.nk-iv-wg2-text:not(:last-child) {
    margin-bottom: 2.5rem;
}
.nk-iv-wg2-amount.ui-v2 {
    font-size: 1.875rem;
    letter-spacing: -0.03em;
    line-height: 1.15em;
    border-bottom: 2px solid #65BA83;
    padding-bottom: 1.25rem;
    margin-bottom: 1rem;
    display: block;
    justify-content: space-between;
    align-items: baseline;
}
.nk-iv-wg2-list li {
    padding-top: .3rem;
    padding-bottom: .3rem;
}
.nk-iv-wg2-list .item-value {
    font-weight: 500;
    font-size: .8125rem;
    color: #364a63;
    float: right;
}

.accordion-s4{
    border: 2px solid #dfdfdf;
    padding: 0px 5px;
}
.accordion-s4 .accordion-icon {
    left: 0;
    right: auto;
}
.pro-control.custom-control {
    padding-left: 0;
    display: grid !important;
    height: 100% !important;
  }
  .pro-control .custom-control-label {
    padding: 1.5rem;
    border-radius: 4px;
    border: 1px solid #e5e9f2;
    overflow: hidden;
    transition: 0.3s ease;
  }
.pro-control .custom-control-label:before, .pro-control .custom-control-label:after {z-index: 9;}
.pro-control .custom-control-label::before {border-width: 1px;top: 1rem;left: 1rem}
.pro-control .custom-control-label::after {top: 1rem;left: 1rem;}
.pro-control .custom-control-label .icon-wrap { height: 36px; }
.pro-control .custom-control-label .icon-wrap img {height: 100%;}
.pro-control .custom-control-label .icon-wrap.lg {height: 48px;}
.pro-control .custom-control-label .icon-wrap.xl {height: 60px;}
.pro-control .custom-control-label .text-center .icon {margin-left: auto;margin-right: auto;}
.pro-control .custom-control-input:checked ~ .custom-control-label {border-color: #6576ff;}
.pro-control .icon-type-return{font-size: 53px !important;}
.mb-3px{margin-bottom: 3px !important;}
.link { color: #65ba83; text-decoration: none; background-color: transparent; }
.link:hover { color: #104E6A; text-decoration: none; }
.action-export-deliveries {flex-flow: column !important;}
.h-45px { height: 45px !important; }



.availableObjects, .selectedObjects {
    overflow-y: auto;
    border: 1px solid #dbdfea;
}
.availableObjects {
    height:200px !important;
}
.selectedObjects {
    height: 250px !important;
}
.controls {
    align-self: center;
}
.availableObjectsSection {
    width: 100%;
}
.availableObjects option {
    padding: 5px;
}
.selectedObjects .list-group-item {
    margin-bottom: 5px;
    cursor: pointer;
    transition: background-color 0.3s;
}
.selectedObjects .list-group-item:hover {
    background-color: #63b9e1;
    color: #FFF;
}
.selectedObjects .list-group-item.selected {
    background-color: #65BA83;
    color: #FFF;
}
select.availableObjects option:checked {
        background-color: #65BA83 !important;
        color: #FFF;
}


@media (max-width: 992px){
    .custom-dual-listbox {
        flex-direction: column;
    }

}
/* Appliquer un effet de survol vertical sur toutes les cellules de la même colonne */
.hovered
{
    background-color: #e5e9f2 !important;
}

.border-right-dark {
    border-right: 1px solid #b4b5b7 !important;
}

.table-districts-requests td, .table-districts-requests th {
    vertical-align: middle !important;
}

.nk-sidebar .nk-menu > li .nk-menu-sub .nk-menu-link{
    padding-left: 40px !important;
}
.action-update-message {
    right: 0px;
    top: 5px;
}

.claim-border-bottom{
    border-bottom: 1px solid #dbdfea !important;
}
@media (max-width: 767px){
    .meta-data-claims .col-group-data{
        padding: 0 !important;
    }
    .meta-data-claims .col-data {
        padding: 15px;
    }
    .claim-border-bottom{
        border-bottom:none !important
    }
}
/* .nk-tb-item:has(.not-read-item) > .nk-tb-col {
  background-color: #f5f5f5 !important;
} */
.badge-custom-sm {
    position: relative;
    vertical-align: middle;
    padding: .2rem .5rem .1rem;
    font-size: .8rem;
    line-height: 1.125rem;
    letter-spacing: 0.01em;
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    border-radius: 3px;
}

.rating {
    max-width: 450px;
    margin: 30px auto 20px auto;;
  }
  .rating__title {
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
    font-weight: 700;
    display: block;
  }
  .rating__list {
    max-width: 250px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
  }
  .rating__input {
    display: none;
  }
  .rating__label {
    padding: 5px 3px;
    font-size: 26px;
    opacity: 0.7;
    cursor: pointer;
}
.rating__label_view {
    padding: 5px 3px;
    font-size: 26px;
    opacity: 0.7;
  }
  .rating__label.not-active, .rating__label_view.not-active{
    filter: grayscale(1);
  }
  .rating__label.active, .rating__label_view.active {
    filter: grayscale(0);
    opacity: 1;
    transition: all 100ms ease;
  }
  .rating__label:hover {
    filter: grayscale(0.84);
    transform: scale(1.1);
    transition: 100ms ease;
  }
  .feedback {
    width: 100%;
  }
  .feedback textarea:focus, .feedback textarea:active, .feedback input:focus, .feedback input:active {
    box-shadow: 0px 0px 0px 1px #65BA83;
    transition: 100ms;
    outline: 0;
  }
  .feedback textarea {
    height: 100px;
  }
  .feedback button {
    margin: 1em auto;
    display: table;
    text-align: center;
  }
  .feedback button:focus, .feedback button:active {
    outline: 0;
  }

  .badge-outline-danger-dark { color: #e33527; border-color: #fd4c3e; }
  .text-danger-dark { color: #e33527 !important; }
  .overflow-y-auto { overflow-y: auto !important; }

  @media (max-width: 767px){
        .statistics-claims-data .team-statistics {
            display: block;
        }
        .statistics-claims-data .team-statistics .item-statistics  {
            margin-bottom: 15px;
        }
  }

  .border-danger-dark { border-color: #e33527 !important; }