/*---  Form Tasarım  ---*/
.frL{margin-left:51px;}
.ibdr{border:1px solid transparent;}
.ibdr:hover{border:1px solid #00A89C!important;}
.UIikon{/*border-right:1px solid #00A89C!important;*/}
/*.UIikon,.frIp{width:40px;}*/
.frS{padding-left:42px;border:1px solid transparent;}
.frS .SumoSelect > .CaptionCont{height:38px!important;border:1px solid var(--ak);}

/*.UIikon,.frIp,.frIn,.frS{height:40px;}*/
/*.frS .UIikon{height:39px;}*/


.frBtn:hover{background:#00A89C!important;color:var(--ak);}


/* Ebat */
.h32{height:32px;}





.search-txt:focus .UImecbur{
  outline:none !important;
  border:1px solid var(--mavi);
  /*box-shadow:0 0px 7px 1px rgb(0, 123, 226);*/
/*background:#f7f7f5;*/
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
}



/*.UIinp:focus ~ .UIikon,
.frS:hover .UIikon
{background:var(--mavi)!important;color:var(--ak);border-radius:3px;}*/
.UIinp:focus-within ~ .UIikon i,
.UIinp:focus ~ .UIikon i,
.frS:hover .UIikon i
{color:var(--mavi);font-size:22px!important;}
/*.UIikon{width:36px;height:36px;position:absolute;border-right:1px solid #00A89C;top:0;left:0;background:transparent;color:#00A89C;}*/
.UIikon{width:36px;height:36px;position:absolute;border-right:1px solid #ddd;top:0;left:0;background:transparent;color:#453e4e;
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
}
.UImecbur:after{content:'';width:11px;height:13px;position:absolute;top:12px;left:30px;background:var(--hata);border:2px solid var(--ak);color:#00A89C;}
.UImecburL:after{content:'';width:11px;height:13px;position:absolute;top:12px;left:5px;background:var(--hata);border:2px solid var(--ak);color:#00A89C;}
/*.UIinp{
width:100%;
height:44px;float:left;padding-left:50px;line-height:44px;font-size:17px;color:#232323;
  outline:none !important;
  border-bottom:1px solid #EAEAEA;
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
}*/
.UIinp{
width:100%;
height:36px;float:left;
padding-left:50px;
/*line-height:36px;*/
color:#575757;font-size:16px;
font-weight:bold;
outline:none !important;
border:1px solid transparent;
/*border:1px solid rgba(0, 0, 0, 0.05);*/
border-radius:3px;
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;

/*box-shadow:inset 0 -1px 7px 0 rgba(226, 226, 226, 0.2);*/

}
/*yy fl p10 pda20 bdr*/
.UItxt{
width:100%;
min-height:140px;
overflow:hidden;
float:left;padding:10px 10px 20px 10px;line-height:20px;font-size:14px;color:#232323;
  outline:none !important;
  border:1px solid #EAEAEA;
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
}
.UItxt:focus,
.UIinp:focus-within,
.UIinp:focus{
  outline:none !important;
  border:1px solid var(--mavi);
  /*box-shadow:0 0px 7px 1px rgb(0, 123, 226);*/
/*background:#f7f7f5;*/
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
}
[contenteditable]:focus {
  outline:none !important;
  border-bottom:1px solid #00A89C!important;
  -webkit-transition:all 0.30s ease-in-out;
  -moz-transition:all 0.30s ease-in-out;
  -ms-transition:all 0.30s ease-in-out;
  -o-transition:all 0.30s ease-in-out;
}


.UIinp .SumoSelect > .CaptionCont{height:34px!important;}

/*input[type="range"] {
  -webkit-appearance:none;
  background-color:#bdc3c7;
  height:5px;
  border-radius:5px;
  outline:0;
}
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance:none;
  background-color:#e74c3c;
  width:20px;
  height:20px;
  border-radius:50%;
  border:2px solid white;
  cursor:pointer;
  transition:.3s ease-in-out;
}​
  input[type="range"]::-webkit-slider-thumb:hover {
    background-color:white;
    border:2px solid #e74c3c;
  }
  input[type="range"]::-webkit-slider-thumb:active {
    transform:scale(1.1);
  }*/


.range-slider {width:100%;margin:7px 0;}

.range-slider__range {
  -webkit-appearance:none;
  width:calc(100% - (73px));
  height:10px;
  border-radius:5px;
  background:#d7dcdf;
  outline:none;
  padding:0;
  margin:0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance:none;
          appearance:none;
  width:20px;
  height:20px;
  border-radius:50%;
  background:#2c3e50;
  cursor:pointer;
  -webkit-transition:background .15s ease-in-out;
  transition:background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {background:#1abc9c;}
.range-slider__range:active::-webkit-slider-thumb {background:#1abc9c;}
.range-slider__range::-moz-range-thumb {
  width:20px;
  height:20px;
  border:0;
  border-radius:50%;
  background:#2c3e50;
  cursor:pointer;
  -webkit-transition:background .15s ease-in-out;
  transition:background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {background:#1abc9c;}
.range-slider__range:active::-moz-range-thumb {background:#1abc9c;}

.range-slider__value {
  display:inline-block;
  position:relative;
  width:60px;
  border-radius:3px;
  background:#2c3e50;
  margin-left:8px;
}
.range-slider__value input{
  width:100%;
  padding:5px 10px;
  color:var(--ak);
  line-height:20px;
  font-size:16px;
  text-align:center;
  outline:none;
  border:0;
  background:none;
}
.range-slider__value:after {
  position:absolute;
  top:8px;
  left:-7px;
  width:0;
  height:0;
  border-top:7px solid transparent;
  border-right:7px solid #2c3e50;
  border-bottom:7px solid transparent;
  content:'';
}

::-moz-range-track {
  background:#d7dcdf;
  border:0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border:0;
}

/*Diyalog Penceresi*/
.ui-dialog{
    position:fixed!important;
    text-align:center;
    padding:0!important;
    /*box-shadow:0 5px 57px 0px rgba(0,0,0,0.09);*/
    -moz-box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.10);
    box-shadow:0 2px 5px 0px rgba(0, 0, 0, 0.10);
  animation:wave-effect 2.1s linear infinite;
  animation-direction:forwards;
  background:#d81742!important;
}

.ui-dialog-titlebar{
    margin:0!important;
    padding:5%!important;
    text-align:center!important;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-dialog .ui-dialog-title
{width:100%!important;}
.ui-dialog .ui-dialog-title{color:var(--ak);font-size:21px!important;}
.ui-dialog .ui-dialog-buttonpane button {
    width:50%;
    margin:0!important;
}
.ui-button-text{padding:13px 0!important;font-size:15px;}
.ui-dialog-buttonset {
display:flex;
    justify-content:center;
    align-items:center;
}
.ui-dialog .ui-dialog-buttonpane {
    padding:0!important;
}
.ui-widget-overlay{z-index:99999!important;
/*background:rgba(68, 61, 76, 0.89)!important;*/
}
.ui-dialog .ui-widget-header {background:#d81742!important;border:none!important;border-bottom:1px solid #ec3e65!important;}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable{z-index:999999!important;
-moz-box-shadow:0 11px 22px -14px rgba(0,0,0,0.3);-webkit-box-shadow:0 11px 22px -14px rgba(0,0,0,0.3);box-shadow:0 11px 22px -14px rgba(0,0,0,0.3);}
.ui-widget-content {border:none!important;color:#fcfcfc!important;}
.ui-dialog .ui-dialog-content{padding:2rem 0!important;}
.ui-dialog .ui-dialog .ui-state-default, .ui-dialog .ui-widget-content .ui-state-default, .ui-dialog .ui-widget-header .ui-state-default {border:transparent!important;background:var(--ak)!important;font-weight:normal!important;color:#d81742!important;}
.ui-dialog .ui-state-hover, .ui-dialog .ui-widget-content .ui-state-hover{border:transparent!important;background:var(--koyu)!important;font-weight:bold;color:var(--ak)!important;}
/* Corner radius */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {border-top-left-radius:0!important;}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {border-top-right-radius:0!important;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {border-bottom-left-radius:0!important;}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {border-bottom-right-radius:0!important;}
.ui-dialog-buttonpane span:hover{color:var(--ak)!important;}



#kalan_say{margin:13px 0 0;font-size:27px;}
#kalan_say,#kalan_say *{font-weight:bold;color:#fcfcfc!important;}










.dalga{
  animation:wave-effect 2.1s linear infinite;
  animation-direction:forwards;
}

@keyframes wave-effect{
  
  0%{
    box-shadow:0 0 0 0px  rgba(231, 45, 76, 0.83),0 0 0 0px  rgba(231, 45, 76, 0.83);
  }
  40%{
    box-shadow:0 0 0 50px rgba(60,41,188,0),0 0 0 0px  rgba(231, 45, 76, 0.83);
  }
  80%{
    box-shadow:0 0 0 50px rgba(60,41,188,0),0 0 0 30px  rgba(0,230,118,0);
  }
  100%{
    box-shadow:0 0 0 0px rgba(60,41,188,0),0 0 0 30px  rgba(0,230,118,0);
  }
}








/* Takvim */
.ui-datepicker {
	display:none!important;
	box-sizing:border-box!important;
	width:400px!important;
	height:380px!important;
	font-size:14px!important;
	border:1px solid lightgray!important;
	box-shadow:2px 2px 10px rgba(0,0,0,0.1)!important;
	position:absolute!important;
	left:50%!important;
	top:50%!important;
	margin-top:-200px!important;
	margin-left:-200px!important;
}
/*.ui-datepicker.ui-widget-content*/
.ui-datepicker.ui-widget.ui-widget-content
{margin-top:9px;
    position:relative;
    border:none!important;
    background:#00A89C!important;
    border-radius:5px!important;
}
.ui-datepicker.ui-widget.ui-widget-content:before {
    position:absolute;
    display:block;
    pointer-events:none;
    border:solid transparent;
    border-width:7px;
    content:"";
    height:0;
    width:0;
    left:22px;
    border-bottom-color:#00A89C;
    bottom:100%;

}

.ui-datepicker.ui-widget.ui-widget-content .ui-state-hover{
    border:1px solid #ffdddd;
    background:transparent;
    font-weight:bold;
    color:var(--ak);
    border-radius:50px!important;
}
.ui-datepicker-year{font-weight:normal;}


.ui-datepicker .ui-datepicker-header {
	padding:5px!important;
	/*background:#00aff0!important;*/
	background:transparent!important;
	color:white!important;
	position:relative!important;
        border:1px solid transparent;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    height:1.8em!important;
    position:absolute!important;
    top:7px!important;
    width:1.8em!important;
    cursor:pointer!important;
    display:flex;
    align-items:center;
    justify-content:center;

}

.ui-datepicker .ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-next:active
{
	transform:scale(0.8,0.8)!important;
}

.ui-datepicker .ui-datepicker-prev:after {
	content:"\e958"!important;
        font-family:'mamula' !important;
}
.ui-datepicker .ui-datepicker-next {
	right:2px!important;
}
.ui-datepicker .ui-datepicker-next:after {
        content:"\e957";
        font-family:'mamula' !important;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display:block!important;
	left:50%!important;
	margin-left:-8px!important;
	margin-top:-8px!important;
	position:absolute!important;
	top:50%!important;
}
.ui-datepicker .ui-datepicker-title {
	line-height:1.8em!important;
	margin:0 2.3em!important;
	text-align:center!important;
	font-size:18px!important;
        color:var(--ak)!important;
}
.ui-datepicker .ui-datepicker-title select {
	font-size:1em!important;
	margin:1px 0!important;
}
.ui-datepicker select.ui-datepicker-month-year {
	width:100%!important;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	width:49%!important;
}
.ui-datepicker table {
	border-collapse:collapse!important;
	font-size:.9em!important;
	width:100%!important;
}
.ui-datepicker th {
	border:0!important;
	padding:9px!important;
	/*color:var(--ak)!important;*/
        color:rgba(255, 255, 255, 0.54)!important;
	text-align:center!important;
        font-size:79%!important;
        font-weight:normal!important;
}
.ui-datepicker td {padding:0!important;}
.ui-datepicker td span, .ui-datepicker td a {
    border:1px solid transparent!important;
    background:none!important;
    font-weight:normal!important;
    font-size:14px;
    display:block!important;
    padding:10px!important;
    text-align:center!important;
    text-decoration:none!important;
    color:var(--ak)!important;
}
.ui-datepicker .ui-priority-secondary {
    border:1px solid transparent!important;
    background:none!important;
    font-weight:normal!important;
    font-size:14px;
    display:block!important;
    padding:10px!important;
    text-align:center!important;
    text-decoration:none!important;
    color:#ffdcb9!important;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image:none!important;
	border-bottom:0!important;
	border-left:0!important;
	border-right:0!important;
	margin:.7em 0 0 0!important;
	padding:0 .2em!important;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	cursor:pointer!important;
	float:right!important;
	margin:.5em .2em .4em!important;
	overflow:visible!important;
	padding:.2em .6em .3em .6em!important;
	width:auto!important;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:left!important;
}
/* with multiple calendars */

.ui-datepicker.ui-datepicker-multi {
	width:auto!important;
}
.ui-datepicker-multi .ui-datepicker-group {
	float:left!important;
}
.ui-datepicker-multi .ui-datepicker-group table {
	margin:0 auto .4em!important;
	width:95%!important;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width:50%!important;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width:33.3%!important;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width:25%!important;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width:0!important;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width:0!important;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear:left!important;
}
.ui-datepicker-row-break {
	clear:both!important;
	font-size:0em!important;
	width:100%!important;
}


 .ui-datepicker .ui-datepicker-current-day a
 {
    background:#fda957!important;
    color:white!important;
    border-radius:50px;
    border:1px solid #ffdfc0!important;
 }

 .ui-datepicker .ui-datepicker-today a
 {
    background:#ff6868!important;
    color:white!important;
    border-radius:50px;
    border:1px solid #ffdfc0!important;
 }

 .ui-datepicker .ui-state-default.ui-state-hover:hover
 {
    background:transparent!important;
    color:white!important;
    border-radius:50px;
    border:1px solid #ffdfc0!important;
 }
 



/* RTL support */
.ui-datepicker .ui-datepicker-prev {
    left:1px!important;
}
.ui-datepicker-rtl {
	direction:rtl!important;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	left:auto!important;
	right:2px!important;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left:2px!important;
	right:auto!important;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear:right!important;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float:left!important;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
	float:right!important;
}
.ui-datepicker-rtl .ui-datepicker-group {
	float:right!important;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width:1px!important;
	border-right-width:0!important;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width:1px!important;
	border-right-width:0!important;
}
.ui-widget-header .ui-icon {
    background-image:none!important;
}










.ui-sortable-helper{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:2px dashed #d6cd00!important;
    background:#FFFFC9!important;
    z-index:-1;
}

.ui-sortable-placeholder
{
    visibility:visible!important;
    background-color:#fafafa!important;
    border:2px dashed #aaa!important;
}










/* ––––––––––––––––––––––––––––––––––––––––––––––––––
    FORM ELEMANLARI
–––––––––––––––––––––––––––––––––––––––––––––––––– */

label.FRMeleman {
position:relative;
display:inline-block;
/*margin-bottom:.5rem;
padding:10px;*/
cursor:pointer;
/*text-align:center;*/
}
label.FRMeleman img{height:100px;display:block;margin:auto;}


.FRMeleman input,
.FRMeleman textarea,
.FRMeleman select{
  display:block;
  /*padding:0px 10px 0;*/
  line-height:36px;
  width:100%;
  background-color:white;
  border-radius:.25rem;
  border:1px solid #ddd;
  outline:none;
  /* List some properties that might change */
  transition-property:none;
  transition-duration:none;
}
.FRMeleman input:focus,
.FRMeleman textarea:focus,
.FRMeleman select:focus {border-color:var(--mavi);}

.FRMeleman textarea {height:100px;}

.FRMeleman input,
.FRMeleman select{height:36px;font-size:.875rem;}

/*
*   RADIO & CHECKBOX
*/
.FRMeleman input[type='checkbox'],
.FRMeleman input[type='radio'] {
  width:22px;
  height:22px;float:left;
  position:relative;
  /*top:5px;*/
  margin:0 .3rem 0 0;
  background-color:white;
  border:2px solid #d0cbc6;
  outline:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /* List some properties that might change */
  transition-property:none;
  transition-duration:none;
    transition:all 271ms cubic-bezier(.5,-.75,.7,2);
    cursor:pointer;
}
.FRMeleman input[type='checkbox'] {border-radius:3px;}
.FRMeleman input[type='checkbox']:checked {background-color:var(--mavi);border:none;}
.FRMeleman input[type='checkbox']:checked:after {content:'';    position:absolute;
    top:0;
    left:0;display:block;height:4px;width:10px;border-bottom:3px solid var(--ak);border-left:3px solid var(--ak);
-webkit-transform:translate(5px, 6px) rotate(-45deg) scale(1);
transform:translate(5px, 6px) rotate(-45deg) scale(1);
box-sizing:content-box;}
/*
*   RADIO
*/
.FRMeleman input[type='radio'] {border-radius:50%;}
.FRMeleman input[type='radio']:checked {border-width:1px;border-color:var(--mavi);background-color:#2a8ef1;}
.FRMeleman input[type='radio']:checked:after {content:'';display:block;    position:absolute;
    top:0;
    left:0;height:100%;width:100%;border:4px solid var(--ak);border-radius:50%;}


label.FRMeleman .label_hat {width:100%;height:100%;position:absolute;top:0;left:0;border:2px solid #ddd;border-radius:3px;}
label.FRMeleman input:checked + .label_hat {border:2px solid var(--mavi);}
/* Şartlı */
label.FRMeleman.sartli .label_hat,
.PRCsartli .label_hat{
border:2px solid #ff0056!important;
/*background:#ff0056!important;*/
background:rgba(255, 160, 181, 0.77)!important;
/*background:rgba(255, 66, 108, 0.59)!important;*/
}
.PRCsartli {
/*border:2px solid #ff0056!important;*/
background:#ff0056!important;
/*background:rgba(255, 66, 108, 0.59)!important;*/
}
.PRCsartli .label_hat,.sartli .label_hat{cursor:default!important;}
/*label.FRMeleman:hover .label_hat {width:100%;height:100%;position:absolute;top:0;left:0;
    border:2px solid #ddd;
    border-radius:3px;
}*/




/*
*   SWİTCH
*/
input.ELMdugme[type=checkbox].toggle-switch 
{width:72px;height:36px;border-radius:36px;background-color:#e2e2e2;outline:0;cursor:pointer;transition:background-color 0.09s ease-in-out;position:relative;transition:0.4s;
appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input.ELMdugme[type=checkbox].toggle-switch:checked {background-color:var(--mavi);}
input.ELMdugme[type=checkbox].toggle-switch::after {content:'';width:36px;height:36px;background-color:var(--ak);border-radius:36px;position:absolute;transform:scale(0.9);left:0;transition:left 0.09s ease-in-out;box-shadow:3px 3px 0 rgba(0,0,0,.1);transition:0.4s;}
input.ELMdugme[type=checkbox].toggle-switch:checked::after {left:36px;}




















/*

İKAZ CSS

*/
.ikaz_kutu {
    position:relative;
    /*cursor:pointer;*/
    overflow:hidden;
    /*opacity:0;*/
    /*width:320px;*/
    /*padding:18px 88px 16px 16px;*/
    /*margin-top:16px;*/
    border:1px solid #e0e0e0;
    color:#999;
    background:#ededed;
    font-size:14px;
    animation-timing-function:linear;
    animation-fill-mode:both;
}
/*   OLUMLU   */
.ikaz_kutu.musbet {
    border-color:#93cd68;
    background:#c4e4ad;
    color:#609c33;
}
.ikaz_kutu.musbet * {
    color:#609c33!important;
}


/*   HATA   */
.ikaz_kutu.hata {
    border-color:#da6e6a;
    background:#e7a29f;
    color:#9d2c27;
}
.ikaz_kutu.hata * {
    color:#9d2c27!important;
}


/*   BİLGİ   */
.ikaz_kutu.bilgi {
    border-color:#5ac0f8;
    background:#b2e2fc;
    color:#0a96e2;
}
.ikaz_kutu.bilgi * {
    color:#0a96e2!important;
}


/*   İKAZ   */
.ikaz_kutu.ikaz {
    border-color:#f7b27c;
    background:#fbd7bb;
    color:#e66c0e;
}
.ikaz_kutu.ikaz * {
    color:#e66c0e!important;
}


















/*   PENCERE KABUK   */

body.pencere-active {background:#525252;overflow:hidden!important;}
#pencere_kabuk {position:fixed;display:block;height:100%;width:100%;top:0;left:0;transform:scale(0);z-index:99999;}
#pencere_kabuk.cam {transform:scale(1);}
#pencere_kabuk.cam .pencere-background {background:rgba(68, 61, 76, 0.89);animation:fadeIn 0.71s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#pencere_kabuk.cam .pencere-background .pencere {opacity:0;animation:scaleUp 0.71s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;overflow:hidden;}
#pencere_kabuk.cam .pencere-background .pencere .cam_kap{
height:-moz-calc(100%  - 140px);
height:-webkit-calc(100% - 140px);
height:calc(100% - 140px);
}
#pencere_kabuk.cam.out {animation:quickScaleDown 0s .5s linear forwards;}
#pencere_kabuk.cam.out .pencere-background {animation:fadeOut 0.71s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#pencere_kabuk.cam.out .pencere-background .pencere {animation:scaleDown 0.71s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#pencere_kabuk .pencere-background {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
display:block;background:rgba(0, 0, 0, 0.8);text-align:center;
/*padding:1.5vh 0;*/
}
#pencere_kabuk .pencere-background .pencere {width:100%;max-width:1124px;height:96vh;margin:2vh auto;display:block;border-radius:3px;position:relative;background:#fff;}
#pencere_kabuk .pencere-background .pencere h2 {height:44px;font-size:19px;line-height:44px;padding-left:20px;text-align:left;
    position:relative;
    background-color:var(--ak);
    box-shadow:0 1px 2px hsla(0, 0%, 0%, 0.06);
    border-bottom:1px solid #e2e2e2;
}
#pencere_kabuk .pencere-background .pencere p {font-size:18px;line-height:22px;}
#pencere_kabuk .pencere-background .pencere .pencere-svg {width:32px;height:32px;position:absolute;top:6px;right:5px;cursor:pointer;}
#pencere_kabuk .pencere-background .pencere .pencere-svg path{fill:#ea0a38;}
@keyframes fadeIn {
  0% {background:rgba(0, 0, 0, 0);}
  100% {background:rgba(68, 61, 76, 0.89);}
}
@keyframes fadeOut {
  0% {background:rgba(68, 61, 76, 0.89);}
  100% {background:rgba(0, 0, 0, 0);}
}
@keyframes scaleUp {
  0% {transform:scale(0.8) translateY(1000px);opacity:0;}
  100% {transform:scale(1) translateY(0px);opacity:1;}
}
@keyframes scaleDown {
  0% {transform:scale(1) translateY(0px);opacity:1;}
  100% {transform:scale(0.8) translateY(1000px);opacity:0;}
}
@keyframes scaleBack {
  0% {transform:scale(1);}
  100% {transform:scale(0.85);}
}
@keyframes scaleForward {
  0% {transform:scale(0.85);}
  100% {transform:scale(1);}
}
@keyframes quickScaleDown {
  0% {transform:scale(1);}
  99.9% {transform:scale(1);}
  100% {transform:scale(0);}
}