/* ADMIN */ 
.iframeRoxy {
	width:100%;
	height:99%; 
	border:1px solid #EBE7E7; 
	border-radius:5px;
	background-color: rgba(0,0,0,0.00);
}
 .select2-container--default .select2-search--dropdown {
     padding: 4px; 
    /* background-color: var(--vz-choices-bg); */
    /* border-top: 1px solid #D3D2D2; */
    border-left: 1px solid #D3D2D2;
    border-right: 1px solid #D3D2D2;
    border-bottom: 1px solid #D3D2D2;
	 z-index: 9999;
}
.select2-container--default .select2-results>.select2-results__options{
    border-left: 1px solid #D3D2D2;
    border-right: 1px solid #D3D2D2;
    border-bottom: 1px solid #D3D2D2;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

        .preloader-custom {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -20px 0 0 -20px;
            display: none; /* Başlangıçta gizli */
            z-index: 9999;
        }

 
 /*data table height row */ 
#table-main >:not(caption)>*>* {
    padding: .4rem .6rem;
}
#table-main .dataTable th {
    height: 30px;
}

/* sadece liste ekleme ve düzenleme ekranındaki katefori filtreleme için*/

.u-filter-none {
  display: none;
}	
/*end */	
/*select 2 error */
.was-validated .custom-select:invalid + .select2 .select2-selection{
    border-color: #dc3545!important;
}
.was-validated .custom-select:valid + .select2 .select2-selection{
    border-color:#ced4da!important; /*#28a745!important;*/
}
*:focus{
  outline:0px;
}
 /*------------ */
/* form doğrulama arkaplan ok çıkması için silebilirsin */
.form-control.is-valid, .was-validated .form-control:valid {
	background-image : url();
	border-color:#ced4da;
}
/* ADMIN END */

/* ADMIN - USER START */

/*
.price-left {
	float: left;
	margin-left :2px;
	margin-right:2px;
}
*/

 /* ADMIN - USER END */

/* USER */

/* modal start */	
.modal.left .modal-dialog,
.modal.right .modal-dialog,
.modal.top .modal-dialog,
.modal.bottom .modal-dialog {
  -webkit-transform: translate3d(0%, 0, 0);
  -ms-transform: translate3d(0%, 0, 0);
  -o-transform: translate3d(0%, 0, 0);
  transform: translate3d(0%, 0, 0);
 
}

/* Left & Right */

.modal.left .modal-dialog,
.modal.right .modal-dialog {
  position: fixed;
  margin: auto;
  width: 500px;
  max-width: 100%;
  height: 100%;
}

.modal.left .modal-content,
.modal.right .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
  padding: 15px 15px 80px;
}

.modal.left.fade .modal-dialog {
  left: -500px;
  -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
  -o-transition: opacity 0.3s linear, left 0.3s ease-out;
  transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
  left: 0;
}

.modal.right.fade .modal-dialog {
  right: -500px;
  -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
  -o-transition: opacity 0.3s linear, right 0.3s ease-out;
  transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
  right: 0;
}

.modal.left .modal-content,
.modal.right .modal-content,
.modal.top .modal-content,
.modal.bottom .modal-content,
.modal.full .modal-content {
  border-radius: 0;
  border: none;
}

.modal.left .modal-dialog.modal-sm,
.modal.right .modal-dialog.modal-sm {
  width: 300px;
}

.modal.left .modal-dialog.modal-lg,
.modal.right .modal-dialog.modal-lg {
  width: 800px;
}

.modal.left .modal-dialog.modal-xl,
.modal.right .modal-dialog.modal-xl {
  width: 1140px;
}

/* Top and Bottom */

.modal.top .modal-dialog,
.modal.bottom .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: auto;
}

.modal.top .modal-content,
.modal.bottom .modal-content {
  height: auto;
  overflow-y: auto;
}

.modal.top .modal-body,
.modal.bottom .modal-body {
  padding: 15px 15px;
}

/* Top */

.modal.top.fade .modal-dialog {
  top: -100%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.top.fade.show .modal-dialog {
  top: 0;
}

/* Bottom */

.modal.bottom.fade .modal-dialog {
  bottom: -100%;
  -webkit-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s linear, bottom 0.3s ease-out;
  transition: opacity 0.3s linear, bottom 0.3s ease-out;
}

.modal.bottom.fade.show .modal-dialog {
  bottom: 0;
}

.modal.bottom.fade .modal-dialog {
  bottom: -100%;
}

/* Full Screen */

.modal.full .modal-dialog {
  position: fixed;
  margin: auto;
  width: 100%;
  max-width: 100%;
  height: 100%;
}

.modal.full .modal-content {
  height: 100%;
  overflow-y: auto;
}

.modal.full .close-modal {
  position: fixed;
  top: 0;
  right: 3rem;
}

/* Footer */

.modal-footer-fixed {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #fff;
  border-radius: 0;
}

/* XS */

.modal.left.xs .modal-body,
.modal.right.xs .modal-body {
  padding: 15px;
}
/* modal end */	

/*-------------------------
   Compare page
-------------------------*/
 
.custom-compare {
  margin: 1em auto;
  border: 2px solid white;
  border-radius: 8px;
  padding: 1em;
  position: relative;
  width: 150px;
  color: #024457;
  font-family: Arial;
  z-index: 1001;
  background: #FFFFFF;
/*  font-size: 1.3em;*/
  display: inline-block;
}

.custom-compare .close {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 30px;
  height: 30px;
  content: "";
  background-color: white;
  border:0px solid lightgrey;
  border-radius: 50%;
  cursor: pointer;
}
.custom-compare .close:before {
  position: absolute;
  border-radius: 50%;
  content: "";
  border:0px solid white;
  width: 26px;
  height: 26px;
  top: 0px;
  left: 0px;
}
.custom-compare .close:after {
  position: absolute;
/*  content: "X";*/
  font-family: "Tahoma Bold","Calibri Bold","Arial Black","Arial Bold",helvetica,"Lucida Sans","Trebuchet MS",sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  line-height: 30px;
}
.custom-compare.compare-title {

            font-family: Arial, Helvetica, sans-serif;
            font-size: 12px;
            letter-spacing: 0px;
            word-spacing: 2px;
            color: #000000;
            font-weight: 400;
            text-decoration: none;
            font-style: normal;
            font-variant: normal;
            text-transform: none;
}
.custom-compare .close.blue:before {
/*  background-color: #034559;*/
/*  background: linear-gradient(to bottom, #378CA4 0%, #034559 100%);*/
}
.custom-compare a {
    color: black;
}
.custom-compare a:hover {
    color: rgba(235,67,29,1.00);
}
        
/* compare end */       

/*--------------------------------------------------------------
Dropdown Button - Template km ve sıralama a-z dropdown button
--------------------------------------------------------------*/
/* Dropdown Button */
.dropbtn {
  background-color: rgba(4,170,109,0.00);
  color: rgba(77,77,77,1.00);
  padding: 16px;
  font-size: 16px;
  border: 1px solid rgba(187,187,187,1.00);
  border-radius: 4px; 
  width: 100px;
  z-index: 9999;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
 z-index: 999;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: fixed;
  background-color: #f1f1f1;
  min-width: 180px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    
 }

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #3e8e41;}


/*--------------------------------------------------------------
Dropdown Button - listing page km ve sıralama a-z dropdown button
--------------------------------------------------------------*/

/* product detail page extraprudoct dropdown */

    .cst-dropdown-container {
      position: relative;
      display: inline-block;
      width: 100%;
    }
.cst-dropdown-btn {
  background-color: #FFFFFF;
  color: black;
  cursor: pointer;
  text-align: left;
  width: 100%;
  border: 1px solid #D1D1D1;
  align-items: center; /* Dikey ortalamak için align-items kullanılıyor */
	padding: 10px;
 }

.cst-dropdown-btn p {
  margin: 0; /* p elementinin varsayılan marjını sıfırla */
  flex: 1; /* p elementini genişletmek için */
}
    .cst-dropdown-content {
      display: none;
      position: absolute;
      background-color: #f9f9f9;
      max-height: 200px;
      overflow-y: auto;
      box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
      padding: 12px 16px;
      z-index: 1;
      min-width: 100%;
      box-sizing: border-box;
      top: 100%;
    }

    .cst-dropdown-content label {
      display: flex;
      align-items: center;
      margin-bottom: 12px;
      font-size: 14px;
    }

    .cst-dropdown-content input[type="checkbox"] {
      margin-right: 8px;
      width: 20px;
      height: 20px;
    }

    .cst-dropdown-container.active .cst-dropdown-content {
      display: block;
    }


/* USER END */