@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
body {
  font-size: .875rem;
  font-family: 'Poppins', sans-serif;
  /*font-family: 'Montserrat', sans-serif;*/
  background-color:#f2f5fa;
  color:#263445;
  position: relative;
}

textarea {
    resize: none
}

.tooltip { 
    pointer-events: none;
}

.outline-0 { outline:0 !important}


.productLink {cursor: pointer;}
.daterangepicker {font-family: 'Poppins', sans-serif !important; border-color:#e7ecf5 !important;  color:#969fa8 !important;}
.daterangepicker .drp-buttons, .daterangepicker.show-ranges.ltr .drp-calendar.left { border-color:#e7ecf5 !important;}
.daterangepicker .ranges li {
	font-weight:600;
	font-size:12x
}
.daterangepicker .ranges li.active {
    background-color: #0d6efd !important;
}
.daterangepicker td.in-range {
	background-color:#f2f5fa !important
}

.daterangepicker td.active {
    background-color: #0d6efd !important;
}

.daterangepicker td.today {
    background-color: #f0f1f6;
}

.feather {
  width: 16px;
  height: 16px;
  vertical-align: text-bottom;
}

/*
 * Sidebar
 */

header {
	z-index:1040 !important;
}

.navbar .form-control{
	max-width: 800px;
}

.navbar .form-control::placeholder{
	color:#969fa8;
}




.navbar .icons li.icon {
	border-radius:50% !important;
	font-size:18px;
	width:40px;
	height:40px;
	display:block;
	line-height:40px;
	text-align:center;
	padding:0;
	display:block;
}

.navbar .icons li.icon a {
	width:100%;
	height:100%;
	display:block
}

.navbar .icons li.user img{
	border-radius:50%;
}

.navbar .icons li.icon .notify {
	line-height:12px !important;
	font-size:12px !important;
}

.sidebar {
  position: fixed;
  top: 0;
  /* rtl:raw:
  right: 0;
  */
  bottom: 0;
  /* rtl:remove */
  left: 0;
  z-index: 1031; /* Behind the navbar */
  overflow:hidden

}

.sidebar:hover {
    overflow:auto
}


.header-shadow {
	z-index:1030;
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: .5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

.sidebar .nav-link {
  font-weight: 500;
  color:inherit;
  font-size:15px;
  padding:10px 15px 8px 15px !important;
}

@media (max-width: 767.98px) {
    .sidebar {
        top: 53px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    
  }

  @media (max-width: 991px) {

    .fitToPrint *{
        
        font-size: 8px !important;
    }
    
  }
  

.sidebar .nav-link i {
  margin-right: 12px;
  width: 20px;
  text-align: center;
  color:#88959e
}


.sidebar .active {
  background: #0d6efd;
  color:#FFF;
  border-bottom:5px solid #0042e9;
}

.sidebar .active i {
    color:#FFF;
}

.sidebar .nav-link:hover .feather,
.sidebar .nav-link.active .feather {
  color: inherit;
}

.sidebar-heading {
  font-size: .75rem;
  text-transform: uppercase;
}
@media (min-width: 767.98px) {
.narrow {text-align:center !important; width: 57px !important; overflow:hidden !important}
.narrow .nav-link i {width:auto !important; display:block !important; margin:0 !important; font-size: 22px !important;}
.narrow .nav-link .d-flex span i {margin-left: 18px !important}
.narrow .nav-link{display:block !important; font-size: 0 !important; padding: 10px 0px !important;}
.menuspace {padding-left: 75px !important}


.narrow .sidebar-heading span{
    display: block;
    text-align: center;
    width: 100%;
    }
}

.narrow .hidden {
  display: none !important;
}

.narrow .show {
    display: block !important;
  }
/*
 * Navbar
 */




.navbar .navbar-toggler:focus {
	border:0 !important;
}


.navbar-brand{
	font-size:26px;
	padding:0
}


.modal.right {left:16px;}
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slideout .modal-content{border: 0;}
.modal-dialog-slideout .modal-header, .modal-dialog-slideout .modal-footer {height: 69px; display: block;} 
.modal-dialog-slideout .modal-header h5 {float:left;}	

.modal-dialog-slidein {min-height: 100%; margin: 0 0 0 auto;background: #fff;transition: transform 0.5s ease;}
.modal.fade .modal-dialog.modal-dialog-slidein {-webkit-transform: translate(-150%,0)scale(1);transform: translate(-150%,0)scale(1);}
.modal.fade.show .modal-dialog.modal-dialog-slidein {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
.modal.fade.show .modal-dialog.modal-dialog-slidein .modal-body{overflow-y: auto;overflow-x: hidden;}
.modal-dialog-slidein .modal-content{border: 0;}
.modal-dialog-slidein .modal-header h5 {float:left;}



.steps {position:relative;}
.steps .col { height:10px; background:#EEE;}
.steps .active {background:#CCC;}
.steps .col h5 {position:absolute; left:15px; top:-5px; display:none} 
.select2-container .select2-selection--single {padding:5px; height:auto;}
.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {top:5px; right:5px;}

.has-error input { border-color:red;}


.toast-container  {z-index:9999; top:40px !important;}


.selectHelper {z-index:1021 !important; top:200px; left:23px !important;}
#selections {display:none;}

.tableFixHead td {border-top-width: 1px !important;border-bottom-width: 0px !important;}
#loader {z-index:9998; display:none}
#loader .bg {background-color:rgba(255, 255, 255, 0.5);}

#pagination li, .singleMerge .search {display:none;}

.card {border:0;}
.rounded {
	border-radius:1.25rem !important;
}

.btn-group .btn {
	border-radius:1.25rem;
}

.dash-order-cards i {font-size:48px;}

.bg-soft-primary {
	background-color:#e5eeff;
}

.btn-icon {
	padding:0 !important;
	width:36px !important;
	height:36px !important;
	text-align:center !important;
	line-height:36px !important;
	display:block;
	border-radius:50% !important;
}

.btn-icon:after {
	font-size:16px !important;
}

.btn-icon-alt {
	padding:0 !important;
	width:36px !important;
	height:36px !important;
	text-align:center !important;
	line-height:36px !important;
	display:block;
}

.btn-icon a {
	width:100%;
	height:100%;
	display:block;
}

.btn-icon-sm {
	padding:0 !important;
	margin:0 !important;
	width:32px !important;
	height:32px !important;
	text-align:center !important;
	line-height:32px !important;
	display:block;
	border-radius:50% !important;
}


.custom-tabs li a{
	font-size: 18px;
	font-weight: bold;
	color: #000;
	padding: 5px 0 !important;
	margin-right:10px;
}

.custom-tabs li a.active {
	color:#0d6efd
}

.custom-tabs li a.disabled, .custom-tabs-sm li a.disabled, .custom-tabs-sm .nav-link.disabled {
	color:#969fa8 !important
}

.btn {font-weight:600; font-size:12px; padding:10px 25px;}
.btn-sm {padding: 5px 10px;}
.more {
    padding: 3px 6px !important;
}
.btn-group .active {background-color:#e5eeff !important;}
.form-control {font-weight:500; font-size:14px; padding:10px 20px;  font-size:14px; line-height:22px;}



tr td:first-child { border-top-left-radius: 5px; }
tr td:last-child { border-top-right-radius: 5px; }
tr td:first-child { border-bottom-left-radius: 5px; }
tr td:last-child { border-bottom-right-radius: 5px; }
table tr.spacer{ height:7px;}


.image-holder {
    width: 50px;
    height: 50px;
    display: block;
    background: #FFF;
    overflow: hidden;
    text-align: center;
    border-radius: 50%;

}
.product-image img{
  width:60px; 
  height: 60px; 
  object-fit:cover;
}

.image-holder img { height:100%; width:100%; object-fit: cover !important;}

.btn-primary,.bg-primary  {background:#0043ea;}
.btn-primary-outline, .bg-primary-outline  {border:2px solid #0043ea !important; color:#0043ea; padding: 0.4rem!important;}
.btn-primary-light, .bg-primary-light { background:#4198f7}
.btn-primary-dark, .bg-primary-dark { background:#1e3058}
.bg-default{ background:#f2f5fa !important;}

.btn-dark, .bg-dark {background:#263446 !important;}
.btn-secondary, .bg-secondary {background:#88949e !important;}
.btn-light, .bg-light {background:#f0f1f6 !important;}
.select-bg-light {background-color:#f0f1f6 !important;}
.btn-soft, .bg-soft  {background:#dee5f1 !important;}
.btn-danger, .bg-danger, .alert-danger {background:#e8505c !important}
.btn-success, .bg-success  {background:#49c496 !important;}
.btn-success-outline, .bg-success-outline  {border:2px solid #49c496 !important; color:#49c496; padding: 0.4rem!important;}
.btn-info, .bg-info {background:#58c0e5 !important;}
.btn-warning, .bg-warning  {background:#fe9327 !important}

.text-primary {color:#0043ea !important}
.text-dark {color:#263446 !important;}
.text-secondary {color:#88949e !important;}
.text-dark {color:#263446 !important}
.text-light {color:#969fa8 !important}
.text-soft  {color:#dee5f1 !important;}
.text-danger {color:#e8505c !important}
.text-success  {color:#49c496 !important;}
.text-info {color:#58c0e5 !important;}
.text-warning  {color:#fe9327 !important}
.text-alt {color:#5f6976}

.alt-nav .active {color:#263446 !important; border-bottom:5px solid #0043ea; padding-bottom:25px}

.border, .border-bottom, .border-top, border-start, .border-end {border-color:#e7ecf5 !important}

.bar-search{max-width:200px; padding-left:30px !important; font-size:12px}

.dash-orders .position-absolute{ right:10px; bottom:10px; font-size:50px;}

.fs-small {font-size:12px !important;}
.fs-10px {font-size:10px !important;}
.fs-9px {font-size:9px !important;}
.fs-8px {font-size:8px !important;}
.fs-7px {font-size:7px !important;}
.fw-bold{ font-weight:600 !important}
.fw-500{ font-weight:500 !important}


.page-item.active .page-link {
    color: #fff !important;
    background-color: #0043ea;
}


thead {height:50px;}

/*ul.custom-tabs-sm li{margin-right:20px;}*/
ul.custom-tabs-sm a{ color:#263446 !important; font-weight:600; font-size:13px}
ul.custom-tabs-sm a.active, ul.custom-tabs-sm .nav-link.active{border-bottom:3px solid #0043ea; border-radius:0 !important}
ul.custom-tabs-sm .nav-link{border-radius:0 !important}

ul.custom-tabs-sm .nav-link:focus{
box-shadow: none !important	
}

.slider-image {
  width: 100%;
  height: 243px;
  object-fit: scale-down;
  }


.nav-pills li a.active {background:#FFFFFF !important; color:#0043ea !important;}
.nav-pills li a {color:#6c757d; font-weight:600;}
.nav-pills .disabled {color:#969fa8 !important;}

.variants thead td, .logs thead td{border-bottom:1px solid #e7ecf5 !important; font-weight:600; color:#969fa8}
.variants tr:last-child, .logs tr:last-child { border-bottom:1px solid #FFF}

.table-hover td {cursor:pointer;}
.dropdown-menu li a, .dropdown-menu {font-size:12px; font-weight:600;}

.w-50p{width:50px !important}
.w-100p{width:100px}
.w-150p{width:150px}
.w-200p{width:200px}
.w-250p{width:250px}
.w-300p{width:300px}
.w-350p{width:350px}
.w-400p{width:400px}
.w-450p{width:450px}
.w-500p{width:500px}

.h-50p{height:50px !important}
.h-100p{height:100px}
.h-150p{height:150px}
.h-200p{height:200px}
.h-250p{height:250px}
.h-300p{height:300px}
.h-350p{height:350px}
.h-400p{height:400px}
.h-450p{height:450px}
.h-500p{height:500px}

.swiper-button-next, .swiper-button-prev {
  display: none;
}

.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev {
  display: block;
}

.pill-sm {font-size:10px; width:20px; height:20px; text-align:center; line-height:20px;}

.edit input, .edit select, .edit textarea {border-color:#e7ecf5 !important; font-weight:500; color:#263446 !important}
.edit .input-group-text{border-color:#e7ecf5 !important; }
.edit .description {display:none;}
.product-pills li a.active {color:#263446 !important}

.edit .form-control:disabled, .edit .form-control[readonly], .edit select:disabled, .edit select[readonly], .select2-container--default.select2-container--disabled .select2-selection--single, .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered, .edit .form-control:disabled, .edit .form-control[readonly], .edit select:disabled, .edit select[readonly], .select2-container--default.select2-container--disabled .select2-selection--multiple, .select2-container--default.select2-container--disabled .select2-selection--multiple .select2-selection__rendered  {
	
	
   background-color:#e9ecef !important;
    color: #999 !important;
}

.edit .image img{ width:100%; height:150px; object-fit:contain}
.edit .line {position:absolute; left:-36px; top:0; height:100%; width:5px;}

.edit .uploadImage {cursor:pointer;}

.r-number {width:46px; height:46px; line-height:50px; text-align:center; padding:0; font-weight:bold}
.nav-tab .r-number {background:#f2f5fa;}
.nav-tab .active .r-number {background:#49c496; color:#FFF}



.select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    color: #444;
    line-height: 28px;
    padding: 8px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	margin-right: 7px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #f2f5fa;
    border: 1px solid #dee2e6;
}

.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
    border:0;
	background-color:#f2f5fa;
	font-weight:500
}

#marketplace .select2-container--default .select2-selection--single, #marketplace .select2-container--default .select2-selection--multiple {
	background-color:#FFF;
	border:1px solid #e7ecf5;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e5eeff;
    color: #263446;
	border-left:5px solid #0043ea;
	padding-left:15px !important;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-color:#e7ecf5;
}

.select2-dropdown{
	border-color:#e7ecf5;
	font-weight:500;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}

.select2-container--default .select2-results__option[aria-selected="true"] {
	background-color:#0043ea;
	color:#FFF;
}

.select2-container--default .select2-results__option[aria-selected="true"]  .text-primary, .select2-container--default .select2-results__option[aria-selected="true"]  .text-light {
	color:#FFF !important;
}

.select2-results__option {
    padding: 7px 20px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b, .select2-container--default .select2-selection--multiple .select2-selection__arrow b {
	display:none !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow  {
    top: 17px;
    right: 13px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	height:25px;
}
#variants .select2-container--default.select2-container--focus .select2-selection--multiple {
	border:0 !important
}
#variants .select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color:#FFF;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow {
	transform: rotate(-180deg);
	top:12px;
}
.select2-search--dropdown {
    padding: 10px 15px;
	font-weight:500
}

.select2-container {
    width: auto !important;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 500;
    z-index: 99;
    padding: 0;
    width: 18px;
    margin-right: 25px;
    text-align: center;
    font-size: 26px;
    color: #7e8299;
    height: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	display:none !important;
}

.edit .form-switch input {padding:10px 20px;}
.edit .form-switch label {line-height:30px; margin-left:10px}

.edit .form-switch .form-check-input:checked { border:0; padding:1}

.edit .trumbowyg-box, .trumbowyg-editor {background:#FFF;}
.edit .trumbowyg-button-pane {padding:0; background:#FFF}

.trumbowyg-button-pane button.trumbowyg-active, .trumbowyg-button-pane button:not(.trumbowyg-disable):focus, .trumbowyg-button-pane button:not(.trumbowyg-disable):hover {
    background-color:#f2f5fa;
}

.trumbowyg-button-pane .trumbowyg-button-group::after {
	margin:0
}

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/*
.toast-container .bg-danger {
	background:#FFF !important;
	border-left:5px solid #e8505c;
}

.toast-container .bg-success {
	background:#FFF !important;
	border-left:5px solid #49c496;
}

.toast-container .bg-info {
	background:#FFF !important;
	border-left:5px solid #0043ea;
}

.toast-container .bg-warning {
	background:#FFF !important;
	border-left:5px solid #fe9327;
}


.toast-container .toast-body, .toast-container .btn-close {color:#263446 !important;}

.toast-container .bg-danger .toast-body:before {
    color:#e8505c; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06a"; padding-right:5px;
}

.toast-container .bg-success .toast-body:before {
    color:#49c496; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f058"; padding-right:5px;
}

.toast-container .bg-info .toast-body:before {
    color:#0043ea; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a"; padding-right:5px;
}

.toast-container .bg-warning .toast-body:before {
    color:#fe9327; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f05a"; padding-right:5px;
}

*/

.swal2-popup {
  font-size: .875rem !important;
  font-family: 'Poppins', sans-serif !important;
  background-color:#FFF !important;
  color:#263446 !important;
}

.swal2-styled.swal2-confirm{
	background-color:#0043ea !important
}


.p-6-25 {padding: 6px 25px !important;}

.listing-steps .line{ max-width:790px !important; top:35px !important; z-index: 0;}

#marketSelection .selection { border-width: 3px !important;}
#marketSelection .selected {border-color:#49c496 !important;}

#steps .active *{ color:#0042e9 !important;}


.filters .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .filters  .form-control, .filters .input-group-text {background: #FFF !important; border:1px solid #e7ecf5 !important}
.filters .form-switch input {
    padding: 10px 20px;
}


#sourceCategory .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple, .select-2-bg-white .select2-selection {
    background-color: #FFF !important;
    border:1px solid #e7ecf5 !important;
    padding: 4px!important;
}

.select-2-no-padding .select2-selection {
    padding: 0 !important;
}

.select-2-no-padding .select2-selection__arrow {
    top: 14px !important;
}

.select-2-no-padding .select2-container--default.select2-container--open .select2-selection__arrow{
    top: 9px !important;
}

#sourceCategory .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    padding: 3px 10px!important;
    padding-right: 40px !important;
    font-size: 13px;
    font-weight: 600;
}

#sourceCategory .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    right:10px;
    top:10px;
}

#sourceCategory .select2-container--default .select2-selection--single .select2-selection__arrow, .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    height: 19px !important;
}

.ellipsis {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    float: left;
}

.sticky-offset{
    top:85px;
}

.edit-row .input-group .input-group-text {
    border:1px solid #FFF;
}

.edit-row .form-control {
    border:1px solid #FFF;
}

.productRow:hover .form-control,.productRow:hover .input-group-text {
    border:1px solid #ced4da;
    color:#263445 !important;
}

#modal {padding:0}

.modal-body #order {
    padding:0 !important;
}
.modal-body #order .col-lg-8, .modal-body #order .col-lg-4 {
    width: 100%;
}

.new-product-tabs .active .text {
    color:#0043ea !important;
}

.form-control::placeholder {
    color:#999 !important;
}

.collapser {cursor: pointer;}

#variantsTable input::placeholder {
    font-size: 12px;
    text-align: center;
}


.new-product-image .image img{ width:100%; height:200px; object-fit:contain}
.new-product-image .line {position:absolute; left:-36px; top:0; height:100%; width:5px;}

.new-product-image #uploadImage {cursor:pointer;}

.zoom-button {
    position:absolute;
    top: 10px;
    right: 20px;
    padding: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.remove-image-button {
    position:absolute;
    top: 40px;
    right: 20px;
    padding: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.move-button {
    position:absolute;
    top: 70px;
    right: 20px;
    padding: 5px;
    cursor: pointer;
    width: 25px;
    height: 25px;
}

.imagesRow i {display:none}
.imagesRow .image:hover i {display:block}


.btn-icon-sm {
    padding: 0 !important;
    width: 20px !important;
    height: 20px !important;
    text-align: center !important;
    line-height: 20px !important;
    display: block;
    border-radius: 50% !important;
}

 .varianterLine .imageUploader img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#singleProductImages .image .productImage {
    object-fit: cover;
}

.claim .border-top {border-color:#e2e2e2 !important; border-width: 1px !important;}
.claimProducts div:first-child {border-top:0 !important}

.ellipsisText {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .questionModal, .claimModal {
      height:auto !important;
  }

  .questionModal .product-image img {
    height:48px !important;
    width:48px !important;
}

.questionModal textarea {
    resize: none; outline: none !important;
}

.questionModal textarea:focus {
    resize: none; outline: none !important;
}

.msg_cotainer p {border-radius: 10px;}

@media only screen and (max-width: 768px) {
    .modal-dialog .modal-content {
        border-radius: 0 !important;
        border: 0 !important;
    }

    .modal-dialog {
      border-radius: 0 !important;
      border: 0 !important;
      width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
  }
    .mw-100{width: 100% !important;}
    
    .responsiveTable .image-holder {
        width:70px;
        height:70px;
        border-radius: 10px;
        padding:5px;
    }
    .responsiveTable .image-holder img {
        object-fit: cover !important;
    }
    .sticky-bar {position: relative; height:73px;}
    .alt-nav {width:3000px; overflow-y: scroll; height:55px}
    .alt-nav::-webkit-scrollbar {
        display: none;
    }


    #denyModal .modal-dialog {height: 100%; margin: 0 0 0 auto;background: #fff;}
    #denyModal .modal.fade .modal-dialog.modal-dialog {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
    #denyModal .modal.fade.show .modal-dialog.modal-dialog {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
    #denyModal .modal.fade.show .modal-dialog.modal-dialog .modal-body{overflow-y: auto;overflow-x: hidden;}
    #denyModal .modal-dialog .modal-content{border: 0; height:100%}

    #sideModal .modal-dialog{
        right: 0 !important;
    }
    
  }

  .title {color:#212529}

  .squareIcon {
    height: 34px;
    width: 34px;
    text-align: center;
    line-height: 34px;
  }

  .modal-custom-size { max-width: 690px;}
  .modal-900px { max-width: 900px;}
  .cursor-none {cursor:default !important;}
/*
  .was-validated select.select2:invalid + .select2.select2-container.select2-container--default span.select2-selection, select.select2.is-invalid + .select2.select2-container.select2-container--default span.select2-selection {
    border-left: 3px solid #e8505c !important;
  }

  .was-validated input:invalid, .was-validated select:invalid {
    padding-right: 25px !important;
  }

  .was-validated input:valid, .was-validated select:valid {
    padding-right: 25px !important;
  }
  */

  @media print{ 
    html, body {
        background:#FFF;
    } 
    .fitToPrint {
        
        transform-origin: top left;
        page-break-after: always;
        page-break-inside: avoid;
        padding: 0 !important;
        margin: 0 !important;
        font-size: 9px !important;
    }

    .fitToPrint * {
        font-size: 9px !important;
    }

    .fitToPrint hr{
        margin: 5px 0 !important
    }

    .fitToPrint .mt-3{
        margin-top:10px !important
    }
    
    .fitToPrint .mb-3{
        margin-bottom:10px !important
    }

    .printArea {
        page-break-after: always;
    }
    
}


  .swal2-styled.swal2-confirm {
    border: 0;
    border-radius: 0.25em;
    background: initial;
    background-color: #49c496 !important;
    color: #fff;
    font-size: 1em;
  }

  #reports .select2-container--default .select2-selection--single,   #reports .select2-container--default .select2-selection--multiple {
    background:#FFF !important;
    border: 1px solid #e7ecf5 !important;
    padding:0px 10px!important;
    color:#969fa8 !important;
  }

  #reports .select2-container--default .select2-selection--single .select2-selection__rendered,  #reports  .select2-container--default .select2-selection--multiple .select2-selection__rendered{
    padding: 3px !important;
    color:#969fa8 !important;
  }

  #reports  .select2-container--default .select2-selection--single .select2-selection__arrow,   #reports .select2-container--default .select2-selection--multiple .select2-selection__arrow {
    top: 10px !important;
    right: 10px !important;
  }

  #reports .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow, #reports .select2-container--default.select2-container--open .select2-selection--multiple .select2-selection__arrow {
    top: 3px !important;
    right: 10px !important;
  }

  .border-bottom-3 {
    border-bottom:3px solid #0043ea !important
  }

  .noscrollbar::-webkit-scrollbar {
    display: none;
  }

  .dynamicTable .form-control, .dynamicTable .form-select {
    border:none !important;
    box-shadow:none !important;
    background-color:inherit !important;
  }

  .dynamicTable .form-control:focus, .dynamicTable .form-select:focus {
    border:none !important;
    box-shadow:none !important;
    background-color:#FFF !important;
  }

  .dynamicTable .form-control:hover {
    background-color: none !important;
  }

  .dynamicTable .form-control[readonly] {
    background-color: inherit !important;
    border: 0 !important;
    color:inherit !important;
  }

  .swal2-popup {
    padding: 0 !important;
    border-radius: 0 !important;
  }

  .swal2-html-container {
    padding: 0px !important; /* Adjust the padding as needed */
    margin:0px !important; /* Adjust the margin as needed */
}


button[aria-label="Close"]:focus, button:focus,.btn:focus,.btn:active {
  outline: none !important;
  box-shadow: none !important;
}

.slide-action {
    position: absolute;
    top: 0;
    right: -100%; /* Hide the action off-screen */
    width: 100%;
    height: 100%;
    background-color: #007bff; /* Background color of the action */
    color: white;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px; /* Adjust padding as needed */
    transition: right 0.3s ease-in-out; /* Add a smooth slide animation */
}

#invoiceServices .active {
    border:2px solid #49c496 !important;
}

.lh-16px {
    line-height:16px !important;
}

.questionText {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
}

.questionTitle {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

.border-start-success-5 {
  border-left: 5px solid #49c496 !important;
}

.border-start-danger-5 {
  border-left: 5px solid #e8505c !important;
}

@media (max-width: 575px) {
    .border-top {
        border-top: 1px solid #e7ecf5;
    }
    .border-left {
        border-left: 1px solid #e7ecf5;
    }
    .border-bottom {
        border-bottom: 1px solid #e7ecf5;
    }
    .border-right {
        border-right: 1px solid #e7ecf5;
    }
    .border-top-0 {
        border-top: none!important;
    }
    .border-left-0 {
        border-left: none!important;
    }
    .border-bottom-0 {
        border-bottom: none!important;
    }
    .border-right-0 {
        border-right: none!important;
    }
}

@media (min-width: 576px) {
    .border-sm-top {
        border-top: 1px solid #e7ecf5;
    }
    .border-sm-left {
        border-left: 1px solid #e7ecf5;
    }
    .border-sm-bottom {
        border-bottom: 1px solid #e7ecf5;
    }
    .border-sm-right {
        border-right: 1px solid #e7ecf5;
    }
    .border-sm-top-0 {
        border-top: none!important;
    }
    .border-sm-left-0 {
        border-left: none!important;
    }
    .border-sm-bottom-0 {
        border-bottom: none!important;
    }
    .border-sm-right-0 {
        border-right: none!important;
    }
}

@media (min-width: 768px) {
    .border-md-top {
        border-top: 1px solid #e7ecf5;
    }
    .border-md-left {
        border-left: 1px solid #e7ecf5;
    }
    .border-md-bottom {
        border-bottom: 1px solid #e7ecf5;
    }
    .border-md-right {
        border-right: 1px solid #e7ecf5;
    }
    .border-md-top-0 {
        border-top: none!important;
    }
    .border-md-left-0 {
        border-left: none!important;
    }
    .border-md-bottom-0 {
        border-bottom: none!important;
    }
    .border-md-right-0 {
        border-right: none!important;
    }
}

@media (min-width: 992px) {
    .border-lg-top {
        border-top: 1px solid #e7ecf5;
    }
    .border-lg-left {
        border-left: 1px solid #e7ecf5;
    }
    .border-lg-bottom {
        border-bottom: 1px solid #e7ecf5;
    }
    .border-lg-right {
        border-right: 1px solid #e7ecf5;
    }
    .border-lg-top-0 {
        border-top: none!important;
    }
    .border-lg-left-0 {
        border-left: none!important;
    }
    .border-lg-bottom-0 {
        border-bottom: none!important;
    }
    .border-lg-right-0 {
        border-right: none!important;
    }
}

@media (min-width: 1200px) {
    .border-xl-top {
        border-top: 1px solid #e7ecf5;
    }
    .border-xl-left {
        border-left: 1px solid #e7ecf5;
    }
    .border-xl-bottom {
        border-bottom: 1px solid #e7ecf5;
    }
    .border-xl-right {
        border-right: 1px solid #e7ecf5;
    }
    .border-xl-top-0 {
        border-top: none!important;
    }
    .border-xl-left-0 {
        border-left: none!important;
    }
    .border-xl-bottom-0 {
        border-bottom: none!important;
    }
    .border-xl-right-0 {
        border-right: none!important;
    }
}

 /* Custom styles for tabs */
 .shop-custom-tabs .nav-link {
    font-size: 18px; /* Regular font size */
    color: var(--bs-secondary); /* Light color for passive tabs */
    border: none; /* Remove borders */
    background-color: transparent; /* No background */
    padding:10px 0; /* Add spacing for alignment */
    font-weight:500;
    margin:0 10px;
}

.shop-custom-tabs .nav-link.active {
    color: var(--bs-dark); /* Primary color for active tab */
    border-bottom: 5px solid var(--bs-primary); /* 2px bottom border for active tab */
    background-color: transparent; /* No background */
}

.shop-custom-tabs .nav-link:hover {
    color: var(--bs-primary); /* Highlight passive tabs on hover */
    text-decoration: none; /* No underline on hover */
}

/* Selectize giriş alanı */
.selectize-input {
    
}

/* Selectize giriş alanı (çoklu seçim) */
.selectize-input.items {
  
}

/* Çoklu seçimde seçili öğeler */
.selectize-input.items .item {
  
}

/* Çoklu seçimde öğe kaldırma düğmesi */
.selectize-input.items .item .remove {
  
}

/* Kaldırma düğmesi üzerine gelindiğinde */
.selectize-input.items .item .remove:hover {

}

/* Seçeneklerin listelendiği dropdown */
.selectize-dropdown {
    background-color: #FFF !important;
}

/* Dropdown'daki her bir seçenek */
.selectize-dropdown .option {
    padding: 7px 20px;
    
}

/* Üzerine gelindiğinde seçenek */
.selectize-dropdown .option:hover {
    background-color: #e5eeff; /* Hover arka plan rengi */
    color: #263446; /* Hover yazı rengi */
    border-left: 5px solid #0043ea; /* Sol kenar vurgusu */
    padding-left: 15px; /* Sol boşluk */
    cursor: pointer;
}

/* Seçili seçenek */
.selectize-dropdown .option.selected {
    background-color:  #0043ea;
    color: #FFF;
}

/* Arama kutusu */
.selectize-control.single .selectize-input input {
    font-weight: 500;
}

/* Dropdown açıkken giriş alanı */
.selectize-control.single .selectize-input.active {
    box-shadow: 0;
    outline: 0;
    border: 0;
}

.selectize-control.single .selectize-input:after {

}

/* Selectize kapalıyken */
.selectize-control.single .selectize-input:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 18px;
    border-style: none !important;
    border-width: 0 !important;
    top: 20px !important;
    right: 13px !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    height: 25px !important;
    background-repeat: no-repeat !important;
    transform: rotate(0deg); /* Ok aşağıyı gösterir */
}

/* Selectize açıldığında */
 .selectize-control.single .dropdown-active:after {
    top: 14px !important;
    transform: rotate(180deg) !important; /* Ok aşağıyı gösterir */
}

.edit .selectize-input {
    padding: 15px;
    background: --var(--bs-light) !important;
}