
#realm-name {
    color: #CC3333;
}
.btn-red {
    color: #fff;
    background-color: #CC3333;
    border-color: #CC3333;
}

#realm-name-header {
    margin-top: 10px;
}

#right-nav-img {
    margin-right: 10px;
    width: 122px;
}



#kc-header-wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 10px !important;
}

#kc-header {
    margin-bottom: 18px !important;
}

.login-pf-page {
    padding-top: 60px!important;
	background-color: rgb(228, 234, 242)!important;
    padding-bottom: 30px!important;
}

.navbar-light .navbar-brand {
  margin-right: 0!important;
}

#right-nav-img {
    display: none;
}



#main-auth-container {
    padding-top: 45px !important;
    padding-bottom: 55px !important;
	box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.09)!important;
	padding-left: 44px!important;
    padding-right: 44px!important;
}

#spid-btn, #cie-button, #cns-button {
    color: #fff !important;
    background-color: #0066cc !important;
    border-color: #0066cc !important;
    background-image: unset;
}

#eidas-idp-button{
    color: #fff !important;
    background-color: #0066cc !important;
    border-color: #0066cc !important;
	background-image: none;
}

#idprt-button{
    color: #fff !important;
    background-color: #0066cc !important;
    border-color: #0066cc !important;
	background-image: none;
}

#spid-btn:hover, #cie-button:hover, #cns-button:hover, #eidas-idp-button:hover, #spid-btn:focus, #cie-button:focus, #cns-button:focus, #eidas-idp-button:focus, #idprt-button:focus, #idprt-button:hover {
	 border-color: #003366!important;
	background-color: #003366!important;
}

button#idprt-button img.img-fluid.pr-2.cnslogo {
    position: relative;
    top: 0px;
}

.entra-con {
    margin-left: -30px;
}
.spid-link-item {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: medium;
}

.provider-display-name {

}

.idp-button {
    width: 310px;
    font-size: large!important;
    height: 48px;
}

.idp-dropwdown-menu {
    width: 310px;
}

.idp-provider {
    box-shadow: unset!important;
    border-bottom: unset!important;
    width: 100% !important;
}

.container-sm.land-cont {
    display: flex;
	padding: 0 0px;
}

.container-sm.land-cont h4 {
    text-align: left;
    font-weight: bold;
    font-size: 17px;
}

.container-sm.land-cont .logo-log img{
    max-width: 240px;
    float: left;
}

.container-sm.land-cont .col-sm-12.col-md-6 {
    padding: 0;
}

.col-sm-12.col-md-6.logo-log {
    justify-content: center;
    display: flex;
    flex-direction: column;
}

@media all and (max-width: 767px) {
.container-sm.land-cont {
    display: flex;
    flex-direction: column;
    padding: 0 0px;
}

.col-sm-12.col-md-6.logo-log {
    width: 100%;
    display: block;
}
.container-sm.land-cont .logo-log img {
    display: block;
    clear: both;
    position: relative;
    margin: 0 auto;
    float: none;
}

.col-sm-12.col-md-6.logo-log .container-sm.land-cont h4 {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	margin: 30px;
}

div#main-auth-container {
    width: calc(100% - 30px);
	margin-bottom: 35px !important;
}

button#spid-btn, button#cie-button, button#cns-button, button#eidas-idp-button, button#spid-professionale, button#iowallet-button, #idprt-button {
    max-width: 250px;
}

.container-sm.land-cont .logo-log img {
    max-width: 140px;
}

.login-pf-page {
    padding-top: 30px !important;
    padding-bottom: 5px !important;
}


}

@media all and (max-width: 540px) {
	
	.footer__logo img.img-fluid {
    height: 70px!important;
    }
}


@media all and (max-width: 360px) {
	
.login-pf-page {
    padding-top: 25px !important;
    padding-bottom: 1px !important;
}

}

@media (min-width: 300px) {
    #right-nav-img {
        display: block;
    }
}


@media all and (min-width: 1400px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        width: 1320px!important;
		max-width: 1320px!important;
    }
	
	.container-sm.land-cont {
    display: flex;
	padding: 0 0px;
	width: 620px!important;
	}
}
