﻿#body-container .body-container {
  padding-top: 0;
}

.portal-navbar {
  background-color: transparent !important;
  border: none !important;
}

#sidebar-trigger,
#sidebar-trigger > * {
  color: #fff !important;
  border-bottom-color: #fff !important;
}

  #sidebar-trigger > .menu-ball {
    background-color: #fff !important;
  }

.portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
.menu-text,
body.theme1 .navbar-default .navbar-nav > li > a,
body.theme2 .navbar-default .navbar-nav > li > a,
body.theme3 .navbar-default .navbar-nav > li > a,
body.theme4 .navbar-default .navbar-nav > li > a,
body.theme6 .navbar-default .navbar-nav > li > a,
body.theme7 .navbar-default .navbar-nav > li > a,
body.theme8 .navbar-default .navbar-nav > li > a {
  color: #fff !important;
}

[ng-cloak],
div[ng-cloak] {
  display: none !important;
}

html, body, #body-container {
  height: 100%;
}

.panel-inline-title {
  position: absolute;
  margin-top: -14px;
  margin-left: 10px;
  background-color: white;
  border-width: 5px;
  border: solid;
  border-color: white;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}

.has-ikcu-text {
  font-weight: 600;
  color: #fff;
  font-size: 2em;
  font-family: 'Open Sans';
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  position: absolute;
  margin-left: -25px;
  bottom: 40px;
}

.has-bold-text {
  font-weight: 600;
  color: #fff;
  font-size: 6em;
  font-family: 'Open Sans';
  margin-bottom: 30px;
  margin-left: 25px;
}

.has-light-text {
  color: #fff;
  font-size: 2.5em;
  font-family: 'Open Sans';
  margin-left: 8px;
}

.has-vertical-line {
  margin-left: 6px;
  height: 59px;
  width: 1px;
  background-color: #fff;
  display: inline-block;
}

.main-items {
  padding: 0;
  text-align: center;
}

.item-btn {
  border-radius: 1px;
  margin: 0 5px;
  box-shadow: 10px 10px 30px rgba(90, 88, 88, 0.40);
  font-size: 14px;
  font-weight: bold;
  color: #500000;
  text-shadow: 0 0 1px rgba(90, 85, 85, 0.57);
  font-family: 'Open Sans';
  /*min-width: 175px;*/
  /*padding: 10px 4px;*/
  position: relative;
  display: inline-block;
}

  .item-btn.only-one {
    width: calc(100% - 25px) !important;
  }

  .item-btn.selected {
    background-color: #a94871;
    color: #fff;
  }

.sub-items-container {
  margin: 0 25px;
  text-align: center;
}

.sub-items .item-btn {
  display: inline-block;
  width: 100%;
  margin: 4px 0;
  box-shadow: none;
  background-color: rgba(204, 124, 147, 0.49);
  color: #fff;
  padding: 6px 0;
  font-size: 16px;
}

.item-btn.item-btn-type-3001 .item-icon {
  font-size: 32px;
  position: absolute;
  -moz-transform: rotate(-23deg);
  -ms-transform: rotate(-23deg);
  -o-transform: rotate(-23deg);
  -webkit-transform: rotate(-23deg);
  transform: rotate(-23deg);
  /* margin-top: 0px; */
  margin-left: -20px;
  /* left: 0px; */
  top: 1px;
  font-weight: normal;
  text-shadow: none;
  color: #b55f5f;
}

.item-btn.item-btn-type-3001.selected .item-icon {
  color: #fff !important;
}

.main-items.smaller-items a.item-btn.item-btn-type-3001 {
  padding-left: 30px;
}

.sub-item-frame-container {
  margin: 0 25px;
  text-align: center;
  min-height: 520px;
  background-color: #fff;
  position: relative;
}

  .sub-item-frame-container.for-servis-talep,
  .sub-item-frame-container.for-sss,
  .sub-item-frame-container.for-bize-ulasin {
    height: calc(100% - 210px);
    width: 1120px;
    position: fixed;
  }

  .sub-item-frame-container.for-sss {
    background: none transparent;
    width: 100%;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 1055;
  }

  .sub-item-frame-container iframe {
    display: block;
    margin: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 38px);
    overflow-x: hidden;
    top: 38px;
    border: none;
  }

  .sub-item-frame-container.for-sss iframe,
  .sub-item-frame-container.for-bize-ulasin iframe {
    height: 100%;
    top: 0;
  }

  .sub-item-frame-container.for-sss iframe {
    background: none transparent;
  }

  .sub-item-frame-container .sub-item-frame-title {
    height: 38px;
    background-color: #fff;
    font-size: 20px;
    padding: 4px 0;
    font-weight: bold;
    color: #444;
    text-shadow: 0 0 2px #ddd;
  }

    .sub-item-frame-container .sub-item-frame-title .btn-back {
      display: inline-block;
      position: absolute;
      left: 10px;
      font-size: 16px;
      top: 8px;
      cursor: pointer;
      opacity: 0.5;
    }

      .sub-item-frame-container .sub-item-frame-title .btn-back:hover {
        opacity: 1;
      }

  .sub-item-frame-container.for-bize-ulasin {
    overflow-y: auto;
  }

table.table-personel-list {
  width: 100%;
}

  table.table-personel-list th,
  table.table-personel-list td {
    vertical-align: middle !important;
  }

  table.table-personel-list th {
    font-size: 18px;
    color: #666;
  }

  table.table-personel-list td {
    font-weight: bold;
    font-size: 15px;
    height: 48px;
  }

  table.table-personel-list th.img {
    width: 56px;
  }

  table.table-personel-list th.dahili {
    width: 140px;
  }

  table.table-personel-list th.mesaj {
    width: 140px;
  }

  table.table-personel-list a.pers-mesaj {
    font-size: 28px;
    margin: 0;
    padding: 0;
    cursor: pointer;
  }

  table.table-personel-list td img.img {
    max-width: 42px;
    max-height: 42px;
  }

  table.table-personel-list tbody td:nth-child(2),
  table.table-personel-list tbody td:nth-child(3) {
    color: #585858;
  }

  table.table-personel-list tbody td:nth-child(3) {
    font-weight: normal;
  }

body.theme2 .item-btn {
  color: #000060;
}

  body.theme2 .item-btn.selected {
    background-color: #5b97e0;
    color: #fff;
  }

body.theme2 .sub-items .item-btn {
  color: #fff;
  background-color: rgba(112, 136, 197, 0.39);
}

body.theme2 .item-btn.item-btn-type-3001 .item-icon {
  color: #358aba;
}

body.theme3 .item-btn.item-btn-type-3001 .item-icon,
body.theme3 table.table-personel-list thead th {
  color: #8d3d5c;
}

body.theme3 .item-btn.selected, body.theme3 .item-btn:hover {
  background-color: #a94871;
  color: #fff;
}

  body.theme3 .item-btn:hover .item-icon {
    color: #fff;
  }

body.theme4 .item-btn {
  color: #5ca298;
}

  body.theme4 .item-btn.selected {
    background-color: #5ca298;
    color: #fff;
  }

body.theme4 .sub-items .item-btn {
  color: #fff;
  background-color: rgba(85, 151, 156, 0.39);
}

body.theme4 .item-btn.item-btn-type-3001 .item-icon {
  color: #5ca298;
}

body.theme5 .item-btn {
  color: #54a4e9;
}

  body.theme5 .item-btn.selected {
    background-color: #54a4e9;
    color: #fff;
  }

body.theme5 .sub-items .item-btn {
  color: #fff;
  background-color: rgba(112, 145, 202, 0.39);
}

body.theme5 .item-btn.item-btn-type-3001 .item-icon {
  color: #54a4e9;
}

body.theme6 .item-btn {
  color: #673810;
}

  body.theme6 .item-btn.selected {
    background-color: #673810;
    color: #fff;
  }

body.theme6 .sub-items .item-btn {
  color: #fff;
  background-color: rgba(202, 140, 112, 0.39);
}

body.theme6 .item-btn.item-btn-type-3001 .item-icon {
  color: #673810;
}

body.theme8 .item-btn {
    color: #1d1d24;
}

    body.theme8 .item-btn.selected {
        background-color: #1d1d24;
        color: #fff;
    }

body.theme8 .sub-items .item-btn {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.16);
}

body.theme8 .item-btn.item-btn-type-3001 .item-icon {
    color: #1d1d24;
}

.faq-module-bg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.56);
  display: none;
  z-index: 1050;
}

.portal-navbar {
  z-index: 1060;
}