.login-register {
    background: linear-gradient(135deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
    padding: 40px;
}
.login-register .container {
    width: 1300px;
}
.login-register .login-sidebar {
    top: 0;
}
.login-register .admin-logo img,
.login-register .admin-logo .company-name {
    display: inline-block !important;
}
.login-register .admin-logo img {
    width: 20%;
    margin-right: 10px;
}
.login-register .admin-logo .company-name {
    position: relative;
}
.login-register .admin-logo .company-name h3 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
}
.login-register .admin-logo .company-name b {
    font-size: 11px;
    text-transform: uppercase;
    color: #c4ffe6;
    font-weight: 500;
}
.login-register .sos {
    position: absolute;
    right: 33%;
    margin-top: 16px;
}
.login-register .sos a {
    font-size: 28px;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
       -moz-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
}
.login-register .sos a:hover {
    color: #197c4c;
}
.login-register .content-block {
    padding: 120px 0px 0px 0px;
}
.login-register .content-block h1 {
    color: #fff;
    margin: 0px;
}
.login-register .content-block h2 {
    color: #88f0bd;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .3px;
    margin: 0px 0px 16px 0px;
}
.login-register .content-block p {
    width: 50%;
    color: #fff;
}
.login-register footer {
    position: fixed;
    bottom: 12px;
}
.login-register footer ul {
    padding: 0px;
}
.login-register footer ul li {
    display: inline-block;
    padding-right: 24px;
}
.login-register footer ul li a {
    color: #197c4c;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: .8px;
    -webkit-transition: .3s all ease-in-out;
       -moz-transition: .3s all ease-in-out;
            transition: .3s all ease-in-out;
}
.login-register footer ul li a:hover {
    color: #fff;
}
.login-box .white-box {
    padding: 160px 25px;
    background: none;
}
.signupForm select {
    border: 1px solid #ccc !important;
}
.login-box button {
    background: #167045;
    border: none;
    width: 100%;
    padding: 16px 0px;
    color: #fff;
    font-weight: 500;
    letter-spacing: .5px;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.login-box button:hover {
    background: #333;
}
.white-box input[type="text"],
.white-box input[type="password"] {
    padding: 12px;
    border: 1px solid #ccc;
}
.form-control.ng-invalid.ng-touched {
    border: 1px solid #167045;
}
.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
    background-image: linear-gradient(135deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
}
.signupForm p {
    padding: 16px 0px;
}
.top-left-part {
    background-color: #004719 !important;
}
.top-left-part b img {
    width: 40px;
    padding: 12px 0px 12px 0px;
    margin: 0px 4px 0px 6px;
}
.navbar-default .sidebar-nav .nav li i {
    padding-right: 6px;
}
#side-menu li a,
#side-menu > li > a.active i {
    color: #eee !important;
    font-size: 14px !important;
}
#side-menu > li > a.active {
    border-left: 3px solid #eee !important;
    background-color: #003c15;
}
#side-menu > li > a:hover {
    background-color: #003c15 !important;
}
.page-title {
    margin-bottom: 10px;
}
.profile-holder .profile-banner {
    background-image: url('../Images/PNA/slide-2-1.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 150px;
    padding-bottom: 10px;
}
.profile-holder .profile-banner .modaltriger a,
.infoGraphicsNav li .modalLink,
.infoGraphicsEid .modalLink {
    font-size: 20px;
    padding: 4px 10px;
}
.infoGraphicsNav li .modalLink,
.infoGraphicsEid .modalLink {
    margin: 0px;
}
.btn-danger {
    border: none !important;
    background-color: #ae3322 !important;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.btn-primary {
    border: none !important;
    background: rgba(28,148,78,1);
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #111 !important;
}
.text-danger {
    color: #CC0C0C;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: rgba(28,148,78,1);
    border-color: rgba(28,148,78,1);
}
.infographics {
    width: 560px;
}
.infographics .modal-body {
    padding: 0px;
    position: relative;
}
.infographics .modal-body img {
    max-width: 100%;
}
#infosignin .carousel-control,
#infosignup  .carousel-control {
    background-image: none;
}
.infographics .modal-body #myInfographics .glyphicon-chevron-right,
.infographics .modal-body #myInfographics .glyphicon-chevron-left {
    color: #300;
}
.infographics .modal-body button {
    background-color: #ae3322;
    position: absolute;
    z-index: 99999;
    right: 0;
    padding: 6px 12px;
    font-size: 12px;
    text-shadow: unset;
    opacity: 1;
    color: #fff;
    -webkit-transition: .3s all ease-in-out;
    -moz-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
}
.infographics .modal-body button:hover {
    background-color: #333;
}


a.help-holder{
position:absolute;
top:0px;
top:40px;
right:8px;
}

a.help-holder i{
color:#004d1b;

}

.captcha-holder > div{
margin:0px auto;
}

/*.login-register{
position:unset !important;
background:unset !important;
}

.login-body {

background: rgba(16,139,90,1);
background: -moz-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(16,139,90,1)), color-stop(100%, rgba(58,218,130,1)));
background: -webkit-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
background: -o-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
background: linear-gradient(135deg, rgba(16,139,90,1) 0%, rgba(58,218,130,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#108b5a', endColorstr='#3ada82', GradientType=1 );

}

.login-register .content-block{
min-height:600px;
}*/