@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*Global css*/
*{margin:0;padding:0;-webkit-font-smoothing: antialiased; box-sizing: border-box;}
body {background-color: #F1F1F1; color: #000000;}
.clear{clear:both;}
a{text-decoration:none;color:#000000;}
a:hover{text-decoration:none;outline:0;color:#c50709 !important; outline: none;}
.page-link:hover{color:#fff !important}
a:focus{outline:none!important;outline-offset:none!important;text-decoration:none!important;color:#c50709;}
.btn:focus{outline:none;box-shadow: none;}
a,img{border:none;outline:none;}
img{max-width:100%;height:auto;display:inline-block;}
p{display:block;line-height:1.2;margin:0 0 15px; font-weight: 400; color: #000000;}
p:last-child{margin: 0;}
b, strong{font-weight: 900;}
.text-muted {color: #000000 !important;}
h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {color: #000000 !important;}
.form-control, .form-select {border-radius: 0;height: 38px !important;padding: 0 10px !important;border: solid 1px #6e7881;}
.form-select {padding: 0 30px 0 10px !important; background-position: 99%;}
.form-control[type="file"]{line-height: 35px;}
.form-control:disabled, .form-select:disabled {background-color: #F1F1F1 !important;}
.breadcrumb-item.active {color: #c50709;}
.form-check-input {border-color: #000000;}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {opacity: 1;}
.form-check-input:checked {background-color: #000 !important;border-color: #000 !important;}
.btn.btn-primary.customColor {background-color: #F1F1F1; color: #000000; border-color: #F1F1F1;}
.btn.btn-primary.customColor .icon img{filter: brightness(0)}
.btn.btn-primary.customColor:hover .icon img, .btn.btn-primary.customColor:focus .icon img {filter: brightness(100%);}
.btn.customColor, .btn.btn-success, .btn.btn-danger  {font-size: 12px; padding: 4px 8px; display: inline-flex; align-items: center; justify-content: center; gap: 0 5px;}
.btn.customColor i, .btn.btn-success i, .btn.btn-danger i {min-width: 17px; width: 17px; height: 17px; display: inline-flex;}
.select2-container .select2-selection--multiple, .select2-container .select2-selection--single {border: solid 1px #6e7881 !important; border-radius: 0;}
.select2-container .select2-selection--single .select2-selection__arrow b {border-color: #6e7881 transparent transparent transparent !important;}
.ms-options-wrap > button:focus, .ms-options-wrap > button{border: solid 1px #6e7881 !important; border-radius: 0;}
.ms-options-wrap > button::after{right: 12px; border-top-color: #6e7881;}
.input-group-text {border-color: #6e7881;}
.btn .spinner-border {width: 15px; height: 15px;}
.input-group-text.customColor {background-color: #F1F1F1; border-color: #F1F1F1; color: #000000;}
.delete-icon {font-size: 20px;}
.customColor:focus {
    background-color: #c50709 !important;
    border-color: #c50709 !important;
    color: #fff !important;
}
/*header css start*/
.topbar-user {background-color: #F1F1F1;}
.topbar-user::after {width: 100%;height: 100%;content: "";background: #F1F1F1;display: block;right: -100%;position: absolute;}
.menu-title {color: #000000;}
.navbar-menu .navbar-nav .nav-link, .navbar-menu .navbar-nav .nav-sm .nav-link {color: #000000;}
.navbar-menu .navbar-nav .nav-sm .nav-link:before {background-color: #000000;}
.hamburger-icon span {background-color: #000000;}
.navbar-header .btn-topbar {color: #000000;}
.navbar-header .user-name-text {color: #000000;}
.dropdown-header {color: #000000;}
header .dropdown-menu {overflow: hidden; padding-bottom: 0;}
header .dropdown-divider {margin: 0;}
header .dropdown-item .icon {width: 17px; min-width: 17px; margin-right: 5px;}
header .dropdown-item:hover .icon img {filter: brightness(0) saturate(100%) invert(9%) sepia(90%) saturate(4385%) hue-rotate(339deg) brightness(110%) contrast(108%);}
header .dropdown-item {padding: 10px 16px;}

/*data table css start*/
.table > :not(caption) > * > * {padding: 8px;}
table.dataTable thead > tr > th {background-color: #F1F1F1 !important; color: #000000; vertical-align: middle;}
table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order::before, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order::after {color: #000000; opacity: 1 !important;}
table.table.dataTable.table-hover > tbody > tr:hover > * {box-shadow: none !important;}
table.table.dataTable>tbody>tr:hover {background: #d7d7d7;}
table.table.dataTable>tbody>tr.ready_to_collect:hover{background-color: #4e7e2d !important;}
table.dataTable thead > tr > th .form-control, table.dataTable thead > tr > th .form-select{height: 25px !important;}

/*phone css start*/
.phone-notification-block {background: url('../images/android_light.png') no-repeat;background-size: 100%;width: 380px;height: 774px;padding: 66px 12px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);border-radius: 60px;}
.phone-inner-wrapper {height: 100%; overflow-y: auto; padding: 0 5px;}
.phone-inner-wrapper {scrollbar-width: thin;scrollbar-color: #111111 #c0c0c0;background: #000;border-radius: 10px;}
.phone-inner-wrapper::-webkit-scrollbar {width: 8px;}
.phone-inner-wrapper::-webkit-scrollbar-track {background: #c0c0c0;}
.phone-inner-wrapper::-webkit-scrollbar-thumb {background-color: #ff8000;border-radius: 0px;border: 3px solid #ffffff;}
.time {font-size: 40px; font-weight: 400; color: #ffffff; text-align: center; margin-top: 30px;}
.time span {font-size: 16px; display: block;}
.notification {background-color: #f7f9f8; border-radius: 5px; padding: 10px; margin-top: 20px;}
.notification .notification-title {font-size: 14px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;}
.notification .notification-title i {width: 15px;min-width: 15px;height: 15px;line-height: 1; transform: rotate(180deg);}
.notification-content {margin-top: 5px; font-size: 13px; position: relative;}
.notification-content .content-title {display: block;font-size: 14px;font-weight: 600;margin-bottom: 4px;}
/*close css for notification*/
.notification.close-expand .notification-content {padding-right: 50px;}
/*.notification.close-expand .notify-img{width: 40px;position: absolute;right: 0;top: 6px;}*/
.notification.close-expand .notify-img{display: flex;-webkit-box-align: center;align-items: center;position: unset;right: 0px;
margin-top: 0px;padding: 0px;position: absolute;height: 34px;width: 34px;right: 0;top: 6px;}
.notification.close-expand .notification-title i {transform: rotate(0);}
/*.notification .notify-img img{max-height: 150px;width: 100%;object-fit: cover;}*/
.notification .notify-img img{margin-right: 10px;position: unset;right: unset;top: unset;margin-top: 10px;flex-basis: 34px;flex-shrink: 0;order: 2;width: 34px;height: 34px;border-radius: 1px;}
.view-option {display: flex;justify-content: center;max-width: 300px;padding: 20px 0;gap: 0 15px;}
.view-option li {background-color: #ffffff; border-radius: 5px; width: 50px; height: 50px; display: flex; justify-content: center; align-items: center;}
.view-option li img{width: 30px;}
.view-option li:hover {background-color: #f4f4f5;}

/*table new css*/
.table-tab-group {display: flex; flex-wrap: wrap; gap: 5px;}
.data-table .table-btn-group {display: flex;}
.data-table td:has(.table-btn-group) .btn {margin: 0;}
.data-table .table-btn-group .btn {display: flex;align-items: center; justify-content: center; white-space: nowrap;}
.data-table .btn {display: flex;}
.data-table .btn.btn-icon {margin-left: auto; margin-right: auto;}
.data-table .btn.btn-icon i {text-align: center; font-size: 14px;}
.table-responsive.only-table-scroll {overflow: inherit;}
.table-responsive.only-table-scroll .row:nth-of-type(2) {overflow: auto; overflow-y: hidden;}
div.dt-container div.dt-length select {height: 30px !important;}
div.dt-container div.dt-search input {height: 30px !important;}


/*form css start*/
.updates-count i {font-size: 24px;color: #000;}
.updates-count i:hover, .updates-count i:focus{color: #c50709;}

/*responsive css start*/
@media only screen and (max-width: 767px) {
.form-group {margin-bottom: 10px;}
.table-tab-group .btn {width: calc(33.33% - 5px);}
.table-responsive>div.dt-container .col-md-auto {width: 60%;}
.table-responsive>div.dt-container .col-md-auto+.col-md-auto {width: 40%;}
.table-responsive>div.dt-container .dt-length {text-align: left;}
.table-responsive>div.dt-container .dt-search {text-align: right;}
.table-responsive>div.dt-container .dt-search input {width: 100%; margin:0;}
}

@media only screen and (max-width: 679px) {
.table-tab-group .btn {width: calc(50% - 5px);}
}

@media only screen and (max-width: 479px) {
.table-tab-group .btn {width: 100%;}
.table-responsive>div.dt-container .dt-length label {font-size: 12px;}
}
.blur-section{
    filter: blur(2px);
}