﻿/* Sass My Functions - Selcan */
@keyframes uyariBorder {
  0% {
    background-color: #f00; }
  100% {
    background-color: #fff; } }

/* Renkler */
/* --------------------------------------------------------- */
/*
    NoticeIcon icon font: NoticeIcon
    Creation date: 28/01/2019 11:21
    */
@font-face {
  font-family: "NoticeIcon";
  src: url("NoticeIcon.eot");
  src: url("NoticeIcon.eot?#iefix") format("embedded-opentype"), url("NoticeIcon.woff") format("woff"), url("NoticeIcon.ttf") format("truetype"), url("NoticeIcon.svg#NoticeIcon") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "NoticeIcon";
    src: url("NoticeIcon.svg#NoticeIcon") format("svg"); } }

.fi:before {
  display: inline-block;
  font-family: "NoticeIcon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.NoticeIcon-writing:before {
  content: "\f100"; }

.NoticeIcon-text-document:before {
  content: "\f101"; }

.NoticeIcon-document:before {
  content: "\f102"; }

.NoticeIcon-folder:before {
  content: "\f103"; }

.NoticeIcon-contact:before {
  content: "\f104"; }

.NoticeIcon-email:before {
  content: "\f105"; }

.NoticeIcon-close-envelope:before {
  content: "\f106"; }

.NoticeIcon-chat-comment-oval-speech-bubble-with-text-lines:before {
  content: "\f107"; }

.NoticeIcon-bell:before {
  content: "\f108"; }

.NoticeIcon-notifications-bell-button:before {
  content: "\f109"; }

.NoticeIcon-notification:before {
  content: "\f10a"; }

.NoticeIcon-alarm:before {
  content: "\f10b"; }

.NoticeIcon-calendar:before {
  content: "\f10c"; }

.NoticeIcon-calendar-with-a-clock-time-tools:before {
  content: "\f10d"; }

.NoticeIcon-calendar-1:before {
  content: "\f10e"; }

.NoticeIcon-gear:before {
  content: "\f10f"; }

.NoticeIcon-work:before {
  content: "\f110"; }

.NoticeIcon-repair:before {
  content: "\f111"; }

.NoticeIcon-heartbeat:before {
  content: "\f112"; }

.NoticeIcon-heart:before {
  content: "\f113"; }

.NoticeIcon-hospital:before {
  content: "\f114"; }

.NoticeIcon-hostpital-building:before {
  content: "\f115"; }

.NoticeIcon-hospital-1:before {
  content: "\f116"; }

.NoticeIcon-hospital-2:before {
  content: "\f117"; }

@-webkit-keyframes moveclouds {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }

@-moz-keyframes moveclouds {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }

@-o-keyframes moveclouds {
  0% {
    margin-left: 1000px; }
  100% {
    margin-left: -1000px; } }

@keyframes ring {
  0%, 100% {
    transform: rotate(0deg); }
  5% {
    transform: rotate(-30deg); }
  10% {
    transform: rotate(25deg); }
  15% {
    transform: rotate(-25deg); }
  20% {
    transform: rotate(20deg); }
  25% {
    transform: rotate(-20deg); }
  30% {
    transform: rotate(15deg); }
  35% {
    transform: rotate(-15deg); }
  40% {
    transform: rotate(15deg); }
  45% {
    transform: rotate(0deg); } }

@keyframes back {
  0% {
    height: 0px;
    width: 0px; }
  50% {
    height: 30px;
    width: 30px;
    opacity: 0.4; }
  70% {
    height: 60px;
    width: 60px;
    opacity: 0.1; }
  100% {
    height: 65px;
    width: 65px;
    opacity: 0; } }

@keyframes ring {
  0% { }
  50% {
    height: 115px;
    width: 115px; } }

@keyframes call {
  0% { }
  2.5% {
    transform: translate(-30%, -50%); }
  5% {
    transform: translate(-70%, -50%); }
  7.5% {
    transform: translate(-30%, -50%); }
  10% {
    transform: translate(-70%, -50%); }
  15% {
    transform: translate(-20%, -50%); }
  20% {
    transform: translate(-50%, -50%); }
  100% { } }

@keyframes breath {
  0% { }
  50% {
    width: 100px;
    height: 100px; }
  100% { } }

.content header {
  background: #fff;
  border-bottom: 1px solid #ddd;
  height: 45px; }
  .content header ul {
    margin: 0; }
  .content header .mainMenuLeft {
    width: 40%;
    float: left; }
    .content header .mainMenuLeft .logo {
      padding-left: 40px;
      cursor: pointer;
      width: 250px;
      height: 24px; }
      .content header .mainMenuLeft .logo .logoImg {
        display: inline-block;
        width: 180px;
        height: 33px;
        background: url(../../../../ThemeBase/Images/probel_logo.png);
        position: absolute;
        left: 55px;
        top: 6px; }
      .content header .mainMenuLeft .logo i {
        background: #e3000f;
        display: block;
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        position: absolute;
        top: 21px;
        left: 20px;
        width: 30px;
        height: 4px;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: translate3d(0, 0, 0); }
        .content header .mainMenuLeft .logo i:before, .content header .mainMenuLeft .logo i:after {
          width: 30px;
          height: 4px;
          -moz-transition: all 0.4s;
          -o-transition: all 0.4s;
          -webkit-transition: all 0.4s;
          transition: all 0.4s;
          -webkit-transform: translate3d(0, 0, 0);
          background: #e3000f;
          content: " ";
          margin-top: -.6em;
          position: absolute; }
        .content header .mainMenuLeft .logo i:before {
          height: 4px; }
        .content header .mainMenuLeft .logo i:after {
          margin-top: .6em; }
      .content header .mainMenuLeft .logo.true i {
        background: transparent; }
        .content header .mainMenuLeft .logo.true i:before {
          -moz-transform: rotate(45deg) translate(0.5em, 0.4em);
          -ms-transform: rotate(45deg) translate(0.5em, 0.4em);
          -o-transform: rotate(45deg) translate(0.5em, 0.4em);
          -webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
          transform: rotate(45deg) translate(0.5em, 0.4em); }
        .content header .mainMenuLeft .logo.true i:after {
          -moz-transform: rotate(-45deg) translate(0.45em, -0.35em);
          -ms-transform: rotate(-45deg) translate(0.45em, -0.35em);
          -o-transform: rotate(-45deg) translate(0.45em, -0.35em);
          -webkit-transform: rotate(-45deg) translate(0.45em, -0.35em);
          transform: rotate(-45deg) translate(0.45em, -0.35em); }
    .content header .mainMenuLeft .hbys {
      position: absolute;
      top: 8px;
      left: 245px;
      font-size: 13px !important;
      color: #352a1a;
      line-height: 15px; }
      .content header .mainMenuLeft .hbys i {
        display: block;
        font-weight: bold;
        font-size: 11px;
        color: #32b3e8; }
    .content header .mainMenuLeft .openMenu {
      min-width: 300px; }
      .content header .mainMenuLeft .openMenu a {
        font-size: 18px; }
  .content header .mainMenuRight {
    width: 60%;
    float: left;
    text-align: right; }
    .content header .mainMenuRight .mn {
      display: inline-block;
      position: relative;
      border-right: 1px solid #ddd; }
      .content header .mainMenuRight .mn:last-child {
        border: 0; }
      .content header .mainMenuRight .mn:hover a {
        color: #e3000f; }
        .content header .mainMenuRight .mn:hover a:before {
          color: #e3000f; }
      .content header .mainMenuRight .mn a {
        color: #878786;
        font-size: 15px !important;
        font-weight: bold;
        padding: 10px 25px;
        cursor: pointer; }
        .content header .mainMenuRight .mn a.slc {
          color: #e3000f; }
          .content header .mainMenuRight .mn a.slc:before {
            color: #e3000f; }
        .content header .mainMenuRight .mn a:before {
          display: inline-block;
          font-size: 24px;
          font-family: 'Flaticon' !important;
          color: #878786; }
        .content header .mainMenuRight .mn a.home:before {
          content: "\f109"; }
        .content header .mainMenuRight .mn a.solutions:before {
          content: "\f122"; }
        .content header .mainMenuRight .mn a.exit:before {
          content: "\f115"; }
        .content header .mainMenuRight .mn a.adm {
          padding: 10px 25px 10px 52px !important; }
        .content header .mainMenuRight .mn a .userImage {
          width: 35px;
          height: 35px;
          background: #eee;
          background-size: cover;
          position: relative;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          border-radius: 50%;
          -webkit-transition: cubic-bezier(0.34, 0.43, 0, 1.02) 0.2s;
          -moz-transition: cubic-bezier(0.34, 0.43, 0, 1.02) 0.2s;
          transition: cubic-bezier(0.34, 0.43, 0, 1.02) 0.2s;
          box-shadow: 0px 0px 0px 2pt transparent;
          cursor: pointer;
          position: absolute;
          top: 1px;
          left: 8px; }
    .content header .mainMenuRight .master {
      padding-right: 260px; }
  .content header #notificationBar {
    width: 260px;
    position: absolute;
    top: 0;
    right: 12px;
    text-align: left; }
    .content header #notificationBar .grup {
      width: 30px;
      height: 30px;
      display: inline-block;
      padding: 5px;
      margin: 8px 3px;
      background: #f1f1f1;
      border-radius: 4px;
      position: relative;
      cursor: pointer;
      float: left; }
      .content header #notificationBar .grup.animation:after {
        background-color: #fff;
        content: "";
        display: table;
        border-radius: 50%;
        position: absolute;
        animation: pulse 600ms ease-in-out infinite; }
      .content header #notificationBar .grup i.toplamCount {
        border-radius: 50%;
        background: #ed1c24;
        color: #fff;
        font-size: 9px;
        width: 15px;
        height: 15px;
        position: absolute;
        top: -7px;
        right: -1px;
        line-height: 16px;
        text-align: center;
        font-weight: bold; }
        .content header #notificationBar .grup i.toplamCount:empty {
          display: none; }
      .content header #notificationBar .grup:before {
        font-family: 'NoticeIcon';
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        color: #9a9a9a; }
      .content header #notificationBar .grup.BELGE_UYARI:before {
        content: "\f103"; }
      .content header #notificationBar .grup.CHAT_UYARI:before {
        font-family: 'menuIcon' !important;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        content: "\e900"; }
      .content header #notificationBar .grup.CHAT_UYARI.active {
        background: #24FF24; }
        .content header #notificationBar .grup.CHAT_UYARI.active:before {
          color: #fff;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          animation: call 2s infinite; }
        .content header #notificationBar .grup.CHAT_UYARI.active .back-circle {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          background-color: #24FF24;
          opacity: 0;
          border-radius: 4px;
          animation: back 2s infinite;
          animation-delay: 0.3s; }
      .content header #notificationBar .grup.KONSULTASYON_UYARI:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 18px;
        cursor: pointer;
        content: "\f116"; }
      .content header #notificationBar .grup.MESAJ_UYARI:before {
        content: "\f106"; }
      .content header #notificationBar .grup.ARIZA_UYARI:before {
        content: "\f10f"; }
      .content header #notificationBar .grup.AJANDA_UYARI:before {
        content: "\f10d"; }
      .content header #notificationBar .grup.HEYET_UYARI:before {
        content: "\f100"; }
      .content header #notificationBar .grup .buttonDetayGrup {
        display: none;
        width: 250px;
        max-height: 300px;
        position: absolute;
        top: 30px;
        right: 0;
        background: #fff;
        padding: 5px;
        border-radius: 0 0 2px 2px;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
        font-size: 12px;
        z-index: 99999;
        overflow-y: auto; }
        .content header #notificationBar .grup .buttonDetayGrup .buttonDetay {
          padding: 5px 25px;
          border-bottom: 1px solid #ddd;
          position: relative;
          background: #f7f7f7;
          width: 100%; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay:before {
            display: inline-block;
            content: "";
            width: 10px;
            height: 10px;
            position: absolute;
            top: 8px;
            left: 6px;
            border-radius: 50%; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk="RED"]:before {
            background: #ed1c24; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk="BLUE"]:before {
            background: #57bbda; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk="GREEN"]:before {
            background: #64da57; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk="YELLOW"]:before {
            background: #e6e357; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk="BLACK"]:before {
            background: #000; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk=""]:before {
            background: #ddd; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay[data-renk="undefined"]:before {
            background: #ddd; }
          .content header #notificationBar .grup .buttonDetayGrup .buttonDetay .buttonDetayCount {
            width: 15px;
            height: 15px;
            position: absolute;
            top: 6px;
            right: 6px;
            border-radius: 50%;
            background: #ed1c24;
            color: #fff;
            font-size: 9px;
            width: 15px;
            height: 15px;
            line-height: 16px;
            text-align: center;
            font-weight: bold; }
      .content header #notificationBar .grup:hover {
        background: #b3b3b3; }
        .content header #notificationBar .grup:hover:before {
          color: #000; }
        .content header #notificationBar .grup:hover .buttonDetayGrup {
          display: block !important; }
  .content header .reorder {
    cursor: pointer;
    width: 40px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 20px;
    display: none; }
    .content header .reorder i {
      background: #e3000f;
      display: block;
      position: relative;
      -webkit-transform: translate3d(0, 0, 0);
      position: absolute;
      top: 21px;
      left: 20px;
      width: 30px;
      width: 30px;
      height: 4px;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      -webkit-transform: translate3d(0, 0, 0); }
      .content header .reorder i:before, .content header .reorder i:after {
        width: 30px;
        height: 4px;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: translate3d(0, 0, 0);
        background: #e3000f;
        content: " ";
        margin-top: -.6em;
        position: absolute; }
      .content header .reorder i:before {
        height: 4px; }
      .content header .reorder i:after {
        margin-top: .6em; }
    .content header .reorder.open i {
      background: transparent; }
      .content header .reorder.open i:before {
        -moz-transform: rotate(45deg) translate(0.5em, 0.4em);
        -ms-transform: rotate(45deg) translate(0.5em, 0.4em);
        -o-transform: rotate(45deg) translate(0.5em, 0.4em);
        -webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
        transform: rotate(45deg) translate(0.5em, 0.4em); }
      .content header .reorder.open i:after {
        -moz-transform: rotate(-45deg) translate(0.45em, -0.35em);
        -ms-transform: rotate(-45deg) translate(0.45em, -0.35em);
        -o-transform: rotate(-45deg) translate(0.45em, -0.35em);
        -webkit-transform: rotate(-45deg) translate(0.45em, -0.35em);
        transform: rotate(-45deg) translate(0.45em, -0.35em); }
  .content header .open {
    cursor: pointer; }
  .content header .openMenu {
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1100;
    background: #fff;
    border: 1px solid #ddd;
    text-align: left;
    width: 205px;
    display: none;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
    .content header .openMenu a {
      padding: 10px 25px !important;
      position: relative;
      border-bottom: 1px solid #ddd;
      width: 100%;
      font-weight: normal !important;
      color: #878786 !important; }
      .content header .openMenu a:hover {
        color: #fff !important;
        background: #e9474c;
        border-bottom: 1px solid #e9474c; }
      .content header .openMenu a:before {
        content: "\f102";
        display: inline-block;
        font-size: 11px !important;
        font-family: 'Flaticon' !important;
        color: #878786 !important;
        position: absolute;
        top: 11px !important;
        left: 5px !important; }
      .content header .openMenu a:hover:before {
        color: #fff !important; }

.content section {
  background: #fff;
  font-size: 11px; }
  .content section ul {
    margin: 0; }
  .content section.bottomContent {
    width: 100%; }
    .content section.bottomContent #menu_durum {
      padding: 5px;
      position: absolute;
      top: 1px;
      left: 5px;
      cursor: pointer;
      border-right: 1px solid #ddd; }
      .content section.bottomContent #menu_durum.kapali:before {
        font-family: "fileIcon";
        font-size: 17px;
        display: inline-block;
        content: "\f101"; }
      .content section.bottomContent #menu_durum.acik:before {
        font-family: "fileIcon";
        font-size: 17px;
        display: inline-block;
        content: "\f100"; }
      .content section.bottomContent #menu_durum:hover {
        color: #e3000f; }
    .content section.bottomContent .bottomMenu {
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      height: 30px;
      margin-top: -1px;
      background: #ebecec;
      padding-left: 5px; }
      .content section.bottomContent .bottomMenu .smMenuButton {
        display: none; }
      .content section.bottomContent .bottomMenu ul li {
        float: left;
        position: relative; }
        .content section.bottomContent .bottomMenu ul li ul {
          position: absolute;
          top: 28px;
          left: 0;
          right: auto;
          display: none;
          background: #fff;
          z-index: 20;
          -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
          -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
          -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
          -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
          box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
          .content section.bottomContent .bottomMenu ul li ul li {
            position: relative; }
            .content section.bottomContent .bottomMenu ul li ul li ul {
              display: none;
              width: 215px;
              position: absolute;
              top: 0;
              right: -215px;
              left: auto;
              border-top: 1px solid #ddd;
              background: #fff;
              z-index: 1;
              -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
              -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
              box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
              .content section.bottomContent .bottomMenu ul li ul li ul a {
                width: 100%;
                border: 0 !important;
                border-bottom: 1px solid #ddd !important;
                font-weight: normal !important;
                padding: 5px 10px 5px 18px !important; }
                .content section.bottomContent .bottomMenu ul li ul li ul a:before {
                  content: "\f102";
                  font-size: 6px;
                  top: 5px; }
                .content section.bottomContent .bottomMenu ul li ul li ul a:after {
                  content: ""; }
          .content section.bottomContent .bottomMenu ul li ul a {
            position: relative;
            font-weight: normal !important;
            border: 0;
            border-bottom: 1px solid #ddd;
            border-left: 1px solid #ddd;
            width: 100%;
            padding: 5px 30px 5px 20px !important; }
            .content section.bottomContent .bottomMenu ul li ul a:before {
              content: "\f119";
              display: inline-block;
              font-size: 9px;
              font-family: 'Flaticon' !important;
              color: #878786;
              position: absolute;
              top: 7px;
              left: 5px;
              right: auto; }
            .content section.bottomContent .bottomMenu ul li ul a:hover:before, .content section.bottomContent .bottomMenu ul li ul a.true:before {
              color: #fff; }
            .content section.bottomContent .bottomMenu ul li ul a.open:after {
              content: "\f102";
              display: inline-block;
              font-size: 10px;
              font-family: 'Flaticon' !important;
              color: #878786;
              position: absolute;
              top: 5px;
              right: 5px;
              left: auto;
              color: #fff; }
        .content section.bottomContent .bottomMenu ul li ul li {
          min-width: 215px; }
          .content section.bottomContent .bottomMenu ul li ul li:hover ul {
            display: block !important; }
        .content section.bottomContent .bottomMenu ul li a {
          padding: 5px 14px;
          font-weight: bold;
          color: #454544;
          border-right: 1px solid #ddd;
          cursor: pointer; }
          .content section.bottomContent .bottomMenu ul li a:hover, .content section.bottomContent .bottomMenu ul li a.true, .content section.bottomContent .bottomMenu ul li a.slc {
            background: #e9474c;
            color: #fff; }
        .content section.bottomContent .bottomMenu ul li:hover ul {
          display: block; }
          .content section.bottomContent .bottomMenu ul li:hover ul ul {
            display: none; }
    .content section.bottomContent .acikMenu {
      background: #eee;
      font: 11px/18px Arial; }
      .content section.bottomContent .acikMenu .smMenuButton {
        display: none; }
      .content section.bottomContent .acikMenu .SiteNavMenu .opendiv {
        display: none;
        background: #dadada;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        max-width: 100%;
        min-width: 250px;
        width: 100%;
        padding: 0;
        z-index: 10; }
        .content section.bottomContent .acikMenu .SiteNavMenu .opendiv .opendiv {
          position: relative;
          top: auto;
          display: block;
          padding: 0; }
        .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul {
          display: flex;
          flex-wrap: wrap;
          padding: 0 4px;
          box-sizing: border-box;
          margin: 0; }
          .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li {
            flex: 20%;
            max-width: 25%;
            padding: 5px;
            margin-bottom: 5px;
            border: 1px solid #dadada;
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -o-transition: all 0.3s;
            -ms-transition: all 0.3s;
            transition: all 0.3s; }
            .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li a {
              position: relative;
              width: 100%;
              color: #000;
              border-bottom: 1px dashed #989696;
              font-weight: normal;
              padding: 3px 10px; }
              .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li a:after {
                content: '';
                height: .4em;
                width: .4em;
                background: #989696;
                display: block;
                position: absolute;
                transform: rotate(45deg);
                top: 10px;
                left: 0; }
              .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li a:hover {
                background: #e9474c;
                color: #fff; }
                .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li a:hover:after {
                  background: #fff; }
            .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li ul {
              padding-left: 10px; }
              .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li ul li {
                max-width: 100%;
                flex: 100%;
                padding: 0 15px;
                margin: 0;
                border: none; }
                .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li ul li:hover {
                  background: none;
                  border: none;
                  box-shadow: none; }
                .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li ul li a {
                  border: none; }
                  .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li ul li a:after {
                    content: '';
                    height: .4em;
                    width: .4em;
                    background: #989696;
                    display: block;
                    position: absolute;
                    border-radius: 50%;
                    top: 12px;
                    left: 0; }
            .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li:hover {
              background: #fff;
              border: 1px solid #c8c8c8;
              box-shadow: 0px 1px 8px rgba(200, 200, 200, 0.6); }
              .content section.bottomContent .acikMenu .SiteNavMenu .opendiv ul li:hover ul {
                background: #fff; }
      .content section.bottomContent .acikMenu .SiteNavMenu li {
        list-style: none;
        cursor: pointer;
        display: inline-block; }
        .content section.bottomContent .acikMenu .SiteNavMenu li:hover {
          background: #dadada; }
          .content section.bottomContent .acikMenu .SiteNavMenu li:hover .opendiv {
            display: block; }
        .content section.bottomContent .acikMenu .SiteNavMenu li a {
          text-decoration: none;
          color: #333;
          font-weight: bold;
          padding: 6px 15px;
          display: inline-block;
          border-right: 1px solid #ddd; }
    .content section.bottomContent .menuSearch {
      position: absolute;
      top: 4px;
      right: 5px;
      z-index: 1007; }
      .content section.bottomContent .menuSearch .searchInput {
        width: 105px;
        font-size: 11px !important;
        border-radius: 5px;
        padding: 3px 12px;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
        -ms-transition: all 0.5s;
        transition: all 0.5s;
        margin-right: 20px; }
        .content section.bottomContent .menuSearch .searchInput:focus {
          width: 280px; }
      .content section.bottomContent .menuSearch .clear {
        display: none;
        position: absolute;
        top: 1px;
        right: 1px;
        font-family: 'tab';
        color: #ff0000;
        font-size: 14px;
        font-weight: bold;
        cursor: pointer;
        background-color: #fff;
        width: 19px;
        height: 20px;
        z-index: 100;
        text-align: center;
        padding: 1px 0;
        border-radius: 5px; }
        .content section.bottomContent .menuSearch .clear:before {
          content: "\f10c"; }
      .content section.bottomContent .menuSearch .searchItemBlock {
        position: absolute;
        top: 100%;
        right: 0;
        width: 300px;
        height: 100%;
        overflow-y: auto;
        background: #ebecec;
        margin-top: 5px;
        z-index: 9999999;
        display: none; }
        .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul {
          margin-left: 15px; }
          .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li {
            margin-bottom: 2px;
            position: relative;
            border-bottom: 1px solid #fff; }
            .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li .opendiv li {
              border-bottom: none; }
            .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li .opendiv .open:before {
              width: 2px;
              height: 6px;
              position: absolute;
              top: 10px;
              left: 3px;
              transform: rotate(90deg); }
            .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li a {
              padding: 3px 15px;
              display: block;
              font-weight: bold; }
              .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li a:before {
                content: "";
                display: inline-block;
                width: 3px;
                height: 3px;
                background: #000;
                position: absolute;
                top: 10px;
                left: 3px;
                border-radius: 50%; }
              .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li a.open:before {
                content: "";
                display: inline-block;
                width: 6px;
                height: 6px;
                transform: rotate(45deg);
                background: #000;
                position: absolute;
                top: 8px;
                left: 3px; }
              .content section.bottomContent .menuSearch .searchItemBlock .SiteNavMenu ul li a:hover {
                color: #e3000f; }

#menuBackClose {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1005;
  display: none; }

section.personInfo {
  font-size: 11px;
  margin: 5px 0; }
  section.personInfo .item {
    margin-bottom: 3px; }
    section.personInfo .item .iconInput-one {
      display: inline-block;
      width: 78%; }
    section.personInfo .item .iconInput-two {
      display: inline-block;
      width: 39%; }
    section.personInfo .item .iconInput-tree {
      display: inline-block;
      width: 35%; }
    section.personInfo .item .iconInput-four {
      display: inline-block;
      width: 66%; }
    section.personInfo .item .iconInput-tree {
      display: inline-block;
      width: 25%; }
    section.personInfo .item .iconInput-min {
      display: inline-block;
      width: 12%; }
    section.personInfo .item .iconInput-tree label {
      width: 100%;
      text-align: right; }
  section.personInfo label {
    width: 20%;
    text-align: right;
    font-weight: normal;
    margin: 0 !important; }
  section.personInfo select {
    background: #fefefe;
    border: 1px solid #ddd;
    outline: 0;
    padding: 1px 5px; }
  section.personInfo input {
    background: #fefefe;
    border: 1px solid #ddd;
    outline: 0;
    padding: 1px 5px; }
    section.personInfo input:focus {
      border: 1px solid #ff0000; }
  section.personInfo textarea:focus {
    border: 1px solid #ff0000; }
  section.personInfo .wd-12 {
    width: 100%; }
  section.personInfo .wd-10 {
    width: 85%; }
  section.personInfo .wd-8 {
    width: 81%; }
  section.personInfo input[type="checkbox"] {
    position: relative;
    display: inline-block;
    top: 4px; }
  section.personInfo .noWd {
    width: 16%; }
  section.personInfo .noWidth {
    width: auto; }
  section.personInfo .full {
    width: 100%; }
  section.personInfo textarea {
    background: #fefefe;
    border: 1px solid #ddd;
    outline: 0;
    padding: 1px 5px;
    margin-right: 5px;
    resize: none;
    height: 19px; }
  section.personInfo .icon {
    width: 17px;
    height: 17px;
    background: #fefefe;
    position: relative;
    display: inline-block;
    position: absolute;
    bottom: 1px;
    right: 2px; }
    section.personInfo .icon.patient, section.personInfo .icon.setting {
      right: 22px; }
    section.personInfo .icon.gss {
      right: 1px; }
    section.personInfo .icon:hover:before {
      color: #e31e24; }
    section.personInfo .icon:before {
      font-family: 'ProSet';
      font-size: 13px;
      display: inline-block;
      color: #898989;
      margin-left: 2px; }
  section.personInfo .patient:before {
    content: "\e010"; }
  section.personInfo .search:before {
    content: "\e00d"; }
  section.personInfo .date:before {
    content: "\e003";
    top: 0; }
  section.personInfo .hour:before {
    content: "\e007";
    top: -1px; }
  section.personInfo .setting:before {
    content: "\e026";
    top: -1px; }
  section.personInfo .cariClose:before {
    content: "\e015";
    top: -1px;
    color: #e31e24; }
  section.personInfo .cariOpen:before {
    content: "\e011";
    top: -1px; }
  section.personInfo .gss:before {
    content: "";
    display: inline-block;
    background: url(../img/gss.svg) no-repeat 100% 100%;
    background-size: 100%;
    width: 80%;
    height: 95%;
    color: #9d9e9e; }

section.tabTable {
  overflow: hidden; }
  section.tabTable .tabMenu {
    height: 28px; }
    section.tabTable .tabMenu li {
      float: left;
      background: #ebecec;
      border: 1px solid #bdbebe;
      overflow: hidden;
      -webkit-border-top-left-radius: 5px;
      -webkit-border-top-right-radius: 5px;
      -moz-border-radius-topleft: 5px;
      -moz-border-radius-topright: 5px;
      border-top-left-radius: 5px;
      border-top-right-radius: 5px; }
      section.tabTable .tabMenu li a {
        color: #898989;
        padding: 5px 20px;
        font-weight: bold; }
      section.tabTable .tabMenu li:hover a, section.tabTable .tabMenu li a.slc {
        color: #fff;
        background: #ef7f1a; }
  section.tabTable .tabContent table {
    width: 100%; }
    section.tabTable .tabContent table th {
      color: #898989;
      font-weight: bold;
      background: #ebecec;
      padding: 5px 3px;
      border: 1px solid #dadada;
      text-align: center; }
    section.tabTable .tabContent table td {
      border: 1px solid #dadada;
      padding: 5px 3px; }
      section.tabTable .tabContent table td.cn {
        text-align: center; }
  section.tabTable .tabContInfo .bg {
    padding: 5px 15px; }
  section.tabTable .tabContInfo .dark {
    background: #ebecec;
    color: #9d9e9e; }
  section.tabTable .tabContInfo .light {
    background: #fff;
    color: #9d9e9e; }
  section.tabTable .tabContInfo .bg .item {
    display: inline-block;
    margin-right: 50px; }
    section.tabTable .tabContInfo .bg .item input {
      border: 1px solid #dadada;
      padding: 1px 27px 1px 5px; }
  section.tabTable .tabContInfo .light input {
    width: 125px; }
  section.tabTable .tabContInfo .bg .item .tl {
    width: 19px;
    height: 20px;
    position: absolute;
    top: -1px;
    right: 0;
    padding: 0;
    -webkit-filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4);
    filter: hue-rotate(40deg) saturate(0.5) brightness(390%) saturate(4); }
    section.tabTable .tabContInfo .bg .item .tl:before {
      content: "";
      display: inline-block;
      background: url(../img/tl.svg) no-repeat 50% 50%;
      background-size: 50%;
      width: 100%;
      height: 100%;
      color: #9d9e9e; }
  section.tabTable .tabContInfo .bg span {
    color: #e31e24;
    font-weight: bold; }
  section.tabTable .tabContInfo .bg i {
    color: #e31e24;
    font-weight: bold;
    padding: 0 10px; }
  section.tabTable .tabOpenMenu .tMenu {
    position: absolute;
    top: 29px;
    right: -205px;
    background: #fff;
    z-index: 1;
    width: 186px;
    height: 100%;
    min-height: 300px;
    z-index: 10;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
    section.tabTable .tabOpenMenu .tMenu h1 {
      margin: 0;
      padding: 10px 20px;
      font-size: 18px; }
    section.tabTable .tabOpenMenu .tMenu a {
      font-weight: normal !important;
      padding: 5px 30px 5px 20px !important;
      width: 100%; }
    section.tabTable .tabOpenMenu .tMenu li {
      display: block !important;
      float: none;
      background: #fff;
      border-radius: 0;
      border: 0;
      border-bottom: 1px solid #ddd;
      position: relative;
      width: 100%; }
    section.tabTable .tabOpenMenu .tMenu a:before {
      content: "\e00a";
      display: inline-block;
      font-size: 9px;
      font-family: 'Flaticon' !important;
      color: #878786;
      position: absolute;
      top: 7px;
      left: 5px; }
  section.tabTable .tabOpenMenu .tabOpenReorder {
    width: 35px;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer; }
    section.tabTable .tabOpenMenu .tabOpenReorder i {
      background: #e3000f;
      display: block;
      position: relative;
      -webkit-transform: translate3d(0, 0, 0);
      position: absolute;
      top: 9px;
      right: 3px;
      width: 30px;
      cursor: pointer;
      width: 30px;
      height: 3px;
      -moz-transition: all 0.4s;
      -o-transition: all 0.4s;
      -webkit-transition: all 0.4s;
      transition: all 0.4s;
      -webkit-transform: translate3d(0, 0, 0);
      cursor: pointer; }
      section.tabTable .tabOpenMenu .tabOpenReorder i:before, section.tabTable .tabOpenMenu .tabOpenReorder i:after {
        width: 30px;
        height: 3px;
        -moz-transition: all 0.4s;
        -o-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        -webkit-transform: translate3d(0, 0, 0);
        cursor: pointer; }
      section.tabTable .tabOpenMenu .tabOpenReorder i:before {
        height: 3px;
        background: #e3000f;
        content: " ";
        margin-top: -7px;
        position: absolute; }
      section.tabTable .tabOpenMenu .tabOpenReorder i:after {
        background: #e3000f;
        content: " ";
        margin-top: -7px;
        position: absolute;
        margin-top: 7px; }
    section.tabTable .tabOpenMenu .tabOpenReorder.true i {
      background: transparent; }
      section.tabTable .tabOpenMenu .tabOpenReorder.true i:before {
        -moz-transform: rotate(45deg) translate(0.5em, 0.4em);
        -ms-transform: rotate(45deg) translate(0.5em, 0.4em);
        -o-transform: rotate(45deg) translate(0.5em, 0.4em);
        -webkit-transform: rotate(45deg) translate(0.5em, 0.4em);
        transform: rotate(45deg) translate(0.5em, 0.4em); }
      section.tabTable .tabOpenMenu .tabOpenReorder.true i:after {
        -moz-transform: rotate(-45deg) translate(0.45em, -0.35em);
        -ms-transform: rotate(-45deg) translate(0.45em, -0.35em);
        -o-transform: rotate(-45deg) translate(0.45em, -0.35em);
        -webkit-transform: rotate(-45deg) translate(0.45em, -0.35em);
        transform: rotate(-45deg) translate(0.45em, -0.35em); }

.bottomContent .bottomMenu ul li:hover ul {
  display: block; }

.bottomContent .bottomMenu ul li ul {
  display: none;
  position: absolute;
  top: 28px;
  left: 0;
  right: auto;
  display: none;
  background: #fff;
  z-index: 20;
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
  -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
  -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
  .bottomContent .bottomMenu ul li ul li {
    position: relative; }
    .bottomContent .bottomMenu ul li ul li:hover ul {
      display: block !important; }
    .bottomContent .bottomMenu ul li ul li ul {
      display: none;
      width: 215px;
      position: absolute;
      top: 0;
      right: -215px;
      left: auto;
      border-top: 1px solid #ddd;
      background: #fff;
      z-index: 1;
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
      -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
      .bottomContent .bottomMenu ul li ul li ul li a {
        width: 100%;
        border: 0 !important;
        border-bottom: 1px solid #ddd !important;
        font-weight: normal !important;
        padding: 5px 10px 5px 18px !important; }
        .bottomContent .bottomMenu ul li ul li ul li a:before {
          content: "\f102";
          font-size: 6px;
          top: 5px; }
        .bottomContent .bottomMenu ul li ul li ul li a:after {
          content: ""; }
  .bottomContent .bottomMenu ul li ul a {
    position: relative;
    font-weight: normal !important;
    border: 0;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    width: 100%;
    padding: 5px 30px 5px 20px !important; }
    .bottomContent .bottomMenu ul li ul a:before {
      content: "\f119";
      display: inline-block;
      font-size: 9px;
      font-family: 'Flaticon' !important;
      color: #878786;
      position: absolute;
      top: 7px;
      left: 5px;
      right: auto; }
    .bottomContent .bottomMenu ul li ul a:hover:before, .bottomContent .bottomMenu ul li ul a.true:before {
      color: #fff; }
    .bottomContent .bottomMenu ul li ul a.open:after {
      content: "\f102";
      display: inline-block;
      font-size: 10px;
      font-family: 'Flaticon' !important;
      color: #878786;
      position: absolute;
      top: 5px;
      right: 5px;
      left: auto;
      color: #fff; }

.bottomContent .recordInfo {
  height: 21px;
  margin-top: 2px;
  position: relative; }
  .bottomContent .recordInfo ul {
    margin: 0;
    border: 1px solid #ddd;
    display: inline-block;
    background: #F5F9F9; }
  .bottomContent .recordInfo .mn {
    display: inline-block;
    border-right: 1px solid #ddd;
    position: relative; }
    .bottomContent .recordInfo .mn:last-child {
      border: 0; }
    .bottomContent .recordInfo .mn a {
      padding: 2px 15px 2px 40px;
      font-weight: bold;
      color: #878786;
      cursor: pointer;
      position: relative;
      width: 100%; }
    .bottomContent .recordInfo .mn input {
      display: none; }
    .bottomContent .recordInfo .mn a:before {
      display: inline-block;
      font-family: 'ProSet';
      font-size: 13px;
      font-weight: normal;
      position: absolute;
      top: 1px;
      left: 18px; }
    .bottomContent .recordInfo .mn .openMenu a:before {
      font-size: 12px; }
    .bottomContent .recordInfo .mn a:hover {
      color: #e31e24; }
    .bottomContent .recordInfo .mn a.newRecord:before {
      content: '\e009'; }
    .bottomContent .recordInfo .mn a.save:before {
      content: '\e022'; }
    .bottomContent .recordInfo .mn a.clean:before {
      content: '\e006'; }
    .bottomContent .recordInfo .mn a.print:before {
      content: '\e01a'; }
    .bottomContent .recordInfo .mn a.operations:before {
      content: '\e026'; }
    .bottomContent .recordInfo .mn .openMenu {
      position: absolute;
      top: 19px;
      left: -4px;
      display: none;
      background: #fff;
      z-index: 1;
      -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
      -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
      box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
      .bottomContent .recordInfo .mn .openMenu a {
        font-weight: normal !important;
        border-bottom: 1px solid #ddd;
        padding: 5px 30px 5px 20px !important; }
        .bottomContent .recordInfo .mn .openMenu a:before {
          top: 6px;
          left: 5px;
          font-size: 9px; }

.footer {
  background: #ebecec;
  color: #9d9e9e;
  padding: 5px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100000;
  font-size: 11px;
  border-top: 1px solid #dadada; }
  .footer .bl {
    display: inline-block; }
    .footer .bl strong:after {
      content: "";
      display: inline-block;
      width: 15px;
      height: 10px; }
    .footer .bl strong.TR:after {
      background: url("../../Images/lang.png") 0 0;
      margin-left: 5px; }
    .footer .bl strong.EN:after {
      background: url("../../Images/lang.png") -15px 0;
      margin-left: 5px; }
    .footer .bl strong.FR:after {
      background: url("../../Images/lang.png") -30px 0;
      margin-left: 5px; }
    .footer .bl strong.AZ:after {
      background: url("../../Images/lang.png") -45px 0;
      margin-left: 5px; }
    .footer .bl strong.ES:after {
      background: url("../../Images/lang.png") -60px 0;
      margin-left: 5px; }
    .footer .bl strong.DE:after {
      background: url("../../Images/lang.png") -75px 0;
      margin-left: 5px; }
  .footer span {
    color: #e31e24; }
  .footer .bl.rg {
    float: right;
    font-weight: bold; }
  .footer i {
    margin: 0 5px; }

.footerPopup {
  background: #ebecec;
  color: #9d9e9e;
  padding: 5px;
  position: fixed;
  bottom: 30px;
  left: 0;
  width: 100%;
  z-index: 100;
  font-size: 11px;
  border-top: 1px solid #dadada; }

.passwordChange {
  /*width: 600px;*/
  padding: 50px 80px; }
  .passwordChange h2 {
    font-size: 20px;
    font-weight: bold;
    padding: 10px 5px;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #dadada; }
  .passwordChange p {
    padding: 5px 0; }
  .passwordChange .blck {
    margin: 5px 0; }
    .passwordChange .blck label {
      display: inline-block;
      font-weight: bold;
      min-width: 180px; }
    .passwordChange .blck input[type="password"] {
      width: 285px; }
    .passwordChange .blck input[type="button"] {
      border: 0;
      outline: 0;
      border-radius: 3px;
      background: #ed1c24;
      color: #fff;
      padding: 8px 25px;
      float: right;
      font-weight: bold; }
      .passwordChange .blck input[type="button"]:hover {
        background: #f9686e; }
  .passwordChange .psw:after {
    display: inline-block;
    content: "\f10b";
    font: 15px 'Flaticon' !important;
    position: absolute;
    right: 0;
    top: 0; }

.notFound {
  text-align: center; }
  .notFound img {
    width: 780px; }

.noAuthorization {
  text-align: center; }
  .noAuthorization img {
    width: 780px; }

.static {
  background: #f2f2f2; }

.searchBar {
  padding: 5px;
  position: relative; }
  .searchBar .bul {
    border: 1px solid #DED9D9;
    font-family: 'tab';
    color: #878786;
    display: inline-block;
    font-size: 13px !important;
    cursor: pointer;
    color: #878786 !important;
    text-align: center;
    width: 22px;
    height: 22px;
    padding: 2px;
    position: absolute;
    top: 5px;
    right: 5px;
    margin-left: 2px; }
    .searchBar .bul:before {
      content: "\f13a"; }

.errorBack {
  position: absolute;
  top: 75px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  background: #33b7cc;
  z-index: -1; }
  .errorBack .errorPage {
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    height: 100%;
    max-height: 700px; }
    .errorBack .errorPage .errorText {
      text-align: center;
      display: block;
      position: relative;
      width: 80%;
      margin: 100px auto; }
      .errorBack .errorPage .errorText .hataKodu {
        font-size: 10em;
        position: relative;
        display: inline-block;
        z-index: 2;
        letter-spacing: 15px; }
      .errorBack .errorPage .errorText .head1 {
        text-align: center;
        display: block;
        position: relative;
        letter-spacing: 12px;
        font-size: 4em;
        line-height: 80%; }
      .errorBack .errorPage .errorText .head2 {
        text-align: center;
        display: block;
        position: relative;
        font-size: 20px;
        margin: 10px 0; }
      .errorBack .errorPage .errorText .text {
        font-size: 70px;
        text-align: center;
        position: relative;
        display: inline-block;
        margin: 19px 0px 0px 0px;
        /* top: 256.301px; */
        z-index: 3;
        width: 100%;
        line-height: 1.2em;
        display: inline-block; }
      .errorBack .errorPage .errorText .btn {
        background-color: white;
        position: relative;
        display: inline-block;
        width: 358px;
        padding: 15px 5px;
        z-index: 5;
        font-size: 25px;
        margin: 0 auto;
        color: #33b7cc;
        text-decoration: none;
        margin-right: 10px;
        border-radius: 5px;
        cursor: pointer; }
      .errorBack .errorPage .errorText hr {
        padding: 0;
        border: none;
        border-top: 5px solid #fff;
        color: #fff;
        text-align: center;
        margin: 20px auto;
        width: 420px;
        height: 10px;
        z-index: -10; }
        .errorBack .errorPage .errorText hr:after {
          content: "\2022";
          display: inline-block;
          position: relative;
          top: -0.5em;
          font-size: 2em;
          padding: 0 0.2em;
          background: #33b7cc; }
    .errorBack .errorPage .cloud {
      width: 350px;
      height: 120px;
      background: #d1f9ff;
      background: linear-gradient(top, #d1f9ff 100%);
      background: -webkit-linear-gradient(top, #d1f9ff 100%);
      background: -moz-linear-gradient(top, #d1f9ff 100%);
      background: -ms-linear-gradient(top, #d1f9ff 100%);
      background: -o-linear-gradient(top, #d1f9ff 100%);
      border-radius: 100px;
      -webkit-border-radius: 100px;
      -moz-border-radius: 100px;
      position: absolute;
      margin: 120px auto 20px;
      z-index: 0;
      transition: ease 1s; }
      .errorBack .errorPage .cloud:after, .errorBack .errorPage .cloud:before {
        content: '';
        position: absolute;
        background: #d1f9ff;
        z-index: -1; }
      .errorBack .errorPage .cloud:after {
        width: 100px;
        height: 100px;
        top: -50px;
        left: 33px;
        border-radius: 100px;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px; }
      .errorBack .errorPage .cloud:before {
        width: 180px;
        height: 180px;
        top: -90px;
        right: 50px;
        border-radius: 200px;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px; }
      .errorBack .errorPage .cloud.x1 {
        top: -50px;
        left: 100px;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        opacity: 0.9;
        -webkit-animation: moveclouds 15s linear infinite;
        -moz-animation: moveclouds 15s linear infinite;
        -o-animation: moveclouds 15s linear infinite; }
      .errorBack .errorPage .cloud.x1_5 {
        top: 117px;
        left: 250px;
        -webkit-transform: scale(0.3);
        -moz-transform: scale(0.3);
        transform: scale(0.3);
        -webkit-animation: moveclouds 17s linear infinite;
        -moz-animation: moveclouds 17s linear infinite;
        -o-animation: moveclouds 17s linear infinite; }
      .errorBack .errorPage .cloud.x2 {
        left: 250px;
        top: 110px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.6;
        -webkit-animation: moveclouds 25s linear infinite;
        -moz-animation: moveclouds 25s linear infinite;
        -o-animation: moveclouds 25s linear infinite; }
      .errorBack .errorPage .cloud.x3 {
        left: 250px;
        top: -65px;
        -webkit-transform: scale(0.6);
        -moz-transform: scale(0.6);
        transform: scale(0.6);
        opacity: 0.8;
        -webkit-animation: moveclouds 25s linear infinite;
        -moz-animation: moveclouds 25s linear infinite;
        -o-animation: moveclouds 25s linear infinite; }
      .errorBack .errorPage .cloud.x4 {
        left: 470px;
        bottom: 20px;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        transform: scale(0.75);
        opacity: 0.75;
        -webkit-animation: moveclouds 18s linear infinite;
        -moz-animation: moveclouds 18s linear infinite;
        -o-animation: moveclouds 18s linear infinite; }
      .errorBack .errorPage .cloud.x5 {
        left: 200px;
        top: 300px;
        -webkit-transform: scale(0.5);
        -moz-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.8;
        -webkit-animation: moveclouds 20s linear infinite;
        -moz-animation: moveclouds 20s linear infinite;
        -o-animation: moveclouds 20s linear infinite; }

#hizmetFlu {
  position: absolute;
  top: 27px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }

#favorites.useful li {
  padding: 0 0 0 77px;
  margin-left: -77px; }

#favorites.slc li {
  margin-left: 0 !important;
  transform: scale(1); }

#favorites li {
  position: relative;
  padding: 0 0 0 77px;
  margin-left: -77px;
  transform: scale(1);
  transition: 0.25s all ease; }
  #favorites li .txt {
    padding: 10px 25px;
    position: relative;
    width: 100%;
    font-weight: normal;
    color: #878786;
    border-bottom: 1px solid #ddd; }
    #favorites li .txt:before {
      content: "\f102";
      display: inline-block;
      font-size: 11px;
      font-family: 'Flaticon' !important;
      color: #878786;
      position: absolute;
      top: 10px;
      left: 5px; }
    #favorites li .txt:hover {
      color: #fff;
      background: #e9474c; }
      #favorites li .txt:hover:before {
        color: #fff; }
  #favorites li .editMode {
    position: absolute;
    top: 10px;
    left: 3px;
    width: auto;
    padding: 0; }
    #favorites li .editMode .h_sil {
      color: #ed1c24;
      cursor: pointer; }
      #favorites li .editMode .h_sil:before {
        content: "\f118";
        display: inline-block;
        font-size: 16px;
        font-family: 'Flaticon' !important;
        color: #ed1c24; }
    #favorites li .editMode .h_duzenle {
      color: #ed1c24;
      cursor: pointer; }
      #favorites li .editMode .h_duzenle:before {
        content: "\f111";
        display: inline-block;
        font-size: 16px;
        font-family: 'Flaticon' !important;
        color: #ed1c24; }

#favorites .contButton {
  width: 100%;
  position: absolute;
  bottom: 80px;
  text-align: center; }
  #favorites .contButton a {
    padding: 10px 25px;
    position: relative;
    font-weight: bold;
    color: #e3000f;
    font-size: 14px !important;
    cursor: pointer; }
    #favorites .contButton a:before {
      display: inline-block;
      font-size: 16px;
      font-family: 'Flaticon' !important;
      color: #e3000f;
      position: absolute;
      top: 10px;
      left: 5px; }
    #favorites .contButton a.add:before {
      content: "\f101"; }
    #favorites .contButton a.edit:before {
      content: "\f111"; }

/*****************/
.page {
  margin: 0 -15px; }

#flu {
  position: fixed;
  top: 45px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }

#openFlu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none; }

#quick_menu {
  position: fixed;
  top: 45px;
  left: -285px;
  bottom: 0;
  width: 285px;
  height: 100%;
  background: #fff;
  z-index: 100;
  border-top: 1px solid #ddd;
  overflow: hidden; }
  #quick_menu .tabcontents {
    padding: 0 !important; }

.mn:hover .openMenu {
  display: block !important; }

.bellArea {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 6px;
  right: 3px;
  cursor: pointer;
  z-index: 999; }
  .bellArea .bell {
    animation-name: ring;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    background-color: #e22d2d;
    border-radius: 50% 50% 0 0;
    position: relative;
    transform-origin: top center;
    width: 13px;
    height: 10px; }
    .bellArea .bell::before {
      width: 5px;
      height: 8px;
      background-color: #e22d2d;
      border-radius: 50%;
      content: '';
      left: 50%;
      position: absolute;
      top: 0;
      transform: translate(-50%, -50%); }
    .bellArea .bell::after {
      width: 18px;
      height: 3px;
      background-color: #e22d2d;
      border-radius: 5px;
      content: '';
      left: 50%;
      position: absolute;
      bottom: 0;
      transform: translate(-50%, 50%); }
    .bellArea .bell .tongue {
      width: 5px;
      height: 3px;
      background: #e22d2d;
      position: absolute;
      bottom: -5px;
      left: 50%;
      transform: translate(-50%, 50%);
      border-radius: 0 0 10px 10px; }

/*****************/
/** css of window-width **/
@media (min-width: 992px) and (max-width: 1024px) {
  .mainMenuLeft span {
    display: none; } }

@media (min-width: 768px) and (max-width: 992px) {
  /*********************** Content *****************************/
  .reorder {
    display: block !important; }
  .content header .mainMenuRight {
    position: absolute;
    top: 41px;
    right: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
    text-align: left;
    display: none;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.31); }
  .bottomContent .bottomMenu ul li {
    display: block; }
    .bottomContent .bottomMenu ul li a {
      width: 100%; }
    .bottomContent .bottomMenu ul li ul {
      position: relative;
      top: 0;
      left: 0;
      padding: 0 55px;
      border: 0;
      box-shadow: none !important; }
  section.bottomContent .bottomMenu {
    height: auto !important; }
  .bottomContent .bottomMenu ul li {
    float: none !important;
    width: 100%; }
    .bottomContent .bottomMenu ul li a {
      width: 100%;
      border-bottom: 1px solid #ddd; }
      .bottomContent .bottomMenu ul li a:before {
        content: "\f119";
        display: inline-block;
        font: 13px 'Flaticon';
        margin: 0 10px 0 0; }
    .bottomContent .bottomMenu ul li ul {
      position: relative !important;
      top: 0 !important;
      left: 0;
      padding-left: 30px;
      width: 100% !important;
      box-shadow: none !important; }
      .bottomContent .bottomMenu ul li ul li a {
        padding-left: 30px;
        border: 0 !important; }
      .bottomContent .bottomMenu ul li ul li ul {
        position: relative;
        left: 0;
        right: 0;
        padding-left: 20px;
        width: 100%; }
        .bottomContent .bottomMenu ul li ul li ul li a:before {
          content: "\f102" !important; }
      .bottomContent .bottomMenu ul li ul li a:before {
        content: "\f102" !important; }
      .bottomContent .bottomMenu ul li ul li ul li a:before {
        top: 10px; }
  .footer .bl {
    display: none; }
    .footer .bl.smOpen {
      display: block !important; }
    .footer .bl i {
      display: none; }
    .footer .bl.rg {
      float: none; }
  .notFound img {
    width: 100%; }
  .noAuthorization img {
    width: 100%; }
  .content header #notificationBar {
    right: 50px; } }

@media (max-width: 768px) {
  /*********************** Content *****************************/
  .reorder {
    display: block !important; }
  .content header {
    padding: 9px 0; }
    .content header .mainMenuLeft .logo i {
      left: 5px; }
    .content header .mainMenuLeft span {
      display: none; }
    .content header .mainMenuRight {
      position: absolute;
      top: 43px;
      right: 0;
      z-index: 1;
      width: 100%;
      background: #fff;
      text-align: left;
      display: none;
      border-top: 1px solid #dadada;
      border-bottom: 1px solid #dadada; }
      .content header .mainMenuRight .master {
        padding: 0; }
      .content header .mainMenuRight .mn {
        float: left; }
        .content header .mainMenuRight .mn a {
          width: 100%; }
    .content header .openMenu {
      position: relative;
      top: 0;
      left: 0;
      padding: 0 20px;
      border: 0; }
  section.bottomContent .bottomMenu {
    height: auto !important;
    margin: 5px 0 !important; }
    section.bottomContent .bottomMenu .smMenuButton {
      width: 100%;
      padding: 5px 14px;
      font-weight: bold;
      color: #454544;
      border-right: 1px solid #ddd;
      cursor: pointer;
      background: #3f607d;
      color: #fff;
      display: block !important; }
      section.bottomContent .bottomMenu .smMenuButton:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 9px;
        cursor: pointer;
        content: "\f104";
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 5px;
        right: 12px;
        color: #fff;
        -webkit-animation: spin 3sn linear infinite;
        -moz-animation: spin 3sn linear infinite;
        animation: spin 3sn linear infinite; }
      section.bottomContent .bottomMenu .smMenuButton.slc:before {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg); }
    section.bottomContent .bottomMenu .SiteNavMenu {
      display: none; }
    section.bottomContent .bottomMenu ul {
      position: relative !important;
      top: 0 !important;
      left: 0;
      width: 100% !important; }
      section.bottomContent .bottomMenu ul li {
        float: none !important;
        width: 100%; }
        section.bottomContent .bottomMenu ul li a {
          width: 100%;
          border-bottom: 1px solid #ddd;
          padding-left: 30px;
          border: 0 !important; }
          section.bottomContent .bottomMenu ul li a:before {
            content: "\f119";
            display: inline-block;
            font: 13px 'Flaticon';
            margin: 0 10px 0 0; }
        section.bottomContent .bottomMenu ul li ul {
          position: relative;
          left: 0;
          right: 0;
          padding-left: 20px;
          width: 100%; }
          section.bottomContent .bottomMenu ul li ul li ul {
            right: 0; }
            section.bottomContent .bottomMenu ul li ul li ul li a:before {
              top: 10px; }
          section.bottomContent .bottomMenu ul li ul li a:before {
            content: "\f102" !important; }
          section.bottomContent .bottomMenu ul li ul li:hover ul {
            right: auto; }
        section.bottomContent .bottomMenu ul li a:before {
          content: "\f102" !important; }
        section.bottomContent .bottomMenu ul li ul li a:before {
          top: 11px !important; }
  section.bottomContent .acikMenu .smMenuButton {
    display: block !important;
    font-weight: bold;
    padding: 5px 20px;
    position: relative;
    cursor: pointer;
    background: #3f607d;
    color: #fff; }
    section.bottomContent .acikMenu .smMenuButton:before {
      font-family: 'tab';
      color: #878786;
      display: inline-block;
      font-size: 9px;
      cursor: pointer;
      content: "\f104";
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      position: absolute;
      top: 5px;
      right: 12px;
      color: #fff;
      -webkit-animation: spin 3sn linear infinite;
      -moz-animation: spin 3sn linear infinite;
      animation: spin 3sn linear infinite; }
    section.bottomContent .acikMenu .smMenuButton.slc:before {
      transform: rotate(270deg); }
  section.bottomContent .acikMenu .SiteNavMenu ul {
    margin: 0;
    padding: 0; }
    section.bottomContent .acikMenu .SiteNavMenu ul li {
      display: block !important; }
      section.bottomContent .acikMenu .SiteNavMenu ul li a {
        border: none !important; }
      section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv {
        position: inherit !important;
        padding: 5px !important;
        width: calc(100% - 10px) !important;
        margin: 0 5px 5px 5px !important; }
        section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv ul {
          background: #fff; }
          section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv ul li {
            flex: none !important;
            max-width: 100% !important;
            min-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            box-shadow: none !important; }
            section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv ul li .open {
              border: none;
              padding: 3px 10px; }
      section.bottomContent .acikMenu .SiteNavMenu ul li:hover {
        background: #dcdcdc; }
        section.bottomContent .acikMenu .SiteNavMenu ul li:hover ul, section.bottomContent .acikMenu .SiteNavMenu ul li:hover li, section.bottomContent .acikMenu .SiteNavMenu ul li:hover .opendiv {
          background: #fff; }
  section.bottomContent .acikMenu .SiteNavMenu li {
    position: relative; }
  section.bottomContent .menuSearch {
    display: none; }
  .footer .bl {
    display: none; }
    .footer .bl.smOpen {
      display: block !important; }
    .footer .bl i {
      display: none; }
    .footer .bl.rg {
      float: none; }
  .notFound img {
    width: 100%; }
  .noAuthorization img {
    width: 100%; }
  .passwordChange {
    width: 100%;
    padding: 5px; }
    .passwordChange input[type="password"] {
      width: 100%; }
  .errorPage .errorText hr {
    width: 100% !important; }
  .errorPage .errorText .btn {
    width: 100% !important; }
  .content section.bottomContent #menu_durum {
    display: none; }
  #noticeGrup {
    position: absolute;
    top: 13px;
    right: 50px; }
    #noticeGrup:before {
      font-family: 'NoticeIcon';
      display: inline-block;
      font-size: 24px;
      cursor: pointer;
      color: #9a9a9a;
      content: "\f108"; }
    #noticeGrup:after {
      display: inline-block;
      content: "";
      background: #ed1c24;
      width: 8px;
      height: 8px;
      position: absolute;
      top: -6px;
      right: 2px;
      border-radius: 50%; }
    #noticeGrup #notificationBar {
      display: none;
      top: 30px;
      right: -40px;
      z-index: 99;
      background: #fff;
      width: 300px; }
      #noticeGrup #notificationBar .grup {
        display: block;
        width: auto;
        height: auto; }
        #noticeGrup #notificationBar .grup .buttonDetayGrup {
          display: block;
          position: relative;
          top: auto;
          right: auto;
          width: 285px; }
    #noticeGrup:hover:before {
      color: #333; }
    #noticeGrup:hover #notificationBar {
      display: block !important; } }

@media (max-width: 1024px) {
  section.bottomContent .bottomMenu {
    height: auto !important;
    margin: 5px 0 !important; }
    section.bottomContent .bottomMenu .smMenuButton {
      width: 100%;
      padding: 5px 14px;
      font-weight: bold;
      color: #454544;
      border-right: 1px solid #ddd;
      cursor: pointer;
      background: #3f607d;
      color: #fff;
      display: block !important; }
      section.bottomContent .bottomMenu .smMenuButton:before {
        font-family: 'tab';
        color: #878786;
        display: inline-block;
        font-size: 9px;
        cursor: pointer;
        content: "\f104";
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
        position: absolute;
        top: 5px;
        right: 12px;
        color: #fff;
        -webkit-animation: spin 3sn linear infinite;
        -moz-animation: spin 3sn linear infinite;
        animation: spin 3sn linear infinite; }
      section.bottomContent .bottomMenu .smMenuButton.slc:before {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg); }
    section.bottomContent .bottomMenu .SiteNavMenu {
      display: none; }
    section.bottomContent .bottomMenu ul {
      position: relative !important;
      top: 0 !important;
      left: 0;
      width: 100% !important; }
      section.bottomContent .bottomMenu ul li {
        float: none !important;
        width: 100%; }
        section.bottomContent .bottomMenu ul li a {
          width: 100%;
          border-bottom: 1px solid #ddd;
          padding-left: 30px;
          border: 0 !important; }
          section.bottomContent .bottomMenu ul li a:before {
            content: "\f119";
            display: inline-block;
            font: 13px 'Flaticon';
            margin: 0 10px 0 0; }
        section.bottomContent .bottomMenu ul li ul {
          position: relative;
          left: 0;
          right: 0;
          padding-left: 20px;
          width: 100%; }
          section.bottomContent .bottomMenu ul li ul li ul {
            right: 0; }
            section.bottomContent .bottomMenu ul li ul li ul li a:before {
              top: 10px; }
          section.bottomContent .bottomMenu ul li ul li a:before {
            content: "\f102" !important; }
          section.bottomContent .bottomMenu ul li ul li:hover ul {
            right: auto; }
        section.bottomContent .bottomMenu ul li a:before {
          content: "\f102" !important; }
        section.bottomContent .bottomMenu ul li ul li a:before {
          top: 11px !important; }
  .content section.bottomContent #menu_durum {
    display: none; }
  section.bottomContent .acikMenu .smMenuButton {
    display: block !important;
    font-weight: bold;
    padding: 5px 20px;
    position: relative;
    cursor: pointer;
    background: #3f607d;
    color: #fff; }
    section.bottomContent .acikMenu .smMenuButton:before {
      font-family: 'tab';
      color: #878786;
      display: inline-block;
      font-size: 9px;
      cursor: pointer;
      content: "\f104";
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
      position: absolute;
      top: 5px;
      right: 12px;
      color: #fff;
      -webkit-animation: spin 3sn linear infinite;
      -moz-animation: spin 3sn linear infinite;
      animation: spin 3sn linear infinite; }
    section.bottomContent .acikMenu .smMenuButton.slc:before {
      transform: rotate(270deg); }
  section.bottomContent .acikMenu .SiteNavMenu ul {
    margin: 0;
    padding: 0; }
    section.bottomContent .acikMenu .SiteNavMenu ul li {
      display: block !important; }
      section.bottomContent .acikMenu .SiteNavMenu ul li a {
        border: none !important; }
      section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv {
        position: inherit !important;
        padding: 5px !important;
        width: calc(100% - 10px) !important;
        margin: 0 5px 5px 5px !important; }
        section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv ul {
          background: #fff; }
          section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv ul li {
            flex: none !important;
            max-width: 100% !important;
            min-width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            box-shadow: none !important; }
            section.bottomContent .acikMenu .SiteNavMenu ul li .opendiv ul li .open {
              border: none;
              padding: 3px 10px; }
      section.bottomContent .acikMenu .SiteNavMenu ul li:hover {
        background: #dcdcdc; }
        section.bottomContent .acikMenu .SiteNavMenu ul li:hover ul, section.bottomContent .acikMenu .SiteNavMenu ul li:hover li, section.bottomContent .acikMenu .SiteNavMenu ul li:hover .opendiv {
          background: #fff; }
  section.bottomContent .acikMenu .SiteNavMenu li {
    position: relative; }
  section.bottomContent .menuSearch {
    display: none; } }
