/*
  Library: eEGTA
  Name: eLib CSS
  Skin: eNorm
  Version: 1.29
  License: content of this file is covered by EGTA license. Usage without proper license is prohibited. To obtain it contact admin@egta.casa
  Copyright EGTA https://www.egta.com.tr
*/

/* -- EGTA Paragraf css --------------------------------------------------------------------------------------------- */
p {
	padding				: 0px;
	border				: 0px;
	margin				: 0 0 1em 0;
}
/* -- EGTA Image css ------------------------------------------------------------------------------------------------ */
img {
	border-style		: none;
	padding				: 0;
	margin				: 0;
	border				: 0;
	vertical-align		: middle;
}
/* -- EGTA Table css ----------------------------------------------------------------------------------------------------- */
table {
	table-layout		: auto;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	padding				: 0;
	margin				: 0;
	border				: 0;
	border-spacing		: 0;
	border-collapse		: separate;
}

table.center {
	border				: 0px black hidden;
	width				: 100%;
	height				: 100%;
	margin				: 0;
}

th {
	padding				: 0;
	margin				: 0;
	font-weight			: 600;
}

tr {
	padding				: 0;
	margin				: 0;
}

td {
	padding				: 0;
	margin				: 0;
	vertical-align		: middle;
}

td.standart {
	width				: 100%;
	height				: 100%;
}
/* -- EGTA Label css ------------------------------------------------------------------------------------------------ */
label {
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: normal;
	vertical-align		: middle;
}
/* -- EGTA Form css ------------------------------------------------------------------------------------------------- */
form {
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: normal;
	line-height			: 140%;
	padding				: 0px;
	border				: 0px;
	margin				: 0px;
}
/* -- EGTA => Input, Textarea, Select, Button css ------------------------------------------------------------------- */
button:focus {
	outline				: none;
	border				: none;
	border-radius		: 6px;
	box-shadow			: 0px 1px 4px #092742;
}
/* -- EGTA Frame css ------------------------------------------------------------------------------------------------ */
iframe {
	width				: 100%;
	height				: 100%;
	margin				: 0;
	padding				: 0;
	border				: 0;
	position			: inherit;
	overflow			: hidden;
	overflow-x			: hidden;
	overflow-y			: hidden;
}
/* -- eLib Body css-------------------------------------------------------------------------------------------------- */
body.eStandart {
	padding				: 0px;
	border				: 0px;
	margin				: 0px;
	background-color    : transparent;
}
/* -- eLib Colors css ----------------------------------------------------------------------------------------------- */
.mainBackground {
	background          : url(../background/background_2025_summer.jpg);
	background-color    : transparent;
	background-repeat   : no-repeat;
	background-size     : cover;
}

.bgblack {
	background-color	: #000000;
}

.bggray1 {
	background-color	: #777777;
}

.bggray2 {
	background-color	: #F5F5F5;
}

.bggray3 {
	background-color	: #B0B0B0;
}

.bggray4 {
	background-color	: #FDFDFD;
}

.bgdarkblue {
	background-color	: #092742;
}

.bglightblue {
	background-color	: #85BBEF;
}

.bgwhite {
	background-color	: whitesmoke;
}

.bglogowin {
	background			: transparent url(../background/background_03.jpg) repeat left top;
}

.bgtransparent {
	background			: transparent;
}

.bginherit {
	background-color	: inherit;
}
/* -- eLib Global css ----------------------------------------------------------------------------------------------- */
.eDropShadow {
	border-radius		: 5px;
	box-shadow			: 0 2px 5px 0 rgba(0, 0, 0, 0.36), 0 2px 10px 0 rgba(0, 0, 0, 0.30);
}

p.eXMLExt,label.eXMLExt {
	background-color	: inherit;
	color				: #092742;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 700;
	margin				: 0px 0px 0px 2px;
	padding				: 0px 0px 0px 0px;
	line-height			: 100%;
	text-align			: left;
	vertical-align		: middle;
}

.eAutoOverflow {
	overflow			: auto;
}

.eNoOverflow {
	overflow			: hidden;
}

.eZeroSpace {
	margin				: 0;
	padding				: 0;
}

.eWHAutoSize {
	width				: auto;
	height				: auto;
}

.eWAutoH100Size {
	width				: auto;
	height				: 100%;
}

.eW100HAutoSize {
	width				: 100%;
	height				: auto;
}

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

.eWRest {width          : 100%;}
.eHRest {height         : 100%;}
.eH20px {height         : 20px;}
.eH25px {height         : 25px;}
.eH30px {height         : 30px;}

.ePT05 {padding         : 5px 0 0 0;}
.ePT10 {padding         : 10px 0 0 0;}
.ePB05 {padding         : 0 0 5px 0;}
.ePB10 {padding         : 0 0 10px 0;}
.ePR05 {padding         : 0 5px 0 0;}
.ePR10 {padding         : 0 10px 0 0;}
.ePL05 {padding         : 0 0 0 5px;}
.ePL10 {padding         : 0 0 0 10px;}

.ePointer {cursor       : pointer;}

.eHidden {
	display				: none;
	width				: 0px;
	height				: 0px;	
}
/* -- eLib Div css -------------------------------------------------------------------------------------------------- */
div.eTreeBox {
	background-color	: #FBFBFB;
	text-shadow			: 0px 0px 0px #000000;
	text-align			: left;
	padding				: 3px;
	margin				: -18px 0px 5px 0px;
}
/* -- eLib Font css ------------------------------------------------------------------------------------------------- */
font {
	cursor				: default;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 200;
}

.eNormalFont {
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 200;
}

.eBoldFont {
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 15px;
	font-style			: normal;
	font-weight			: 600;
}

.eBigFont {
	font-family			: Ubuntu,Calibri,Roboto,Tahoma,Arial;
	font-size			: 17px;
	font-style			: normal;
	font-weight			: bold;
	line-height			: 26px;
	text-shadow			: 2px 2px 3px darkgray;
}
/* -- Window Loading Animation -------------------------------------------------------------------------------------- */
#loaderarea {
	position			: absolute;
	top                 : 0;
	left                : 0;
	bottom              : 0;
	right               : 0;
	width               : 100%;
	height              : 100%;
	text-align          : center;
	vertical-align      : middle;
	z-index				: 1;
}

.loaderImage {
	position            : absolute;
	width               : 100px;
	height              : auto;
	max-width           : 100%;
	max-height          : 100%;
	top                 : 50%;
	left                : 50%;
	transform           : translate(-50%, -50%);
}

.loaderText {
	position            : absolute;
	width               : 300px;
	height              : auto;
	max-width           : 100%;
	max-height          : 100%;
	top                 : 85%;
	left                : 50%;
	transform           : translate(-50%, -100%);
	font-family			: Ubuntu,Calibri,Roboto,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 600;
	color               : black;
	text-shadow			: 0px 0px 5px darkred;
}

.mainAnimation {
	position					: absolute;
	-webkit-animation-name		: animateIt;
	-webkit-animation-duration	: 2s;
	animation-name				: animateIt;
	animation-duration			: 2s
}

@-webkit-keyframes animateIt {
	from {
		top             : 0px;
		bottom			: 0px;
		left            : 0px;
		right           : 0px;
		opacity         : 0;
	} 
	to {
		top             : 0px;
		bottom          : 0px;
		left            : 0px;
		right           : 0px;
		opacity         : 1;
	}
}

@keyframes animateIt { 
	from {
		top             : 0px;
		bottom          : 0px;
		left            : 0px;
		right           : 0px;
		opacity         : 0;
	} 
	to {
		top             : 0px;
		bottom          : 0px;
		left            : 0px;
		right           : 0px;
		opacity         : 1;
	}
}
/* -- eLib Main Frame css ------------------------------------------------------------------------------------------- */
#mainarea {
	display				: none;
	overflow			: hidden;
	width				: 100%;
	height				: 100%;
	margin				: 0;
	padding				: 0;
	text-align			: center;
}

#divGridArea {
	background-color	: #aaa;
	width				: 100%;
	max-width			: 100%;
	height				: calc(100% - 82px);
	max-height			: calc(100% - 82px);
	margin				: 0;
	padding				: 0;
	overflow			: hidden;
}

#divFooter {
	position			: relative;
	background-color	: lightblue;
	width				: 100%;
	height				: 34px;
	margin				: 0;
	padding				: 2px 0 0 0;
	border				: 2px ridge #fff;
	border-radius		: 0 0 10px 10px;
	display				: flex;
	justify-content		: left;
	align-items			: center;
}

#divNavBar {
	position			: relative;
	color				: yellow;
	background-color	: #666;
	width				: calc(100% - 1px);
	height				: 20px;
	margin				: 0;
	padding				: 0;
	border				: 1px ridge #7a7a7a;
	border-radius		: 5px;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	display				: flex;
	align-items			: center;
	text-align			: left;
}

#labelNavBar, i.iNavBar {
	font-size			: 12px;
	text-shadow			: 0px 0px 4px rgba(0,0,0,0.80);
}

#labelNavBar {
	margin				: 2px 0 0 5px;
}

i.iNavBar {
	margin				: 0;
	padding-left		: 5px;
}

#divTBarTop {
	background-color	: #aaa;
	width				: 100%;
	height				: 28px;
	margin				: 0;
	padding				: 0;
}

#divTBarBottom {
	width				: 50%;
	height				: auto;
	margin				: 0;
	padding				: 0 0 0 45px;
	border				: 0;
	display				: flex;
	justify-content		: left;
	align-items			: center;
}

#divInfoArea {
	width				: 50%;
	height				: auto;
	margin				: 0;
	padding				: 0 45px 2px 0;
	border				: 0;
	display				: flex;
	justify-content		: right;
	align-items			: center;
}

/*#divFooter table {
	width				: 100%;
	min-width			: 800px;
	height				: 33px;
	margin				: auto;
	padding				: auto;
}

#divFooter table td:first-child {
	width				: auto;
	text-align			: left;
}

#divFooter table td:last-child {
	width				: 632px;
	text-align			: right;
	border				: 0;
}*/

body.mainBody {
	margin				: 0px;
	padding				: 0px;
	border				: 0px;
	overflow			: auto;
	width				: 100%;
	min-width			: auto;
	height				: 100%;
	min-height			: auto;
}

div.eMainFrame {
	padding				: 0px;
	margin				: 0px;
	width				: 100%;
	height				: 100%;
}

div.eMainHeader {
	width				: calc(100% - 4px);
	height				: 30px;
	margin				: 0;
	padding				: 0;
	background-color	: #F5F5F5;
	text-shadow			: 2px 2px 3px darkgray;
	border-top			: #fff ridge 2px;
	border-left			: #fff ridge 2px;
	border-right		: #fff ridge 2px;
}

div.eMainMiddle {
	width				: calc(100% - 4px);
	height				: calc(100% - 33px);
	margin				: 0;
	padding				: 0;
	border-left			: #fff ridge 2px;
	border-right		: #fff ridge 2px;
	border-bottom		: #fff ridge 2px;
	border-radius		: 0 0 12px 12px;
}

div.eMainFooter {
	width				: 100%;
	height				: 30px;
	margin				: 0;
	padding				: 1px 1px 1px 1px;
	border				: #000000 solid 1px;
}
/* -- Data Transfer Module ------------------------------------------------------------------------------------------ */
#divTransfer {
	background-color	: #D4D0C8;
	width				: calc(100% - 24px);
	height				: calc(100% - 74px);
	margin				: 0;
	padding				: 10px;
	border				: rgba(0,0,0,0.7) ridge 2px;
	border-radius		: 5px 5px 12px 12px;
	display				: flex;
	justify-content		: center;
	align-items			: flex-start;
}

.dt-selected-file {
	color				: black;
	width				: 100%;
	height				: auto;
	padding				: 10px 10px;
	font-family			: Ubuntu,Calibri,Roboto,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 400;
	text-shadow			: 0 0 4px #444;
	text-align			: left;
	flex-grow			: 1;
	overflow			: hidden; /* Metin çok uzunsa gizle */
	white-space			: nowrap; /* Tek bir satırda tut */
	text-overflow		: ellipsis; /* Kalan metnin yerine ... ekle */
	cursor				: default;
}

.dt-file-title {
	color				: #374151;
	height				: 40px;
	margin				: 0 0 20px 0;
	font-family			: Ubuntu,Calibri,Roboto,Tahoma,Arial;
	font-size			: 28px;
	font-style			: normal;
	font-weight			: 700;
	text-shadow			: 0 0 5px rgba(0,0,0,0.7);
	text-align			: center;
	overflow			: hidden;
	white-space			: nowrap;
	text-overflow		: ellipsis;
	cursor				: default;
}

.dt-input-group {
	display				: flex;
	margin				: 10px 0;
	padding				: 7px;
	outline				: #d1d5db solid 1px;
	border-radius		: 8px;
	cursor				: default;
}

.dt-container {
	background-color	: #ffffff;
	width				: 100%;
	max-width			: 700px;
	padding				: 40px;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	border-radius		: 12px;
	box-shadow			: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
	justify-content		: center;
}

.dt-submit {
	color				: white;
	background-color	: #3b82f6;
	width				: 100%;
	height				: auto;
	padding				: 16px 32px;
	font-weight			: 600;
	border				: none;
	border-radius		: 8px;
	box-shadow			: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
	transition			: background-color 0.3s ease, box-shadow 0.3s ease;
	cursor				: pointer;
}

.dt-submit:hover:not(:disabled) {
	background-color	: #2563eb;
}

.dt-submit:disabled {
	background-color	: #9ca3af;
	cursor				: not-allowed;
}

.dt-progress-container {
	background-color	: #f9fafb;
	margin-top			: 32px;
	padding				: 16px;
	border				: 1px solid #e5e7eb;
	border-radius		: 8px;
	display				: none;
}

.dt-progress-container.active {
	display				: block;
}

.dt-progress-header {
	margin-bottom		: 8px;
	display				: flex;
	justify-content		: space-between;
	align-items			: center;
}

.dt-progress-text {
	color				: #374151;
	font-size			: 18px;
	font-weight			: 500;
}

.dt-progress-counter {
	color				: #2563eb;
	font-size			: 18px;
	font-weight			: 700;
}

.dt-progress-bar-bg {
	background-color	: #e5e7eb;
	width				: 100%;
	height				: 10px;
	margin-top			: 16px;
	border-radius		: 9999px;
}

.dt-progress-bar {
	background-color	: #3b82f6;
	height				: 100%;
	border-radius		: 9999px;
	transition			: width 0.3s ease-in-out;
}

.dt-info-display {
	color				: #6b7280;
	min-height			: 20px;
	font-size			: 14px;
}

.dt-message-display {
	margin-top			: 24px;
	padding				: 16px;
	font-weight			: 600;
	font-size			: 14px;
	border-radius		: 8px;
	display				: none;
}

.dt-message-display.active {
	display				: block;
}

.dt-message-display.success {
	color				: #065f46;
	background-color	: #d1fae5;
}

.dt-message-display.error {
	color				: #991b1b;
	background-color	: #fee2e2;
}

.dt-error-log {
	background-color	: #fef2f2;
	margin-top			: 24px;
	padding				: 16px;
	border				: 1px solid #fca5a5;
	border-radius		: 8px;
	display				: none;
}

.dt-error-log.active {
	display				: block;
}

.dt-error-log h3 {
	color				: #b91c1c;
	margin-bottom		: 8px;
	font-weight			: 700;
}

.dt-error-log pre {
	color				: #b91c1c;
	max-height			: 160px;
	font-size			: 12px;
	overflow			: auto;
	white-space			: pre-wrap;
}
/* -- eLib Weather Frame css ---------------------------------------------------------------------------------------- */
div.eWeather {
	width				: 599px;
	height				: 197px;
	padding				: 0;
	margin				: 10px;
	border-radius		: 20px;
	overflow			: hidden;
	text-align			: center;
	background-color	: whitesmoke;
	border				: gray solid 2px;
}

img.eWeather {
	border				: #bbb ridge 3px;
	border-style		: ridge;
	border-radius		: 6px;
}

table.eWeather {
	width				: auto;
	height				: auto;
	margin				: 10px;
	padding				: 10px 10px 7px 10px;
	background-color	: #DCECFF;
	border				: darkgray solid 1px;
	border-radius		: 5px;
	box-shadow			: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	text-shadow			: 2px 2px 3px darkgray;
}

tr.eWeather:first-child td.eWeather {
	margin				: 0;
	padding				: 0 0 5px 0;
	font-size			: 16px;
	text-align			: center;
	vertical-align		: bottom;
}

tr.eWeather:last-child td.eWeather {
	margin				: 0;
	padding				: 7px 0 0 0;
	font-size			: 16px;
	text-align			: center;
	vertical-align		: top;
}

tr.eWeather:last-child td.eWeather:last-child {
	margin				: 0;
	padding				: 7px 4px 0 0;
	text-align			: right;
	vertical-align		: top;
}

td.eWeather:first-child {
	width				: 140px;
	padding-right		: 5px;
}

td.eWeather:after {
	width				: 400px;
}

label.eWeather {
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 16px;
	font-weight			: bold;
} 

.eWeatherLink {
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 14px;
	font-weight			: bold;
	text-align			: center;
	cursor				: pointer;
} 
/* -- eLib Login Win css -------------------------------------------------------------------------------------------- */
div.eLoginDiv {
	width               : auto;
	height              : auto;
	min-width			: 550px;
	max-width			: 700px;
	padding				: 20px 50px 20px 50px;
	margin				: 50px auto auto auto;
}

div.eLangDiv {
	max-width:50em;
	text-align:center;
}

img.eLangLogo {
	width:25px;
	height:25px;
	cursor:pointer;
}

.eBGLoginWin {
	background			: rgba(0,0,0,0.30);
}
/* -- eLib EGTA Title css ------------------------------------------------------------------------------------------- */
div.eProgTitle {
	width				: 500px;
	height				: 155px;
	top					: calc(50% - 78px);
	left				: calc(50% - 250px);
	position			: absolute;
	margin				: 0;
	cursor				: default;
	border				: black solid 1px;
	border-radius		: 20px;
	box-shadow			: 0px 0px 20px white;
	text-align          : center;
	vertical-align      : middle;
}

img.eProgTitle {
	height				: inherit;
	margin				: 0;
	padding				: 0px 10px 0px 0px;
	vertical-align		: middle;
	text-align			: left;
}

span.eProgTitle {
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 23px;
	font-style			: normal;
	font-weight			: bold;
	color				: #EF7F1A;
	margin				: 0;
	padding				: 0;
	text-shadow			: -2px -2px 5px #000, 2px -2px 5px #000, -2px 2px 5px #000, 2px 2px 5px #000; 
	text-align			: left;
}

td.eProgTitle {
	height              : 23px;
	text-align          : right;
	vertical-align      : bottom;
}

span.eProgVersion {
	height				: 21px;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 9px;
	font-style			: normal;
	font-weight			: bold;
	color				: #EF7F1A;
	margin				: 0px 0px 0px 0px;
	padding				: 4px 0px 0px 0px;
	text-shadow			: -2px -2px 5px #000, 2px -2px 5px #000, -2px 2px 5px #000, 2px 2px 5px #000; 
	text-align			: right;
	cursor				: pointer;
}
/* -- eLib Grid Filter & Pagination css ----------------------------------------------------------------------------- */
p.eFilter, p.ePage {
	color				: black;
	background-color	: inherit;
	margin				: 2px 0 0 0;
	padding				: 0;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: bold;
	display				: flex;
	vertical-align		: middle;
	white-space			: nowrap;
}

div.eFilter,div.ePage {
	color				: inherit;
	background-color	: inherit;
	width				: auto;
	height				: 26px;
	margin				: 0 0 0 5px;
	padding				: 0;
	border				: 1px solid gray;
	border-radius		: 7px 7px 0 0;
}

div.eFilter {
	width				: 202px;
}

input.eFilter, select.eFilter, select.ePage {
	color				: black;
	background-color	: whitesmoke;
	height				: 24px;
	margin				: 0;
	padding				: 0 2px;
	font-family			: Ubuntu,Roboto,Calibri,Tahoma,Arial;
	font-size			: 13px;
	font-style			: normal;
	font-weight			: normal;
	border				: 1px solid #cccccc;
	border-radius		: 6px 6px 0 0;
}

input.eFilter, select.eFilter {
	width				: 200px;
	min-width			: 200px;
}

select.ePage {
	width				: auto;
	min-width			: 50px;
}

input.eFilter:focus, select.eFilter:focus, select.ePage:focus {
	outline				: 2px ridge lightseagreen;
}

img.eGridImage {
	width				: auto;
	height				: 150px;
}
/* -- eLib XML css -------------------------------------------------------------------------------------------------- */
.eXMLStandart {
	width				: 100%;
	height				: 100%;
	padding				: 0;
	margin				: 0;
	background-color	: transparent;
}

.eXMLGlobal {
	padding				: 0;
	margin				: 0;
	border-radius		: 20px;
	overflow			: hidden;
	text-align			: center;
	background-color	: whitesmoke;
	border				: gray solid 2px;
}

.eXMLSub {
	width				: 100%;
	height				: 100%;
	padding				: 0;
	margin				: 0;
	border-radius		: 10px;
	overflow-x			: auto;
	overflow-y			: hidden;
	text-align			: center;
}

table.eXMLMainTable {
	width				: auto;
	height				: auto;
	margin				: 10px 10px 10px 10px;
	padding				: 5px 5px 5px 5px;
	cursor				: default;
	font-weight			: 300;
	vertical-align		: middle;
	background-color	: #DCECFF;
	border				: darkgray solid 1px;
	border-radius		: 5px;
	box-shadow			: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

table.eXMLRec {
	width				: auto;
	height				: auto;
	margin				: 0;
	padding				: 0;
	cursor				: default;
	font-weight			: 300;
	vertical-align		: middle;
}

table.eXMLButton {
	width				: 100%;
	height				: 45px;
	margin				: 0;
	padding				: 4px 10px 16px 10px;
}

tr.eXMLRec {
	height				: 34px;
	border				: #000000 groove 2px;
	white-space			: nowrap;
}

tr.eXMLRec:nth-child(odd) {
	background-color	: #EAE9EA;
}

tr.eXMLRec:nth-child(even) {
	background-color	: #D9D9D9;
}

td.eXMLRec {
	background-color	: inherit;
	margin				: 0;
	padding				: 3px 5px 1px 5px;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 15px;
	font-style			: normal;
	font-weight			: 600;
	border-radius		: 0;
	vertical-align		: middle;
	white-space			: nowrap;
	text-shadow			: 2px 2px 3px darkgray;
}

div.eXMLExp {
	font-family			: Ubuntu,Roboto,Calibri,Tahoma,Arial;
	font-size			: 11px;
	font-style			: normal;
	text-align          : left;
	vertical-align		: middle;
	text-shadow			: 2px 2px 3px darkgray;
}

td.eXMLExp {
	color				: black;
	background-color	: #DCECFF;
	width               : 0;
	height              : auto;
	margin				: 0;
	padding				: 10px 5px 10px 5px;
	white-space			: normal;
	word-wrap           : break-word;
}

td.eXMLFixTD20 {
	width				: 20px;
	max-width			: 20px;
}

p.eXMLRec, label.eXMLRec {
	background-color	: inherit;
	background			: rgba(0,0,0,0.25);
	color				: #5f3f3f;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 9px;
	font-style			: normal;
	font-weight			: 600;
	min-width			: 20px;
	min-height			: 12px;
	margin				: 0 4px 0 3px;
	padding				: 2px 2px 2px 1px;
	display				: inline-block;
	text-align			: center;
	vertical-align		: middle;
	border				: 1px white inset;
}

label.xmlext {
	background-color	: inherit;
	color				: #092742;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 14px;
	font-style			: normal;
	font-weight			: 700;
	margin				: 0 0 0 2px;
	padding				: 0;
	line-height			: 100%;
	text-align			: left;
	vertical-align		: middle;
}

input.eXMLRec, select.eXMLRec {
	background-color	: #026890;
	color				: snow;
	height				: 30px;
	margin				: 2px 0 2px 0;
	padding 			: 2px 0 0 0;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 14px;
	font-style			: normal;
	font-weight			: 200;
	border-radius		: 6px;
	vertical-align		: middle;
	border				: 2px lightgray inset;
	outline				: none;
}

input.eXMLRecLogin {
	height				: 24px !important;
}

input.eXMLRec {
	padding-left		: 7px;
	padding-right		: 7px;
}

input.eXMLRecPass {
	padding-right		: 27px;
}

select.eXMLRec {
	padding-left		: 4px;
	padding-right		: 4px;
}

textarea.eXMLRec {
	background-color	: #026890;
	color				: snow;
	margin				: 3px 1px 4px 0px;
	padding				: 9px;
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 14px;
	font-style			: normal;
	font-weight			: 200;
	border-radius		: 6px;
	vertical-align		: middle;
	resize				: none;
}

input.eXMLRec:focus, textarea.eXMLRec:focus, select.eXMLRec:focus {
	background-color	: #FFFFCC;
	color				: darkblue;
	border-radius		: 6px;
	outline				: none;
	/*text-shadow		: 1px 1px 2px black;*/
}

input.eXMLRec:disabled, textarea.eXMLRec:disabled, select.eXMLRec:disabled {
	/*color				: gray;*/
	background			: #594949;
	/*text-shadow		: 1px 1px 2px black;*/
}

div.XMLform {
	line-height			: 1.3em;
	margin				: 5px;
}

ul.XMLform {
	list-style			: none;
	padding-left		: 0;
	white-space			: normal;
}

li.XMLform, ol.XMLform {
	padding-left		: 1.0em;
	text-indent			: -0.9em;
}

li.XMLform:before, ol.XMLform:before {
	content				: "●";
	padding-right		: 5px;
}

li.XMLform:not(:last-child), ol.XMLform:not(:last-child) { 
	margin-bottom		: 0.5em;  
}
/* -- eXMLPass css -------------------------------------------------------------------------------------------------- */
div.eXMLPass {
	position			: relative;
}

i.eXMLPass {
	position			: absolute;
	color				: rgba(127,127,127,0.9);
	background-color	: transparent;
	top					: 50%;
	right				: 10px;
	transform			: translateY(-50%);
	cursor				: pointer;
}
/* -- eXMLField css ------------------------------------------------------------------------------------------------- */
table.eXMLField {
	padding-left		: 5px;
	padding-right		: 5px;
}

table.eXMLField:focus-within{
	outline				: none;
	border				: none;
	border-radius		: 6px;
	box-shadow			: 0px 0px 6px #092742;
}

td.eXMLDetail {
	color				: #565656;
	white-space			: nowrap;
	font-size			: 13px;
	padding-left		: 20px;
	padding-right		: 20px;
	padding-bottom		: 5px;
}

td.eXMLField {
	height              : 20px;
}

input[type=checkbox].eXMLField, label.eXMLField, a.eXMLField, td.eXMLField {
	color				: darkblue;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 13px;
	font-weight			: bold;
	white-space			: nowrap;
	text-shadow			: 0px 0px 6px #887A2E;
	border				: 0px;
	cursor				: pointer;
	vertical-align		: middle;
}

input[type=checkbox].eXMLField:focus, a.eXMLField:focus{
	border				: none;
	outline				: none;
}

input[type=checkbox].eXMLField:checked {
	filter: invert(0%) hue-rotate(0deg) brightness(1.0);
}
/* -- span css ------------------------------------------------------------------------------------------------------ */
span.eValidNorm {
	background			: transparent url(imgs/icons/validation.png) no-repeat left top;
	background-position	: -16px 0px;
	width				: 16px;
	height				: 16px;
	margin-left			: 3px;
	margin-right		: 1px;
	display				: inline-block;
	vertical-align		: middle;
}

span.eValidNo {
	background			: transparent url(imgs/icons/validation.png) no-repeat left top;
	background-position	: -33px 0px;
	width				: 16px;
	height				: 16px;
	margin-left			: 3px;
	margin-right		: 1px;
	display				: inline-block;
	vertical-align		: middle;
}

span.eValidYes {
	background			: transparent url(imgs/icons/validation.png) no-repeat left top;
	background-position	: 0px 0px;
	width				: 16px;
	height				: 16px;
	margin-left			: 3px;
	margin-right		: 1px;
	display				: inline-block;
	vertical-align		: middle;
}
/* Dialog Win ------------------------------------------------------------------------------------------------------- */
div.eDialog {
	border-radius		: 16px;
	box-shadow			: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding				: 10px 5px 5px 5px;
	background-color	: lightyellow;
}

table.eDialog {
	border-spacing		: 0px;
	border-collapse		: separate;
	width				: 100%;
	background-color	: inherit;
}

td.eDialogTitle {
	color               : #003147;
	font-weight         : bold;
	white-space         : nowrap;
	vertical-align      : top;
}

td.eDialogPoint {
	color               : #232323;
	font-weight         : bold;
	padding-left        : 5px;
	padding-right       : 5px;
	white-space         : nowrap;
	vertical-align      : top;
}

td.eDialogReview {
	color               : #092335;
	white-space         : break-word;
	vertical-align      : top;
}

td.eDialogDesc {
	color               : #00407f;
	white-space         : nowrap;
	vertical-align      : top;
}

td.eDialogCaption {
	font-family			: Calibri,Roboto,Ubuntu,Tahoma,Arial;
	font-size			: 20px;
	font-style			: normal;
	font-weight			: 700;
	color				: yellow;
	background-color	: #464646;
	text-shadow			: 2px 2px 5px black;
	width				: 100%;
	height				: 30px;
	margin				: 0;
	padding				: 5px 0 0 0;
	text-align			: center;
	vertical-align		: middle;
	/*border-radius		: 10px;*/
}

td.eDialogDescription {
	font-family			: Ubuntu,Calibri,Roboto,Tahoma,Arial;
	font-size			: 14px;
	font-style			: normal;
	text-shadow			: 2px 2px 5px black;
	color				: black;
	width				: 100%;
	height				: auto;
	padding				: 10px 0px 20px 0px;
	text-align			: center;
	line-height			: 20px;
	vertical-align		: middle;
	background			: rgba(0,0,0,0.01);
}
/* eLib eButton css ------------------------------------------------------------------------------------------------- */
button.eButton {
	color				: black;
	background-color	: #ddd;
	position			: relative;
	margin				: 0 5px;
	padding				: 7px 10px;
	font-family			: Roboto,Ubuntu,Calibri,Tahoma,Arial;
	text-shadow			: 2px 2px 4px #333;
	text-align			: center;
	text-decoration		: none;
	border				: none;
	border-radius		: 8px;
	box-shadow			: inset 0 0 6px rgba(255,255,255,1.0), 0px 0px 10px rgba(127,127,127,1.0);
	cursor				: pointer;
	align-items			: center;
	vertical-align		: middle;
	transition			: background-color 0.1s ease-in-out;
	display				: inline-flex;
}

button.eButton:not(:disabled):focus {
	background-color	: #eee;
	box-shadow			: inset 0 0 6px rgba(255,255,255,0.3),0px 0px 10px rgba(0,0,0,0.5);
	outline				: 2px ridge lightseagreen;
}

button.eButton:not(:disabled):active {
	background-color	: #d9d9d9;
	box-shadow			: inset 0 0 6px rgba(127,127,127,0.1),0px 0px 5px rgba(127,127,127,0.15);
}

button.eButton:not(:disabled):active i,
button.eButton:not(:disabled):active span,
button.eButton:not(:disabled):active {
	transform			: translate(1px,1px);
}

button.eButton::before {
	content				: "";
	position			: absolute;
	top					: 2px;
	left				: 2px;
	right				: 2px;
	bottom				: 2px;
	border-radius		: 5px;
	box-shadow			: inset 3px 3px 6px rgba(255,255,255,0.5),0px 0px 10px rgba(0,0,0,0.5);
	transition			: box-shadow 0.1s ease-in-out;
}

button.eButton:not(:disabled):active::before {
	box-shadow			: inset -1px -1px 6px rgba(255,255,255,0.3),0px 0px 10px rgba(0,0,0,0.5);
}

button.eButton:disabled {
	color				: whitesmoke;
	background-color	: #9ca3af;
	cursor				: not-allowed;
}

button.eSquare {
	width				: 25px;
	height				: 25px;
	padding				: 2px 0 0 0;
	font-size			: 11px;
	justify-content		: center;
}

button.eSquare i {
	transform-origin	: center;
}

button.eStandart {
	width				: 120px;
	height				: auto;
	font-size			: 13px;
	justify-content		: center;
}

button.eStandart i,
button.eStandart span {
	margin				: 1px 5px 0 0;
	transform-origin	: center;
}

button.eToolbar {
	width				: 100px;
	height				: 24px;
	margin				: 2px 5px;
	padding				: 0;
	font-size			: 13px;
	border-radius		: 12px 12px 0 0;
	justify-content		: center;
}

button.eToolbar::before {
	border-radius		: 11px 11px 0 0;
}

button.eToolbar i,
button.eToolbar span {
	margin				: 1px 5px 0 0;
	transform-origin	: center;
}

button.eWide {
	width				: 150px;
	height				: auto;
	font-size			: 13px;
	font-weight			: 200;
	justify-content		: left;
}

button.eWide i,
button.eWide span {
	margin				: 1px 5px 0 0;
	transform-origin	: left;
}
/* EGTA Button css -------------------------------------------------------------------------------------------------- */
button.eBigButton {
	width				: 150px;
	height				: 30px;
	margin				: 0;
	padding				: 0;
	cursor				: pointer;
	border-radius		: 5px;
	border				: 0;
}

button.eBigButton:active {
	background-position	: -155px 0;
}

button.eBigButton table {
	width				: 98px;
	height				: 20px;
	margin				: 0 0 0 28px;
	font-family			: Ubuntu,Roboto,Calibri,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 700;
	text-align			: center;
	vertical-align		: middle;
}

button.eBigButton:active table {
	margin-left			: 50px;
	margin-top			: 4px;
}

button.eBigButton tr td {
	color				: darkblue;	
}

button.eBigButton:active tr td {
	color				: mediumblue;
}

button.eShortButton {
	width				: 90px;
	height				: 30px;
	margin				: 0;
	padding				: 0;
	cursor				: pointer;
	border-radius		: 5px;
	border				: 0;
}

button.eShortButton:active {
	background-position	: -95px 0px;
}

button.eShortButton table {
	width				: 57px;
	height				: 20px;
	margin				: 0 0 0 28px;
	font-family			: Ubuntu,Roboto,Calibri,Tahoma,Arial;
	font-size			: 12px;
	font-style			: normal;
	font-weight			: 700;
	text-align			: center;
	vertical-align		: middle;
}

button.eShortButton:active table {
	margin-left			: 29px;
	margin-top			: 4px;
}

button.eShortButton tr td {
	color				: darkblue;	
}

button.eShortButton:active tr td {
	color				: mediumblue;
}

button.eSquareButton {
	width				: 25px;
	height				: 25px;
	margin				: 5px;
	padding				: 0;
	cursor				: pointer;
	border-radius		: 5px;
	border				: 0;
}

button.eSquareButton:active {
	background-position	: -30px 0;
}
/* -- BG Colors ----------------------------------------------------------------------------------------------------- */
.eBGAddMore {
	background			: transparent url(imgs/buttons/addmorebutton.png) no-repeat left top;
}

.eBGClose {
	background			: transparent url(imgs/buttons/closebutton.png) no-repeat left top;
}

.eBGCancel {
	background			: transparent url(imgs/buttons/cancelbutton.png) no-repeat left top;
}

.eBGContinue {
	background			: transparent url(imgs/buttons/continuebutton.png) no-repeat left top;
}

.eBGDelete {
	background			: transparent url(imgs/buttons/deletebutton.png) no-repeat left top;
}

.eBGDownload {
	background			: transparent url(imgs/buttons/uploadbutton.png) no-repeat left top;    /*Download butonu tasarlanacak*/
}

.eBGEdit {
	background			: transparent url(imgs/buttons/editbutton.png) no-repeat left top;
}

.eBGFiles {
	background			: transparent url(imgs/buttons/uploadbutton.png) no-repeat left top;    /*Files butonu tasarlanacak*/
}

.eBGGoback {
	background			: transparent url(imgs/buttons/gobackbutton.png) no-repeat left top;
}

.eBGLogin {
	background			: transparent url(imgs/buttons/loginbutton.png) no-repeat left top;
}

.eBGLogout {
	background			: transparent url(imgs/buttons/logoutbutton.png) no-repeat left top;
}

.eBGMoveBwd {
	background			: transparent url(imgs/buttons/movebackward.png) no-repeat left top;
}

.eBGMoveFwd {
	background			: transparent url(imgs/buttons/moveforward.png) no-repeat left top;
}

.eBGNew {
	background			: transparent url(imgs/buttons/addbutton.png) no-repeat left top;
}

.eBGPostPass {
	background			: transparent url(imgs/buttons/postpassbutton.png) no-repeat left top;
}

.eBGRandPass {
	background			: transparent url(imgs/buttons/randombutton.png) no-repeat left top;
}

.eBGReview {
	background			: transparent url(imgs/buttons/reviewbutton.png) no-repeat left top;
}

.eBGSave {
	background			: transparent url(imgs/buttons/savebutton.png) no-repeat left top;
}

.eBGUpload {
	background			: transparent url(imgs/buttons/uploadbutton.png) no-repeat left top;
}

.eXMLBGData {
	background-color	: #F5F5F5;
	border-radius		: 6px;
}

.eBGBlack {
	background-color	: #000000;
}

.eBGInherit {
	background-color	: inherit;
}
/* -- JQuery Dialog ------------------------------------------------------------------------------------------------- */
.ui-dialog-titlebar {
	background-color	: darkgray;
	color				: white;
	font-family			: Roboto,Calibri,Ubuntu,Tahoma,Arial;
	font-size			: 18px;
	font-style			: normal;
	font-weight			: 700;
	text-shadow			: 2px 2px 5px black;
	margin				: 5px 5px 5px 5px;
	border-radius		: 6px;
	box-shadow			: 0px 0px 10px rgba(0, 0, 0, 1.5);
}
.ui-widget-overlay {
	z-index				: 6000 !important;
}
.dialogEGTA {
	border-radius		: 6px;
	box-shadow			: 0px 0px 10px rgba(0, 0, 0, 1.5);
	-webkit-box-shadow	: 0px 0px 10px rgba(0, 0, 0, 1.5);
	-moz-box-shadow		: 0px 0px 10px rgba(0, 0, 0, 1.5);
}
/* -- eNormGrid Required Styles ------------------------------------------------------------------------------------- */
.eGridHeader {
	color				: yellow;
	background-color	: #464646;
	height				: 22px;
	max-height			: 22px;
	margin				: 0;
	padding				: 3px 5px 0 0;
	border				: 2px white ridge;
	font-weight			: bold;
	text-align			: center;
	text-shadow			: 2px 2px 2px black;
	cursor				: pointer;
}
.eSelectedCell {
	color				: yellow;
	background-color	: #558BBF;
	font-weight			: bold;
	/*border-right		: 1px solid #999;*/
}
.eBlockedRow {
	color               : yellow;
	background-color	: #8B4444;
	font-family			: Calibri;
	font-weight			: bold;
}
.eActiveBlockedRow {
	color				: #bbb;
	background-color	: #8B0000;
	font-family			: Calibri;
	font-weight			: bold;
}
.eActiveBlockedCell {
	color				: yellow;
	background-color	: #6B0000;
	font-family			: Calibri;
	font-weight			: bold;
}
/* -- Full Calendar Scheduler---------------------------------------------------------------------------------------- */
body.eScheduler {
	width				: 100%;
	height				: 100%;
	margin				: 0;
	padding				: 20px;
	background-color	: #F5F5F5;
	overflow			: hidden;
	border-radius		: 10px;
}
div.eCalendar {
	max-width			: 100%;
	height				: auto;
	max-height			: calc(100vh - 40px);
	margin				: 0;
	padding				: 20px;
	background-color	: #ffffff;
	border-radius		: 10px;
	box-shadow			: 0 0 6px rgba(0,0,0,0.5);
}
/* Blok stili */
.block a:hover{
	color				: silver;
}
.block a{
	color				: #fff;
}
.block {
	position			: fixed;
	background			: #2184cd;
	padding				: 20px;
	z-index				: 1;
	top					: 240px;
}
/* Geçmiş etkinlikler için özel stil */
.fc-event-past {
	opacity				: 0.7; /* Biraz saydamlık ekleyebilirsin */
	background-color	: #ffcccc !important; /* Açık gri bir renk */
	border-color		: #bbbbbb !important; /* Kenarlık rengi */
}
/* Geçmiş etkinliklerin içindeki başlık ve zaman metinlerini hedefle */
.fc-event-past .fc-event-title,
.fc-event-past .fc-event-time {
	color				: #666666 !important; /* Yazı rengi */
}
/* Gelecek etkinlikler için özel stil */
.fc-event-future {
	opacity				: 0.7; /* Biraz saydamlık ekleyebilirsin */
	background-color	: darkgreen !important; /* Açık gri bir renk */
	border-color		: #666 !important; /* Kenarlık rengi */
}
/* Gelecek etkinliklerin içindeki başlık ve zaman metinlerini hedefle */
.fc-event-future .fc-event-title,
.fc-event-future .fc-event-time {
	color				: #ddd !important; /* Yazı rengi */
}
.fc-non-business {
	background-image	: url('imgs/unavailability.jpg') !important;
	background-repeat	: repeat !important;
	background-position	: center !important;
	opacity				: 0.3 !important;
}
.fc-timegrid-slot {
	position			: relative; /* Bu çok önemli! Altındaki absolute elemanlar buna göre konumlanır. */
}
.fc-non-business-label {
	position			: absolute;
	top					: 1px;
	left				: 2px;
	z-index				: 2;
	font-size			: 9px;
	color				: #555;
	font-weight			: bold;
	font-family			: 'Ubuntu';
	pointer-events		: none;
}

.modal-content {
	border-radius		: 15px;
	border-width		: 5px;
	overflow			: hidden;
	box-shadow			: 0 0 15px rgba(255,255,255,0.5);
}
.modal-header {
	height				: 40px;
	background-color	: #007bff;
	background			: linear-gradient(to right, #007bff, #0056b3);
	border-bottom		: 1px solid #0056b3;
}
.modal-header .modal-title {
	color				: white;
	font-family			: Ubuntu, Tahoma, Geneva, Verdana, sans-serif;
	font-size			: 1.3rem;
	font-weight			: bold;
	text-shadow			: 2px 2px 3px rgba(0,0,0,0.6); /* Hafif gölge */
}

/* Custom Kapatma Butonu Stili */
.btn-custom-close {
	background-color	: black;
	border				: 2px solid #ccc;
	border-radius		: 50%;
	width				: 24px;
	height				: 24px;
	display				: flex;
	justify-content		: center;
	align-items			: center;
	padding				: 0 0 0 1px;
	cursor				: pointer;
	transition			: all 0.3s ease;
	position			: absolute;
	right				: 8px;
	top					: 8px;
	z-index				: 1060;
}
.btn-custom-close:hover {
	background-color	: #e2e6ea;     /* Üzerine gelince hafif gri arka plan */
	border-color		: #adadad;     /* Çerçeve rengini koyulaştır */
	transform			: rotate(90deg); /* Hafif bir dönüş efekti (isteğe bağlı) */
	padding				: 0;
}
.btn-custom-close .fas.fa-times {
	font-size			: 19px;
	color				: #777;
	padding				: 0;
}
.btn-custom-close:hover .fas.fa-times {
	color				: #000;
	padding				: 0;
}

.fc-event-past .fc-event-resizer-end {
	display				: none !important;
	cursor				: none;
}
.fc-event-future .fc-event-resizer-end {
	border-bottom-width	: 0 !important;
}
.fc-event-future .fc-event-resizer-end::after {
	content				: "\f7a4";
	font-family			: "Font Awesome 5 Free";
	font-weight			: 900;
	font-size			: 10px;
	color				: #fff;
	background-color	: rgba(0, 0, 0, 0.4);
	border-radius		: 5px;
	padding				: 0 4px;
	position			: absolute;
	bottom				: -3px;
	left				: 50%;
	transform			: translateX(-50%);
	pointer-events		: none;
	z-index				: 1;
	display				: block;
	opacity				: 0.8;
}
.fc-event-future .fc-event-resizer-end:hover::after {
	background-color	: rgba(0,0,0,0.6);
	opacity				: 1;
}
.fc-event-future .fc-event-selected .fc-event-resizer-end::after {
	background-color	: rgba(0,0,0,1);
	opacity				: 1;
}

.gridDetailsWrapper {
	display				: grid;
	grid-template-columns: max-content 10px 1fr;
	gap					: 5px 5px;
	align-items			: baseline;
}

.gridDetailsWrapper b {
	text-align			: left;
}

.gridDetailsWrapper .colsep {
	text-align			: center;
	padding-right		: 5px;
}