
body{
    width:100%;
    height:100%;
    overflow-x: hidden;
    overflow-y:scroll
}
.login-box, .register-box {
    width: 360px;
    border: black;
    border-width: 1px;
    border-style: solid;
    margin: 3.5% auto;
}
.login-box-body, .register-box-body {
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
}

.rplogin-box-body{
    background: #fff;
    padding: 20px;
    border-top: 0;
    color: #666;
    line-height: 2;
}
.loginpara1{
    margin-bottom: 0px;
    color: #000;
    margin-bottom: 0px;
    font-size: 35px;
    font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight:300;
}

.loginpara1 span{
    font-size: 30px !important;
    font-weight: 300 !important;
}
.loginpara2{
    font-size: 20px;
     color: #000;
     white-space: nowrap;
     font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
    font-weight: 300;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.login-logo, .register-logo {
    font-size: 35px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: 300;
    text-align: left;
}
.llogin-box  {
    width: 360px;
    border: black;
    border-width: 1px;
    border-style: solid;
    margin: 6% auto;
    }

    .rplogin-box {
    border: 3px solid black; 
    border-width: 1px; 
    border-style: solid;
    width: 360px;
    margin: 6% auto;
    }

    .rpheading{
       font-size: 20px; 
       color: #000;
       white-space: nowrap;
       text-align:center;
    }

    .logincheckbox{
       position: absolute;
       top: -20%;
       left: -20%;
       display: block;
       width: 140%;
       height: 140%;
       margin: 0px;
       padding: 0px;
       background: rgb(255, 255, 255);
       border: 0px;
       opacity: 0;
       cursor:pointer;
    }
    .loginlogoimg{
        width: 150px;
    }
.form-control {
    border-radius: 0 !important;
    box-shadow: none;
    border-color: #d2d6de;
}

.checkbox, .radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}
.icheckbox_square-blue {
    position: relative !important;
    background: white !important;
    border: 1px solid #ccc !important;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(blue.png) no-repeat;
    cursor: pointer;
}

.icheckbox_square-blue:hover{
    border: 1px solid #3c8dbc !important;
}

.icheck>label {
    padding-left: 0px !important;
}

.btn{
    border-radius: 0px !important;
}

.lrhome{
    color: #545c67;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    text-decoration: none;
   }
   
   .lrpage-header .header-wrap {
     padding: 85px 25px;
   }
   
   
   .lrpage-header .header-wrap {
     padding: 32px 25px;
   }
   
   .lrpage-header {
     background: url('https://www.addc.ae/Style%20Library/ADDC/img/bg/header.svg') center bottom no-repeat;
     width: 100%;
     padding-bottom: 30px;
     position: absolute;
     top: 0;
     left: 0;
     zoom: 1;
     -webkit-transition: padding 1s;
     transition: padding 1s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     z-index: 999;
     margin-top:82px;
     border-bottom:0px;
   }

   .rpasswordlink{
   font-size: 14px;
    text-decoration: underline;
    color:#4d7a18;
    font-family: blissregular,arial,sans-serif;
    cursor: pointer;
   }
   
   .lrpage-bg {
    background: url('Images/homepage.jpg');
    width:100%;
    background-repeat: no-repeat; 
    background-size: cover; 
    direction: ltr;
}

.content, .content-wrapper, .master, .overlay, .lrpage-bg, .pika-button, body, html, svg {
    width: 100%;
}
.master, .overlay, .lrpage-bg, .overlay, body, html, svg {
    height: 100%;
}
.overlay, .lrpage-bg, .lrpage-bg .overlay {
    position: fixed;
    top: 90px;
    left: 0;
}

.lrmainbodydiv{
   width: 100%;
   height:auto;
   display: flex;
}

.loginboxmaindiv{
   width:100%;
   height:auto;
   display: block;
   
}

.loginhr{
    border:1px solid #eee;
}

