/*for loader*/
  .loadbefore{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff url(../img/loader.gif) center no-repeat;
    z-index: 10000;
    
  }

  .finished-loading .loadbefore{
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;  
    transition: all 0.3s ease-out;
    z-index:0;

  }
  /*ends*/

.shakedem {
  /*animation: shake 0.5s;
  animation-iteration-count: infinite;*/
  animation-duration:.5s;
  animation-name:errornod;
  animation-timing-function:ease-in-out
}

/*@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}*/
/*@keyframes shake {
 0% {transform:translateX(0)}
 12.5% {transform:translateX(-16px) rotateY(-15deg) }
 37.5% {transform:translateX(5px) rotateY(4deg)}
 62.5% {transform:translateX(-3px) rotateY(-2deg)}
 87.5% {transform:translateX(2px) rotateY(1deg)}
 to {transform:translateX(0)}
}*/
@keyframes errornod {
 0% {transform:translateX(0)}
 12.5% {transform:translateX(-20px) rotateY(-19deg) }
 37.5% {transform:translateX(19px) rotateY(18deg)}
 62.5% {transform:translateX(-18px) rotateY(-17deg)}
 87.5% {transform:translateX(17px) rotateY(16deg)}
 to {transform:translateX(0)}
}

 /*checkbox format start*/

 /* The check-container */
.check-container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #eee;
  border-radius: 4px;

}

/* On mouse-over, add a grey background color */
.check-container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check-container input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check-container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check-container .checkmark:after {
  left:9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*for btn*/

.btncheckbox{
    position:relative !important;
    display: block;
    margin: 0px !important;
    border: 0px none;
  }


.btn-container {
  display: block;
  position: relative;
  /*padding-left:-2px;*/
  margin-bottom:5px;
  cursor: pointer;
  font-size:2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.btn-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.check-btn {
  position: absolute;
  top:-1.1px;
  left:-4px;
  height:21px;
  width:21px;
  background-color: #ddd;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.btn-container:hover input ~ .check-btn {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.btn-container input:checked ~ .check-btn {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.check-btn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.btn-container input:checked ~ .check-btn:after {
  display: block;
}

/* Style the checkmark/indicator */
.btn-container .check-btn:after {
  left: 9px;
  top:5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.removeRow
{
    /*background-color: #FF0000;
    color:#FFFFFF;
*/
    /*color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;*/

    color: #202124;
    background: #c2dbff;
}

.removeRow2
{
    /*background-color: #FF0000;
    color:#FFFFFF;
*/
    /*color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;*/

    color: #202124;
    background: #c2dbff;
}


.removeRow3
{
    /*background-color: #FF0000;
    color:#FFFFFF;
*/
    /*color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;*/

    color: #202124;
    background: #c2dbff;
}

.hash{
  display: none;
}
.remove-hash{
  display: block;
}







.downprocess {
 padding:20px;
 text-align:center
}
.downprocess h3 {
 height:-webkit-fit-content;
 height:-moz-fit-content;
 height:fit-content;
 margin-top:0
}
.processing_operation {
 display:inline-block;
 margin:auto;
 padding:0;
 width:-webkit-fit-content;
 width:-moz-fit-content;
 width:fit-content
}
.processing_operation li {
 -webkit-box-align:center;
 align-items:center;
 display:-webkit-box;
 display:flex;
 font-size:18px;
 padding-bottom:10px;
 text-align:center;
 width:100%
}
.processing_operation li i {
 font-size:1.5em;
 margin-right:15px
}
.processing_operation li img {
 margin-left:3px;
 margin-right:12px;
 width:33px
}


.spinner {
 font-size:10px;
 height:40px;
 margin:auto;
 text-align:center;
 width:100px
}
.spinner>div {
 -webkit-animation:sk-stretchdelay 1.2s ease-in-out infinite;
 animation:sk-stretchdelay 1.2s ease-in-out infinite;
 background-color:#1b5e20;
 display:inline-block;
 height:100%;
 width:6px
}
.spinner .rect2 {
 -webkit-animation-delay:-1.1s;
 animation-delay:-1.1s;
 background-color:#2e7d32
}
.spinner .rect3 {
 -webkit-animation-delay:-1s;
 animation-delay:-1s;
 background-color:#388e3c
}
.spinner .rect4 {
 -webkit-animation-delay:-.9s;
 animation-delay:-.9s;
 background-color:#43a047
}
.spinner .rect5 {
 -webkit-animation-delay:-.8s;
 animation-delay:-.8s;
 background-color:#4caf50
}
.spinner .rect6 {
 -webkit-animation-delay:-.8s;
 animation-delay:-.7s;
 background-color:#66bb6a
}
.spinner .rect7 {
 -webkit-animation-delay:-.8s;
 animation-delay:-.6s;
 background-color:#81c784
}
.spinner .rect8 {
 -webkit-animation-delay:-.8s;
 animation-delay:-.5s;
 background-color:#a5d6a7
}
@-webkit-keyframes sk-stretchdelay {
 0%,
 40%,
 to {
  -webkit-transform:scaleY(.4)
 }
 20% {
  -webkit-transform:scaleY(1)
 }
}
@keyframes sk-stretchdelay {
 0%,
 40%,
 to {
  transform:scaleY(.4);
  -webkit-transform:scaleY(.4)
 }
 20% {
  transform:scaleY(1);
  -webkit-transform:scaleY(1)
 }
}