@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {font-family: TwemojiMozilla; src: url(TwemojiMozilla.ttf); unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;}
html {font-size: 12px;}
body {font-family: 'TwemojiMozilla', 'Open Sans', sans-serif !important}
main > .container-fluid {padding: 20px 10px 50px;}
.thekspinner {margin: 0 0.2rem}
.tabulator {font-size: 1rem !important;}
.tabulator .tabulator-row {border-bottom: 0;}
.tabulator .tabulator-calcs-holder {background-color :var(--bs-body-bg) !important}
.tabulator .tabulator-paginator {z-index:99}
.tabulator-loading {border: 0 !important; background-color: transparent !important;}
.tabulator-error {border-radius: 0}
.thek-clickable { cursor:pointer;}
.thek-clickable:hover { filter:contrast(90%); }
.ts-control {min-height:1rem}
.fs-7 { font-size: 0.7rem !important}
:root{--sarp-color: #FFB30D}
.modal-xxl {
	--bs-modal-width: 1600px;
}

/*Swal Style*/
.swal2-styled.swal2-confirm { background-color: #3fc3ee !important; }
.swal2-styled.swal2-confirm:focus { box-shadow: 0 0 0 3px #3399bb !important }
button.swal2-confirm.btn.btn-success { margin: 5px !important; }
.swal2-icon.swal2-question { border-color: #6ac0e6 !important; color: #479dc2 !important; }

/*Butonlar*/
.btn-srp-sorgu {
	background-color: #f7d542 !important;
	border-color: #d59918 !important;
	color: black !important;
}

.btn-srp-sorgu:hover {
	background-color: #d59918 !important;
	border-color: #f7d542 !important;
	color: white !important;
}

.text-srp {
	color: #f7d542 !important;
}

.card-filtre {
	background-color: #e7e7e7 !important;
	border-right: 1px solid #fafafa;
	position: fixed !important;
	height: 100% !important;
	width: 250px !important;
	transition: width 0.5s;
}

.card-filtre h5 {
	margin-bottom: 5px !important;
}


.card-filtre-body {
	left: 250px !important;
	position: fixed !important;
	right: 0 !important;
	height: 100% !important;
	background-color: white !important;
}

.card-filtre-body-closed {
	left: 35px !important;
	position: fixed !important;
	right: 0 !important;
	height: 100% !important;
	background-color: #fafafa !important;
	height: 100% !important;
}

.card-filtre-closed {
	width: 35px !important;
	cursor: pointer !important;
	position: fixed !important;
	height: 100% !important;
	background-color: var(--bs-card-cap-bg) !important;
	border-right: 1px solid #dadada !important;
	transition: width 0.5s;
}

.card-filtre-closed > div, .card-filtre-closed > h5 {
	display: none !important;
}

.card-filtre-closed .srp-filtre-icon {
	display: block !important;
	cursor: pointer !important;
}

.card-filtre > div, .card-filtre > h5 {
	display: block !important;
}

.card-filtre .srp-filtre-icon {
	display: none !important;
}

.loader-line {
	width: 100% !important;
	height: 3px;
	position: absolute;
	top: 0;
	left: auto;
	overflow: hidden;
	background-color: #ccc;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	z-index: 10;
}

.loader-line:before {
	content: "";
	position: absolute;
	left: -50%;
	height: 3px;
	width: 20%;
	background-color: #ffb71b;
	-webkit-animation: lineAnim 1s linear infinite;
	-moz-animation: lineAnim 1s linear infinite;
	animation: lineAnim 1s linear infinite;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

@keyframes lineAnim {
	0% {
		left: -40%;
	}

	50% {
		left: 20%;
		width: 80%;
	}

	100% {
		left: 100%;
		width: 100%;
	}
}

.ag-paging-description {
	/*color: #ffb71b;*/
	font-weight: bold;
}

.ag-paging-button {
	/*color: #f5f5f5;*/
	color: black;
	border-radius: 4px 4px 4px 4px;
	background-color: #f7d542;
}

.ag-paging-row-summary-panel-number[ref=lbRecordCount] {
	font-weight: bold;
	color: var(--ag-secondary-foreground-color);
	border-radius: 4px 4px 4px 4px;
	background-color: #dadada;
	padding-left: 4px;
	padding-right: 4px;
}

.flatpckr-tools {
	position: absolute;
	left: 349px;
	top: 0;
	z-index: 1000;
	float: right;
	width: 140px;
	border: 0;
}

.flatpckr-tools > button {
	width:100% !important;
	margin-bottom:2px !important;
}

.ag-paging-panel {
	justify-content: center !important;
}

.ag-paging-row-summary-panel {
	float: left;
	position: absolute;
	left: 0;
}

.form-required {
	--bs-border-opacity: 1;
	border-color: rgba(var(--bs-danger-rgb),var(--bs-border-opacity)) !important;
}

.form-required-text {
	color: red !important ;
}

.ts-wrapper.locked {
	background-color: var(--bs-gray-200);
}

html[data-bs-theme='dark'] .tabulator .tabulator-header {
  color: #DDD;
  background: #222;
}

html[data-bs-theme='dark'] .tabulator {
  background-color: #222;
}

html[data-bs-theme='dark'] .tabulator .tabulator-header .tabulator-col {
 background-color: #222;
 border-right: 1px solid #000;
}

html[data-bs-theme='dark'] .tabulator-row .tabulator-cell {
 border-right: 1px solid #000;
}

html[data-bs-theme='dark'] .tabulator .tabulator-header .tabulator-col:hover {
  background-color: #333;
}

html[data-bs-theme='dark'] .tabulator .tabulator-header .tabulator-col.tabulator-sortable:hover {
  background-color: #444;
}

html[data-bs-theme='dark'] .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
  background: #333 !important;
  color: #EEE;
}

html[data-bs-theme='dark'] .tabulator-row, html[data-bs-theme='dark'] .tabulator-row.tabulator-row-even {
  background-color: #BBB;
  color:#222;
}

html[data-bs-theme='dark'] .tabulator .tabulator-footer .tabulator-footer-contents {
 background: #333;
}

html[data-bs-theme='dark'] .tabulator .tabulator-footer .tabulator-page-size {
  background-color: #999;
}

html[data-bs-theme='dark'] .tabulator .tabulator-footer {
  color: #EEE !important;
}

html[data-bs-theme='dark'] .tabulator .tabulator-footer .tabulator-paginator {
  color: inherit;
}

html[data-bs-theme='dark'] .tabulator .tabulator-footer .tabulator-calcs-holder {
  border-bottom: 1px solid #000;
  border-top:1px solid #000
}

html[data-bs-theme='dark'] .tabulator-page {
  color: #EEE;
}

html[data-bs-theme='dark'] .tabulator .tabulator-row-even {
  background-color: #AAA;
}

html[data-bs-theme='dark'] .flatpickr-calendar {
  background: #999;
}

html[data-bs-theme='dark'] .thek-clickable:hover { filter:brightness(80%); }

html[data-bs-theme='dark'] .card {
    background-color: #333 !important;
    color:white !important;
}