/*body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

#body-container {
  height: 100%;
}

  #body-container .body-container {
    overflow: scroll;
    overflow-x: hidden;
    padding-top: 50px;
  }

  #body-container .global-title {
    position: fixed;
    bottom: 0;
    right: 0;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    background: #8d3d5c;
    z-index: 99999999999999999;
    padding: 2px 10px;
    display: block;
  }

.portal-navbar {
  height: 50px;
  background-color: #fff !important;
  border: none;
  border-bottom: solid;
  border-bottom-width: 1px;
  border-radius: 0px;
  padding-left: 15px;
  padding-right: 15px;
}

    .portal-navbar.navbar-default .navbar-nav.navbar-right > li > a:hover, .portal-navbar.navbar-default .navbar-nav.navbar-right > li > a:focus {
        background-color: transparent;
        color: #C5C5C5;
    }

  .portal-navbar ul.nav.navbar-nav.navbar-right > li > a {
    font-size: 25px;
  }

    .portal-navbar ul.nav.navbar-nav.navbar-right > li > a:hover {
      cursor: pointer;
      color: #C5C5C5;
    }

.navbar-nav.navbar-right:last-child {
  margin-right: 0px;
}

.portal-right-menu-container {
  display: none;
}

.portal-sub-menu {
  width: 280px;
}

.portal-right-menu-caret {
  border-color: transparent;
  border-bottom-color: #fff;
  border-style: dashed dashed solid;
  border-width: 0 8.5px 8.5px;
  position: absolute;
  left: 17px;
  top: 43px;
  z-index: 101;
  height: 0;
  width: 0;
  -webkit-animation: gb__a .2s;
  -moz-animation: gb__a .2s;
  -o-animation: gb__a .2s;
  animation: gb__a .2s;
}

.portal-language {
  width: 125px;
}

  .portal-language ul {
    list-style: none;
    padding-left: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
  }

    .portal-language ul li a:hover, .portal-language ul li a.selected {
      color: #5a5a5a;
      font-weight: bold;
    }

    .portal-language ul li a {
      margin-left: 15px;
      color: #A0A0A0;
      font-size: 1.1em;
    }

      .portal-language ul li a span {
        vertical-align: middle;
        margin-left: 5px;
      }

.portal-calendar {
  width: 50%;
  /*height: calc(90vh);*/
  display: block;
  padding: 15px;
  position: fixed !important;
  border: solid;
  border-color: #ccc;
  border-width: 1px;
  border-radius: 3px;
  position: absolute;
  top: 50px;
  right: 0;
  background-color: #fff;
  z-index: 100;
}

.popover {
  max-width: 100%;
}

.portal-university-logo img {
  height: 49px;
}

@media (max-width: 768px) {
    .portal-university-logo img {
        display: none !important;
    }
} 

.portal-right-menu {
    border: solid;
    border-color: #ccc;
    border-width: 1px;
    border-radius: 3px;
    position: absolute;
    top: 50px;
    right: 10px;
    background-color: #fff;
    z-index: 100;
    -webkit-box-shadow: 1px 6px 23px -1px rgba(51,23,51,0.42);
    -moz-box-shadow: 1px 6px 23px -1px rgba(51,23,51,0.42);
    box-shadow: 1px 6px 23px -1px rgba(51,23,51,0.42);
}

.portal-sub-menu-profile {
  height: 60px;
  width: 100%;
  padding: 10px 0px 5px 10px;
}

  .portal-sub-menu-profile img {
    height: 50px;
    width: 50px;
    position: absolute;
  }

.portal-sub-menu-profile-text {
  margin-left: 60px;
  color: gray;
  font-weight: bold;
  margin-top: 10px;
  width: 170px;
  position: absolute;
}

.portal-sub-menu-profile span#spnUsersGroup {
  font-size: 13px;
  font-style: italic;
}

.portal-sub-menu-profile #btnLogout {
  float: right;
  font-size: 2em;
  margin-right: 10px;
  margin-top: 10px;
}

  .portal-sub-menu-profile #btnLogout:hover {
    cursor: pointer;
  }

.portal-sub-menu-app-list ul {
  list-style-type: none;
  padding: 10px;
}

  .portal-sub-menu-app-list ul li {
    height: 75px;
    width: 28%;
    display: inline-block;
    margin: 5px;
    padding: 3px;
    position: relative;
    border: solid;
    border-width: 1px;
    border-radius: 3px;
    border-color: #ccc;
  }

    .portal-sub-menu-app-list ul li.collapse {
      display: none !important;
    }

    .portal-sub-menu-app-list ul li:hover {
      cursor: pointer;
    }

    .portal-sub-menu-app-list ul li > a {
      height: 100%;
      width: 100%;
      position: relative;
      display: inline-block;
      text-align: center;
    }

      .portal-sub-menu-app-list ul li > a > i {
        font-size: 35px;
        padding-top: 5px;
        color: #b1b1b1;
        width: 100%;
      }

      .portal-sub-menu-app-list ul li > a > span {
        color: #676666;
        font-size: 0.8em;
        display: inline-table;
      }

        .portal-sub-menu-app-list ul li > a > span.badge {
          position: absolute;
          right: 0px;
          background-color: #A72D2D;
          color: #fff;
          top: 0px;
        }

.portal-sub-menu-other-app-list {
  display: none;
}

/*.portal-sub-menu-other-app-list li {
        height: 60px !important;
    }*/

.portal-sub-menu-other {
  background-color: #C3C3C3;
  margin-top: 15px;
  color: #fff;
}

.btn-portal-right-menu span.badge {
  display: none;
  top: 5px;
  position: absolute;
  right: 0px;
  background-color: rgb(255, 255, 255);
  border: solid 1px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 4px 0px 0px 0px;
}

/*#btnPortalSubMenu {
  margin-right: 5px;
  top: 10px;
  position: relative;
}*/

hr.portal-horizontal-line {
  border: 0;
  height: 2px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(224, 224, 224,0.75), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(224, 224, 224,0.75), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(224, 224, 224,0.75), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(224, 224, 224,0.75), rgba(0,0,0,0));
}

#toolbar li a {
  height: 50px;
}


@media (max-width: 768px) {
    #toolbar li a {
        font-size: 0; /* yazıyı gizler */
        margin-right: 10px;
        margin-left:5px;
    }

        #toolbar li a i {
            font-size: 16px; /* ikonlar görünür kalır */
        }
}

/****** LAYOUT PORTAL LEFT MENÜ ******/

.portal-menu {
  height: 100%;
  width: 40px;
}

  .portal-menu:hover {
    cursor: pointer;
  }

.menu-ball {
  margin-left: -15px;
  margin-right: 0px;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  position: absolute;
}

  .menu-ball.ball-top {
    margin-top: 2px;
  }

  .menu-ball.ball-middle {
    margin-top: 17px;
  }

  .menu-ball.ball-bottom {
    margin-top: 31px;
    margin-bottom: 5px;
  }

.menu-text {
  position: absolute;
  font-family: 'Open Sans','Arial';
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: 0px;
  top: 29px;
  font-size: 1.08em;
  font-weight: bold;
  border-bottom: solid;
  border-bottom-width: 1px;
}

#sidebar-menu {
  padding-top: 10px;
  top: 49px;
}

  #sidebar-menu > ul > li > a {
    padding: 5px 0px 5px 15px;
  }

    #sidebar-menu > ul > li > a > i {
      font-size: 1.25em;
    }

.sidebar {
    z-index: 10000;
    padding: 10px;
}

.sidebar-top {
    display: flex;
    align-items: center;
    gap: 8px; /* öğeler arası boşluk */
    margin-bottom: 10px;
}

    .sidebar-top .sidebar-search-input {
        flex: 1; /* input kalan alanı kaplasın */
        min-width: 0; /* esneme hatalarını önlemek için */
    }

    .sidebar-top .btn {
        flex-shrink: 0; /* butonların boyutu sabit kalsın */
    }

.sidebar ul li a {
    padding: 0.4em 0.71em 0.2em 1.2em !important;
}


#sidebar-menu i.fa.fa-chevron-right, #sidebar-menu i.fa.fa-chevron-down {
  position: absolute;
  right: 0px;
}

.sidebar li.level-1 {
  /*font-size: 1.2em;*/
}

.sidebar li.level-2 {
  font-size: 0.95em;
}

.sidebar li.level-3 {
  font-size: 0.9em;
}

ul.tree li a {
  border-left: solid;
  border-width: 2px;
}

.sidebar ul.nav-list {
  padding-left: 25px;
}

  .sidebar ul.nav-list ul {
    padding-left: 20px;
  }

/****************** Theme ************/

/*** Theme 1 ***/

body.theme1 #sidebar-menu {
  border-top: 1px solid #CD6C95;
}

body.theme1 .sidebar, body.theme1 #body-container .global-title {
  background: #2E1A35;
  color: #FFFFFF;
}

  body.theme1 .sidebar .btn.btn-default {
    color: #2E1A35;
  }

  body.theme1 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme1 .sidebar ul li a:hover, body.theme1 .sidebar ul li a:focus {
      background: #874D76;
      color: #FFFFFF;
    }

  body.theme1 .sidebar ul.tree li a {
    border-left-color: #CD6C95;
  }

body.theme1 .portal-navbar, body.theme1 .menu-text {
  border-bottom-color: #704770;
}

  body.theme1 #btnLogout, body.theme1 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
  body.theme1 .menu-text, body.theme1 .navbar-default .navbar-nav > li > a, body.theme1 .btn-portal-right-menu span.badge {
    color: #704770;
  }

body.theme1 .portal-sub-menu-app-list ul li > a > span.badge, body.theme1 .menu-ball {
  background-color: #704770;
}

body.theme1 .navbar-default .navbar-nav > li > a:hover, body.theme1 .navbar-default .navbar-nav > li > a:focus {
  background-color: #704770;
  color: #fff;
}

body.theme1 .btn-portal-right-menu span.badge {
  border-color: #704770;
}

body.theme1 .portal-sub-menu-app-list ul li > a:hover i, body.theme1 .portal-sub-menu-app-list ul li > a:hover span {
  color: #704770;
}

body.theme1 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme1 .menu-ball {
  color: white;
}

/*** Theme 2 ***/

body.theme2 #sidebar-menu {
  border-top: 1px solid #6CAECD;
}

body.theme2 .sidebar, body.theme2 #body-container .global-title {
  background: #0F3376;
  color: #FFFFFF;
}

  body.theme2 .sidebar .btn.btn-default {
    color: #0F3376;
  }

  body.theme2 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme2 .sidebar ul li a:hover, body.theme2 .sidebar ul li a:focus {
      background: #034C8B;
      color: #FFFFFF;
    }

  body.theme2 .sidebar ul.tree li a {
    border-left-color: #6CA5CD;
  }

body.theme2 .portal-navbar, body.theme2 .menu-text {
  border-bottom-color: #1c7fbf;
}

  body.theme2 #btnLogout, body.theme2 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
  body.theme2 .menu-text, body.theme2 .navbar-default .navbar-nav > li > a, body.theme2 .btn-portal-right-menu span.badge {
    color: #1c7fbf;
  }

body.theme2 .portal-sub-menu-app-list ul li > a > span.badge, body.theme2 .menu-ball {
  background-color: #1c7fbf;
}

body.theme2 .navbar-default .navbar-nav > li > a:hover, body.theme2 .navbar-default .navbar-nav > li > a:focus {
  background-color: #1c7fbf;
  color: #fff;
}

body.theme2 .btn-portal-right-menu span.badge {
  border-color: #1c7fbf;
}

body.theme2 .portal-sub-menu-app-list ul li > a:hover i, body.theme2 .portal-sub-menu-app-list ul li > a:hover span {
  color: #1c7fbf;
}

body.theme2 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme1 .menu-ball {
  color: white;
}

/*** Theme 3 ***/

body.theme3 #sidebar-menu {
  border-top: 1px solid #CD6C95;
}

body.theme3 .sidebar, body.theme3 #body-container .global-title {
  background: #320716;
  color: #FFFFFF;
}

  body.theme3 .sidebar .btn.btn-default {
    color: #2E1A35;
  }

  body.theme3 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme3 .sidebar ul li a:hover, body.theme3 .sidebar ul li a:focus {
      background: #8d3d5c;
      color: #FFFFFF;
    }

  body.theme3 .sidebar ul.tree li a {
    border-left-color: #CD6C95;
  }

body.theme3 .portal-navbar, body.theme3 .menu-text {
  border-bottom-color: #8d3d5c;
}

  body.theme3 #btnLogout, body.theme3 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
  body.theme3 .menu-text, body.theme3 .navbar-default .navbar-nav > li > a, body.theme3 .btn-portal-right-menu span.badge {
    color: #8d3d5c;
  }

body.theme3 .portal-sub-menu-app-list ul li > a > span.badge, body.theme3 .menu-ball {
  background-color: #8d3d5c;
}

body.theme3 .navbar-default .navbar-nav > li > a:hover, body.theme3 .navbar-default .navbar-nav > li > a:focus {
  background-color: #8d3d5c;
  color: #fff;
}

body.theme3 .btn-portal-right-menu span.badge {
  border-color: #8d3d5c;
}

body.theme3 .portal-sub-menu-app-list ul li > a:hover i, body.theme3 .portal-sub-menu-app-list ul li > a:hover span {
  color: #8d3d5c;
}

body.theme3 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme3 .menu-ball {
  color: white;
}

::-webkit-scrollbar {
  width: 6px;
  height: 8px;
  border-radius: 4px;
}

::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}

a#ubys {
  bottom: 15px;
  position: fixed;
  right: 15px;
}

.navbar-default .navbar-nav > li > a.uni-logo-tiny:hover, .navbar-default .navbar-nav > li > a.uni-logo-tiny:focus {
  background: rgba(0, 0, 0, 0.04) !important;
}

.uni-logo-tiny {
  height: 50px;
}

.uni-logo-tiny img {
    height: 48px;
    display: block;
}

.uniLogo {
  margin-bottom: 20px;
  height: 150px;
  max-width: 376px;
}

.user-img > img {
  background: #1D365D;
  border: 2px solid #1D365D;
}

.user-img:hover img {
  border: 2px solid #fff;
}

.topl {
  border-top-left-radius: 0 !important;
  border-top: 0 !important;
}

.topr {
  border-top-right-radius: 0 !important;
  border-top: 0 !important;
}

.botl {
  border-bottom-left-radius: 0 !important;
}

.botr {
  border-bottom-right-radius: 0 !important;
}

#portal-links a.list-group-item.active, #portal-links a.list-group-item.active:hover, #portal-links a.list-group-item.active:focus {
  background-color: #1D365D;
  border-color: #1D365D;
}

.table th {
  font-weight: bold;
}

.gridHeading {
  margin: 4px 0 0;
}

.custom-search-input .input-group-addon {
  background: #fff;
}

.custom-search-input input {
  border-right: 0;
}

  .custom-search-input input:focus {
    border-right: 0;
  }

    .custom-search-input input:focus .custom-search-input .input-group-addon {
      border-left: 0;
      border-color: #66afe9;
      outline: 0;
      -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.tablesorter-default thead .sorter-false {
  background-image: none;
}

.well-mbr .well {
  margin-bottom: 0;
}

.input-group input.form-control.typeahead.tt-input {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  display: table-cell;
}

.input-group-btn .tt-selector {
  margin-top: -4px;
  border-right: 0;
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
  width: 128px;
}

.input-group input.form-control.typeahead.tt-input.tt-left-border {
  border-radius: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.lookup_textarea_focus {
  resize: none;
  position: absolute !important;
  vertical-align: top !important;
  background-color: white !important;
  top: -19px !important;
  z-index: 5 !important;
  height: 140px !important;
}

.navbar-nav > li > a.navbar-btn-r {
  padding: 0 15px;
  line-height: 50px;
}

.navbar-default .navbar-nav > li > a.navbar-btn-r:hover i, .navbar-default .navbar-nav > li > a.navbar-btn-r:focus i {
  border-color: #fff;
}

a.navbar-btn-r i {
  margin-right: 10px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid #1d365d;
  height: 32px;
  width: 32px;
  text-align: center;
  padding-top: 7px;
  margin-top: -7px;
  display: inline-block;
}

.rotate {
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-font-smoothing: antialiased;
}

.blur {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  filter: blur(2px);
}

.ellipsis {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*toolbar*/
#toolbar .dropdown-menu > li > a {
  padding: 10px 20px;
  color: #1D365D;
}

/*notifications*/

.controlmenu .dropdown-menu {
  border: 0;
  margin-top: 0px;
  margin-right: -1px;
  -moz-border-radius: 2px 0 2px 2px;
  -webkit-border-radius: 2px 0 2px 2px;
  border-radius: 2px 0 2px 2px;
  /*-moz-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
    -webkit-box-shadow: 3px 3px 0 rgba(12,12,12,0.05);
    box-shadow: 3px 3px 0 rgba(12,12,12,0.05);*/
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 5px;
}

  .controlmenu .dropdown-menu:after {
    border-bottom: 6px solid #1D365D;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 17px;
    position: absolute;
    top: -6px;
  }

.controlmenu .dropdown-menu-head {
  background: #fff;
}

  .controlmenu .dropdown-menu-head ul {
    border: 1px solid #ddd;
    border-top: 0;
    padding: 0 10px;
  }

  .controlmenu .dropdown-menu-head .title {
    background: #1D365D;
    color: #fff;
    padding: 15px;
    text-transform: uppercase;
    font-size: 11px;
    margin: 0;
  }

.controlmenu .dropdown-menu-head {
  padding: 0;
  min-width: 300px;
}

.controlmenu .dropdown-menu li {
  display: block;
  margin: 0;
  float: none;
  background: none;
  /*padding: 15px 5px;*/
}

.controlmenu .dropdown-list li {
  /*padding: 15px;*/
  overflow: hidden;
  border-bottom: 1px solid #eee;
}

  .controlmenu .dropdown-list li:last-child {
    border-bottom: 0;
  }

  .controlmenu .dropdown-list li > a {
    padding: 15px;
  }

    .controlmenu .dropdown-list li > a:hover {
      background-color: #f0f0f0;
    }

.controlmenu .dropdown-list .thumb {
  width: 36px;
  float: left;
}

  .controlmenu .dropdown-list .thumb img {
    width: 100%;
    display: block;
    vertical-align: middle;
  }

.controlmenu .dropdown-list .desc {
  /*margin-left: 45px;*/
  display: block;
}

  .controlmenu .dropdown-list .desc h5 {
    font-size: 13px;
    margin-top: 7px;
  }

.controlmenu .dropdown-list li .badge {
  float: right;
  position: absolute;
  right: 17px;
}

.controlmenu .user-list a {
  padding: 5px !important;
}

.gen-list li a {
  display: block;
}

  .gen-list li a:hover {
    color: #3779be;
  }

.gen-list li .name {
  font-size: 11px;
  font-family: 'LatoBold','Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 32px;
}

.gen-list li .msg {
  font-size: 11px;
  line-height: normal;
  color: #999;
  display: block;
}

.controlmenu .dropdown-menu-head .badge {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  font-weight: normal;
  font-size: 11px;
  vertical-align: middle;
  display: inline-block;
}

.controlmenu .badge-warning {
  background-color: #ec8c04;
}

.controlmenu .badge-success {
  background-color: #1CAF9A;
}

.user-settings a i {
  margin-right: 10px;
  font-size: 1.2em;
}

.tooltip-info {
  font-size: 2.7em;
  color: rgba(71, 71, 71, 0.63);
  z-index: 55;
  line-height: 1;
}

  .tooltip-info:hover {
    color: rgba(15, 15, 15, 0.93);
  }

/*toastr*/

#toast-container > div {
  opacity: 0.94;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=94)";
  filter: alpha(opacity=94);
}

.toast-error {
  -webkit-box-shadow: 0 0 12px rgba(88, 12, 8, 0.69);
  -moz-box-shadow: 0 0 12px rgba(88, 12, 8, 0.69);
  box-shadow: 0 0 12px rgba(88, 12, 8, 0.69);
}

.img-minicircle {
  height: 36px;
  width: 36px;
}

/*#imgUser {
  height: 232px;
  width: 232px;
}*/

iframe {
  border: 1px solid rgba(201, 201, 201, 1);
}

.ratio {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 0;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

/*================================*/
/* portal hamburger menü için
/*================================*/
.nav-toggle {
  /*position: absolute;*/
  /*left: 15px;*/
  /*top: 19px;*/
  cursor: pointer;
  padding: 10px 35px 16px 0px !important;
  margin-top: 13px;
}

.nav-toggle {
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}

  .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
    cursor: pointer;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -o-border-radius: 1px;
    height: 5px;
    width: 35px;
    background: #850526;
    position: absolute;
    display: block;
    content: '';
  }

    .nav-toggle span:before {
      top: -10px;
    }

    .nav-toggle span:after {
      bottom: -10px;
    }

    .nav-toggle span, .nav-toggle span:before, .nav-toggle span:after {
      transition: all 100ms ease-in-out;
      -webkit-transition: all 100ms ease-in-out;
      -moz-transition: all 100ms ease-in-out;
      -o-transition: all 100ms ease-in-out;
    }

  .nav-toggle:hover span {
    background-color: transparent;
  }

    .nav-toggle:hover span:before, .nav-toggle:hover span:after {
      top: 0;
    }

    .nav-toggle:hover span:before {
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
    }

    .nav-toggle:hover span:after {
      -moz-transform: translateY(-10px) rotate(-45deg);
      -o-transform: translateY(-10px) rotate(-45deg);
      transform: translateY(-10px) rotate(-45deg);
      -webkit-transform: translateY(-10px) rotate(-45deg);
      -ms-transform: translateY(-10px) rotate(-45deg);
      top: 10px;
    }
/*================================*/
/* portal hamburger menü için kapanış
/*================================*/

/*================================*/
/*Treeview Control BAŞLANGIÇ      */
/*================================*/
.parentItem, .treeViewItem {
  padding-bottom: 5px;
}

.treeViewSubItem, .selectSubTreeItem {
  list-style-type: none;
  padding-left: 25px;
  padding-bottom: 5px;
}

.treeModalScroller {
  height: 520px;
  margin-top: 10px;
  overflow: scroll;
  overflow-x: hidden;
}

/*================================*/
/*Treeview Control BİTİŞ      */
/*================================*/

/*.blur {
    filter: url(#blur-sm);
}*/

/*#sidebar-menu {
  text-transform: uppercase;
}*/

#idOfVideos {
  width: 100%;
  min-height: 350px;
}

  #idOfVideos .videoCls {
    font-weight: bold;
    margin-bottom: 5px;
    width: 246px;
    height: 200px;
    float: left;
    border: 1px solid #ddd;
    margin: 10px;
    box-shadow: 0px 0px 1px 1px #EFEFEF;
    display: block;
    position: relative;
  }

    #idOfVideos .videoCls img {
      width: 244px;
      min-height: 150px;
      border: 0;
    }

    #idOfVideos .videoCls .videoTitle {
      display: block;
      padding: 5px;
      text-align: center;
    }

    #idOfVideos .videoCls .ply {
      display: none;
      position: absolute;
      margin: auto;
      border: 0;
      background: rgba(255, 255, 255, 0.7);
      color: #666;
      text-align: center;
      padding-top: 12%;
      font-size: 5.3em;
      -webkit-transition: all 0.15s ease-out;
      -moz-transition: all 0.15s ease-out;
      -ms-transition: all 0.15s ease-out;
      -o-transition: all 0.15s ease-out;
      transition: all 0.15s ease-out;
      top: 0;
      left: 0;
      right: -1px;
      bottom: 48px;
    }

    #idOfVideos .videoCls:hover .ply {
      display: block;
      -webkit-transition: all 0.15s ease-in;
      -moz-transition: all 0.15s ease-in;
      -ms-transition: all 0.15s ease-in;
      -o-transition: all 0.15s ease-in;
      transition: all 0.15s ease-in;
    }

.account-image-upload img {
  height: 120px;
  width: 120px;
  box-shadow: 0 0 5px #888888;
}

.account-image-upload .link i {
  display: none;
}

.account-image-upload:hover .link i {
  position: absolute;
  top: 30%;
  left: 30%;
  display: block;
  width: 50px;
  height: 50px;
  border: 2px solid rgba(0, 0, 0, 1);
  border-radius: 36px;
  padding-top: 13px;
  font-size: 1.5em;
  background: rgba(255, 255, 255, 0.85);
  color: #000;
}

  .account-image-upload:hover .link i:hover {
    border: 2px solid rgba(255, 255, 255, 1);
    background: rgba(0, 0, 0, 0.7);
    color: #FFF;
  }


.bootstrap-datetimepicker-widget.dropdown-menu {
  z-index: 1100;
}

/* Kendo Grid'de sağ tık menüsü olan gridlerde sol üstte info ikonu çıkacak. */
.k-grid-context-menu-info-icon {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  top: 0;
  right: 0;
  z-index: 1;
  text-align: center;
  color: #fff;
  font-size: 13px;
  border: 1px solid #ffffff;
  /* border-radius: 50%; */
  line-height: 0px;
  /* background-color: #d23872; */
  cursor: pointer;
  border-top: 14px solid #d23872;
  border-right: 10px solid #d23872;
  border-bottom: 14px solid transparent;
  border-left: 10px solid transparent;
  border-top-right-radius: 4px;
}

  .k-grid-context-menu-info-icon > i.fa {
    display: inline-block;
    position: absolute;
    top: -12px;
    right: -7px;
  }

/*** Theme 4 İlkbahar  */
body.theme4 #sidebar-menu {
  border-top: 1px solid #5ca298;
}

body.theme4 .sidebar, body.theme4 #body-container .global-title {
  background: #5ca298;
  color: #FFFFFF;
}

  body.theme4 .sidebar .btn.btn-default {
    color: #0F3376;
  }

  body.theme4 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme4 .sidebar ul li a:hover, body.theme4 .sidebar ul li a:focus {
      background: #6ec2b6;
      color: #FFFFFF;
    }

  body.theme4 .sidebar ul.tree li a {
    border-left-color: #8cccc2;
  }

body.theme4 .portal-navbar, body.theme4 .menu-text {
  border-bottom-color: #4ca298;
}

  body.theme4 #btnLogout, body.theme4 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
  body.theme4 .menu-text, body.theme4 .navbar-default .navbar-nav > li > a, body.theme4 .btn-portal-right-menu span.badge {
    color: #4ca298;
  }

body.theme4 .portal-sub-menu-app-list ul li > a > span.badge, body.theme4 .menu-ball {
  background-color: #4ca298;
}

body.theme4 .navbar-default .navbar-nav > li > a:hover, body.theme4 .navbar-default .navbar-nav > li > a:focus {
  background-color: #4ca298;
  color: #fff;
}

body.theme4 .btn-portal-right-menu span.badge {
  border-color: #4ca298;
}

body.theme4 .portal-sub-menu-app-list ul li > a:hover i, body.theme4 .portal-sub-menu-app-list ul li > a:hover span {
  color: #4ca298;
}

body.theme4 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme4 .menu-ball {
  color: white;
}

/*** Theme 5 Yaz  */
body.theme5 #sidebar-menu {
  border-top: 1px solid #59abf2;
}

body.theme5 .sidebar, body.theme5 #body-container .global-title {
  background: #498eca;
  color: #FFFFFF;
}

  body.theme5 .sidebar .btn.btn-default {
    color: #0F3376;
  }

  body.theme5 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme5 .sidebar ul li a:hover, body.theme5 .sidebar ul li a:focus {
      background: #57a9f0;
      color: #FFFFFF;
    }

  body.theme5 .sidebar ul.tree li a {
    border-left-color: #59abf2;
  }

body.theme5 .portal-navbar, body.theme5 .menu-text {
  border-bottom-color: #397fba;
}

  body.theme5 #btnLogout, body.theme5 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
  body.theme5 .menu-text, body.theme5 .navbar-default .navbar-nav > li > a, body.theme5 .btn-portal-right-menu span.badge {
    color: #397fba;
  }

body.theme5 .portal-sub-menu-app-list ul li > a > span.badge, body.theme5 .menu-ball {
  background-color: #397fba;
}

body.theme5 .navbar-default .navbar-nav > li > a:hover, body.theme5 .navbar-default .navbar-nav > li > a:focus {
  background-color: #397fba;
  color: #fff;
}

body.theme5 .btn-portal-right-menu span.badge {
  border-color: #397fba;
}

body.theme5 .portal-sub-menu-app-list ul li > a:hover i, body.theme5 .portal-sub-menu-app-list ul li > a:hover span {
  color: #397fba;
}

body.theme5 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme5 .menu-ball {
  color: white;
}

/*** Theme 6 Sonbahar  */
body.theme6 #sidebar-menu {
  border-top: 1px solid #4c2e2e;
}

body.theme6 .sidebar, body.theme6 #body-container .global-title {
  background: #261616;
  color: #FFFFFF;
}

  body.theme6 .sidebar .btn.btn-default {
    color: #0F3376;
  }

  body.theme6 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme6 .sidebar ul li a:hover, body.theme6 .sidebar ul li a:focus {
      background: #4a2c2c;
      color: #FFFFFF;
    }

  body.theme6 .sidebar ul.tree li a {
    border-left-color: #4c2e2e;
  }

body.theme6 .portal-navbar, body.theme6 .menu-text {
  border-bottom-color: #673810;
}

  body.theme6 #btnLogout, body.theme6 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
  body.theme6 .menu-text, body.theme6 .navbar-default .navbar-nav > li > a, body.theme6 .btn-portal-right-menu span.badge {
    color: #673810;
  }

body.theme6 .portal-sub-menu-app-list ul li > a > span.badge, body.theme6 .menu-ball {
  background-color: #673810;
}

body.theme6 .navbar-default .navbar-nav > li > a:hover, body.theme6 .navbar-default .navbar-nav > li > a:focus {
  background-color: #673810;
  color: #fff;
}

body.theme6 .btn-portal-right-menu span.badge {
  border-color: #673810;
}

body.theme6 .portal-sub-menu-app-list ul li > a:hover i, body.theme6 .portal-sub-menu-app-list ul li > a:hover span {
  color: #673810;
}

body.theme6 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme6 .menu-ball {
  color: white;
}

/*** Theme 8 Gri ***/

body.theme8 #sidebar-menu {
  border-top: 1px solid #9598a1;
}

body.theme8 .sidebar, body.theme8 #body-container .global-title {
  background: #1d1d24;
  color: #FFFFFF;
}

  body.theme8 .sidebar .btn.btn-default {
    color: #40404d;
  }

  body.theme8 .sidebar ul li a {
    color: #FFFFFF;
  }

    body.theme8 .sidebar ul li a:hover, body.theme8 .sidebar ul li a:focus {
      background: #343440;
      color: #FFFFFF;
    }

  body.theme8 .sidebar ul.tree li a {
    border-left-color: #5f5f6d;
  }

body.theme8 .portal-navbar, body.theme8 .menu-text {
    border-bottom-color: #1d1d24;
}

    body.theme8 #btnLogout, body.theme8 .portal-navbar ul.nav.navbar-nav.navbar-right > li > a,
    body.theme8 .menu-text, body.theme8 .navbar-default .navbar-nav > li > a, body.theme8 .btn-portal-right-menu span.badge {
        color: #1d1d24;
    }

body.theme8 .portal-sub-menu-app-list ul li > a > span.badge, body.theme8 .menu-ball {
    background-color: #1d1d24;
}

body.theme8 .navbar-default .navbar-nav > li > a:hover, body.theme8 .navbar-default .navbar-nav > li > a:focus {
    background-color: #1d1d24;
    color: #fff;
}

body.theme8 .btn-portal-right-menu span.badge {
    border-color: #1d1d24;
}

body.theme8 .portal-sub-menu-app-list ul li > a:hover i, body.theme8 .portal-sub-menu-app-list ul li > a:hover span {
    color: #1d1d24;
}

body.theme8 .portal-sub-menu-app-list ul li > a:hover > span.badge, body.theme8 .menu-ball {
  color: white;
}

.table-fix-header {
  table-layout: fixed;
  margin-bottom: 0;
}

.table-fix-div {
  overflow-y: auto;
  margin-bottom: 0;
  font-size: 0.9em;
}

.sub-alert {
  height: 87px;
  width: 50%;
  text-align: center;
  position: absolute;
  z-index: 55555;
  bottom: 30px;
  left: 25%;
  background-color: rgba(53, 53, 53, 0.72);
  color: #ffffff;
  font-size: 1.6em;
  border-radius: 5px;
  padding: 15px;
  display: none;
}

  .sub-alert .close {
    position: absolute;
    right: 10px;
    margin-top: 15px;
    color: #fff;
  }

@media screen and (max-width: 768px) {
  .navbar-nav.navbar-right {
    display: flex;
    position: absolute;
    right: 0;
    top: 0;
  }

    .navbar-nav.navbar-right .btn-right-menu {
      padding-left: 7px;
      padding-right: 7px;
    }

    .navbar-nav.navbar-right .portal-right-menu-caret {
      left: 8px;
    }

  .navbar-header {
    width: 40px;
    position: absolute;
  }

  #toolbar {
    width: 70%;
    margin-left: 30px;
    left: 0;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .navbar-collapse {
    display: flex !important;
  }

  .circle-icon {
    padding-left: 20px !important;
  }
}

.modal {
  overflow-y: auto !important;
}

.modal-open {
  overflow: auto;
}

/*===============================*/
/* TABLE SORTER _> START         */
/*===============================*/

/* tables */
table.tablesorter {
  font-family: arial;
  background-color: #CDCDCD;
  margin: 10px 0pt 15px;
  font-size: 8pt;
  width: 100%;
  text-align: left;
}

  table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    /*background-color: #e6EEEE;*/
    /*border: 1px solid #FFF;*/
    /*font-size: 8pt;
	padding: 4px;*/
    border-bottom: 2px solid #ddd;
  }

  table.tablesorter thead tr .header {
    background-image: url('../../Content/tablesorter/bg.gif');
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
  }

  table.tablesorter tbody td {
    /*color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;*/
  }

  table.tablesorter tbody tr.odd td {
    background-color: #F0F0F6;
  }

  table.tablesorter thead tr .headerSortUp {
    background-image: url('../../Content/tablesorter/asc.gif');
  }

  table.tablesorter thead tr .headerSortDown {
    background-image: url('../../Content/tablesorter/desc.gif');
  }

  table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
    /*background-color: #8dbdd8;*/
  }

/*===============================*/
/* TABLE SORTER _> END           */
/*===============================*/

/*******************
  Help Document Files
*/
.navbar-nav > .help-document-files > .dropdown-menu {
  width: 280px;
  padding: 0 0 0 0;
  margin: 0;
  top: 100%
}

  .navbar-nav > .help-document-files > .dropdown-menu > li {
    position: relative
  }

    .navbar-nav > .help-document-files > .dropdown-menu > li.header {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      background-color: #ffffff;
      padding: 7px 10px;
      border-bottom: 1px solid #f4f4f4;
      color: #444444;
      font-size: 14px
    }

    .navbar-nav > .help-document-files > .dropdown-menu > li.footer > a {
      border-top-left-radius: 0;
      border-top-right-radius: 0;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      font-size: 12px;
      background-color: #fff;
      padding: 7px 10px;
      border-bottom: 1px solid #eeeeee;
      color: #444 !important;
      text-align: center
    }

@media (max-width: 991px) {
  .navbar-nav > .help-document-files > .dropdown-menu > li.footer > a {
    background: #fff !important;
    color: #444 !important
  }
}

.navbar-nav > .help-document-files > .dropdown-menu > li.footer > a:hover {
  text-decoration: none;
  font-weight: normal
}

.navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden
}

  .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a {
    display: block;
    white-space: nowrap;
    border-bottom: 1px solid #f4f4f4
  }

    .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a:hover {
      background: #3c8dbc;
      color: white;
      text-decoration: none
    }

  .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 7px;
  }

    .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a > .glyphicon, .navbar-nav > .help-document-files > .dropdown-menu >
    li .menu > li > a > .fa, .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a > .ion {
      width: 20px
    }

    .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a > h4 {
      margin: 0;
      padding: 0;
      font-size: 14px;
    }

    .navbar-nav > .help-document-files > .dropdown-menu > li .help-document-file-list > li > a > div > img {
      padding: 0px 10px !important;
    }






.ubys-communication-center .dropdown-menu {
  padding: 1rem;
  min-width: 250px;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.15);
}


.ubys-communication-center .dropdown-menu .header h5.title {
  margin: 0;
  font-weight: bold;
}

.ubys-communication-center .dropdown-menu .header small {
  display: block;
  margin-top: 3px;
  color: #555;
}


.ubys-communication-center .dropdown-menu .item {
  display: flex;
  align-items: center;
  gap: 10px;
  border-top: 1px solid #eee;
  padding-top: 10px;
}


  .ubys-communication-center .dropdown-menu .item i {
    font-size: large;
  }