/* regex arama : class='[^\']*class[^\']*' */
/* ********************* Genel */
:root {
	--bs-offcanvas-zindex: 2056 !important;
	--bs-modal-zindex: 2056 !important;
	--qp-gri :  #495057;
	--qp-mavi :  #1e9ff2;
	--qp-sari : #fd7e14;
	--qp-yesil: #198754;
	--qp-yesilacik: #b8e6a1;
	--qp-kirmizi:#dc3545;
}
.bg-fs-image {
	background: url(/upload/back/1.jpg) no-repeat center center fixed;
	background-size: cover; 
}
body {
	min-height: 100vh;
	margin: 0;
}
form {margin:0;padding:0;}
header .bi:hover {color:var(--qp-mavi)}
a,.el,.bi {cursor:pointer;text-decoration:none;}
a:hover,.el:hover,.h:hover {color:var(--qp-mavi)}
.card-header .bi:hover {color: var(--qp-mavi);}
.readonly, input[disabled], select[disabled], option[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
	cursor: not-allowed !important;
	pointer-events:none;
	user-select:none;
}

/*
input[type="date"]::-webkit-calendar-picker-indicator ,input[type="datetime-local"]::-webkit-calendar-picker-indicator ,input[type="time"]::-webkit-calendar-picker-indicator  {
background: transparent;
color: transparent;
cursor: pointer;
position: absolute;
height: auto;width: auto;
bottom: 0;left: 0;right: 0;top: 0;
}
*/

/* ********************* Bootstrap Özelleştirme */
/* offcanvas */
.offcanvas {--bs-offcanvas-zindex: 2056 !important;}
.offcanvas-body {padding:0.25em;}
.modal {  --bs-modal-zindex: 2056 !important;}

/* badge */
.badge-glow {box-shadow:0px 0px 10px #ff4961;}

/* navbar */
.nav-item {z-index:799;}

/* Buton renk değiştirme */
.btn-glow {box-shadow: 0px 1px 20px 1px rgba(66, 66, 66, 0.6);}
.btn-glow:hover {box-shadow: none;}


/* form  */
.was-validated .form-control:valid,.was-validated .form-select:valid {
	background-image:none;
}

.form-check-input.is-valid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
	color:inherit;	
}

.form-label {font-size:0.90em;color: var(--bs-secondary-color);margin-bottom:0.25em;}
.form-text {font-size:0.75em;}


/* card */
.card .card-header:not(.border-0) h5, .card .card-header:not(.border-0) .h5 {
    position: relative;
}

.card .card-header:not(.border-0) h5:after, .card .card-header:not(.border-0) .h5:after {
    content: "";
    height: 30px;
    width: 3px;
    background: var(--qp-mavi);
    position: absolute;
    left: -16px;
    top: 1px;
    border-radius: 0 3px 3px 0;
}

#filtreBody {
    padding-top: 0.25rem;padding-bottom: 0.25rem;
}

/* diğer */
kbd {
  line-height: 0.75 !important;
}

/* ********************* Tinymce özelleştirme */
.tox-tinymce {
  border: none !important;
  border-radius: 0 !important;
}



/* ********************* JQuery ui - Özelleştirme */
.ui-frontUst { z-index: 1057 !important;} 

.ui-widget-overlay {opacity:0.4;}


.ui-dialog .ui-dialog-titlebar {padding: 0.2rem 0.5rem;}
.ui-dialog .ui-dialog-titlebar-close {height:auto;}
.ui-dialog-titlebar-close {content: "\00d7";margin-top: 0px !important;top: 0px !important;}
.ui-dialog-titlebar-close:after {content: "\00d7";font-size:2rem !important;}
.ui-dialog .ui-dialog-content {padding: 0.2rem 0.0rem; overflow:hidden;}



/* ********************* Tema Özelleştirme */
.shadow-sm {
    box-shadow: 0 1rem 3rem rgba(255,255,255,.175)!important;
}

@media (min-width: 1200px) {
	body.vertical-layout.vertical-menu.menu-collapsed .navbar .navbar-container {
		margin-left: 120px !important; 
	}
}

.grid-hover figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
  height: 356px;
  margin: 0 auto;
}



/* ********************* Portal Özel CSS */

/* Scroolbar */
::-webkit-scrollbar {width:7px;height:7px;}
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #1e9ff2;}
::-webkit-scrollbar-thumb:hover {background: #555;}

/* info panel */
.bilgi {padding:0.5em 1em;}
.bilgi h4 {margin-top: 0;}
.bilgi-dark {background-color: var(--bs-dark-rgb);border-left: 5px solid;border-color: var(-bs-dark);color:var(--bs-light-rgb);}
.bilgi-dark:empty {display: none;}
.bilgi-light {background-color: var(--bs-light-rgb);border-left: 5px solid;border-color:  var(--bs-dark);color:var(--bs-dark);}
.bilgi-light:empty {display: none;}



/* ********************* Panel - Tab benzeri */
.qpPanel {
	flex-grow: 1;
	position: relative;
	min-height:450px;
}

.qpPanel:not(:has(iframe)) {
  margin: 0 0!important;
}

.qpPanel iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.qpPanel .tam {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.qpPanelAlt {
	display: flex;
	flex-direction: column;
}

.qpPanelAlt .iframeKap {
	flex-grow: 1;
	position: relative;
	height:450px; 
}


/* ********************* Nav - Offcanvas */
#formTab .nav-link {
	border-bottom:2px solid transparent;
}
#formTab .nav-link.active {
	background-color:var(--bs-white);
	border-bottom:2px solid var(--qp-mavi);
}
#formTab .nav-link:hover {
	color: var(--qp-yesil);
	background-color:var(--bs-white);
	border-bottom:2px solid var(--qp-yesil);
}
#formTab #offcanvasNavbar .nav-item {font-size:100% !important;} 
#formTab #offcanvasNavbar .nav-item {
	white-space: nowrap;
	text-overflow: ellipsis;
}
#formTab .navbar-brand {font-size:90%;}


/* Animasyon */
.dib {display: inline-block;}
.anim1-enter-active {animation: anim1 1.0s;}
.anim1-leave-to, .anim1-leave-active{display: none;}
@keyframes anim1 {0% {transform: translate(1px, 1px) rotate(0deg);}  10% { transform: translate(-1px, -2px) rotate(-1deg); }  20% { transform: translate(-3px, 0px) rotate(1deg); }  30% { transform: translate(3px, 2px) rotate(0deg); }  40% { transform: translate(1px, -1px) rotate(1deg); }  50% { transform: translate(-1px, 2px) rotate(-1deg); }  60% { transform: translate(-3px, 1px) rotate(0deg); }  70% { transform: translate(3px, 1px) rotate(-1deg); }  80% { transform: translate(-1px, -1px) rotate(1deg); }  90% { transform: translate(1px, 2px) rotate(0deg); }  100% { transform: translate(1px, -2px) rotate(-1deg); }  }
.pull-up {transition: all 0.25s ease; }
.pull-up:hover {transform: translateY(-4px) scale(1.02);box-shadow: 0px 14px 24px rgba(62, 57, 107, 0.2);z-index: 30; }

/* Diğer */
.popJui{overflow:hidden;}
.kResim {width:18%;}

.qpFull {
  z-index: 1021; /*stick-top üste çıktığı için yoksa 899*/
  width: 100%;
  height: 100%;
  position: fixed;
  margin:0 !important;
  padding:0 !important;
  top: 0;
  left: 0;
}

.mvh-60 {
    min-height: calc(100vh - 74px) !important;
}
  
.maxh250 {max-height:250px;}

.max250 {
	max-height:250px;
	max-width:250px;	
}

.max150 {
	max-height:150px;
	max-width:150px;	
}


.yetkisiz {position: relative;}
.yetkisiz::before {
  border-radius:0.5em;
  content: "İşlem yetkiniz bulunmuyor.";
  text-align:center;
  vertical-align:middle;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: rotate(0deg);
  color: white;
  font-size: 24px;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 0, 0, 0.7);
}

.bos:empty,.d-none0 {display: none;}

/* Devamında kayıt no varsa gizlenir: qp-vgizle1 */
[class*="qp-vgizle"] {display: none;}
.qp-vgizle,.qp-vgizle0 {display:inherit;}


/* Kilit */
.r1 ,.rtrue ,.rt0 ,.rtfalse  {color:#4eddaa;}
.r0 ,.rfalse ,.rt1  ,.rttrue {color:#e57373;}
.rb0, .rbfalse, .rbt1 {background-color:#ff8a80;}
.rb1, .rbtrue, .rbt0 {background-color:#e1fff0;}

/* Durum */
.rd0{color:#7e8a95}.rd1{color:#e0a800}.rd2{color:#b02a37}.rd3{color:#0a58ca}.rd4{color:#146c43}.rd5{color:hsl(0, 0%, 13%)}.rd6{color:#6f42c1}.rd7{color:#d63384}.rd8{color:#20c997}.rd9{color:#fd7e14}
.rd10,.rdfalse{color:var(--qp-sari);}.rd20,.rdtrue{color:var(--qp-yesil);}.rd30{color:var(--qp-kirmizi);}.rd40{color:#0d45fd}.rd50{color:#5d1987}.rd60{color:#8a1f1f}.rd70{color:#844fe7}.rd80{color:#d63384}.rd90{color:#23dca5}

/* Onay */
.ro0 {color: var(--qp-gri);}
.ro1, .ro2, .ro3, .ro4, .ro5, .ro6, .ro7, .ro8, .ro9 {color: var(--qp-mavi);}
.ro10, .ro11, .ro12, .ro13, .ro14, .ro15, .ro16, .ro17, .ro18, .ro19 {color: var(--qp-sari);}
.ro20, .ro21, .ro22, .ro23, .ro24, .ro25, .ro26, .ro27, .ro28, .ro29 {color: var(--qp-yesil);}
.ro30, .ro31, .ro32, .ro33, .ro34, .ro35, .ro36, .ro37, .ro38, .ro39 {color: var(--qp-kirmizi);}

/* Onay background */
.rob0 {color: var(--qp-gri);}
.rob1, .rob2, .rob3, .rob4, .rob5, .rob6, .rob7, .rob8, .rob9 {background-color: var(--qp-mavi);}
.rob10, .rob11, .rob12, .rob13, .rob14, .rob15, .rob16, .rob17, .rob18, .rob19 {background-color: var(--qp-sari);}
.rob20, .rob21, .rob22, .rob23, .rob24, .rob25, .rob26, .rob27, .rob28, .rob29 {background-color: var(--qp-yesil);}
.rob30, .rob31, .rob32, .rob33, .rob34, .rob35, .rob36, .rob37, .rob38, .rob39 {background-color: var(--qp-kirmizi);}

#tabFooter:empty,#formAlt:empty { display: none;}
#sayfaDiv a {text-decoration:none;color: var(--qp-mavi) !important;}

/* qpUi - QPortal Yerleşim Tasarımı */
/* Container ve bölümler için özel stiller */
.qpUi {
	min-height: 100vh;
	margin: 0;
	display: flex;
	flex-direction: column;
}

.qpUiSayfaOrta {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    /*background-color: var(--bs-gray-100);*/
}

.qpUiBolum {
    display: flex;
    flex-direction: column;
    flex: 1;
    width: 100%;
    margin: 0;
    padding: 0;
}

/* Üst ve Alt */
.qpUiSayfaUst,
.qpUiSayfaAlt {
    flex: 0 0 auto;
    width: 100%;
    margin: 0;
    padding: 0;
    /*background-color: white;*/
}

/* Üst ve alt bölümler */
.qpUiBolumUst,
.qpUiBolumAlt {
    flex: 0 0 auto;
    padding: 0.25rem 0.5rem;
    /*border-bottom: 0px solid var(--bs-border-color);*/
    /*background-color: #e3f2fd;*/
}

/* Ana içerik bölümü */
.qpUiBolumOrta {
    flex: 1;
    display: flex;
    min-height: 0;
    /*background-color: #2cf468;*/
}

/* İçerik satırı */
.qpUiKesit {
    display: flex;
    width: 100%;
    gap: 0;
    padding: 0;
}

/* Yan paneller */
.qpUiSol,
.qpUiSag {
    flex-shrink: 0;
    overflow-wrap: break-word; 
    word-wrap: break-word;    
    overflow: hidden;        
    min-width: 0; 
}

/*
.qpUiSol {}

.qpUiSag {
}
*/

/* Ana içerik alanı */
.qpUiOrta {
    padding: 0rem 0.5rem;
    flex-grow: 1;
    min-width: 0;
    min-height: 33em;
    display: flex;
    flex-direction: column;
    /*background-color: #038b2c;*/
}

/* Tab bölümleri */
.qpUiTabUst {
    flex: 0 0 auto;
    /*border-bottom: 1px solid var(--bs-border-color);*/
    /*background-color: #efefef;*/
}

.qpUiTabAraclar {
    flex: 0 0 auto;
    /*border-bottom: 1px solid var(--bs-border-color);*/
	/*overflow: hidden;*/ /* Bu gelirse dropdown görünmüyor */
    /*background-color: #f8f9fa;*/
}

.qpUiTab {
    flex: 1;
    display: flex;
    min-height: 0;
    /*background-color: white;*/
}

.qpUiTabAlt {
    flex: 0 0 auto;
    /*border-bottom: 1px solid var(--bs-border-color);*/
	overflow: hidden;
    /*background-color: #f8f9fa;*/
}

.qpUiTabUst,
.qpUiTab {
    overflow-wrap: break-word; 
    word-wrap: break-word;    
    overflow: auto;        
}


.qpUiKapla {
	width: 100%;
	height: 100%;
}


/* Responsive davranış */
@media (max-width: 1399.98px) {
    .qpUiKesit {
        flex-direction: column;
    }

    .qpUiSol,
    .qpUiSag,
    .qpUiOrta {
        width: 100%;
    }

    /* Mobilde sıralama */
    .qpUiOrta {
        order: -1;
    }
    
    .qpUiSol {
        order: 0;
    }
    
    .qpUiSag {
        order: 1;
    }
}

.qpUiTabUst .card, .qpUiTabAraclar .btn-group,.qpUiTabAraclar .btn {border-radius: 0;}