:root {
        --trapez-cream : #f4f7f9;
        --trapez-blue-soft: #eef4fa;
        --trapez-white: #fff;
        --trapez-ink: #28333a;
        --trapez-muted: #5e6970;
        --trapez-line: #d9e1e7;
        --trapez-font: "Source Sans 3", sans-serif;
        --trapez-display: "Oswald", sans-serif;
        --trapez-red: #db2328;
        --trapez-blue: #145197;
        --trapez-graphite: #071d31;
        --trapez-placeholder: #7a8790;
        --trapez-heading: #092c47;
        --trapez-status-success: #27ae60;
        --trapez-status-danger: #e74c3c;
        --trapez-status-warning: #f39c12;
        --trapez-whatsapp: #1DAA61;
        --trapez-white-alpha: rgba(255, 255, 255, 0.78);
        --trapez-overlay-backdrop: rgba(0, 0, 0, 0.5);
        --trapez-transition: all 0.3s ease-in-out;
        --trapez-shadow: 0 18px 45px rgba(67, 76, 83, 0.08);
}



*,
*::before,
*::after {
	box-sizing: border-box;
}

*,
html {
	margin: 0;
	padding: 0;
	outline: none;
	list-style: none;
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	scroll-behavior: smooth;
}

@-ms-viewport {
	width: device-width;
}

sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

body {
	font-size: 16px;
	min-height: 100vh;
	background: var(--trapez-cream);
	background-attachment: fixed;
	color: var(--trapez-ink);
        font-family: var(--trapez-font);
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	line-height: 1.65;
}

a {
	background-color: transparent;
	color: inherit;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	outline: 0;
	text-decoration: none;
	cursor: pointer;
}

em {
	font-style: normal;
}

img {
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}

ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--trapez-heading);
	font-family: var(--trapez-display);
	line-height: 1.2;
}


iframe {
	border: none;
	outline: none;
	margin-bottom: 10px;
}

figure {
	margin: 0;
}

small {
	font-size: 85%;
}

b,
strong {
	font-weight: bold;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	resize: none;
}

button {
	overflow: visible;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="file"] {
	display: block;
}

select[multiple],
select[size] {
	height: auto;
}

textarea {
	overflow: auto;
}


label {
	display: inline-block;
	max-width: 100%;
}

[disabled] {
	cursor: not-allowed;
	opacity: 0.5;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
	width: 100%;
	max-width: 100%;
	background: var(--trapez-white);
}


table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	padding:10px 15px;
	border-bottom: 1px solid var(--trapez-line);
	text-align: left;
	vertical-align: top;
}

table > thead > tr > th {
	background: var(--trapez-blue-soft);
}

table thead {
	position: sticky;
	top: 0;
	z-index: 5;
}

table tr:last-child td {
	border-bottom: 0;
}


@-webkit-keyframes fadeInDown {
        from {
                top: -500px;
        }

        to {
                top: 0px;
        }
}

@-moz-keyframes fadeInDown {
        from {
                top: -500px;
        }

        to {
                top: 0px;
        }
}

@keyframes fadeInDown {
        from {
                top: -500px;
        }

        to {
                top: 0px;
        }
}

.row {
        display: flex;
        flex-wrap: wrap;
        margin-left: -10px;
        margin-right: -10px;
}

[class^="col-"],
[class*=" col-"] {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-left: 10px;
        padding-right: 10px;
        flex: 0 0 auto;
}

/* XS */
.col-xs-12 {
        flex-basis: 100%;
        max-width: 100%;
}
.col-xs-6 {
        flex-basis: 50%;
        max-width: 50%;
}
.col-xs-4 {
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
}

/* MD */
@media (min-width: 992px) {
        .col-md-9 {
                flex-basis: 75%;
                max-width: 75%;
        }
        .col-md-7 {
                flex-basis: 58.33333333%;
                max-width: 58.33333333%;
        }
        .col-md-6 {
                flex-basis: 50%;
                max-width: 50%;
        }
        .col-md-5 {
                flex-basis: 41.66666667%;
                max-width: 41.66666667%;
        }
        .col-md-3 {
                flex-basis: 25%;
                max-width: 25%;
        }
}

.form-group {
        margin-bottom: 20px;
}

.form-group > label {
        display: block;
        font-weight: bold;
        font-size: 85%;
        margin-bottom: 5px;
        position: relative;
        color: var(--trapez-muted);
}

.form-control {
        display: block;
        width: 100%;
        background: var(--trapez-blue-soft);
        outline-color: var(--trapez-blue);
        padding: 14px 16px;
        line-height: 1.2;
        font-weight: 500;
        color: var(--trapez-ink);
        border: 1px solid var(--trapez-line);
        transition: var(--trapez-transition);

        box-sizing: border-box;
}

select.form-control {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
}

.form-control:focus {
        border-color: var(--trapez-blue);
        background: var(--trapez-white);
        box-shadow: 0 0 0 4px rgba(20, 81, 151, 0.1);
}

.form-control::-moz-placeholder {
        color: var(--trapez-placeholder);
        opacity: 1;
}
.form-control:-ms-input-placeholder {
        color: var(--trapez-placeholder);
}
.form-control::-webkit-input-placeholder {
        color: var(--trapez-placeholder);
}
.form-control[disabled],
.form-control[readonly] {
        background-color: var(--trapez-border-soft);
        opacity: 1;
}
.form-control[disabled] {
        cursor: not-allowed;
}

textarea.form-control {
        resize: vertical;
}

.form-control option {
        color: var(--trapez-ink);
}

[class*="btn-"] {
        position: relative;
        z-index: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        color: var(--trapez-white);
        transition: var(--trapez-transition);
        padding:15px;
        line-height:1.2; 
        font-weight: bold;
        gap:5px;
        text-align: center;
}

.btn-default {
        background: var(--trapez-white);
        color: #22445f;
}
.btn-primary {
        background: var(--trapez-blue);
}
.btn-success {
        background: #2ecc71;
}
.btn-danger {
        background: var(--trapez-red);
}



.btn-link {
        background: none;
        font-weight: 700;
        padding: 0px 0px 5px 0px;
        border-bottom: 2px solid var(--trapez-blue);
        color: var(--trapez-blue);
        border-radius: 0px;
}


.text-left {
        text-align: left;
}

.text-right {
        text-align: right;
}

.btn-block {width:100%;}


.hide { display:none; }


 {
        max-height: 560px;
        overflow-y: auto;
        border: 1px solid var(--trapez-line);
}

.table-responsive {
        max-height: 560px;
        overflow-y: auto;
        border: 1px solid var(--trapez-line);
}




/* MOBİL */
@media (max-width: 576px) {
  


table th:first-child,
table td:first-child {
    min-width: 180px;
    white-space: normal;
    overflow-wrap: anywhere;
    line-height: 1.5;
}

        table > thead > tr > th{
                white-space: nowrap;
        }


}