.sc-app-load {overflow: hidden;}
.sc-overlay {background: #fff;position: fixed;top:0;bottom:0;left:0;right:0;z-index: 9998;text-decoration: none;}
.sc-overlay.loaded {opacity:0;}
.sc-overlay-transparent {opacity:0;}
.sc-app-container.black .sc-overlay {background: #000;}


.sc-popup {
    z-index: 500;
    left:50%;
    position:absolute;
}
.sc-popup .sc-popup-head {
    background-color: rgba(23, 23, 23,0.9);
    height:56px;
    position:relative;
    min-width:350px;
}
.sc-popup .sc-popup-body {
    background-color: #FFF;
    border: 2px solid #DAE0E1;  
    width:auto;
    border: 1px solid #DAE0E1;
}
.sc-popup .sc-popup-head .title {color: #FFF;font-size: 16px;line-height: 56px; vertical-align: middle; padding:0 20px;font-weight: bold;}
.sc-popup .sc-popup-head .sc-popup-close {color:rgba(255,255,255,0.5);position: absolute;right:20px;top:0;font-size: 34px;cursor: pointer;vertical-align: middle;line-height: 56px;}
.sc-popup .sc-popup-head .sc-popup-close:hover {color:rgba(255,255,255,0.6);}
.sc-popup .sc-popup-body > p {margin:10px;text-align: center;} 
.sc-popup .sc-popup-body > .buttons {text-align: center;padding:10px;border-top:1px solid #e3e3e3;}
.sc-btn {border:0;color:rgba(255,255,255,0.9); background: rgba(23,23,23,0.7);padding:6px 10px;cursor: pointer;} 
.sc-btn:hover {background: rgba(23,23,23,0.9);}

.sc-loader   {
  transform: translateY(-50%);
  top: 50%;
  position: fixed;
  width: calc(100% - 200px);
  color: #3F51B5;
  padding: 0 100px;
  text-align: center;
  z-index: 9999;
}

.sc-loader label {
  font-size: 30px;
  opacity: 0;
  display:inline-block;
}

@keyframes loaderanim {
  0% {opacity: 0;transform: translateX(-300px);}
  33% {opacity: 1;transform: translateX(0px);}
  66% {opacity: 1;transform: translateX(0px);}
  100% {opacity: 0;transform: translateX(300px);}
}

@-webkit-keyframes loaderanim {
  0% {opacity: 0;-webkit-transform: translateX(-300px);}
  33% {opacity: 1;-webkit-transform: translateX(0px);}
  66% {opacity: 1;-webkit-transform: translateX(0px);}
  100% {opacity: 0;-webkit-transform: translateX(300px);}
}

.sc-loader label:nth-child(5) {
  -webkit-animation: loaderanim 3s 100ms infinite ease-in-out;
  animation: loaderanim 3s 100ms infinite ease-in-out;
}

.sc-loader label:nth-child(4) {
  -webkit-animation: loaderanim 3s 200ms infinite ease-in-out;
  animation: loaderanim 3s 200ms infinite ease-in-out;
}

.sc-loader label:nth-child(3) {
  -webkit-animation: loaderanim 3s 300ms infinite ease-in-out;
  animation: loaderanim 3s 300ms infinite ease-in-out;
}

.sc-loader label:nth-child(2) {
  -webkit-animation: loaderanim 3s 400ms infinite ease-in-out;
  animation: loaderanim 3s 400ms infinite ease-in-out;
}

.sc-loader label:nth-child(1) {
  -webkit-animation: loaderanim 3s 500ms infinite ease-in-out;
  animation: loaderanim 3s 500ms infinite ease-in-out;
}
.shadow-1 {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.shadow-2 {
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
} 
.shadow-3 {
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
} 
.shadow-4 {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
} 
.shadow-5 {
  box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}