/***************************************************************
** Dropdown Login Stylesheet
****************************************************************/

#block-dropdown-login-login-dropdown { float:right; }

#dropdown-login {
    position: relative;
    float: right;
}

#dropdown-login .barbutton {
    display: block;
    width: auto;
    height: 40px;
    padding: 4px 10px 4px 10px;
    line-height: 38px;
    text-decoration: none;
    font-size: 0.929em;
/*    text-transform: uppercase; */
    color: #d7dbdc;
    font-weight: bold;
    background: #405158;
    border-left: 1px solid #52656b;
    -o-border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#dropdown-login .barbutton:hover {
    background-color: #51646b !important;
    color: white;
}

#dropdown-login .login { color: rgb(203, 219, 42) !important; }
#dropdown-login .logout { border-right:  1px solid #52656b; }

#dropdown-login .barbutton:active {
    background-color: #51646b;
}

#dropdown-login .barbutton span {
    display: block;
}

#dropdown-login.enable-dd .barbutton {
/*    background: url('images/arrow.png') 100% 50% no-repeat; */
/*    padding: 0 10px 0 0; */
}

#dropdown-login.enable-dd .active {
/*    background: url('images/arrow-up.png') 100% 50% no-repeat; */
    background-color: #51646b;
}

#dropdown-login .dropdown {
    display: none;
    position: absolute;
    z-index: 10000;
    width: 200px;
    padding: 10px 20px;
    background: #51646b;
/*    border: #ddd 1px solid; */
    right: 4;
    top: 57.5px;
    box-shadow: 10px #7b7f82;    
/*    -o-border-radius: 10px; */
/*    -webkit-border-radius: 10px; */
/*    -moz-border-radius: 10px; */
/*    border-radius: 10px; */
    color: white;
}

#dropdown-login .dropdown input.form-text {
    width: 188px;
}

/* #dropdown-login .portfolio.fa {
  font-family: "Open Sans", sans-serif;
  padding-left: 40px;
}
#dropdown-login .portfolio.fa:before {
  font-family: FontAwesome;
  font-size: 20px;
  position: absolute;
  left: 12px;
  font-weight: 400;
} */

#abp_welcome {
	text-align: right;
	/* padding: 3px 20px 3px 0; */
	background-color: #3a859a;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	/* padding-left: 20px; */
}

#login_greeting {
	margin-right: 30px;
	line-height: 2em;
  font-size: 14px;
}

#dropdown-login a {
	color: white;
	text-decoration: none;	
	font-size: 12px;
}	

#dropdown-login a.barbutton  {
	font-weight: 600;
	font-size: 12px;	
	float: right;
}

#dropdown-login a.login {		
	color: rgb( 203, 219, 42 );
	padding: 4px 15px 4px 40px;
  /* background: url("../../../files/images/icons/login_icon.png") no-repeat scroll 18px 11px transparent;
	font-family: 'Montserrat', sans-serif; */
}

#dropdown-login a.login span { width: 45px; }

#dropdown-login a.logout {
	color: rgb( 203, 219, 42 ) !important;
	padding: 4px 12px 4px 33px;
  /* background: url("../../../files/images/icons/logout_icon.png") no-repeat scroll 10px 10px transparent; */
}

#dropdown-login a.active {
    background-color: #51646b;
}

#abp-dropdown-login-form {
	margin-bottom: 20px;
}

#abp-dropdown-login-form #j_username, #abp-dropdown-login-form #j_password {
	margin: 0;
}

#login_submit_button_wrap {
	margin: 20px 0 0 0;
}

#new_user_forgot_wrap {
	line-height: 3em;
	margin-left: 5px;
}

.blue_button_icon .lock_icon {
	display: block;
	position: relative;
}

    /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 540px) {
		/* #dropdown-login .dropdown { margin-left: -148px; } */
		/* #block-dropdown-login-login-dropdown { clear: both; } */
		/* #header-top .right { width: 100%; margin-top: 5px; border-top: 1px solid; } */
	}

	/* Resizing ABP Portfolio and Logout Buttons */
        @media only screen and (max-width: 473px) {
          #superfish-1-toggle { display: block; margin-top: 0px !important; }
          .sf-accordion-toggle { padding: 4px 0px !important; }
          #dropdown-login a.login {
            padding: 13px 15px 6px 40px;
          }

          #dropdown-login .portfolio {
			line-height: 14px;
			text-align: center;
			width: 71px;
			padding: 20px 4px 0px 4px !important;
			height:	44px;
		}
    #dropdown-login .portfolio.fa:before { display: none;  }
    #dropdown-login .logout.fa:before { display: none;  }
    /* #dropdown-login .tweak { padding-left: 0px !important; } */

		#dropdown-login .logout {
                        line-height: 14px;
                        text-align: center;
                        width: 32px;
			padding: 20px 10px 0px 10px !important;
			height: 44px;
			/* background: url("/sites/abp/files/images/icons/logout_icon.png") no-repeat scroll 7px center transparent !important; */
		}
	}

        @media only screen and (max-width: 374px) {
          #superfish-1-toggle { display: block; margin-top: 0px; }
          .sf-accordion-toggle { padding: 4px 0px; }

          #dropdown-login .portfolio {
                        width: 51px;
                   			font-size: 9px !important;
                  			font-weight: 700 !important;
                }
                #dropdown-login .logout {
                        width: 32px;
                        padding: 20px 5px 0px 5px !important;
			font-size: 11px;
                        background: url("/sites/abp/files/images/icons/") no-repeat scroll 7px center transparent !important;
                }
        }

        @media only screen and (max-width: 480px) {
                #login_greeting { font-size: 10px !important; margin-right: 15px !important; }
	}

        @media only screen and (max-width: 359px) {
		/* #edit-search-block-form--2 { width: 70px !important; } */
		#dropdown-login .dropdown { padding: 10px 7px; }
        }

        @media only screen and (max-width: 345px) {
		/* #login_greeting { font-size: 10px !important; margin-right: 20px !important; */
                /* #dropdown-login a.login span { line-height: 14px; margin-top: 8px; } */
	}

        /* @media only screen and (max-width: 345px) {
       		#dropdown-login .logout { 
			padding: 9px 6px 9px 25px;
			background: url("../../../files/images/icons/logout_icon.png") no-repeat scroll 5px 15px rgba(0, 0, 0, 0);
		}
		#dropdown-login .portfolio { padding: 9px 8px; }
	 } */