.cropbox-process {
  width: 300px; 
  margin-left: auto; 
  margin-right: auto; 
  padding-left: 25px; 
  padding-right: 25px; 
}   

.bg-overlay-popup2 {
  background: #fff url() 0 0 no-repeat;
  padding: 10px 15px 10px 15px;  
  border: medium none;
  border-radius: 4px;
}

#overlay-process {   
  background:#000;
  width:100%;
  height:100%;
  z-index:9999991; 
  top:0px;
  left:0px;
  position:fixed;
  opacity: .7;   
  filter: alpha(opacity=50);   
  -moz-opacity: .5;  
  display:none;
} 

#overlay-msg{
  position:fixed;
  z-index:9999992;
  margin:auto;
  width: 100%;
  height: auto;
  top: 45%;
  left: 0%;
  text-align:center;
  display:none; 
}

#img-load-process { padding-top: 10px;}
#img-load-process i { font-size: 40px !important; }
#resapi-state{ padding-top:5px; font-size:14px; font-weight:400;}
p#resapi-state { margin: 0 auto; font-size:14px; color: #000000; }

.info-state { color: #44d62c; }
.state-true { color: #00b100 !important;}
.state-fail { color: #cc0000 !important;}

.sweet-alert, .sweet-alert p { font-family: Kanit,'Helvetica Neue',Arial,Helvetica,sans-serif; }
.sweet-alert h2 { font-weight:400 !important }
.sweet-alert p { font-size: 18px !important; }
.sweet-alert button { background-color: #44d62c !important }