@charset "UTF-8";
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
p,
input,
textarea,
select,
button {
  font-family: "Ubuntu", "Segoe UI", Frutiger, Tahoma, Helvetica, "Helvetica Neue", Arial, sans-serif;
}
.ic-logo {
  display: inline-block;
  background: transparent url(../images/intercity-logo@2x.png) center center no-repeat;
  background-size: cover;
  height: 30px;
  margin: 10px 20px 5px;
  width: 120px;
}
.ipopikinciel-logo{
  background: transparent url(../images/ipopikinciel-logo.png) center center no-repeat;
  background-size: cover;
}
.intercity2-logo{
  background: transparent url(../images/intercity2-logo.png) center center no-repeat;
  background-size: cover;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .ic-logo {
    background-image: url(../images/intercity-logo-small@2x.png);
  }
  .ipopikinciel-logo{
    background: transparent url(../images/ipopikinciel-logo-small.png) center center no-repeat;
    background-size: cover;
  }
  .intercity2-logo{
    background: transparent url(../images/intercity2-logo-small.png) center center no-repeat;
    background-size: cover;
  }
}
.without-margin-top {
  margin-top: 0;
}
body {
  padding-top: 60px;
}
#ic-navbar-collapse .nav a {
  word-wrap: break-word;
  white-space: normal;
}
#ic-container-menu {
  margin-bottom: 20px;
}
.panel-search .panel-body {
  padding-top: 5px;
  padding-bottom: 5px;
}
.panel-search .col-xs-1,
.panel-search .col-sm-1,
.panel-search .col-md-1,
.panel-search .col-lg-1,
.panel-search .col-xs-2,
.panel-search .col-sm-2,
.panel-search .col-md-2,
.panel-search .col-lg-2,
.panel-search .col-xs-3,
.panel-search .col-sm-3,
.panel-search .col-md-3,
.panel-search .col-lg-3,
.panel-search .col-xs-4,
.panel-search .col-sm-4,
.panel-search .col-md-4,
.panel-search .col-lg-4,
.panel-search .col-xs-5,
.panel-search .col-sm-5,
.panel-search .col-md-5,
.panel-search .col-lg-5,
.panel-search .col-xs-6,
.panel-search .col-sm-6,
.panel-search .col-md-6,
.panel-search .col-lg-6,
.panel-search .col-xs-7,
.panel-search .col-sm-7,
.panel-search .col-md-7,
.panel-search .col-lg-7,
.panel-search .col-xs-8,
.panel-search .col-sm-8,
.panel-search .col-md-8,
.panel-search .col-lg-8,
.panel-search .col-xs-9,
.panel-search .col-sm-9,
.panel-search .col-md-9,
.panel-search .col-lg-9,
.panel-search .col-xs-10,
.panel-search .col-sm-10,
.panel-search .col-md-10,
.panel-search .col-lg-10,
.panel-search .col-xs-11,
.panel-search .col-sm-11,
.panel-search .col-md-11,
.panel-search .col-lg-11,
.panel-search .col-xs-12,
.panel-search .col-sm-12,
.panel-search .col-md-12,
.panel-search .col-lg-12 {
  padding-left: 5px;
  padding-right: 5px;
}
.panel-search .btn-sm {
  margin-top: 2px;
}
/* Margin */
.mg-0{
  margin: 0px;
}
.mg-5{
  margin: 5px;
}
.mg-10{
  margin: 10px;
}
.mg-15{
  margin: 15px;
}
.mg-20{
  margin: 20px;
}
/* Margin Bottom */
.mg-b-0{
  margin-bottom: 0px;
}
.mg-b-5{
  margin-bottom: 5px;
}
.mg-b-10{
  margin-bottom: 10px;
}
.mg-b-15{
  margin-bottom: 15px;
}
.mg-b-20{
  margin-bottom: 20px;
}
/* Margin Top */
.mg-t-0{
  margin-top: 0px;
}
.mg-t-5{
  margin-top: 5px;
}
.mg-t-10{
  margin-top: 10px;
}
.mg-t-15{
  margin-top: 15px;
}
.mg-t-20{
  margin-top: 20px;
}
/* Margin Left */
.mg-l-0{
  margin-left: 0px;
}
.mg-l-5{
  margin-left: 5px;
}
.mg-l-10{
  margin-left: 10px;
}
.mg-l-15{
  margin-left: 15px;
}
.mg-l-20{
  margin-left: 20px;
}
/* Margin Right */
.mg-r-0{
  margin-right: 0px;
}
.mg-r-5{
  margin-right: 5px;
}
.mg-r-10{
  margin-right: 10px;
}
.mg-r-15{
  margin-right: 15px;
}
.mg-r-20{
  margin-right: 20px;
}
/* Padding */
.pd-0{
  padding: 0px;
}
.pd-5{
  padding: 5px;
}
.pd-10{
  padding: 10px;
}
.pd-15{
  padding: 15px;
}
.pd-20{
  padding: 20px;
}
/* Padding Bottom */
.pd-b-0{
  padding-bottom: 0px;
}
.pd-b-5{
  padding-bottom: 5px;
}
.pd-b-10{
  padding-bottom: 10px;
}
.pd-b-15{
  padding-bottom: 15px;
}
.pd-b-20{
  padding-bottom: 20px;
}
/* Padding Top */
.pd-t-0{
  padding-top: 0px;
}
.pd-t-5{
  padding-top: 5px;
}
.pd-t-10{
  padding-top: 10px;
}
.pd-t-15{
  padding-top: 15px;
}
.pd-t-20{
  padding-top: 20px;
}
/* Padding Left */
.pd-l-0{
  padding-left: 0px;
}
.pd-l-5{
  padding-left: 5px;
}
.pd-l-10{
  padding-left: 10px;
}
.pd-l-15{
  padding-left: 15px;
}
.pd-l-20{
  padding-left: 20px;
}
/* Padding Right */
.pd-r-0{
  padding-right: 0px;
}
.pd-r-5{
  padding-right: 5px;
}
.pd-r-10{
  padding-right: 10px;
}
.pd-r-15{
  padding-right: 15px;
}
.pd-r-20{
  padding-right: 20px;
}
/* Display */
.d-flex{
  display: flex;
}
.d-block{
  display: block;
}
.d-none{
  display: none;
}
/* Loader */
.overlay-loader {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999999999999999999999999999;
  background-color: rgba(0, 0, 0, .3);
  left: 0;
  top: 0;
  color: #fff;
}
.overlay-loader::before {
  content: '\f110';
  font-family: 'FontAwesome';
  position: absolute;
  left: calc(50% - 25px);
  top: calc(50% - 25px);
  font-size:50px;
  animation: spin 1s steps(8, end) infinite;
}
@keyframes spin {
    to {
        transform:rotate(360deg);
    }
}

/* Radio Button */
.radio-btn-group .radio-btn input{
  display: none;
}
.radio-btn-group .radio-btn{
  width:100%;
}
.radio-btn-group .radio-btn::before {
  font-family: fontawesome;
  content: "\f10c";
  float: left;
}
.radio-btn-group .radio-btn.checked {
  background-color: #5bc0de;
  border-color:#46b8da;
  color: #fff;
}
.radio-btn-group .radio-btn.checked::before {
  content: "\f192";
}
.radio-btn-group .radio-btn+.radio-btn{
  margin-left:10px;
}
.radio-btn-group{
  width:100%;
  display:flex;
}
@media only screen and (max-width: 767px){
  .radio-btn-group{
      flex-wrap: wrap;
  }
  .radio-btn-group .radio-btn+.radio-btn{
      margin:10px 0 0 0;
  }
}

.cache-clear{
  position: fixed;
  left: 20px;
  bottom: 50px;
  z-index: 99999;
}

.cache-keys{
  display: none;
  position: absolute;
  bottom: 100%;
  width: fit-content;
  min-width: 100%;
}

.cache-keys li {
  margin-bottom: 5px;
}

.cache-clear:hover .cache-keys{
  display: block;
}

[data-tooltip] {
  position: relative;
}

[data-tooltip]:hover::before {
  content: attr(data-tooltip);
  position: absolute;
  top: -33px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  padding: 5px 8px;
  border-radius: 5px;
  background: rgba(0, 0, 0, .7);
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
}

[data-tooltip]:hover::after {
  content: '';
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  border: 4px solid transparent;	
  border-top: 4px solid rgba(0, 0, 0, .7);
}

[data-tooltip-position="right"]:hover::before{
  left: calc(100% + 6px);
  right: auto;
  top: 50%;
  transform: translateY(-50%);
}

[data-tooltip-position="right"]:hover::after{
  right: -6px;
  top: 50%;
  transform: translateY(-50%);
  border: 4px solid transparent;	
  border-right: 4px solid rgba(0, 0, 0, .7);
}

[data-tooltip-position="left"]:hover::before{
  right: calc(100% + 6px);
  left: auto;
  top: 50%;
  transform: translateY(-50%);
}

[data-tooltip-position="left"]:hover::after{
  left: -6px;
  top: 50%;
  transform: translateY(-50%);
  border: 4px solid transparent;	
  border-left: 4px solid rgba(0, 0, 0, .7);
}

@keyframes blinker {
  50% {
      opacity: 0.4;
  }
}

.blink{
  animation: blinker 1s linear infinite;
}

.add-thumbnail {
  width: 100%;
  border: 3px dashed #aaa;
  display: block;
  aspect-ratio: 1 / 1.5;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  transition: border-color 0.2s;
}

.add-thumbnail:before {
  content: "+";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #aaa;
  transition: color 0.2s;
}

.add-thumbnail:hover {
  border-color: #71bf44;
}

.add-thumbnail:hover:before {
  color: #71bf44;
}

.image-container {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  width: 100%;
}

.image-container a {
  display: flex;
  height: 100%;
  width: 100%;
}

.image-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.zoom-image{
  cursor: pointer;
}

.zoom-modal{
  width: 100vw;
  height: 100vh;
  padding: 3vw;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
}

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

.zoom-modal:before {
  content: "";
  width: 100vw;
  height: 100vh;
  position: fixed;
  background-color: #0008;
  z-index: -1;
  cursor: zoom-out;
}

.zoom-modal:after {
  content: "\f00d";
  font-family: 'FontAwesome';
  color: #fff;
  position: fixed;
  top: 10px;
  right: 10px;
  font-size: 20px;
}

@media only screen and (max-width: 767px){
  .add-thumbnail {
    aspect-ratio: 1.5 / 1;
  }
}

.btn-primary-o, .btn-success-o, .btn-info-o, .btn-warning-o, .btn-danger-o{
  background-color: #fff;
}

.btn-primary-o {
  color: #2e6da4;
  border-color: #2e6da4;
}
.btn-primary-o:hover {
  color: #122b40;
  border-color: #122b40;
  background-color: #f0f9ff;
}
.btn-success-o {
  color: #4cae4c;
  border-color: #4cae4c;
}
.btn-success-o:hover {
  color: #255625;
  border-color: #255625;
  background-color: #f8fff8;
}
.btn-info-o {
  color: #46b8da;
  border-color: #46b8da;
}
.btn-info-o:hover {
  color: #1b6d85;
  border-color: #1b6d85;
  background-color: #f6fdff;
}
.btn-warning-o {
  color: #eea236;
  border-color: #eea236;
}
.btn-warning-o:hover {
  color: #985f0d;
  border-color: #985f0d;
  background-color: #fffbf5;
}
.btn-danger-o {
  color: #d43f3a;
  border-color: #d43f3a;
}
.btn-danger-o:hover {
  color: #761c19;
  border-color: #761c19;
  background-color: #fff7f6;
}
/* Radio Button */ 
.radio-toggle {
  position: relative;
  height: 30px;
  font-family: sans-serif;
  display: inline-block;
}

.radio-toggle input {
  display: none;
}

.radio-slider {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  border-radius: 25px;
  overflow: hidden;
  height: 100%;
  cursor: pointer;
  flex-direction: row;
  border: 1px solid #ddd;
  flex-wrap: nowrap;
  padding: 3px;
}

.radio-toggle .radio-slider label{
  padding: 0 10px;
  cursor: pointer;
}

.radio-slider label {
  width: 100%;
  margin: 0;
  text-align: center;
  z-index: 2;
  user-select: none;
  font-weight: normal;
  transition: color 0.3s;
  color: #444;
}

.ball {
  position: absolute;
  top: 3px;
  left: 3px;
  width: calc(50% - 3px);
  height: 23px;
  background-color: #31708f;
  border-radius: 25px;
  transition: left 0.3s;
  z-index: 1;
}

/* Eğer HAYIR seçiliyse top sağa kayar */
#option-hayir:checked ~ .radio-slider .ball {
  left: 50%;
}

/* Aktif olanın rengi değişsin */
#option-evet:checked ~ .radio-slider label[for="option-evet"],
#option-hayir:checked ~ .radio-slider label[for="option-hayir"] {
  color: white;
}

/* FastMenu - Hızlı Erişim Kutusu */

.fix-bottom-buttons{
  position:fixed;
  bottom:10px;
  right:10px;
  z-index:99999;
}
.fix-bottom-buttons.hidden-print>.btn {
    border-radius: 50%;
    height: 40px;
    width: 40px;
    text-align: center;
}
.fast-menu{
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.5s;
  visibility:hidden;
  opacity:0;
  z-index: 9998;
}
.fast-menu.active{
  visibility:visible;
  opacity:1;
}
.fast-menu .fast-menu-overlay{
  display: none;
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.3);
  transition: all 0.5s;
  z-index:9997;
}
.fast-menu-list{
  position:fixed;
  bottom:-100%;
  width:350px;
  right: 0;
  padding: 10px;
  transition: all 0.5s;
  z-index:9999;
}
.fast-menu.active .fast-menu-list{
  bottom:30px;
}
#fastMenuList .list-group-item{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#fastMenuList .list-group-item.current{
  background: #eff5ff;
}

.fast-menu-add {
    position: absolute;
    z-index: -1;
    transform: rotate(180deg);
    right: 0;
    transition: all 0.5s;
    visibility: hidden;
}
.fix-bottom-buttons.active .fast-menu-add {
    right: calc(100% + 5px);
    transform: rotate(0deg);
    visibility: visible;
}

.fast-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 12px;
  padding: 0 5px;
}

@media only screen and (max-width: 767px){
  .fast-menu{
    width: 100%;
    height: 100%;
  }
  .fast-menu-list{
    width:100%;
    right: 0;
    left: 0;
  }
  .fast-menu .fast-menu-overlay{
    display: block;
  }
  .fast-menu-header {
    color: #ffffff;
  }
}

/* Notification */

.user-notification{
  margin: 0;
  padding: 0;
  max-width: 100%;
  position: relative;
  float: left;
}

.ntf-button{
  float: left;
  margin: 8px;
}

.ntf-button i{
  color:#000;
  font-size: 18px;
  font-weight: bold;
}

.ntf-title {
  width: 100%;
  display: block;
  font-weight: bold;
}

.ntf-message {
  width: 100%;
  display: block;
  font-size: 85%;
  margin-top: 5px;
  white-space: normal;
}

.ntf-date {
  color: #999;
  width: 100%;
  display: block;
  font-size: 70%;
  margin-top: 5px;
}

.ntf-item[data-status=NEW]:before {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    width: 7px;
    height: 7px;
    background: #dc3545;
    border-radius: 50%;
}

#user-notification-count{
  position: absolute;
  right: -5px;
  top: -5px;
  background: #dc3545;
  border-radius: 50%;
  color: #fff;
  min-width: 14px;
  height: 14px;
  padding: 0 2px;
  font-size: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ntf-item{
  position: relative;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #f3f3f3;
}

.ntf-item:hover{
  background-color: #f2f2f2;
  border: 1px solid #eee;
}

#user-notification-list.dropdown-menu>li>a:focus, #user-notification-list.dropdown-menu>li>a:hover{
  background: transparent;
  color: inherit;
}

.dropdown-menu>li.ntf-item >a{
  padding: 0;
}

#user-notification-list{
  padding: 15px;
  overflow-y: auto;
  width: 400px;
  max-height: 80vh;
}

.ntf-success{
  background-color: #edf1eb;
}

.ntf-warning{
  background-color: #f1f0eb;
}

.ntf-danger{
  background-color: #f1ebeb;
}

.ntf-primary{
  background-color: #e9edf1;
}

.ntf-info{
  background-color: #ebeff1;
}

.ntf-default{
  background-color: #f5f5f5;
}

.ntf-bottom{
  display: flex;
  gap:10px;
}

@media only screen and (max-width: 767px){
  .ntf-button{
    position: absolute;
    top: 0;
    right: 60px;
  }
  #user-notification-list{
    max-width: 100%;
    max-height: calc(100vh - 50px);
  }
  .user-notification{
    position: inherit;
  }
}

.bell-shake {
  animation: ring 5s infinite;
}

@keyframes ring {
  0%, 90%, 100% { transform: rotate(0); }
  92% { transform: rotate(15deg); }
  94% { transform: rotate(-15deg); }
  96% { transform: rotate(10deg); }
  98% { transform: rotate(-10deg); }
}