/*====================================== BREADCRUMP ====================================================*/
/*#region name */
.breadcrumb {font-size: 10px!important; font-family: 'Raleway', sans-serif!important;background-color: #f0f0f0!important;border-bottom: 1px solid #c8cacb!important;}
.breadcrumb-item.active {color: black!important}
.breadcrumb-item a:hover {color: #337ab6!important}
.breadcrumb-item + .breadcrumb-item::before {display: inline-block!important;padding-right: 0.1rem!important;padding-left: 0.1rem!important;color: #6c757d!important;content: ">"!important;}
/*#endregion */
/*======================================================================================================*/

  /* sağ menu arama css */
  /* Style the search box */
#mySearch {
 color:rgb(7, 1, 47);

}
#myMenu li a:hover {
  background-color: #eee;
}
  
  .modal-bg{
    background-image: linear-gradient(rgb(3, 96, 120), rgb(67, 105, 131));
}

.scrollable-menu {
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.rotate_text {
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: vertical-lr;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.rotated_cell {
  text-align: center;
  vertical-align: center;

}


nav.scrollmenu {
  background-color:transparent;
  overflow: auto;
  white-space: nowrap;
}
::-webkit-scrollbar{


  width:5px;
  height: 5px;
  background-color:transparent;
/*    -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
  -o-transition: background-color .2s linear;
  -webkit-transition: background-color.2s linear;
  -moz-transition: background-color .2s linear;
  transition: background-color .2s linear;
}
::-webkit-scrollbar-thumb { 
  background: #5cb5fd!important;
  border-radius: 5px!important;
}
::-webkit-scrollbar-thumb:hover {
  background: #3593f1!important;
  
}

nav.scrollmenu a {
  margin-bottom: 5px;
  display: inline-block;
  /* color: white; */
  text-align: center;
  /* padding: 10px; */
  text-decoration: none;
}

nav.scrollmenu a:hover {
  background-color: rgb(40, 188, 230)!important;
}









@media only screen and (max-width: 576px) {::-webkit-scrollbar {display: none;}
 }
 @media only screen and (max-width: 776px) {::-webkit-scrollbar {display: none;} 
 }

 /* scrolling tabs start */

 .scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-left {
  text-align: right;
  width: 30px; /* affects amount of scrollToActiveTab movement */
  height: 38px;
  padding-right: 10px;
}
.scrtabs-tab-scroll-arrow.scrtabs-tab-scroll-arrow-right {
  width: 30px; /* affects amount of scrollToActiveTab movement */
  height: 38px;
  padding-left: 10px;
}


 /* scrolling tabs end */