/* CSS Document */
.navbar{
	background:#ffffff;
	border-bottom:1px solid #dbdbdb;
} 

.top-menu {
	margin-top: 20px;
}
.page-header-login{
	text-align:center;
	background:url('../images/login-page-header-line.png') no-repeat center bottom;
	
}

/**Login top- content*/

.login-top-cnt{float:left}
.log-grp{text-align:center}
.log-img-icon {
    border: 1px solid #ccc;
    padding: 17px 17px;
    -webkit-border-radius: 50%;
-moz-border-radius: 50px;
border-radius: 50%;
    width: 68px;
}
.fntset:before{font-size:1.8rem}
.log-grp h1{font-size:14px; color:#058bd4; font-weight:bold}

.page-header-login h1{
	color:#269ada;
	font-size:14px;
	font-weight:bold;
    margin-top:10px;
}
.page-header-login p{
    color: #5c5c5c;
    font-size: 13px;
}
.login-info-graphic{
	text-align:center;
	margin-top:20px;
}
.login-info-graphic h2{
	font-size:18px;
	font-weight:bold;
	color:#464646;
}
.login-form {
	background:#f6f6f6;
	border:1px solid #d9d9d9;
	margin:20px 0;
	border-radius:5px;
    padding-bottom:5px;
}
.login-form h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
	color:#464646;
}
.icon-producers {
	background: url("../images/sprite-login.png") no-repeat 7px -132px;
	display: block;
	height: 135px;
	margin: 20px auto;
	width: 135px;
}
.icon-employee {
	background: url("../images/sprite-login.png") no-repeat 7px -269px;
	display: block;
	height: 135px;
	margin: 20px auto;
	width: 135px;
}
.icon-employer {
	background: url("../images/sprite-login.png") no-repeat 7px 5px;
	display: block;
	height: 135px;
	margin: 20px auto;
	width: 135px;
}
.icon-producers-active{
	background: url("../images/sprite-login-active.png") repeat 0 -139px;
}
.icon-employee-active{
	background: url("../images/sprite-login-active.png") repeat 0 -276px;
}
.icon-employer-active {
	background: url("../images/sprite-login-active.png") repeat 0 -2px;
}
.login-form .additional-details-filter{
	margin-bottom:10px;
}
.login-info-graphic .icon-producers,	
.login-info-graphic .icon-employer,	
.login-info-graphic .icon-employee{	
	cursor:pointer;
}
.section-1,
.section-3{
	position:relative;
	padding-top:220px;
}
.arc-left {
    background: url("../images/login-arc-left.png") no-repeat ;
    height: 138px;
    right: -12px;
    position: absolute;
    top: 74px;
    width: 142px;
}
.arc-right {
    background: url("../images/login-arc-right.png") no-repeat ;
    height: 138px;
    left: -20px;
    position: absolute;
    top: 74px;
    width: 142px;
}
.forgot-link, .forgot-link:visited{
	color:#6c6b6b;
	text-decoration:underline;
	border-right:1px solid #6c6b6b;
	padding-right:5px;
    padding-left:5px;
}
.forgot-link:hover, .forgot-link:focus{
    color: #428bca;
    text-decoration: none;
}
.forgot-link+.forgot-link{
	border-right:0;
}
.login-link{
	margin:10px 0;
}
.register-link{
	margin-bottom:5px;
	font-size:16px;
}
.login-info-graphic-splash{
	margin:20px auto 0;
	float:none;
}

.page-header-login img{width:100%}

@media (min-width:1440px) {
    .ml-large ul {
    margin-left:10%;
    }
}

@media (min-width:1280px) /*Large desktop*/ {
    .mxwidretain {
        width: 1170px;
        max-width:1920px;
        margin:0px auto;
    }
}



@media (min-width:1921px) /*Large desktop*/ {
    .arc-right, .arc-left {
        
    }
}

@media (min-width: 993px) and (max-width: 1199px) /*MD Medium desktop*/ {
  .arc-right{left:-20px;top:74px;z-index:-1}
    .arc-left {
        left: 78px;
        top: 74px;
        z-index: -1;
    }
    .additional-details-filter1 .btn-group label.btn{padding:6px 5px}

}
@media (min-width: 768px) and (max-width: 991px) /*SM - Tablet*/ {

  .arc-right{left:-38px;top:110px;z-index:-1}
.arc-left{left:84px;top:110px;z-index:-1}
.mgntablr18p{margin:20px 14%;}

.xadditional-details-filter1 .btn-group label.btn{width:100%;border-radius:3px !important;transition:all .5s;margin-bottom:5px}

}

@media (max-width: 767px) /*XS Extra Small Device*/ {
.login-info-graphic{display:block;overflow:hidden}
.arc-right{display:none}
.arc-left{display:none}
.section-1, .section-3{padding-top:0}
.section-1,.section-2, .section-3{width:33%;float:left;transition:all .5s;display:block}
.mgntablr18p{margin:20px 10%}

}

@media (max-width: 600px) /*XS Extra Small Device*/ {
.login-info-graphic{display:block;overflow:hidden}
.arc-right{display:none}
.arc-left{display:none}
.section-1, .section-3{padding-top:0}
.section-1,.section-2, .section-3{width:33%;float:left;transition:all .5s;display:block}
.mgntablr18p{margin:20px 8%}

}
@media (max-width: 568px) {
.mgntablr18p {
        margin: 20px 0%;
    }
}


@media (min-width: 320px) and (max-width: 480px) /*320 to 480*/ {
  .login-info-graphic{margin-top:0}
  .additional-details-filter1 .btn-group label.btn{width:100%;border-radius:3px !important;transition:all .5s;margin-bottom:5px}
  .section-1,.section-2, .section-3{width:100%;float:none;margin:10px 0}
  .login-info-graphic h2{margin-top:0}
  .login-info-graphic .icon-producers, .login-info-graphic .icon-employer, .login-info-graphic .icon-employee{margin-bottom:0}
  .mgntablr18p{margin:20px 0}
  
}
@media (max-width: 414px){
body{margin-bottom:100px;}
}

/*320 to 375*/ 
@media (min-width: 320px) and (max-width: 375px) {
.forgot-link {
    color: #6c6b6b;
    text-decoration: underline;
    border-right: none;
    padding-right: 5px;
    width: 100%;
    display:block
}
.lh28 {
    line-height: 20px;
}
#footer nav ul > li a {
    line-height: 20px;
}
body{margin-bottom:136px;}
#footer
    {height: 80px;}
}