.pull-right {float: right !important;}
 
/* ========================================================================
   Component: layout
 ========================================================================== */
body, .wrapper .section-container {
  background-color: #f5f7fa;  font-family: tahoma;}

.btn {border-radius: 0;}
a {transition: all .3s ease;}
.wrapper .aside-container {
  background-color: #3a3f51; }

/* ========================================================================
   Component: top-navbar
 ========================================================================== */
.topnavbar {
  background-color: #1797be;
  background-image: linear-gradient(to right, #1797be 0%, #23b7e5 100%);
  background-repeat: repeat-x; }
  @media (min-width: 992px) {
    .topnavbar .navbar-nav > .nav-item.show > .nav-link, .topnavbar .navbar-nav > .nav-item.show > .nav-link:hover, .topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
      box-shadow: 0 -3px 0 #1381a3 inset; } }
  .topnavbar .navbar-nav > .nav-item > .navbar-text {
    color: #fff; }
  .topnavbar .navbar-nav > .nav-item > a.nav-link,
  .topnavbar .navbar-nav > .nav-item.show > a.nav-link {
    color: #fff; }
    .topnavbar .navbar-nav > .nav-item > .nav-link:hover, .topnavbar .navbar-nav > .nav-item > .nav-link:focus,
    .topnavbar .navbar-nav > .nav-item.show > .nav-link:hover,
    .topnavbar .navbar-nav > .nav-item.show > .nav-link:focus {
      color: #0c4f63; }
  .topnavbar .dropdown-item.active, .topnavbar .dropdown-item:active {
    background-color: #1797be; }

/* ========================================================================
   Component: sidebar
 ========================================================================== */
.sidebar {
  background-color: #3a3f51; }
  .sidebar .nav-heading {
    color: #919DA8; }

.sidebar-nav > li > a, .sidebar-nav > li > .nav-item {
  color: #e1e2e3; font-size:13px;padding:4px;}
  .sidebar-nav > li > a:focus, .sidebar-nav > li > a:hover, .sidebar-nav > li > .nav-item:focus, .sidebar-nav > li > .nav-item:hover {
    color: #1797be; }
  .sidebar-nav > li > a > em, .sidebar-nav > li > .nav-item > em {
    color: inherits; }

.sidebar-nav > li.active, .sidebar-nav > li.active > a, .sidebar-nav > li.active > .nav-item, .sidebar-nav > li.active .sidebar-nav, .sidebar-nav > li.open, .sidebar-nav > li.open > a, .sidebar-nav > li.open > .nav-item, .sidebar-nav > li.open .sidebar-nav {
  background-color: #383d4e;
  color: #1797be; }

.sidebar-nav > li.active > .nav-item > em, .sidebar-nav > li.active > a > em, .sidebar-nav > li.open > .nav-item > em, .sidebar-nav > li.open > a > em {
  color: #1797be; }

.sidebar-nav > li.active {
  border-left-color: #1797be; }

.sidebar-subnav {
  background-color: #3a3f51; margin-left:20px;}
  .sidebar-subnav > .sidebar-subnav-header {
    color: #e1e2e3; }
  .sidebar-subnav > li > a, .sidebar-subnav > li > .nav-item {
    color: #e1e2e3; }
    .sidebar-subnav > li > a:focus, .sidebar-subnav > li > a:hover, .sidebar-subnav > li > .nav-item:focus, .sidebar-subnav > li > .nav-item:hover {
      color: #1797be; }
  .sidebar-subnav > li.active > a, .sidebar-subnav > li.active > .nav-item {
    color: #1797be; }
    .sidebar-subnav > li.active > a:after, .sidebar-subnav > li.active > .nav-item:after {
      border-color: #1797be;
      background-color: #1797be; }
.sidebar-nav > li.logo {margin-bottom: 10px;}
.sidebar-nav > li.logo > a {text-align: center; margin-top: 10px;}
.sidebar-nav > li.logo > a > img {max-width: 100%;max-height: 150px;}
.sidebar .nav-heading {padding: 1px 3px; background-color: #1797be !important; color: #fff; text-shadow: 1px 0px 7px rgb(0, 0, 0); font-size: 12px;}
/* ========================================================================
   Component: offsidebar
 ========================================================================== */
.offsidebar {
  border-left: 1px solid greyscale(#cccccc);
  background-color: #fff;
  color: #656565; }

textarea {resize: none;}



.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child), .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text {border-radius: 0;}
.form-group.has-error .input-group-append {border: 1px solid #e46f61;  background-color: #fffafa;}
.form-group.has-error .input-group-append .input-group-text {border: 0}
.form-group.has-error input, .input-group.has-error input, .form-group.has-error .select, .input-group.has-error .select, .form-group.has-error textarea, .input-group.has-error textarea {
  border-color: #e46f61;
  color: #d73d32;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fffafa;
}
#loginForm .input-group-text {background: transparent;}
.topnavbar .dropdown .dropdown-menu.userDropdown {padding: 0; border-radius: 0; border-color: #d0cece;}
.topnavbar .dropdown .dropdown-menu.userDropdown > div {padding: 5px 10px; color: #676a6c;background: #f2f2f2; border-bottom: 1px solid rgba(0,0,0,.1) !important;}

.topnavbar .navbar-nav > li.donemDegistir{align-items: center;display: flex; margin-right: 5px;}
.topnavbar .navbar-nav > li.donemDegistir > a {border-radius: 0; background-color: #e5e5e6; padding: .375rem .3rem;}
.topnavbar .navbar-nav > li.donemDegistir ul {padding: 0; border-radius: 0;}
.topnavbar .navbar-nav > li.donemDegistir li.dropdown-header {padding: .1875rem 1.25rem; border-bottom: 1px solid #ccc; color: #6c757d;}
.topnavbar .navbar-nav > li.donemDegistir li > a {cursor: pointer; display: block; color: inherit; text-decoration: none;}
.topnavbar .navbar-nav > li.donemDegistir li > a.active {color: #fff;}
.topnavbar .navbar-nav > li.donemDegistir li > a:link,.topnavbar .navbar-nav > li.donemDegistir li > a:active {color: #fff;}
.topnavbar .navbar-nav > li.donemDegistir::last-child {margin-right: 0;}
@media (max-width: 480px){
  .d-xs-block {display: block !important;}
}

.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless > tfoot > tr > td,
.table-borderless > tfoot > tr > th,
.table-borderless > thead > tr > td,
.table-borderless > thead > tr > th {
    border: none;
}

.font-size-90 {font-size: 90% !important;}
.font-size-80 {font-size: 80% !important;}

.sendLoader {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: rgba(0,0,0,0.6);
  display: none;  
  top: 0;
  left:0;
}
.sendLoader.active {display: table;}
.sendLoader .sendInner {
  display: table-cell;
  vertical-align: middle;
  text-align: center; 
}
.sendLoader .sendInner .loadPanel {
  background: #fff;
  margin: auto;
  padding: 15px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  float: none;
}
.sendLoader .sendInner .loadPanel i {color: #1797be;}
.sendLoader .sendInner .loadPanel > div {border-top: 1px dashed #ccc; margin-top: 15px; padding-top: 15px}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
#result {display: none;}

.table thead th, .table tbody td {vertical-align: middle;}
.table td, .table > thead > tr > th, .table > tfoot > tr > th {padding: 3px 7px;}

.table-bordered:not(.noEllipsis) > tbody > tr > td, .table-bordered:not(.noEllipsis) > tbody > tr > th:not(.noEllipsis), .table-bordered:not(.noEllipsis) > tfoot > tr > td, .table-bordered:not(.noEllipsis) > tfoot > tr > th:not(.noEllipsis), .table-bordered:not(.noEllipsis) > thead > tr > td, .table-bordered:not(.noEllipsis) > thead > tr > th:not(.noEllipsis) {padding: 3px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.table-bordered:not(.noEllipsis) > tbody > tr > td.hasMenu {overflow: unset;}
.table-bordered > tbody > tr > td.hasMenu button.btn-xs {padding: 0.1rem 0.5rem;}

.profileTable tbody td {padding: 1px 3px !important;}

.login a.apps {display: block;}
.login a.apps > img {width: 100%; max-height: 34px;}

@media (max-width:480px){
  .table td, .table > thead > tr > th, .table > tfoot > tr > th {padding: 1px 0; font-size: 11px;}  
}

.modal-open .modal {
  padding-right: 0 !important;
}

.modal-content {
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: 0 0 40px rgba(0,0,0,.5);
  background-color: #fff;
  border: rgba(0,0,0,0);
}

.modal-header {
  padding: 5px 10px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
}

h4.modal-title {
  font-weight: 400 !important;
  font-size: 15px;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 10px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
  background-color: #f5f5f5;
}

.modal-footer > * {
  margin: 0;
}

.profile-info-row {
  border: 1px solid #ccc;
  border-top: 0;
  line-height: 1.2;
}

.profile-info-row:first-child {
  border: 1px solid #ccc;
}

.profile-info-row:last-child {
  margin-bottom: 15px;
}

.profile-info-row .profile-info-label, .profile-info-row .profile-info-value {  
  padding: 4px 6px;
}

.profile-info-row .profile-info-label {
  font-weight: 600;
  border-right: 1px solid #ccc;
}

.ModalHeader {
  padding: 5px 10px;
  line-height: 1.3;
}

@media (min-width: 768px){
  .modal-dialog {
    max-width: 1000px;
    margin: 30px auto;
    width: 100%;
  }

  .wrapper .aside-container::before {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.6);
  }
}

.modal-blue .modal-header{border-bottom:3px solid #5db2ff}
.modal-danger .modal-header{background: #d73d32; color: #fff;}
.modal-success .modal-header{background: #53a93f; color: #fff;}
.modal-info .modal-header{background: #23b7e5; color: #fff;}
.modal-dark .modal-header{background: #3a3f51; color: #fff;}
.modal-yesil .modal-header, .bg-yesil, .btn-yesil {background: #98c099; color: #fff;}
.modal-warning .modal-header{background: #f4b400; color: #fff;}
.modal-silver .modal-header{border-bottom:3px solid #777}
.modal-inverse .modal-header{border-bottom:3px solid #444}
.modal-blueberry .modal-header{border-bottom:3px solid #6f85bf}
.modal-palegreen .modal-header{border-bottom:3px solid #a0d468}
.modal-orange .modal-header{border-bottom:3px solid #fb6e52}
.modal-darkorange .modal-header{border-bottom:3px solid #ed4e2a}
.modal-magenta .modal-header{border-bottom:3px solid #bc5679}
.modal-purple .modal-header{border-bottom:3px solid #7e3794}
.modal-maroon .modal-header{border-bottom:3px solid #981b48}
.modal-primary .modal-header{border-bottom:3px solid #4374e0}

tr.payExists {background: #fdd5d5;}
tr.odemeAciklama {display: none;}
tr.odemeAciklama td {padding: 1px 7px; background: #f4f4f4; font-size: .75rem; color: blue;}
tr.odemeAciklama.active {display: revert;}
div.aciklamaGoster {font-size: .7rem;}


.table > thead > tr.bg-dark > th {color: #fff;}
.wrapper.login {background:#dfdfdf;}
.wrapper.login {
    
    background-image: url('../../upload/logo/main.jpg'); /* Buraya kendi resminizin yolunu ekleyin */
    background-size: cover; /* Resmin ekranı kaplamasını sağlar */
    background-position: center; /* Resmin merkezde yer almasını sağlar */
    background-attachment: fixed; /* Sayfa kaydırıldıkça arka planın sabit kalmasını sağlar */
    background-repeat: no-repeat; /* Resmin tekrarlanmamasını sağlar */
    height: 100vh; /* Ekran yüksekliğine kadar olan alan */
    margin: 0; /* Sayfanın kenar boşluklarını sıfırlama */
}
.bg-mikder-mavi, .content-wrapper .content-heading.bg-mikder-mavi {background-color: #57d9f0; color: #fff;}
.bg-mikder-yesil, .content-wrapper .content-heading.bg-mikder-yesil {background-color: #98c099; color: #fff;}
.bg-mikder-header-1, .content-wrapper .content-heading.bg-mikder-header-1 {background-color: #0085ae; color: #fff;}

.lastUpdateTime {font-size: .9rem;}
.breadcrumb {margin-bottom: 0;}

.wrapper .aside-container::before {
  content: "";
  position: absolute;
  display: block;
  width: 220px;
  bottom: 0;
  top: 0;  
  z-index: 0;
  background-color: #3a3f51;
}

.aside-collapsed-text .wrapper .aside-container::before {width: 90px; transition: width .2s cubic-bezier(.35,0,.25,1),translate .2s cubic-bezier(.35,0,.25,1);}

.topBar {position: relative; z-index: 116;}

.topBar .corpName, .topBar .lastUpdate {text-align: center; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.51);}
.topBar .corpName span {display: none;}

@media (max-width: 480px){
  .topBar .corpName span {display: block; font-weight: 600;}
}

.topBar .divider {border-top: 1px solid #017599; width: 100%; margin: 2px 0;}
.breadcrumb {padding: 5px 10px;}

@media (min-width: 768px){
  .topBar .corpName {text-align: left;}
  .topBar .lastUpdate {text-align: right;}
  .topBar .divider {display: none;}
  .breadcrumb {padding: 10px 20px;}
}

.card-wrapper {transition: max-height 0.5s ease 0s;}
.card .card-header .card-title a {color: #fff; text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.51);}
.table-bordered, .table-bordered td, .table-bordered th, .table-bordered thead th {border: 1px solid #ddd; font-family: tahoma;}

.table > thead > tr > th:not([class*="bg-"]) {  
  background: rgb(221, 221, 221);
  background: -moz-linear-gradient(top, rgb(221, 221, 221) 0%, rgb(206, 206, 206) 100%);
  background: -webkit-linear-gradient(top, rgba(221, 221, 221,1) 0%,rgba(206, 206, 206,1) 100%);
  background: linear-gradient(to bottom, rgb(221, 221, 221) 0%,rgb(206, 206, 206) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 );
  color: #444;
}

.modal-body .table > thead > tr > th:not([class*="bg-"]) {font-weight: 400;}

.jScroll {overflow-x: hidden;position:relative;-moz-user-select:none;-webkit-user-select:none;user-select:none; cursor: default;}
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius: 0;}

.form-group {margin-bottom: .5rem;}
.margin-bottom-15 {margin-bottom: 15px !important;}
table .form-group {margin-bottom: 0;}
.form-group.has-error select {  
  border-color: #e46f61;
  color: #d73d32;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fffafa;
}

#discountModal {z-index: 1049;}

.form-group label {margin-bottom: .1rem; font-weight: 600;}

.input-group-addon {padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border-top: 1px solid #dde6e9; border-bottom: 1px solid #dde6e9; border-radius: 0; white-space: nowrap; display: table-cell;}
#OdevModal td div.stName {font-size: .8rem; line-height: 1.05; font-weight: 600; margin-bottom: 2px;}
#OdevModal td div.dtRange {font-size: .65rem;line-height: 1.05;}

.pwShow {
    width: 22px;
    height: 21px;
    float: left;
    background: 

    #d0d0d0 url("../assets/img/pwShow.png") no-repeat center;
        background-size: auto;
    background-size: 70%;
    cursor: pointer;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    border-radius: 22px;
    margin: 7px 0 0 -30px;
    position: absolute;
    z-index: 2;
}
.pwKaratay, .pwAgKaratay {
    width: 100%;
    float: left;
    border: 1px solid #f56b6b;
    display: none;
    font-size: 12px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    margin-bottom: 0px;
    clear:both;
    border-bottom: none
}

.BarWarning {
    background: #f38733;
    font-size: 13px;    
    padding: 5px;
    color: #fff;
    text-align: center
}

.pwKaratay.show, .pwAgKaratay.show {
    display: block;
}

.pwKaratay dt, .pwAgKaratay dt {
    width: 100%;
    float: left;
    color: #f56b6b;
    line-height: 20px;
}

.pwKaratay dt.valid, .pwAgKaratay dt.valid {
    color: #85c754;    
}
.pwKaratay dt::before, .pwAgKaratay dt::before {
    content: '';
    width: 20px;
    height: 20px;
    float: left;
    background: #fff;
    content:"\f00d";
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;    
    /*font: normal normal normal 14px/1 Font Awesome 5 Free;*/
    font-family: 'Font Awesome 5 Free';
}
.pwKaratay dt.valid::before, .pwAgKaratay dt.valid::before {
    background: #fff;
    content:"\f00c";
    /*font: "normal normal normal 14px/1 Font Awesome 5 Free;"    */
    font-family: 'Font Awesome 5 Free';
}

.pwKaratay.valid, .pwAgKaratay.valid {
    border: 1px solid #85c754;
    border-bottom: none;
}

#passStC .progress {border-radius: 0; margin-bottom: 15px;}
.progress-bar-success {background-color:#5cb85c}
.progress-bar-info {background-color:#5bc0de}
.progress-bar-warning {background-color:#f0ad4e}
.progress-bar-danger {background-color:#d9534f}

.has-success .form-control {border-color: #85c754; box-shadow: none; -webkit-box-shadow: none;}
.has-success .form-control:focus {border-color: #6baf39; box-shadow: none; -webkit-box-shadow: none;}

.yemekMenuGun {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;}

@media (min-width: 992px) {
  .yemekMenuGun {width: 20%;}
}

@media (max-width: 991px) and (min-width: 480px){
  .yemekMenuGun {width: 33%;}
}

@media (max-width: 480px){
  .yemekMenuGun {width: 100%;}
}

.yemekMenuGun .yemekMenu {border: 1px solid #ddd}

.mainIconAll, .mainIcon {padding: 0 7.5px;}
.mainIcon a {color: #23b7e5 !important;}
.mainIcon a .card-std, .OdevIcon a .card-std {transition: all .3s ease; box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.mainIcon a:hover, .OdevIcon a:hover {text-decoration: none; color: inherit !important;}
.mainIcon a:hover .card-std, .OdevIcon a:hover .card-std {box-shadow: none;}
.mainIcon a .bubbles {position: absolute;display: table;z-index: 1;top: 10px;right: 20px;}
.mainIcon a .bubbles .badge {width: 30px; height: 30px; border-radius: 50%; line-height: 30px; font-size: 90%; padding: 0; box-shadow: 1px 1px 1px rgba(0,0,0,.4);}
.mainIcon a:hover .bubbles .badge {box-shadow: none;}
.card-std .card-icon {margin-bottom: .5rem; text-align: center;}
.card-std .card-icon i {font-size: 2.5rem;}
.card-std .card-icon i.fas {font-size: 2.65rem;}
.card-std .card-title, .card-std .card-status {margin: 0; font-size: .8rem; font-weight: 600;}

.OdevIcon, .OdevIcon .card-body {display: flex; flex-direction: row; align-items: center;}
.OdevIcon .card-body {padding: 5px;}
.OdevIcon .card-std .card-title {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.OdevIcon .card-std .card-title, .OdevIcon .card-std .card-status {font-weight: normal; font-size: .7rem;}
.OdevIcon .card-std .card-icon {margin-bottom: 0; margin-right: 5px; border-radius: 50%; padding: 5px; width: 30px; height: 30px; background: #c7cacc !important;}
.OdevIcon .card-std .card-icon.card-icon-green {background: #27c24c !important;}
.OdevIcon .card-std .card-icon.card-icon-red {background: #f05050 !important;}
.OdevIcon .card-std .card-icon.card-icon-info {background: #17a2b8 !important;}
.OdevIcon .card-std .card-icon.card-icon-orange {background: #ff902b !important;}
.OdevIcon .card-std .card-icon.card-icon-blue {background: #3f3fdf !important;}
.OdevIcon .card-std .card-icon.card-icon-purple {background: purple !important;}
.OdevIcon .card-std .card-icon i {font-size: 1rem; color: #fff;}
.OdevIcon a .card-std .card-status {display: flex; flex-direction: row; align-items: center; margin-left: auto;}
.OdevIcon a {color: inherit; display: block; width: 100%;}

.card.card-std,
.card.card-std .card-body {
    background: linear-gradient(to bottom, #ffffff, var(--renk-kodu2));
    /*background: linear-gradient(135deg, #23b7e5, #6dd5fa) !important;*/
    color: white !important;
}
.card.card-std,
.card.card-std .card-title {
    color: white !important;
}


.highcharts-title {
    fill: #434348;
    font-weight: bold;    
    font-size: 12px !important;
}

.highcharts-subtitle {
    font-family: "Courier New", monospace;
    font-style: italic;
    fill: #7cb5ec;
}

.highcharts-caption {
    font-family: "Courier New", monospace;
    font-style: italic;
    fill: green;
}

.alert {border-radius: 0; padding: 3px 7px;}

.content-heading.head-fixed {position: fixed; z-index: 990; top: 0; margin-top: 0; width: 100%; background-color: rgba(58,63,81,.9); color: #fff;}
@media (min-width: 992px) {
  .content-heading.head-fixed {width: calc(100% - 220px);}
}
.content-heading a {color: unset !important; text-decoration: none;}
.content-heading a:hover {color: #0085ae !important;}

.noteBRK {text-align: left}
.noteBRK p {margin-bottom: 0;}

.note { 
 border-left:3px solid;
 position:relative;
 border-radius:0px
}
.panel>.note {
 border-radius:0
}
.note h1,
.note h2,
.note h3,
.note h4,
.note h5,
.note h6 {
 color:inherit
}
.note .note-icon {
 position:absolute;
 top:0;
 left:0;
 bottom:0;
 width:80px;
 font-size:56px;
 line-height:56px;
 text-align:center
}
.note .note-icon>i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 margin-top:-28px
}

.note-mini .note-icon {
 width:30px;
 font-size:20px;
 line-height:20px;
 text-align:center
}
.note-mini .note-icon>i {
 position:absolute;
 left:0;
 right:0;
 top:50%;
 margin-top:-10px
}


.note .note-icon+.note-content {
 margin-left:85px
}

.note-mini .note-icon+.note-content {
 margin-left:35px
}
.note.note-with-right-icon {
 border-left:none;
 border-right:3px solid
}
.note.note-with-right-icon .note-icon {
 left:auto;
 right:0
}
.note.note-with-right-icon .note-content {
 margin-left:0;
 margin-right:85px
}
.note.note-danger {
 border-color:#ff5b57;
 background:#ffcdcc;
 color:#802d2b
}
.note.note-danger .note-icon {
 background:#ff5b57
}
.note.note-warning {
 border-color:#f59c1a;
 background:#fce1ba;
 color:#7b4e0e
}
.note.note-warning .note-icon {
 background:#f59c1a
}
.note.note-yellow {
 border-color:#ffd900;
 background:#fff4b2;
 color:#806d00
}
.note.note-yellow .note-icon {
 background:#ffd900
}
.note.note-lime {
 border-color:#90ca4b;
 background:#ddefc9;
 color:#486626
}
.note.note-lime .note-icon {
 background:#90ca4b
}
.note.note-success {
 border-color:#00acac;
 background:#b3e6e6;
 color:#025656
}
.note.note-success .note-icon {
 background:#00acac
}
.note.note-primary {
 border-color:#348fe2;
 background:#c2ddf7;
 color:#1a4772
}
.note.note-primary .note-icon {
 background:#348fe2
}
.note.note-info {
 border-color:#49b6d6;
 background:#c8e9f3;
 color:#255b6c
}
.note.note-info .note-icon {
 background:#49b6d6
}
.note.note-purple {
 border-color:#727cb6;
 background:#d4d7e9;
 color:#393e5b
}
.note.note-purple .note-icon {
 background:#727cb6
}
.note.note-dark,
.note.note-inverse {
 border-color:#2d353c;
 background:#c0c2c4;
 color:#5b6165
}
.note.note-dark .note-icon,
.note.note-inverse .note-icon {
 background:#2d353c
}
.note.note-default,
.note.note-secondary {
 border-color:#b6c2c9;
 background:#e9edef;
 color:#5b6165
}
.note.note-default .note-icon,
.note.note-secondary .note-icon {
 background:#b6c2c9
}
.note.note-light {
 border-color:#f2f3f4;
 background:#fff;
 color:#62686d
}

.preloader, .preloader2 {
  position: fixed;  
  background: #fff;
  width: 100%;
  height: 100%;
  margin: auto;
  display: table;
  display: flex;
  align-items: center;
  -ms-flex-pack: center !important;
  justify-content: center !important;   
}

.preloader .loaderLogo, .preloader2 .loaderLogo {
  position: fixed;
  width: 100px;
  height: 100px;
}

.preloader .loaderLogo img, .preloader2 .loaderLogo img {width: 100%; max-width: 100px; max-height: 100px;}

.preloader .loader, .preloader2 .loader {
  border: 8px solid #f3f3f3;
  border-radius: 50%;
  border-top: 8px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

.preloader2 {z-index: 10000;}
.preloader2:not(.main) .loaderLogo {background: rgb(33,40,84) !important; border-radius: 50%;}
.preloader2:not(.main) .loaderLogo img {width: unset; margin-top: 30px;}

.highcharts-pie-series .highcharts-point {
  stroke-linejoin: round;
  stroke: #ffffff;
}

.SinavKarnesi {font-size: 85%;}
.SinavKarnesi .headerTop .kurumadi {color: red; font-weight: 600;}
.SinavKarnesi .headerTop .MikderMetin {color: #5a79a5; font-weight: 600}
.SinavKarnesi .pageTitle {border: 1px solid #5a79a5; color: #000080; background: #eeeeee; font-size: 130%; font-weight: 600; padding: 3px;}
.SinavKarnesi .pageTitleBottom {color: #000080; padding: 3px 0; font-weight: 600}
.SinavKarnesi .StudentTitle {border: 1px solid #5a79a5; padding: 3px 5px; font-weight: 600; color: #333}
.SinavKarnesi .StudentTitle b {color: #5a79a5;}
.SinavKarnesi .SinavTable .col {flex-basis: unset;}
.SinavKarnesi .sinavNetTable, .ozetAlani .katildigiSinav {width: 100%;border-collapse: collapse !important;}
.ozetAlani .kazanimlar {width: 100%; border-collapse: unset !important}
.SinavKarnesi .sinavNetTable.bordered, .SinavKarnesi .sinavNetTable.bordered td, .SinavKarnesi .sinavNetTable.bordered th, .SinavKarnesi .sinavNetTable.bordered thead th {vertical-align: middle; border: 1px solid #5a79a5; color: #5a79a5; padding: 3px;}
.SinavKarnesi .sinavNetTable.bordered:not(.noEllipsis), .SinavKarnesi .sinavNetTable.bordered:not(.noEllipsis) td, .SinavKarnesi .sinavNetTable.bordered:not(.noEllipsis) th, .SinavKarnesi .sinavNetTable.bordered:not(.noEllipsis) thead th {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.SinavKarnesi .sinavNetTable.bg-eee, .SinavKarnesi .sinavNetTable.bg-eee td, .SinavKarnesi .sinavNetTable.bg-eee th, .SinavKarnesi .sinavNetTable.bg-eee thead th {background-color: #eee !important;}
.SinavKarnesi .sinavNetTable span.harf {display: inline-block; width: 7px;}
.SinavKarnesi .SinavTableYan {margin: 0 3px; border: 1px solid #5a79a5; color: #333; position: relative; font-size: 90%; padding: 7px 0 2px 0; min-width: 70px; width: 100%}
.SinavKarnesi .SinavTableYan .baslik {position: absolute; margin-top: -15px; background-color: #5a79a5; width: calc(100% - 6px); right: 3px; left: 3px; color: #fff; font-weight: 600;}
.SinavKarnesi .SinavTableYan p {margin-bottom: 0}

.SinavKarnesi .SinavTabloAlti .SinavTableYan .baslik {font-size: 85%}
.SinavKarnesi .SinavTabloAlti .sinavNetTable.bordered, .SinavKarnesi .SinavTabloAlti .sinavNetTable.bordered td, .SinavKarnesi .SinavTabloAlti .sinavNetTable.bordered th, .SinavKarnesi .SinavTabloAlti .sinavNetTable.bordered thead th {padding: 1px}
.ozetAlani {border: 1px solid #5a79a5;}
.ozetAlani .baslik {color: #5a79a5; }
.ozetAlani .katildigiSinav tr th, .ozetAlani .kazanimlar tr th {border-bottom: 1px solid #5a79a5; color: #5a79a5;}
.ozetAlani .katildigiSinav tr th, .ozetAlani .katildigiSinav tr td {text-align: center; font-size: 72%}
.ozetAlani .kazanimlar tr th, .ozetAlani .kazanimlar tr td {font-size: 71%}
.karneUstButton {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
.karneUstButton .alert {margin: 0}
@media (max-width: 480px){  
  .karneUstButton .karneYazdir, .karneLink a {width: 100%}
}

@media print {

   * {
      -webkit-print-color-adjust: exact;
      print-color-adjust: exact;
   }
  body {background-color: #fff !important}
  @page { margin: 1cm }  
  .col-md-2 {flex: 0 0 16.66667%; max-width: 16.66667%;}
  .col-md-5 {flex: 0 0 41.66667%; max-width: 41.66667%;}
  .col-md-3 {flex: 0 0 25%; max-width: 25%;}
  .col-md-6 {flex: 0 0 50%; max-width: 50%;}
}

@media (min-width: 576px){
  #LicenceModal .modal-dialog {
    max-width: 1000px;
    width: 100%;    
  }

  #LicenceModal .modal-dialog.dikey {
        max-width: 675px;
    }

}
.p-0 {padding: 0}
#LicenceModal .modal-dialog {margin:0 auto;}
#LicenceModal .modal-content {border:0;}
#LicenceModal {margin-bottom:-5px;}
#LicenceModal .modal-dialog.yatay {margin: 0 auto; width: 65%}
#LicenceModal .modal-dialog.dikey {margin:0 auto; height: 100%; width: 100%;}

.card {background-color: transparent; box-shadow: none}
.card .card-body {background: #fff}
.card .card-footer {border:1px solid rgba(0,0,0,.125); border-top: 0; border-radius: 0; background: #ededed;}

.edu-btn {
  border-radius: 12px;
  border-color: var(--renk-kodu2);
  color: var(--renk-kodu2);
  transition: all 0.2s ease-in-out;
}

/* Hover durumunda arka plan ve yazı rengi değişir */
.edu-btn:hover {
  background-color: var(--renk-kodu2);
  color: white;
}

.profile-thumb {
  border-radius: 50% !important;
  border: 2px solid white; /* opsiyonel çerçeve */
  object-fit: cover;
  height: 30px;
  width: 30px;
  transition: box-shadow 0.3s ease;
}

.profile-thumb:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.btn-gradient {
    border-radius: 12px;
    border: 1px solid #aaa;
    background: linear-gradient(to bottom, #ffffff, var(--renk-kodu2));
    color: black; /* Normalde siyah yazı */
    font-weight: 500;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

.btn-gradient:hover {
    color: white; /* Üzerine gelince beyaz yazı */
    filter: brightness(1.05);
}

.btn-gradient:active {
    transform: translateY(1px);
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

.btn-flat {
  border-radius: 12px;
  border: 1px solid #aaa;
  background: var(--renk-kodu2); /* tek renk */
  color: black; /* Normalde siyah yazı */
  font-weight: 500;
  transition: all 0.3s ease;
}

.btn-flat:hover {
  color: white; /* Üzerine gelince beyaz yazı */
  filter: brightness(1.05);
}

.btn-flat:active {
  transform: none; /* basınca kayma yok */
  box-shadow: none; /* gölge yok */
}

.p-05 { padding: 0.100rem !important; }   /* yaklaşık p-0.5 */


  .sendLoader42 {
  display: none;              /* başta gizli */
  position: fixed;            /* ekran ortasında sabit */
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  border: 2px solid #ccc;
  padding: 20px;
  width: 400px;
  text-align: center;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
  z-index: 9999;
  }
  .sendLoader42.active {
    display: block;         /* active eklenince görünür */
  }