body {
  /*padding-bottom: 20px;*/
  /*background-color: #444;*/
  background: url('/images/darkdenim3.png') #444 repeat;
  font-family: 'Open Sans', sans-serif;
}

::-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.07);
}

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

  .uni-logo-tiny img {
    height: 50px;
    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;
}

.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;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*colors*/
.c-erms {
  color: #3276B1;
}

.c-dedu {
  color: #9b59b6;
}

.c-orange {
  color: #e67e22;
}

.c-red {
  color: #CE1F1F;
}

.c-native {
  color: #3276B1;
}

.c-blue {
  color: #3276B1;
}

.c-laserblue {
  color: #3498db;
}

.c-gray {
  color: #777;
}

.c-green {
  color: #54B61C;
}

.c-turquoise {
  color: #1abc9c;
}

.c-nephritis {
  color: #27ae60;
}

.c-asphalt {
  color: #34495e;
}

.c-poma {
  color: #c0392b; /* not toma :) */
}

.fs-big {
  font-size: 1.2em;
}

/*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;
  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 {
  z-index: 1050;
}

.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);
  }

/*******************/
/*loading indicator START
/*******************/
/*#indicator {
  background: rgba(255, 255, 255, 0.44);
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000000;
  display: none;
}

.indicatorContainer {
  background: rgba(255, 255, 255, 0.44);
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000000;
  display: none;
}

  .indicatorContainer .spinner {
    top: 47% !important;
    width: 100%;
    text-align: center;
    position: absolute;
    color: #850526;
  }

    .indicatorContainer .spinner > div {
      width: 18px;
      height: 18px;
      background-color: #850526;
      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .indicatorContainer .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .indicatorContainer .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0.0);
  }

  40% {
    -webkit-transform: scale(1.0);
  }
}

@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  }

  40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.indicatorContainer .indicator-message {
  position: absolute;
  margin: auto;
  top: 10%;
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.79);
  border: 0px solid;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.57);
}*/
/*******************/
/*loading indicator FINISH
/*******************/


/*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);
}

/*General tweakers*/

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.break-all {
  word-wrap: break-word;
  word-break: break-all;
}

.noutline, .outline:focus, .outline:active, .outline:hover {
  outline: 0 !important;
}

.p0 {
  padding: 0;
}

.mb0 {
  margin-bottom: 0;
}

.pt0 {
  padding-top: 0;
}

.pa {
  padding: 15px;
}

.pt {
  padding-top: 15px;
}

.pb {
  padding-bottom: 15px;
}

.pr {
  padding-right: 15px;
}

.pl {
  padding-left: 15px;
}

/*HELPER CLASS*/
.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt50 {
  margin-top: 50px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml50 {
  margin-left: 50px;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr50 {
  margin-right: 50px;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb50 {
  margin-bottom: 50px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt50 {
  padding-top: 50px;
}

.pl0 {
  padding-left: 0;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl50 {
  padding-left: 50px;
}

.pr0 {
  padding-right: 0;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr50 {
  padding-right: 50px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb50 {
  padding-bottom: 50px;
}

.relative {
  position: relative;
}



/*home page menu icon toogleIcon*/
#svg_0, #svg_1, #svg_2, #svg_3 {
  fill: #850526;
}

#svg_1, #svg_2 {
  -webkit-transform-origin-x: 50%;
  -webkit-transform-origin-y: 50%;
  -ms-transform-origin-x: 50%;
  -ms-transform-origin-y: 50%;
  -moz-transform-origin: 25px 25px;
  transform-origin: 25px 25px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -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;
}

#toogleIcon:hover #svg_0, #toogleIcon:hover #svg_3 {
  opacity: 0;
  -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;
}


#toogleIcon:hover #svg_1 {
  -webkit-transform-origin-x: 100%;
  -moz-transform-origin: 50px 0px;
  -ms-transform-origin-x: 50%;
  -ms-transform-origin-y: 50%;
  transform-origin: 20px 20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -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;
}

#toogleIcon:hover #svg_2 {
  -webkit-transform-origin-x: 100%;
  -moz-transform-origin: 25px 25px;
  -ms-transform-origin-x: 50%;
  -ms-transform-origin-y: 50%;
  transform-origin: 18px 25px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -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;
}

/*#toogleIcon:hover #svg_1 {
    -webkit-transform-origin-x: 100%;
    -moz-transform-origin: 50px 0px;
    -ms-transform-origin-x: 50%;
    -ms-transform-origin-y: 50%;
    transform-origin: 25px 25px;
    -webkit-transform: rotate(20deg);
    -moz-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -o-transform: rotate(20deg);
    transform: rotate(20deg);
    -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;
}

#toogleIcon:hover #svg_2 {
    -webkit-transform-origin-x: 100%;
    -moz-transform-origin: 25px 25px;
    -ms-transform-origin-x: 50%;
    -ms-transform-origin-y: 50%;
    transform-origin: 25px 25px;
    -webkit-transform: rotate(-20deg);
    -moz-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    -o-transform: rotate(-20deg);
    transform: rotate(-20deg);
    -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;
}*/

.level_0 {
  height: 3px !important;
}

.level_1 {
  height: 10px !important;
}

.level_2 {
  height: 20px !important;
}

.level_3 {
  height: 30px !important;
}

.level_4 {
  height: 40px !important;
}

.level_5 {
  height: 50px !important;
}

.level_6 {
  height: 60px !important;
}

.level_7 {
  height: 70px !important;
}

.level_8 {
  height: 80px !important;
}

.level_9 {
  height: 90px !important;
}

.level_10 {
  height: 100px !important;
}

.text-center {
  text-align: center;
}

.fm {
  font-size: 0.9em;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

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

#imgUser {
  /*height: 232px;*/
/*  width: 232px;*/  
    position: absolute;    
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin : auto;
}

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%;
}

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


/*Portal left menu icons*/
/*font-awsome*/
.menuicon-76, .menuicon-100, 
.menuicon-200, .menuicon-20960, 
.menuicon-100000, .menuicon-80000, .menuicon-88000, .menuicon-90000, .menuicon-110000, .menuicon-120000, .menuicon-77100,
.menuicon-320 {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  /*Personel*/
  .menuicon-76:before {
    content: "\f0c0";
  }
  /*Sistem*/
  .menuicon-100:before {
    content: "\f085";
  }
  /*Organizasyon*/
  .menuicon-200:before {
    content: "\f0e8";
  }
  /*Yabancı Diller*/
  .menuicon-20960:before {
    content: "\f0ac";
  }
  /*Kurumsal*/
  .menuicon-100000:before {
    content: "\f0b1";
  }
  /*UZEM*/
  .menuicon-80000:before {
    content: url('../images/uzem_icon.png');
    position: relative;
    top: 2px;
  }
  /*EK ÖDEME*/
  .menuicon-88000:before {
    content: "\f067";
  }
  /*MES*/
  .menuicon-90000:before {
    color: #428bca;
    content: "\f080";
  }
  /*KALİTE YÖNETİM SİSTEMİ*/
  .menuicon-110000:before {
    content: "\f164";
  }
  /*TEKNOLOJİ TRANSFER*/
  .menuicon-120000:before {
    content: "\f109";
  }
  /*SERVİS/DESTEK TALEP*/
  .menuicon-77100:before {
    content: "\f086";
  }
  /*Dilek Öneri Şikayat*/
  .menuicon-320:before{
    color: #428bca;
    content: "\f080";
  }

/*Portal left menu icons*/
/*icomoon*/
.menuicon-10000, .menuicon-20900, .menuicon-20950,
.menuicon-20970, .menuicon-20980, .menuicon-40000,
.menuicon-50000, .menuicon-60000, .menuicon-70000,
.menuicon-75000, .menuicon-77000, .menuicon-130004,
.menuicon-130000, .menuicon-180000 {
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
  /*ETS*/
  .menuicon-10000:before {
    content: "\e6c7";
  }
  /*Student Info*/
  .menuicon-20900:before {
    content: "\e646";
  }
  /*Öğretim Üyesi*/
  .menuicon-20950:before {
    content: "\e67a";
  }
  /*Student*/
  .menuicon-20970:before {
    content: "\e667";
  }
  /*Başvuru*/
  .menuicon-20980:before {
    content: "\e60e";
  }
  /*Strateji*/
  .menuicon-40000:before,
  .menuicon-180000:before {
    content: "\e614";
  }
  /*Akademik*/
  .menuicon-50000:before {
    content: "\e613";
  }
  /*EBYS*/
  .menuicon-60000:before {
    color: #3276B1;
    content: "\e642";
  }
  /*MYBS*/
  .menuicon-70000:before {
    content: "\e605";
  }
  /*Satın Alma*/
  .menuicon-75000:before {
    content: "\e6bc";
  }
  /*Varlık Yönetimi*/
  .menuicon-77000:before {
    content: "\e618";
  }
  /*BAP*/
  .menuicon-130004:before, .menuicon-130000:before {
    /*content: "\e6cd";*/
    content: url('../images/bap_logo.png');
    position: relative;
    top: 7px;
  }

/* END OF Portal left menu icons*/


/*================================*/
/* 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.active span {
        background-color: transparent;
    }

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

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

        .nav-toggle.active span:after {
            transform: translateY(-10px) rotate(-45deg);
            -webkit-transform: translateY(-10px) rotate(-45deg);
            -ms-transform: translateY(-10px) rotate(-45deg);
            top: 10px;
        }*/

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

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

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

    .nav-toggle:hover span:after {
      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İŞ      */
/*================================*/

.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;
}

.mt4 {
  margin-top: 4px;
  margin-bottom: 5px;
}


/*.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;
    }

/*uniLogo Indicator*/
@keyframes rotate1 {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

@keyframes rotate2 {
  0% {
    transform: rotateZ(0deg);
  }

  100% {
    transform: rotateZ(360deg);
  }
}

#indicatorLoader, .indicator-loader {
  background: rgba(0, 0, 0, 0.51);
  height: 100%;
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000000000;
  display: none;
}

.indicator-loader {
  position: absolute;
}


.indicatorLoader .indicator-message {
  position: absolute;
  margin: auto;
  top: 10%;
  width: 100%;
  text-align: center;
  font-size: 40px;
  color: #FFFFFF;
  background: rgba(0, 0, 0, 0.79);
  border: 0px solid;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.57);
}

.indicatorLoaderContainer img {
  width: 85%;
  height: 85%;
  display: block;
  margin: 0 auto;
  top: 7px;
  position: relative;
  /* opacity: 0.7; */
}

.indicatorLoaderContainer {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  /* background: #fff; */
  width: 100px;
  height: 100px;
  border-radius: 100%;
  /* border: 10px solid #262d37; */
}

  .indicatorLoaderContainer:after {
    content: '';
    background: trasparent;
    width: 110%;
    height: 110%;
    position: absolute;
    border-radius: 100%;
    top: -15%;
    left: -15%;
    opacity: 0.7;
    /*box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;*/
    box-shadow: rgba(255, 255, 255, 0.6) 7px 3px 3px -3px;
    animation: rotate1 2s infinite linear;
  }



.indicatorLoaderContainer2 {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -60px 0 0 -60px;
  background: #fff;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  border: 5px solid #4F5154;
  box-shadow: 0px 5px 10px rgba(76, 74, 74, 0.64);
}

  .indicatorLoaderContainer2:after {
    content: '';
    background: trasparent;
    width: 140%;
    height: 140%;
    position: absolute;
    border-radius: 100%;
    top: -20%;
    left: -20%;
    opacity: 0.7;
    box-shadow: rgba(255, 255, 255, 0.6) 7px 3px 3px -3px;
    animation: rotate2 2s infinite linear;
    animation-direction: reverse;
  }

/*END of uniLogo Indicator*/




.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;
  }


/* 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;
}


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

.modal-open {
 overflow: auto;
}

.no-resize {
  resize: none;
}