.page .container .content{background:transparent!important;box-shadow:none!important;padding-top:0!important;min-height:calc(100vh - 177px)}
.fd{width:800px;max-width:100%;box-sizing:border-box;margin:auto;background:#fff;padding:10px 20px 20px 22px;color:#555;border-radius:8px;box-shadow:0 8px 16px 0 rgba(68, 73, 80, 0.35)}
.fd>div{padding-bottom:12px;padding-top:10px}
.fd .section-title{font-weight:600;padding:14px 0}
.fd .ip{padding-top:5px!important}
.fd .ip:has(span:empty){display:none}
.fd .ft{padding-top:40px;padding-bottom:0}
.fd .ft:nth-child(2){padding-top:0}
.fd .title{font-size:13px;font-weight:600;margin-bottom:12px;letter-spacing:.1pt}
.fd .ribbon{display:inline-block;height:12px;padding-left:16px;background:#00b1cd;margin:0 12px -1px -27px}
.fd .ribbon::before{content:'';position:absolute;width:0;height:0;border-bottom:4px solid #0091ad;border-left:5px solid transparent;margin-left:-16px;margin-top:-4px}
.fd .ribbon::after{content:'';position:absolute;height:0;width:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #00b1cd}
.fd .buttons{padding-top:18px;padding-bottom:12px;white-space:nowrap}
.fd .control{margin-top:5px}
.fd .control .editor{padding-top:12px}
.fd .description{color:#777;font-size:11px;line-height:14px;margin-top:6px;padding-left:2px}
.fd .notification{border:1px dashed #ccc;font-size:12px}
.fd .short{width:100px!important;max-width:100%}
.fd .normal{width:225px!important;max-width:100%}
.fd .long{width:400px!important;max-width:100%}
.fd .full{width:100%!important}
.fd .VALIDATOR{padding:0}
.fd .VALIDATOR .ERROR{font-size:11px}
.fd input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],textarea{width:225px;max-width:100%}
.fd input[type=text],input[type=password],input[type=number],input[type=email],input[type=tel],textarea,select{box-sizing:border-box;border-radius:3px!important;margin-right:1px;color:#333}
.fd input[type=radio]{width:16px;height:16px}
.fd input[type=number]{box-sizing:content-box;border-radius:1px!important}
.fd table[cs] input{box-sizing:content-box;border-radius:1px!important}
.fd .VAZGEC{background-color:#f8f8ff;border:solid 1px #D3D3D3;border-radius:3px;padding:5px 12px}
.fd .BY{background-color:#209bd6;color:#f8f8ff;border:none;border-radius:3px}
.fd.called .BY,.fd .BY:disabled{background:url(../images/indicator.gif) no-repeat right 2px top 2px whitesmoke;background-size:8px;border:solid 1px silver;color:gray}
.fd .requried{padding:18px 0 24px 4px}
.fd ::placeholder {color:#bbb;font-size:11px;padding-left:4px}
.fd :-ms-input-placeholder {color:#bbb;font-size:11px;padding-left:4px}
form[dialog] .fd{box-shadow:none;padding-bottom:0}
.hd{width:800px;max-width:100%;margin:auto}
.hd .baslik{height:20px;font-size:16px;padding:5px;display:inline-block}
.hd .altBaslik{color:#555;font-size:11px}
.hd .altBaslik:before{content:'/';padding-right:5px}
.hd .mn{float:right;position:relative}
.hd .mn>a{padding-left:12px;color:#555;font-size:11px}
.hd .mn>a>i{font-size:24px}
.hd .mn .fa,.hd .mn .fa-solid,.hd .mn .fa-regular{color:#567;padding-right:5px}
.hd .mn span{font-size:24px;cursor:pointer;padding:5px;padding-right:0}
.hd .mn>div{background-color:#fff;border:solid thin #d3d3d3;border-radius:2px;margin:10px;position:absolute;right:0;text-align:right;z-index:1}
.hd .mn>div a{color:#567;display:block;white-space:nowrap;margin:5px;font-size:13px;padding:3px 0 3px 7px}
.hd .mn>div a:hover{color:#07b}
.hd .mn>div a>i{padding-left:6px;font-size:1em;width:18px}
.tdRapor .MW{border-bottom:solid 1px #e1e1e1}
.tdRapor .fd{border:none}
.extra-note-description{margin-top:8px}
.extra-note-description textarea{display:block;width:100%;height:120px;margin-top:4px}
.matrix th{font-weight:600}
.matrix td{padding:3px}
.matrix .title>.ribbon{display:none}
.matrix th{border-bottom:solid 1px #eee}
.matrix th td{text-align:center;min-width:24px}
.matrix th table{margin-left:3px}
.matrix th>table input{display:none}
.matrix th>table label{display:block}
.matrix td>table td{text-align:center}
.matrix td>table td label{display:block;visibility:hidden;height:0;font-weight:600}
form[dialog="1"] .modal-buttons{padding:42px 0 0 0!important}
form[dialog="1"] .modal-buttons>div{padding:10px 0 5px 12px;position:fixed;bottom:0;left:0;background:#fafafa;width:100%;box-shadow:0 1px 3px rgba(0,0,0,0.3);border-top:1px solid #d5d3d3}
.table-input {margin-bottom:12px;margin-top:10px}
.table-input .title{font-size: 12px;padding: 0 4px 6px 4px;font-weight:normal}
.table-input label{font-size:12px;white-space:nowrap}
.table-input i{padding:12px 3px 0 0;font-size:12px}
html[dark] form[dialog="1"] .modal-buttons>div{background:#1b1a19}
html[dark] .hd .mn>div{background-color:#1b1a19}
html[dark] .hd .mn>div a{color:#f3f2f1}
html[dark] .hd .mn>div a:hover{background:#000}
html[dark] .hd .mn div .fa,html[dark] .hd .mn div .fa-solid,html[dark] .hd .mn div .fa-regular{color:#f3f2f1!important}
html[dark] .matrix th{border-bottom-color:#777}
@media only screen and (max-width:760px),(min-device-width:168px) and (max-device-width:1024px)
{
    .fd{width:100%;padding:0 10px 10px}
    .hd{width:100%}
    .fd .long{width:100%!important}
    .fd>div:first-child:not(.section-title){padding-top:0!important}
    .fd .ribbon{padding-left:12px;margin-right:15px}
    .tdRapor .MW{display:none}
    .container{padding-left:0}
}