/*
    Document   : global.responsive
    Description:
        Base style sheet for responsive sites
*/

/**** Global element styles ****/
h1 span.securitySearchQuery {
    font-size: 70%;
    font-weight: normal;
}

.securitySearchString {
    font-size: 80%;
    font-weight: normal;
}

.breadcrumb > li + li::before {
    display:none;
}

.help-block {
    display: inline;
}

input:invalid {
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}

/* ****************************************************************************
    General Styles
**************************************************************************** */

.visible-phone
{ display: none}
.visible-tablet
{ display: none}
.hidden-desktop
{ display: none !important;}
.visible-desktop
{ display: block}
@media (min-width: 768px) and (max-width: 979px) {
    .hidden-desktop
    { display: block}
    .visible-desktop
    { display: none}
    .visible-tablet
    { display: block}
    .hidden-tablet
    { display: none !important;}
}
@media (max-width: 767px) {
    .hidden-desktop
    { display: block}
    .visible-desktop
    { display: none}
    .visible-phone
    { display: block !important;}
    .hidden-phone
    { display: none !important;}
}

body {
    /* IE10 change to cause scrollbars to push content away instead of overlapping it, to prevent usability issues with
    the login/profile/saved jobs widget on Bootstrap sites.
    http://stackoverflow.com/questions/17045132/scrollbar-overlay-in-ie10-how-do-you-stop-that/19706857#19706857 */
    -ms-overflow-style: scrollbar;
}

#content {
    overflow-x: hidden; /* Prevents horizontal scrolling on mobile when changing aspect ratios (turn the phone vertical) */
    overflow-y: hidden; /* Prevents display of two scroll bars for browsers/devices with narrow (low width) displays */
}

span.signInProgress {
    display: none; /* Hide progress indicators in buttons. See SSO dialog stack, which is used on non-SSO pages, too. */
}

/* ****************************************************************************
    Job Results Grid
**************************************************************************** */

.clickable {
    cursor: pointer;
}
.pagination-label-row {
    display: inline-block;
    float: left;
    padding: 5px;
    line-height: 28px;
}

.jobdetail-phone span {
    display: none;
}

/** Default Mobile Field Visibility **/
.jobdetail-phone .jobLocation {
    display: block;
}

#attention-img {
    display: none;
}

#fb-root {
    display: none;
}
.jobDisplay .job {
    min-height:200px;
}
/* ****************************************************************************
    Pagination
**************************************************************************** */
.pagination {
    overflow: hidden;
    padding: 4px 0 0 10px;
}
@media (max-width: 767px) {
    .pagination-top {
        margin: 0px 0 -10px 0;
    }
    .pagination-bottom {
        margin:-40px 0 -10px 0;
    }
}
.pagination-well {
    padding: 5px;
    min-height: 48px;
}
ul.pagination {
    margin-top: 0px;
    margin-bottom: 0px;
}

ul.pagination > li a {
    line-height: 14px;
}

/* ****************************************************************************
   E-mail Subscribe Widget
**************************************************************************** */
.emailsubscribe-noresults {
    margin: 0;
}
.emailsubscribe-form {
    margin-top: 8px;
    margin-bottom: 0;
}

#noresults-subscribe.panel-default {
    background-color: #f5f5f5;
}

#noresults-subscribe #savesearch-wrapper {
    margin-bottom: 0px;
}

@media (max-width: 767px) {
    .emailsubscribe-email {
        width: 95%;
    }
    .emailsubscribe-button{
        margin-top: 8px;
    }
    #savesearch-wrapper{
        margin-bottom: 10px;
    }
}
@media (min-width: 767px) {
    #noresults-subscribe {
        margin: 0 0 10px 0;
        padding-right: 0px;
    }
}
@media (max-width: 767px) {
    #savesearch {
        margin-bottom: 20px;
    }
}
#search-actions {
    display: inline;
}


/* ****************************************************************************
   Apply Now Button
**************************************************************************** */
.applylink {
    text-align: right;
}

/* ****************************************************************************
   Social Apply & Subscribe Buttons
**************************************************************************** */
.btn-social {
    white-space: normal;
}
@media (max-width: 767px) {
    .btn-social {
        margin-bottom: 20px;
    }
}

.btn-social-apply {

}

.btn-social-apply > button {
    text-align: right;
}

.btn-social-subscribe {

}

.btn-social-subscribe > button {
    text-align: left;
}

.socialbutton {
    width: 260px;
}

.socialbutton .socialbutton-network-icon {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    display: inline-block;
}

.socialbutton .socialbutton-help-icon {
    margin-left: 10px;
}

.socialbutton .divider {
    margin: 0 1px;
}

.socialbutton .socialbutton-emailgetter {
    margin: 0;
    padding: 16px 18px 4px 16px;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}

.socialbutton .emailGetter-formShell {
    width: 220px;
}

.socialbutton .emailGetter-formShell label {
    display: none;
}

.socialbutton-emailgetter > form {
    margin-bottom: 8px;
}

.socialbutton-emailgetter > form input[name=email] {
    font-size: small;
}

.socialbutton-emailgetter > form button {
    /*width: 38%;*/
    /*font-size: small;*/
}

.socialbutton .socialbutton-right-align {
    text-align: right;
}

.socialbutton.dropdown-menu > li > a {
    white-space: normal;
}

/* IE7 fix for pop-up social apply button */
.dropup a.dropdown-toggle span.caret {
    *border-top-style: none;
}

.socialbutton > li > a {
    padding-top: 6px;
    padding-bottom: 6px;
}

.socialbutton > li > a > table {
    width: 100%;
}

.socialbutton > li > a > table td {
    vertical-align: top;
}

.socialbutton > li.loading {
    padding: 30px 10px;
    text-align: center;
    white-space: normal;
    display: none;
}

.socialbutton > div.socialbutton-emailgetter {
    display: none;
}

.socialbutton > li > .socialbutton-moretext {
    display: none;
}

.socialbutton-emailgetter-moretext > ul {
    font-size: .8em;
    list-style: square outside none;
    white-space: normal;
    padding: 5px 0;
}

.socialbutton-emailgetter-moretext > ul > li {
    line-height: 120%;
}

.emailGetter > div.ssbGetterMsg, .emailGetter > div.getterMsg {
    color: red;
    font-size: small;
    margin-bottom: 8px;
    white-space: normal;
}

/* ****************************************************************************
   Business Card
**************************************************************************** */
.bizCard-section h2 {
    margin: 0;
}

#skipThisStepLink {
    margin: 15px 0;
}

#tcNextButtonBar {
    text-align: right;
    margin: 10px 0 30px;
}

#dialogSavingIndicator {
    margin-right: 30px;
    display: inline-block;
}

#dialogSavingIndicator img {
    margin-left: 10px;
    vertical-align: middle;
}

#passwordStatusIcon {
    margin-right: 5px;
    vertical-align: text-bottom;
    display: none;
}

#passwordCompositionTooltip {
    display: none;
}
#privacypolicy{
    margin-bottom: 30px;
}

.privacyPolicyFooter{
    text-align:left;
    margin-bottom: 30px;
    margin-top: 30px;
    border-top: 1px solid #ccc;
    padding-top: 10px;
}
#privacy-policy-acknowledge{
    margin-top: 10px;
    text-align: center;
}
@media (max-width: 767px) {
    #privacy-policy-accept {
        margin-top: 10px;
    }
    #privacy-policy-decline {
        margin-top: 10px;
        margin-left: 10px;
    }
}

#tcContent-header {
    margin-top: 10px;
}
#tcContent-header-label {
    margin-bottom: -10px;
    margin-top: -10px;
}
#lnkLogout {
    font-weight: bold;
}
@media (max-width: 767px) {
    #tcContent-header-localselector {
        padding-top: 10px;
        float: none !important;
    }
    .form-horizontal .control-group {
        margin-bottom: 10px;
    }
}
@media (min-width: 767px) {
    #tcContent-header-localselector {
        margin-top: -30px;
    }
}

#talentCommunityWrapper {
    display: none;
}

#talentCommunityLoading {
    margin: 60px 0;
    height: 100%;
    width: 100%;
    font-weight: bold;
    text-align: center;
}

#talentCommunityLoadingStatusAddlNotes {
    font-weight: normal;
    padding-top: 10px;
}
#remberme-info, #password-composition-info, #password-error, #password-success, #personalize-password-info{
    max-width: 300px;
    margin-top: 10px;
}
#password-composition-info, #password-error, #password-success {
    margin-bottom:0;
}
.help-icon-rememberme, .help-icon-personalize-password{
    background-image: url('/platform/images/shared/help-icon-rd.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    width: 19px;
    cursor: pointer;
    margin-bottom: -4px;
}

/* ****************************************************************************
   Agent Form
**************************************************************************** */
#agent-editor-header {
    margin:0;
}
#agent-editor-add-button {
    margin-top: 5px;
}
#agent-editor-header-frequency {
    width: 70px;
}
#agent-editor-label {
    display: block;
}
@media (max-width: 767px) {
    .agent-editor-keywords, .agent-editor-location {
        height:85px;
    }
    #agent-editor-add-button {
        margin-top: 10px;
        float: none;
    }
    #agent-editor-header-edit {
        width: 55px;
    }
    #agent-editor-header-searches {
        width: 100%;
    }
    #agent-editor-example-keywords, #agent-editor-example-location {
        display:none;
    }
    #agent-editor-header th, #agent-list-row-search, #agent-list-row-frequency {
        font-size: 12px;
    }
    #agent-editor-header-frequency, .agent-list-row-frequency, .agent-editor-row-frequency {
        display: none;
    }
    .agent-list-row-search-mobile-frequency {
        display: inline;
    }
    .agent-editor-field-label {
        width: 100%;
        margin:0;
        font-size: 12px;
        clear: both;
    }
    .agent-editor-keywords, .agent-editor-location {
        font-size: 12px;
        width: 95%;
    }
}
@media (min-width: 767px) {
    #agent-editor-header-edit {
        width: 85px;
    }
    .agent-list-row-search-mobile-frequency {
        display: none;
    }
    .agent-editor-field-label {
        width: 100%;
        margin: 2;
        font-size: 12px;
        clear: both;
    }
    .agent-editor-keywords, .agent-editor-location {
        font-size: 12px;
        width: 97%;
    }
}


/* ****************************************************************************
   Section 508 Compliance  Global div for screen readers
**************************************************************************** */
#skip {
    position: absolute;
    left: -1000px;
    width: 0px;
    height: 0px;
    z-index: 1;
}

.s508-hide {
    display: none;
}

/* ****************************************************************************
   Login Form: /talentcommunity/login/
**************************************************************************** */
.help-icon-login, .help-icon-resetPassword {
    background-image: url('/platform/images/shared/help-icon-rd.png');
    background-repeat: no-repeat;
    display: inline-block;
    height: 19px;
    width: 19px;
    cursor: pointer;
    margin-bottom: -4px;
}

#help-inline-mobile {
    display: none;
}



#control-label-email > label, #control-label-password > label {
    font-weight: bold;
}
#newmemberlink{
    font-weight: bold;
}

@media (max-width: 767px) {
    #membersignin-localselector {
        padding-top: 10px;
        float: none;
    }

    #help-inline-mobile {
        display: inline-block;
    }
    #help-inline-desktop {
        display: none;
    }
}

/* ****************************************************************************
   Share Widgets
**************************************************************************** */
#rsslink-jobs2web {
    margin: -4px 2px;
}
#rss-label {
    margin-bottom: 7px;
}

#rss-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
}

#rss-wrapper.panel-default {
    background-color: #F5F5F5;
}

#rss-label {
    padding-left: 9px;
    padding-right: 9px;
}
#rss-links {
    padding-left: 9px;
    padding-right: 9px;
}
#social-network-button{
    padding-left: 9px;
    padding-right: 9px;
}

/* ****************************************************************************
   Global Search Form
**************************************************************************** */
@media (max-width: 979px) {
    #keywordsearch-q, #keywordsearch-locationsearch {
        width: 94%;
        margin: 0 0 7px 0;
    }
}

/* ****************************************************************************
   Job Detail Page
**************************************************************************** */
.back-to-search-wrapper {
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .back-to-search-wrapper {
        margin: 10px 0;
    }
}

.back-to-search-wrapper i {
    padding-right: 5px;
}

/* ****************************************************************************
   Unsubscribe Page
**************************************************************************** */
.unsubscribe-secondary {
    color:#444;
    clear: both;
    display: block;
    font-size: 11px;
}

/* ****************************************************************************
   Locale selector
**************************************************************************** */
#locale-selector-flag {
    margin-left: -10px;
    margin-right: 5px;
}
#locale-selector-dropdown-ul {
    font-size: 11px;
    width: 240px;
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

#locale-selector-button {
    width: 220px;
    text-align: left;
    padding-left: 29px;
    background-repeat: no-repeat;
    background-position: 7px 11px;
}
#locale-selector-dropdown-ul li.selected {
    background-color: #CCC;
}

.modal-body {
    height: 80%;
    max-height:none;
    overflow-y: auto;
 }

.modal-backdrop {
    bottom: 0;
    position: fixed;
}

@media (max-width: 767px) {
    .modal-dialog {
        margin: 0px;
        height: 100%;
    }
    .modal-content {
        border-radius: 0px;
        height: 100%;
    }
    .scrollingModal .modal-header {
        background-color: #EEE;
    }
    body.modal-open {
        position: fixed;
        overflow: hidden;
        left:0;
        right:0;
    }
    .modal{
        -webkit-overflow-scrolling: auto;
    }
    .scrollingModal .modal-body {
        height: 80%;
        max-height:none;
        overflow-y: auto;
    }

}

    /* ****************************************************************************
      Possible modal lightbox fix, in progress

      This was copied from the Bootstrap 2 global.responsive.css
      Why is it here?
   ****************************************************************************

   @media (max-width: 767px) {
       .modal-dialog {
           margin: 0px
       }
       .modal-content {
           border-radius: 0px;
       }
       .scrollingModal{
           height: 90%;
           overflow: hidden;
       }
       .scrollingModal .modal-body {
           overflow-y: auto;
           height: 80%;
           max-height:none;
       }
       .scrollingModal .modal-header {
           background-color: #EEE;
       }

   }
    */


/* ****************************************************************************
   Pre-Apply Pages
**************************************************************************** */


/* Process icons */


#preapply #preapply-icons {
    height:131px;
	width:100%;
	margin:20px 0 10px 0;
	z-index: 100;
	position: relative;
	clear: both;
	float: left;
}

#preapply #preapply-icons .preapply-icon {
	float:left;
        padding: 70px 0 0 0;
	text-align: center;
	height:61px;
}

#preapply .icon-text {
	display: block;
	text-align: center;
	margin:0 auto;
	position: relative;
	text-transform: uppercase;
	font-size: 10px;
	width:100px;
        font-weight: bold;
}

#preapply #find {
	width:65px;
	background: url(/platform/images/preapply-sprite.png) 0 0 no-repeat;
}

#preapply #find .icon-text {
	width:80px;
	left: -7px;
}

#preapply #signup {
	width:376px;
	background: url(/platform/images/preapply-sprite.png) -65px 0 no-repeat;
	margin: 0 0 0 1px;
}
#preapply #signup .icon-text {
	left: 52px;
}

#preapply #register {
	width:60px;
	background: url(/platform/images/preapply-sprite.png) -442px 0 no-repeat;
	margin: 0 0 0 100px;
}
#preapply #register .icon-text {
	left: -20px;
}

/* ****************************************************************************
   Reset Password Button
**************************************************************************** */
@media (max-width: 767px) {
    .resetPasswordButton{
        margin-top: 5px;
    }
}

/* ****************************************************************************
   RD Quick Apply
**************************************************************************** */

    .apply-button{
        margin-top: 10px;
    }

/* ****************************************************************************
   Business Card Etc.
**************************************************************************** */

    #help-icon-rememberme-a {
        margin-left: 10px;
    }

/* ****************************************************************************
   On-Page Business Card (OPBC)
**************************************************************************** */

    .mobileSSOView {
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #fff;
        z-index: 9999;
        overflow-y: auto;
        padding: 10px;
    }

    .mobSSOClose {
            padding: 10px;
            background: transparent none repeat scroll 0 0;
            border: 0 none;
            cursor: pointer;
            color: #000;
            float: right;
            font-size: 20px;
            font-weight: bold;
            line-height: 20px;
            opacity: 0.2;
            text-shadow: 0 1px 0 #fff;
            margin-top: 2px;
    }

    .noScroll {
        overflow: hidden;
        position: fixed;
    }

    .opbcHeader {
        min-height: 16.42857143px;
        padding: 15px;
        border-bottom: 1px solid #e5e5e5;
    }

    #ssoStack div.stackView div.modal-header h2 {
        margin: 0;
    }

    #ssoStack div.stackView.staticView label {
        font-weight: bold;
    }

    #ssoStack div.stackView a#btnMemberLogin {
        margin-bottom: 20px;
    }

    #ssoStack .smallNote,
    #ssoStack div.stackView .notYou,
    #ssoStack div.stackView .forgotPwd,
    #ssoStack div.stackView .ssoForgotPwd,
    #ssoStack div.stackView .forgotPwdLogin {
        font-size: 0.8em;
    }

    #ssoStack .smallNote {
        color: #888;
        font-style: italic;
        margin-bottom: 20px;
    }

    #ssoStack div.stackView .forgotPwd.smallNote,
    #ssoStack div.stackView .ssoForgotPwd.smallNote {
        font-style: normal;
        margin-bottom: 20px;
    }

    #ssoStack form {
        margin: 20px 0;
    }

    #viewOnPageBusinessCard .modal-footer #tcNextButtonBar, #viewOnPageBusinessCard #tcsignup {
        margin: 0;
    }

    #viewOnPageBusinessCardMobile .modal-footer #tcNextButtonBar, #viewOnPageBusinessCardMobile #tcsignup {
        margin: 0;
    }
    #viewOnPageBusinessCard .modal-footer #dialogSavingIndicator {
        visibility: hidden;
    }
    #viewOnPageBusinessCardMobile #dialogSavingIndicator {
        visibility: hidden;
    }

    /* The OPBC Privacy Policy common class. */
    .opbc-pp {
        margin-bottom: 10px;
    }

        .opbc-pp .opbc-pp-body {
            height: 100px;
            overflow-y: scroll;
            padding: 10px;
            border: 1px solid #CCC;
        }

        .opbc-pp .opbc-pp-footer {
            font-size: smaller;
            line-height: 120%;
        }

/* *** PROFILE PAGE ******************************************************** */

#profileShell h1   { margin-top: 0; }
#profileShell h3   { margin-top: 2px; margin-bottom: 20px; }
#profileShell h3 i { margin-top: 4px; }

/* On page profile edit form */
#edit-profile input[type=text] {
    width: 96%;
}

#edit-profile label.error {
    color: #ff0000;
}

#edit-profile input.error {
    border-color: #ff0000;
}

#modal-loading-icon img {
    margin-top: 8px;
    opacity: .2;
}

#modal-cancel-button {
    margin-right: 10px;
}

/* *** JOB BOOKMARKS ******************************************************* */

.bookmarkCounter-jobs-noJobsPlaceholder {
    padding: 6px 20px 3px;
    font-style: italic;
}

.savedJobs-toggleButtonWrapper {
    margin-right: 10px;
}

#geolocation-search-form-wrapper label {
    font-weight:normal;
}
#geolocation-search-form-wrapper input {
    text-indent:5px;
}
.form-horizontal .form-group {
    margin-right:0px;
    margin-left:0px;
}
.form-horizontal .checkbox {
    margin-bottom:20px;
}
#tcpassword {
    margin-bottom:10px;
}
#unsubscribe-form .form-group {
    margin-left:20px;
}
.searchbycat, #searchbycat {
    margin-bottom:20px;
}
#savesearch-wrapper {
    margin-bottom:15px;
}
.ssoForgotPwd {
    margin-top:15px;
}


/**** CATEGORY ********************************************************/
#category-header {
    margin-bottom: 20px;
}
.category-groups-wrapper {
    margin-bottom: 20px;
}

/**** Military Jobs Transcoder ****/
/* Add vertical scroll bar to results */
/* Styling ui autocomplete is a pain, no easy ability to add classes to elements */
/* Added id of transcoder-form-body to body of transcoder */
#transcoder-form-body .ui-autocomplete {
    overflow-y: auto;
    padding-right: 20px;
}