body {
    background-color: white;
}

#loginbox {
}

#loginbox > div:first-child {        
    padding-bottom: 10px;    
}

.iconmelon {
    display: block;
    margin: auto;
}

#form > div {
    margin-bottom: 25px;
}

#form > div:last-child {
    margin-top: 10px;
    margin-bottom: 10px;
}

.panel {    
    background-color: transparent;
}

.panel-body {
    background-color: rgba(2555,255,255,.3);
}

#particles {
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;                        
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    z-index: -2;
}

.iconmelon,
.im {
  position: relative;
  width: 150px;
  height: 150px;
  display: block;
  fill: #525151;
}

.iconmelon:after,
.im:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.footer{
    text-align: center;
    padding: 10px;
    color: #000; text-decoration: underline;
}
.plabelcenter{
    margin: 0 auto;
    text-align: center;
    direction: rtl;
}
.resultform{text-align: center;}
.btns-info{margin:  0 auto; text-align: center; width: 100%; padding: 10px;}
.img-logo{max-width: 200px; max-height: 200px; margin: 0 auto;}
#frmlogin .input-group{padding:4px;}
.pic_preview_fixed{position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%); z-index:9999999;}
.btns-info button {margin: 4px;}
.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}
 .containerlr {padding: 0; margin: 0; width: 100%;}
  .containerlr #loginbox {padding: 0;}
 .with-nav-tabs div {direction: rtl;}
 #loginbox .panel-body {max-width: 400px; margin: 0 auto; }
 .registerbox .panel{direction: rtl;}
 .registerbox label {display: block;}
 .msr {color: red;}
div#loginbox .panel-heading{background: #3F51B5; color: #fff;}
.mnotesuser {text-align: center;}
.input-group {width: 100%;}