/**
Project: ardenPanelv4
Version: 0.0.1
**/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

body {font-family: 'Inter', sans-serif;font-size:16px;font-weight:400;background:#fff url('../../back/img/ypanel.jpg') top center no-repeat;letter-spacing:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
button{font-size:16px!important;padding-top:4px!important;padding-bottom:px!important;padding-left:10px!important;padding-right:10px!important;cursor:pointer!important;}

.btn-danger{background:#ee3a68;border:none;padding:6px!important;border-radius:6px;color:#fff;font-weight:500;font-size:14px!important;margin:0px;}
.btn-dark{border:none;padding:6px!important;border-radius:6px;color:#fff;font-weight:500;font-size:14px!important;margin:0px;}
.btn-info{background:#083857;border:none;padding:6px!important;border-radius:6px;color:#fff;font-weight:500;font-size:14px!important;margin:0px;}
.btn-warning{background:#f6cc0a;border:none;padding:6px!important;border-radius:6px;color:#083857;font-weight:500;font-size:14px!important;margin:0px;}
.btn-primary{background:#27adf3;border:none;padding:6px!important;border-radius:6px;color:#fff;font-weight:500;font-size:14px!important;margin:0px;}
.btn-success{border:none;padding:6px!important;border-radius:6px;color:#fff;font-weight:500;font-size:14px!important;margin:0px;}
.btn-light{background:#E4EAEF!important;border:none;padding:6px!important;border-radius:6px;color:#444;font-weight:500;font-size:14px!important;margin:0px;}

.btn-outline-info{border:1px solid #3aabc3;margin:0px;padding:6px!important;font-size:15px!important;}
.btn-outline-danger{border:1px solid #f40a51!important;color:#f40a51!important;padding:6px!important;font-size:15px!important;}
.btn-outline-primary{padding:8px!important;}
.btn-outline-warning{border:1px solid #ff8026!important;padding:8px!important;border-radius:6px;color:#ff8026;font-weight:700;font-size:14px!important;margin:0px;}
.btn-outline-dark{border:1px solid #8090af!important;color:#8090af!important;padding:6px!important;font-size:15px!important;}
.btn-outline-success{padding:8px!important;}

input{font-size:15px!important;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
textarea{font-size:15px!important;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
select{font-size:15px!important;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
strong{font-weight:600!important;}
h1{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:18px;font-weight:600;}
h2{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:16px;font-weight:600;}
h3{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:14px;font-weight:600;}
h4{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:12px;font-weight:600;}
h5{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:12px;font-weight:600;}
.bg-success{font-weight: 400!important;padding:5px 8px 5px 8px!important;font-size:12px!important;border-radius: 15px!important;}
.bg-danger{font-weight: 400!important;padding:5px 8px 5px 8px!important;font-size:12px!important;border-radius: 15px!important;}
.bg-warning{font-weight: 400!important;padding:5px 8px 5px 8px!important;font-size:12px!important;border-radius: 15px!important;}

.modal-content{border:none!important;border-radius: 12px!important;}
.modelic{padding:35px;}
.modelic h1{margin:0 0 20px 0;}
.modelic label{font-size:15px;}
.modelic input{padding:8px!important;font-size:15px!important;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
.modelic textarea{padding:8px!important;font-size:15px!important;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
.modelic select{padding:8px!important;font-size:15px!important;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}

/* 2.0.0  */
.fastbutton{font-size:15px;}
/* 2.0.0 */

.fancybox__container {position: fixed;top: 0;left: 0;bottom: 0;right: 0;direction: ltr;margin: 0;padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing: border-box;display: flex;flex-direction: column;color: var(--fancybox-color, #fff);-webkit-tap-highlight-color: transparent;overflow: hidden;z-index: 20000!important;outline: none;transform-origin: top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4));}
.modal {position: fixed;top: 0;left: 0;z-index: 10000!important;display: none;width: 100%;height: 100%;overflow-x: hidden!important;overflow-y: auto!important;outline: 0!important;}
.alert-secondary{background: #f7f7f7;font-size:14px;}

@media only screen and (max-width:1920px){.container{width:80%;min-width:80%;}}
@media only screen and (max-width:1440px){.container{width:95%!important;min-width:95%!important;}}
@media only screen and (max-width:1344px){.container{width:95%!important;min-width:95%!important;}}
@media only screen and (max-width:1280px){.container{width:95%!important;min-width:95%!important;}}
@media only screen and (max-width:1200px){.container{width:99%!important;min-width:99%!important;}}

/* Giriş Yap */
.beyazekran{float: left;position:relative;top:20%!important;width: 100%;height: auto;background-color: #fff;border-radius: 20px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
.solresim{float:left;width:50%;height:450px;border-right:1px solid #ddd;opacity: 0.5;border-top-left-radius: 20px;border-bottom-left-radius: 20px;}
.saggiris{float:left;width:50%;height:auto;padding:60px;}
.girlogo{float:left;width:100%;height:auto;text-align:center;margin:0 0 40px 0;}
.girlogo img{max-width: 100%;}
.saggiris input{padding:10px!important;background:#e4eaef!important;}


/* Anasayfa */
#beyaz{float:left;width:100%;height:auto;padding:25px 0 25px 0;}
.plogo{float:left;width:100%;height:auto;}
.plogo img{max-width:50%;float:left;}
.sagss{float:right;width:100%;height: auto;padding:10px 0 10px 0;text-align: right;}
.sagss a{color:#083857;font-size:15px;font-weight: 400;margin-left:20px;}

.bredbred{float: left;width: 100%;height: auto;background:#fff;padding:10px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);margin:20px 0 0 0;}
.bredsol{float: left;width: 50%;height: auto;}
.bredsol h1{float: left;width: 100%;height: auto;font-size:17px;font-weight: 700;margin:0 0 0 0;padding:10px 0 0 15px;}
.bredsag{float:right;width:auto;height:auto;text-align: right;margin-right:15px;}

.tummakale{float: left;width: 100%;height: auto;margin:0px 0 0 0;}
.tummakale table{border-top:none!important;border-bottom:none!important;width: 100%!important;font-size:14px!important;}
.tummakale tbody{border-top:none!important;border-bottom:none!important;}
.tummakale table thead tr{background: #f2f2f2;vertical-align: middle;height:35px!important;width: 100%!important;}
.tummakale td{border:1px solid #e2e2e2!important;}
.tummakale th{border:1px solid #e2e2e2!important;}
.tummakale tr{width:100%!important;vertical-align: middle;height: 35px!important;}
.tummakale .dropdown-item{font-size:14px!important;font-weight:500!important;padding:3px 10px 3px 10px!important;}

.genelliste{float: left;width: 100%;height: auto;margin:20px 0 0 0;background: #fff;padding:20px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
.genelliste table{border-top:none!important;border-bottom:none!important;width: 100%!important;font-size:14px!important;}
.genelliste tbody{border-top:none!important;border-bottom:none!important;}
.genelliste table thead tr{background: #f2f2f2;vertical-align: middle;height:45px!important;width: 100%!important;}
.genelliste td{border:1px solid #e2e2e2!important;}
.genelliste th{border:1px solid #e2e2e2!important;}
.genelliste tr{width:100%!important;vertical-align: middle;height: 65px!important;}

.genelliste .dropdown-item{font-size:14px!important;font-weight:500!important;padding:3px 10px 3px 10px!important;}

.yeniolustur{float: left;width: 70%;height: auto;background:#fff;margin:20px 0 0 0;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);padding:30px;}
.yeniolustur input{font-size:17px;padding:15px;}
.yeniolustur td img{max-height: 40px;}

.modal-content img{max-width: 100%;}

#hwpwrap .control-section .accordion-section-title {
    border: 1px solid #dfdfdf!important;
    padding: 10px 10px 11px 14px;
    line-height: 21px;
    background: #fff;
}

#hwpwrap .accordion-section-content {
    display: none;
    padding: 10px 20px 15px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #ddd;
}

.yasalbilgi{float:left;width: 100%;height: auto;text-align: center;padding:20px;}
.yasalbilgi img{max-width: 50%;height: auto;margin:0 0 15px 0;}
.yasalbilgi h1{float:left;width:100%;height: auto;margin:0 0 0 0;font-size:16px;font-weight: 500;text-align: center;}
.yasalbilgi p{float:left;width:100%;height: auto;margin:0 0 0 0;font-size:14px;font-weight: 400;text-align: left;}

.kategorileri{float: left;width:30%;height:auto;margin:20px 0 0 0;}

.bloktek{float: right;width: 93%;height: auto;margin:0 0 16px 0;background:#fff;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);padding:5px 15px 15px 15px;}
.bloktek img{max-width: 100%;}
.bloktek h1{float: left;width: 100%;height: auto;padding:10px;margin:0 0 0 0;font-size:17px;font-weight: 600;}

.blokteksol{float: left;width: 93%;height: auto;margin:0 0 16px 0;background:#fff;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);padding:5px 15px 15px 15px;border:1px solid #ddd;}
.blokteksol img{max-width: 100%;}
.blokteksol h1{float: left;width: 100%;height: auto;padding:10px;margin:0 0 0 0;font-size:17px;font-weight: 600;}

.galerialani{float:left;width: 100%;height:auto;padding:20px;background:#fff;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);border:1px solid #ddd;margin:0 0 20px 0;}
.galerisoltek{float:left;width:100px;height: 100px;border:1px solid #f1f1f1;margin-right:5px;}
.galerisoltek img{max-width:100%;}
.galeriyeekle{float:left;width:100px;height:100px;background:#f1f1f1;border:1px solid #ddd;text-align: center;padding:40px 0 0 0;color:#ddd;}

.fotokaldir {float:right;width:auto;height:auto;position: relative;color:#fe0000!important;cursor:pointer;right:0;font-size:26px;}
.fotokaldir a:hover{color:#444!important;}

a.resimSil{color:#fe0000;}

.ayarblock{float: left;width: 23%;height: auto;padding:20px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);background:#fff;margin:20px 0 0 0;border-radius: 12px;}
.ayaric{float: right;width: 75%;height: auto;padding:20px 40px 20px 40px;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);background:#fff;margin:20px 0 0 0;border-radius: 12px;}

.ayarblock .nav {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-left: 0;margin-bottom: 0;list-style: none;}
.ayarblock .nav-pills .nav-link.active, .nav-pills .show > .nav-link {color: #fff;background-color: #083857;}
.ayarblock .nav-pills .nav-link {border-radius: .25rem;color:#083857;}
.ayarblock .nav-link {display: block;padding: .5rem 1rem;}

.avatarresmi{width:125px;height:125px;border-radius: 50%;border:2px solid #f2f2f2;margin:0 auto;}
.sliderresmi{width:100%;height:200px;border:2px solid #f2f2f2;margin:0 auto;}
.kategoriresmi{width:100%;height:200px;border:1px solid #ddd;}
.sitelogoav{width:250px;height:100px;border:2px solid #f2f2f2;float:left;}
.sitelogofav{width:70px;height:70px;border:2px solid #f2f2f2;float:left;}

.psag{float:right;width:100%;height:auto;text-align:right!important;}
.sagagit{float:right;width:auto;height:auto;margin-left:12px;}
.mesajlarim{float:right;}
.bildirimlerim{float:right;}

.hide{display:none;}
.hiddenme:hover + .hide{display:block;position:absolute;background:#fff;left:180px;width:100px;height:auto;padding:5px;border:1px solid #f2f2f2;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}

.panelhabertek{float:left;width:100%;height: auto;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;padding:10px 0 10px 0;}
.panelhabfoto{float:left;width:15%;height:70px;border:1px solid #f1f1f1;padding:10px;text-align: center;font-size:30px;color:#444;}
.panelhabacik{float:left;width: 85%;height: auto;padding:0 10px 0 10px;}
.panelhabacik h5{float:left;width: 100%;height: auto;font-size:13px;font-weight: 400;color:#444;}
.panelhabacik h1{float:left;width:100%;height: auto;font-size:17px;font-weight: 500!important;margin:0 0 5px 0!important;}
.modal-body h5{font-size:15px!important;font-weight: 400!important;color:#444;}
.modal-body h1{font-size:18px!important;font-weight: 600!important;color:#444;margin:0 0 12px 0!important;}

.yazilimtek{float:left;width:24%;height: 120px;margin-right:1%;border:1px solid #ddd;border-radius: 10px;padding:10px 12px 10px 12px;text-align: center;}
.yazilimtek h1{float:left;width:100%;height: auto;text-align: center;font-size:13px!important;font-weight: 700;}
.yazilimtek img{max-width: 65%;}

.istatistikkutucuk{float:left;width:100%;height:auto;padding:0;background:#fff;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);margin:0 0 25px 0;border-radius: 15px;}
.istatistikkutucuk h1{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:16px;padding:13px;background:#f4f4f4;color:#44474b;font-weight:400;text-align: center;border-top-left-radius:15px;border-top-right-radius:15px;}
.istatistikkutucuk h2{float:left;width:100%;height:auto;padding:20px;margin:6px 0 0 0;font-size:30px;color:#083857;font-weight:600;text-align: center;}

.kututek{float:left;width:50%;height:auto;padding:10px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.kututek .kututekic{float:left;width:75%;height:auto;}
.kututek .kututeksimge{float:left;width:25%;height:auto;text-align:center;}
.kututek span.baslik{float:left;width:100%;height:auto;font-size:12px;font-weight:400;color:#777;}
.kututek span.oranlar{float:left;width:100%;height:auto;font-size:12px;font-weight:400;color:#777;}
.kututek span.toplam{float:left;width:100%;height:auto;font-size:20px!important;font-weight:600;color:#6ab131!important;}

.kutucuk{float:left;width:100%;height:75%;padding:25px 20px;border-radius:8px;background:#fff;border:1px solid #e0e0e0;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);margin:0 0 25px 0;}
.kutucuk h1{float:left;width:100%;height:auto;margin:5px 0 0 0;font-size:14px;color:#083857;font-weight:400;}
.kutucuk h2{float:left;width:100%;height:auto;margin:6px 0 0 0;font-size:20px;color:#083857;font-weight:800;}
a .kutucuk:hover{border:1px solid #ff6e26;}

.kututek2{float:left;width:50%;height:auto;padding-top:10px;padding-bottom:10px;border-bottom:1px solid #ddd;padding-left:20px;}
.kututek2 .kututekic{float:left;width:75%;height:auto;}
.kututek2 .kututeksimge{float:left;width:25%;height:auto;text-align:center;}
.kututek2 span.baslik{float:left;width:100%;height:auto;font-size:12px;font-weight:400;color:#777;}
.kututek2 span.oranlar{float:left;width:100%;height:auto;font-size:12px;font-weight:400;color:#777;}
.kututek2 span.toplam{float:left;width:100%;height:auto;font-size:20px!important;font-weight:600;color:#6ab131!important;}
.bildirimtek{float:left;width:100%;height:auto;border-bottom:1px solid #e0e0e0;padding:8px 0 8px 0;}
.bildirimtek h1{float:left;width:100%;height:auto;margin:3px 0 4px 0!important;font-size:15px!important;font-weight:700!important;color:#ff6e26!important;}
.bildirimtek h2{float:left;width:100%;height:auto;margin:0 0 0 0!important;font-size:13px!important;font-weight:400!important;color:#425478!important;}

.copyright{float:left;width: 100%;height:auto;background:#fff;border:1px solid #e2e2e2;color:#083857;padding:10px;margin:20px 0 0 0;}
.copysol{float:left;width:50%;height: auto;}
.copysag{float:right;width:50%;height:auto;text-align:right;}
.copysag a{font-weight:600;margin-left:10px;color:#083857;}

.kayarslayt{float:left;width:100%;height:auto;border-radius:8px;background:#fff;border:1px solid #e0e0e0;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);margin:0 0 25px 0;}
#bayibanneri{float:left;width:100%;height:auto;margin:10px 0 0 0;}
#bayibanneri .item {float:left;width:100%;height:auto;}
#bayibanneri .item img{max-width:100%;}
#bayibanneri .item h5{float:left;width:100%;height:auto;font-size:15px;font-weight:300;color:#083857;margin:10px 0 0 0;}
span.detaylisi{float:left;width:100%;height:auto;margin:0 0 0 0;font-size:14px;font-weight:600;color:#083857;margin:12px 0 0 0;clear:both;text-align:right;}
span.detaylisi a{color:#083857;}
span.detaylisi a:hover{color:#f40a51;}
span.tekveri{float:left;width:100%;height:auto;font-size:15px;color:#083857;font-weight:600;padding:4px 0 4px 0;border-bottom:1px dotted #083857;}

.modultek{float: left;width: 100%;height: auto;min-height: 350px;border-radius:8px;margin-bottom:20px;background: #fff;padding:0 0 15px 0;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
.modultek img{float: left;max-width: 100%;height: auto;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.modultek h1{float: left;width: 100%;height: auto;font-size: 16px;font-weight: 500;color: #0e3950;padding:0 17px 0 17px;margin:20px 0 6px 0;}
.modultek h2{float: left;width: 100%;height: auto;font-size: 14px;font-weight: 400;color: #777;padding:0 17px 0 17px;margin:0 0 0 0;}
.modultek h3{float: left;width: 100%;height: auto;font-size: 14px;font-weight: 600;color: #777;padding:0 17px 0 17px;margin:10px 0 10px 0;}
.modultek .btn-success{margin-left:17px;}
.modultek .btn-primary{margin-left:17px;}
.modfiyat{float:left;width: auto;height: auto;margin-left:12px;font-size:25px;font-weight: 700;color:#ff7018;}

.listeavatar{margin:0 auto;width:30px;height:30px;background: #f2f2f2;border-radius: 50%;}

/** Menü **/
#mavimenu{float:left;width:100%;height:auto;padding:10px;background:#083857;}
.menuduzenle {padding: 0;margin: 0;border: 0;width: auto;}
.menuduzenle ul,.menuduzenle li {float:right;list-style: none;margin: 0;padding: 0;}
.menuduzenle ul {position: relative;z-index: 6;}
.menuduzenle ul li {float: left;min-height: 1px;vertical-align: middle;}
.menuduzenle ul li.hover,.menuduzenle ul li:hover {position: relative;z-index: 6;cursor: default;}
.menuduzenle ul ul {visibility: hidden;position: absolute;z-index: 5;width: 100%;}
.menuduzenle ul ul li {float: none;text-transform:none;}
.menuduzenle ul li:hover > ul {visibility: visible;}
.menuduzenle:after,.menuduzenle ul:after {content: '';display: block;clear: both;}
.menuduzenle ul ul {left:0;position:absolute;width:100%;min-width:240px;padding:15px 5px 15px 5px;background:#fff;border-radius:7px;border:1px solid #e2e2e2;box-shadow: 0 10px 18px 0 rgba(34,66,125,.08);}
.menuduzenle ul ul a {line-height: 100%;color:#083857;padding: 8px 20px;font-size: 14px;font-weight:600;text-transform:none;}
.menuduzenle ul ul a:hover{color:#f40a51;}
.menuduzenle a {color: #fff;font-weight:600;text-transform:uppercase;display: block;text-decoration: none;font-size: 13px;padding:8px;}
.menuduzenle a:hover{color:#f40a51;}

.bootstrap-tagsinput {
    background-color: #fff;
    width:100%;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    line-height: 22px;
    cursor: text;
}
.bootstrap-tagsinput input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0 6px;
    margin: 0;
    width: auto;
    max-width: inherit;
}

.bootstrap-tagsinput .label-info{background: #0e90d2;color: #333;border-radius:5px;font-size:12px;padding:3px;}

.bootstrap-tagsinput.form-control input::-moz-placeholder {
    color: #777;
    opacity: 1;
}
.bootstrap-tagsinput.form-control input:-ms-input-placeholder {
    color: #777;
}
.bootstrap-tagsinput.form-control input::-webkit-input-placeholder {
    color: #777;
}
.bootstrap-tagsinput input:focus {
    border: none;
    box-shadow: none;
}
.bootstrap-tagsinput .tag {
    margin-right: 2px;
    color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
    margin-left: 8px;
    cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
    content: "x";
    padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.badge-info {color: #fff;font-weight: 400;background-color: #083857;}
.tt-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;
    list-style: none;font-size: 14px;background-color: #ffffff;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;cursor: pointer;}

.tt-suggestion {display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.428571429;color: #333;white-space: nowrap;}
.tt-suggestion:hover,
.tt-suggestion:focus {color: #fff;font-weight: 400;text-decoration: none;outline: 0;background-color: #083857;}