﻿input::-ms-clear { /* dezactivare x -ul de la sfrasitul inputului in IE*/
    display: none;
}
.sk-storageDisplay-readonly{
    background:none;
}

li[data-selected='true']{  /* nue clasa pe el cum ar trebui*/
    background:lightblue;
    color:white;
}


tbody .skunk-current-row {
  /*background-color:#5bc0de !important;*/
    background-color:blue;
    color: white;
}


sk-grid, sk-form {
    display:block;
    overflow:auto;
}
  

.skunk-hidden{
    display:none!important;
}

.w_90{
    width: 80%;
    display:inline-block;
}

.btn-download {
    min-width: 10px;
    width: 15%;
    text-align: center;
    padding: 6px 5px;
    margin-top: ;
}



/**********************
** Dialog
***********************/
.skunk-dialog-bk{
    top:0px;
    left:0px;
    position:fixed;
    width:100%;
    height:100%;
    opacity:0.4;
    transition: 2s ease-in ;
    z-index:1000;
    background:#121212; /*#90EE90;*/
}
.skunk-dialog-bk-gray {
       opacity:0.4;
       transition: 2s  ;
}

/**********************
** Loadgin Panel
***********************/
.skunk-loadingPanel{
    top:0px;
    left:0px;
    position:fixed;
    width:100%;
    height:100%;
    opacity:0.0;
    transition: 2s ease-in ;
    z-index:1000;
    background:#121212; /*#90EE90;*/
}
.skunk-loadingPanel-gray {
       opacity:0.4;
       transition: 2s  ;
    cursor:wait;
}

.skunk-inner-loading {
  width: 32px;
  height: 32px;
  position: relative;
}

.skunk-inner-cube1, .skunk-inner-cube2 {
  background-color: #4cff00;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  
  -webkit-animation: cubemove 1.8s infinite ease-in-out;
  animation: cubemove 1.8s infinite ease-in-out;
}

.skunk-inner-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

@-webkit-keyframes cubemove {
  25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
  50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
  75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
  100% { -webkit-transform: rotate(-360deg) }
}

@keyframes cubemove {
  25% { 
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  } 50% { 
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  } 50.1% { 
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  } 75% { 
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  } 100% { 
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}

/**********************
** END - Loadgin Panel
***********************/
