#downloadText {
    position: absolute;
    top: 111%;
    background-color: #F8F8FF;
    width: 95%;
    left: 0;
    border-radius: 20px;
    padding: 10px;
}
body.site {  
    padding: 20px;
    background-image: url(/images/homeBackground.jpg);
    position: center top;
    background-size: cover;
}
#sidebar {
    position: relative;
    background-color: #F8F8FF;
    width: 34% !important;
    border-radius: 20px;
    opacity: 0.9 !important;
    /*padding-left: 2%;*/
    
    margin-top: 26%;
    left: -22%;
    padding-top: 1%;
    text-align: center;
    padding: 1%;
    padding-top: 7%;
}
#btnLogare {
    width: 83% !important;
    background-color: #1E3E48 !important;
    font-weight: 700;
}
.body .container{
  background-color: transparent;
  border: 0;
}
#modlgn-remember {
  margin-right: -250px;
}
.footer .container {
  color: white;
}

.footer .container .pull-right{
  display: none;
}

.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
    width: 58%;
    background-color:
    /*#295A6B;*/
}
.controls {
    padding-top: 10px;
}
h3 {
    color: #1E3E48;
}
a {
    color: gray !important;
}
#logoLogin {
    background: url(/images/logo2.png);
    width: 109px;
    height: 110px;
    position: absolute;
    top: -17%;
    left: 32%;
}

#logoLogin2 {
    background: url(/images/logo2.png);
    width: 109px;
    height: 110px;
    position: absolute;
    top: -31%;
    left: 32%;
}

input#modlgn-username,
input#modlgn-passwd {
    background: #295A6B;
}
form#user-registration {
    position: relative;
    top: -19em !important;
    width: 41%;
    left: 35%;
}
label#jform_email-lbl {
    margin-top: 9px;
}
button.btn.btn-primary.validate {
    width: 100%;
    margin-left: -42% !important;
}
input#modlgn-username,
input#modlgn-passwd {
    color: white;
    font-weight: 700;
}
form.form-validate.form-horizontal.well {
    position: relative;
    width: 41%;
    left: 36%;
    top: -17em;
}
label#jform_username-lbl,
label#jform_token-lbl,
label#jform_password1-lbl,
label#jform_password2-lbl {
    margin-top: 6% !important;
}
.alert.alert-success {
    position: relative;
    margin-top: -46% !important;
    width: 28%;
    left: -24%;
}



/*RESPONSIVE*/

  /*IPHONE 5*/
  @media (device-height : 568px) and (device-width : 320px) and (-webkit-min-device-pixel-ratio: 2) {
    body.site {      
        padding: 20px;   
        background-image: url(/images/homeBackground.jpg);
        position: center top;
        background-size: initial !important;
    }
    .page-header {
      text-align: center;
    }
    #sidebar {
        position: relative !important;
        background-color: #F8F8FF !important;
        width: 100% !important;
        border-radius: 20px !important;
        opacity: 0.9 !important !important;
        /*padding-left: 2%;*/
        
        margin-top: 42% !important;
        left: 13px !important;
        padding-top: 1% !important;
        text-align: center !important;
        padding: 1% !important;
    }
    .form-search input,
    .form-search textarea,
    .form-search select,
    .form-search .help-inline,
    .form-search .uneditable-input,
    .form-search .input-prepend,
    .form-search .input-append,
    .form-inline input,
    .form-inline textarea,
    .form-inline select,
    .form-inline .help-inline,
    .form-inline .uneditable-input,
    .form-inline .input-prepend,
    .form-inline .input-append,
    .form-horizontal input,
    .form-horizontal textarea,
    .form-horizontal select,
    .form-horizontal .help-inline,
    .form-horizontal .uneditable-input,
    .form-horizontal .input-prepend,
    .form-horizontal .input-append {
        width: 75%;
        /*background-color: #295A6B;*/
    }
    button.btn.btn-primary.validate {
        margin-left: 0 !important;
    }
    form.form-validate.form-horizontal.well {
        position: relative;
        width: 100% !important;
        left: 1% !important;
        top: -16em !important;
    }
    .alert.alert-success {
        position: relative;
        margin-top: -154% !important;
        width: 81% !important;
        left: 4% !important;
    }
    form#user-registration {
        top: -17em !important;
        width: 100% !important;
        left: 0% !important;
    }
    .moduletabletestare {
      padding-top: 23%;
    }
    #logoLogin {
      left: 28%;
    }

    #logoLogin2 {
      left: 26%;
    }
}
@media (min-width: 360px) and (max-width: 640px) {

    .page-header {
      text-align: center;
    }

    #sidebar {
        position: relative !important;
        background-color: #F8F8FF !important;
        width: 100% !important;
        border-radius: 20px !important;
        opacity: 0.9 !important !important;
        /*padding-left: 2%;*/
        
        margin-top: 42% !important;
        left: 13px !important;
        padding-top: 1% !important;
        text-align: center !important;
        padding: 1% !important;
        padding-top: 22% !important;
    }
    button.btn.btn-primary.validate {
        margin-left: 0% !important;
    }
    .form-search input,
    .form-search textarea,
    .form-search select,
    .form-search .help-inline,
    .form-search .uneditable-input,
    .form-search .input-prepend,
    .form-search .input-append,
    .form-inline input,
    .form-inline textarea,
    .form-inline select,
    .form-inline .help-inline,
    .form-inline .uneditable-input,
    .form-inline .input-prepend,
    .form-inline .input-append,
    .form-horizontal input,
    .form-horizontal textarea,
    .form-horizontal select,
    .form-horizontal .help-inline,
    .form-horizontal .uneditable-input,
    .form-horizontal .input-prepend,
    .form-horizontal .input-append {
        width: 78%;
        /*background-color: #295A6B;*/
    }
    form#user-registration {
        top: 7em !important;
        width: 100% !important;
        left: 0% !important;
    }
    form.form-validate.form-horizontal.well {
        position: relative;
        width: 100% !important;
        left: -1% !important;
        top: -18em !important;
    }
    .alert.alert-success {
        position: relative;
        margin-top: -150% !important;
        width: 81% !important;
        left: 4% !important;
    }
    form#user-registration {
        top: -17em !important;
        width: 100% !important;
        left: 0% !important;
    }
    #logoLogin2 {
      left: 30%;
    }
}
@media (min-width: 414px) and (max-width: 736px) {
    #sidebar {
        position: relative !important;
        background-color: #F8F8FF !important;
        width: 87% !important;
        border-radius: 20px !important;
        opacity: 0.9 !important !important;
        /*padding-left: 2%;*/
        
        margin-top: 64% !important;
        left: 36px !important;
        padding-top: 1% !important;
        text-align: center !important;
        padding: 1% !important;
        padding-top: 18% !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #sidebar {
        left: 0% !important;
    }
}
@media (min-width: 1030px) and (max-width: 1200px) {
    #sidebar {
        left: -3% !important;
    }
}
@media (min-width: 1210px) and (max-width: 1366px) {
    #sidebar {
        left: -8% !important;
    }
}
@media (min-width: 1370px) and (max-width: 1450px) {
    #sidebar {
        left: -8% !important;
    }
}