html {
  scroll-behavior: smooth;
}
@font-face {
  font-family: myFirstFont;
  src: url(ico.ttf);
}
@font-face {
    font-family: 'ploni-regular-aaa';
    font-style: normal;
    font-weight: normal;
    src: local('../ploni-regular-aaa'), url('../ploni-regular-aaa.woff') format('woff');
}

.icon{
  font-family: myFirstFont;
  display: inline-block;
  transition: transform 0.5s;
}


.icon:hover, .icon a:hover {
    transform: scale(1.15);
}

#logo{
    transition: 0.4s;
}
.top_menu_right{

    float: right;
    margin-right: 7px;
}
.top_menu_left{
    float: left;
    margin-right: 7px;
    direction: ltr;

}
.menu-values{
    display: table-cell;
    height: 45px;
    border: 0px dashed #1c87c9;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    
}
.main {
    padding: 155px 25px 90px 90px;

}
.categorySelect, ul, #treeView {
  padding-top :4px;
  padding-bottom :4px;
  list-style-type: none;
}
.classSelect, li {
  cursor: pointer;
  padding-top :8px;
  padding-bottom :8px;
  font-size: 16px;
}
.categorySelect, li {
  cursor: pointer;
  padding-top :8px;
  padding-bottom :8px;
  font-size: 14px;
}
.categorySelect:hover{

    background-color: #e6e6e6;
    border: 1px solid #F0F0F00;
    /*font-size: 16px;*/
    text-align: right;
    border-radius: 15px;
    /*padding:6px;*/

}
.classSelect:hover{

    background-color: #e6e6e6;
    border: 1px solid #F0F0F00;
    /*font-size: 16px;*/
    text-align: right;
    border-radius: 15px;
    /*padding:6px;*/

}
#treeView {
  margin: 0;
  padding: 0;
}
.caret {
  font-size: 17px;
  content: "-";
  /*
  -webkit-user-select: none; 
  -moz-user-select: none;
  -ms-user-select: none; 
  */
  user-select: none;
}
.caret-list {
  font-size: 17px;
}
.caret-list:hover, .sales_menu:active{
    width: 100%;
    background-color: #e6e6e6;
    border: 1px solid #F0F0F00;
    text-align: right;
    border-radius: 15px;
    padding:6px;

}

.caret::before {
  content: "+";
  color: black;
  display: inline-block;
  margin-right: 6px;
}

.caret-down::before {
  content: "-";
    /*
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg); 
  transform: rotate(90deg);  
  */
}

.nested {
  display: none;
}

.active {
  display: block;
}
#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #00b300;
  color: #fff;
  text-align: center;
  border-radius: 7px;
  padding: 16px;
  position: fixed;
  z-index: 6;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#snackbarError {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #e60000;
  color: #fff;
  text-align: center;
  border-radius: 7px;
  padding: 16px;
  position: fixed;
  z-index: 6;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
}
#snackbar.show,#snackbarError.show {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}
@-webkit-keyframes fadein {
  from {bottom: 0; opacity: 0;} 
  to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
  from {bottom: 0; opacity: 0;}
  to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
  from {bottom: 30px; opacity: 1;} 
  to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
  from {bottom: 30px; opacity: 1;}
  to {bottom: 0; opacity: 0;}
}

.modal-body {padding: 2px 16px;}

table {
  font-size: 14px;
  border-collapse: collapse;
  width: 100%;
  direction: rtl;
  text-align: right;
  color: #575757;
  border: 1px solid #F0F0F0;
}

td{

    border-style: none none solid none;
    background-color: #e6e6e69;
    padding: 5px;
    margin: 10px;
    height: 50px;

}
#td{

    border-style: none none none none;
    background-color: #ffffff;
    padding: 1px;
    margin: 5px;
    height: 25px;

}
#tdsmal{

    border-style: none none solid none;
    background-color: #e6e6e69;
    padding: 5px;
    margin: 10px;
    height: 15px;
  font-size: 11px;

}
.wait {
  position: fixed; /* Stay in place */
  z-index: 5; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  padding-top: 60px;

   z-index: 200;
   

}
.wait-content {
  margin: 20% auto auto auto; /* 5% from the top, 15% from the bottom and centered */
  width: 35%; /* Could be more or less, depending on screen size */
    font-size: 30px;
  z-index: 5;
  color: #ffffff;

    
}

.smalTd{
    border-style: none none solid none;
    background-color: #e6e6e69;
    padding: 5px;
    margin: 50px;
    height: 14px;
    font-size: 11px;
}