/* ssFLI Tooltip ---------------------------------------------------------------- */


.ssFliPlaceholderLabel { display: none; position: absolute; overflow: hidden;  top: 0; left: 0; padding: 3px 3px 3px 6px; color: #888;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.ssFliLabel { background: #000; opacity: .8; color: #FFF !important; padding: 5px 8px 4px 8px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.ssFliInputDiv { position:relative; }
.ssFliLabel.isRequired { background: #0049A6; font-weight: bold; }
.ssFliLabel.isValidated { background: #0049A6; font-style: italic; }

label.isRequired, label.isValidated, span.isRequired, span.isValidated { color: #2F83B8; }
label.isValidated, span.isValidated { font-style: italic; }
input.isValidated, select.isValidated {border: 1px solid #99C3F8 !important;}
select.isRequired, input.isRequired, textarea.isRequired {
    border: 1px solid #99C3F8 !important;
    -webkit-box-shadow: inset 0 0 7px 1px #ACDBF5;
    -moz-box-shadow: inset 0 0 7px 1px #ACDBF5;
    box-shadow: inset 0 0 7px 1px #ACDBF5;
    background: #EEF7FC;
}
/* end FLI Stuff */

/* Dialog Stuff ----------------------------------------------------------------- */
#divDimmer { position:fixed; top:0; bottom:0; left:0; right:0; background:#FFF; z-index:25; opacity: 0.7; }
.divDialogContent {	text-align:left; margin-bottom: 20px; -ms-word-wrap: break-word; word-wrap: break-word; }
.divDialogButtons { text-align:right; }
.divDialog { display:none; position:fixed; background-color:#ffffff;	border: solid 1px #c9c1c1; z-index:50; top:100px; left:100px; 
                padding: 25px; border-radius: 8px; box-shadow: rgba(0,0,0,0.4) 4px 4px 8px; }

.divDisplayDateRange input { width: 127px; }
.divDisplayDateRange span { overflow: hidden; display: inline-block; text-align: center; max-width: 43px; }
.divDialogContent .divFormRow select { width: 100%; }

#DialogWrapper, #divGeneralDialogWrapper { position: absolute; top:0; left: 0; right: 0; bottom: 0; display: none; z-index:50; }
#DialogWrapper .divDialog, #divGeneralDialogWrapper .divDialog { margin: 40px auto 20px auto; position: static; display: block;  }
/* end Dialog Stuff */

/* --- Tipsy Plugin Classes ----------------------------------------------------- */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100; }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-arrow { position: absolute; background: url('/Content/images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
/* End of Tipsy Calls */

/* Misc ------------------------------------------------------------------------- */
#divFLIWidget .fliReqBit input { width: auto; margin: -3px 0 0 10px; }
.fliShowAllLightBoxes {position: relative !important; display:block !important;}
.LightBoxIndependent.fliShowAllLightBoxes {pointer-events:auto !important;}
.LightBoxIndependentWrapper.fliShowAllLightBoxes {z-index:0 !important; pointer-events:none !important} 

.footnote { font-size: 10px; color: #888;  }
.dww li { color: #FFF;}
.noShow { display: none; }
.noOverflow { overflow: hidden; }
.noVisibility { visibility: hidden;}
.ssReadOnly::-ms-clear { display: none; }
.divButtonWrapper, .divIconWrapper { overflow: hidden; margin-bottom: 10px;}
/*.displayInline { display: inline; }  only used in the NotesDialog.cshtml */

.divRow div.miniMenu { text-align: right; padding-right: 0; }
.divRow div.miniMenu button { width: auto; padding: 5px 12px;}

/* This is for the Email Pop up in the TCB and CRM */
#EmailEditorWrapper div { padding: 0; }
#EmailEditorWrapper .mce-edit-area, #EmailEditorWrapper .mce-statusbar, #EmailEditorWrapper .mce-statusbar  .mce-container-body { width: 100%;}
#EmailEditorWrapper .mce-statusbar .mce-path-item, #EmailEditorWrapper .mce-statusbar .mce-divider { padding-right: 7px !important; }

/* new spinner animation - oh yeah! */
#divWaitSpinner { z-index: 101; position:fixed; top:0; left:0; right:0; bottom:0; opacity: 0.5; background: #FFF; color: #FFF; text-align: center; height: 100%; }
#divWaitSpinner img { position: relative; top:50%;  }


/* ------------------------- new wait spinner
#divWaitSpinner * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; -moz-user-select: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; }
#spinnerWrapper { position: fixed; top:35%; left:47%; list-style: none; }

@-moz-keyframes rotateSpinner {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes rotateSpinner {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes rotateSpinner {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

#spinnerWrapper li { margin-top: 20px; position: relative; }
.spinnerContent div { height: 100%; }
.spinnerContent, .spinnerContent div { padding: 3px; border: 3px solid transparent; border-top-color: #333; border-radius: 50%; animation: rotateSpinner linear 2s infinite; }
#spinnerWrapper li > div { height: 60px; margin: 0 auto; width: 60px; }
#spinnerWrapper li * { animation-play-state: running; }

*/

/* end Misc */

/* Adjustments ------------------------------------------------------------------ */
#divAdjustmentTypeContainer { margin: 0 auto; padding: 0 0 20px 0; }
#divAdjustmentTableContainer .trSelected { background: #FF6 !important; }
#divAdjustmentTableContainer tr:hover { background: #FFA; }
#divAdjustmentTableContainer td span { padding: 0 0 0 8px; }
/* end Adjustment */    

/* Login Stuff ------------------------------------------------------------------ */
#divToolTip { display: block; z-index: 100; }
#divLoginToolTip { display: block; z-index: 100; }

.logoContainer   { overflow: hidden; padding: 1px 0 1px 11px; background: url('/Content/images/sssLoginGradient.png') left top repeat-x; }
#aLogOn {float: right; margin: 33px 33px 0 0; text-decoration: none;}
#aLogOn i { margin: 2px 5px 0 0; float: left; }

#loginError, #forgotPasswordError { color: #aa0909; }
.loginRememberMe { text-align: right; padding-top: 15px; }
.loginRememberMe input { width: auto; margin: 0 0 0 7px; }
/* end Login Stuff */

/* 404 Pages -------------------------------------------------------------------- */
#NotFound { width: 500px; margin: 0 auto 0 auto; padding-top: 100px; }
#NotFound div { text-align: center; }
.notFoundText { padding-top: 20px; font-size: 20px; margin-top: 20px; }
.notFoundText * { font-size: 20px; }
.notFoundText p { color: #888; }
.notFoundText a { color: #252363; }
/* end of 404 Pages */

/* below are needed but preferably not in this file */
#ulDoNot li { display: inline; padding: 0 24px 5px 0; cursor: pointer;}
#liDoNotPhone { background: url('/Content/themes/base/images/icnPhone.png') center top no-repeat; }
#liDoNotEmail { background: url('/Content/themes/base/images/icnEmail.png') center top no-repeat; }
#liDoNotText { background: url('/Content/themes/base/images/icnCell.png') center top no-repeat; }
#liDoNotWrite { background: url('/Content/themes/base/images/icnWrite.png') center top no-repeat; }

/* These are on the division/realtor page - For some reason they don't like being in their own .css file :( */
#liDoNotCall { background: url('/Content/themes/base/images/icnPhone.png') center top no-repeat; }
#liDoNotSendEmail { background: url('/Content/themes/base/images/icnEmail.png') center top no-repeat; }
#liDoNotSendText { background: url('/Content/themes/base/images/icnCell.png') center top no-repeat; }
#liDoNotSendLetter { background: url('/Content/themes/base/images/icnWrite.png') center top no-repeat; }

/* Misc */
#imgUser { height: 28px; }
#scheduleAppointmetOptional, #scheduleAppointmetRequired { color: #FFF; } /* Schedule Apt. LightBox tag collections */ 
/*.tbpIconButtonScenario.ssDisabled { opacity: 0.2; cursor: not-allowed }*/

/* Below needs clearning out ======================================================================================== */
 
.ui-datepicker {
    background: #FFF !important;
    width: 200px;
    border: #000 solid 1px;
}
/* Component containers
----------------------------------*/
.ui-widget { /*Commented out by LP font-family: Verdana,Arial,sans-serif*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { /*Commented out by LP font-family: Verdana,Arial,sans-serif; {ffDefault}*/ font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/Content/themes/base/images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/Content/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #006dcc*//*{borderColorDefault}*//*; background: #006dcc*//*{bgColorDefault}*//* url(/Content/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png)*//*{bgImgUrlDefault}*/ /*50%*//*{bgDefaultXPos}*/ /*50%*//*{bgDefaultYPos}*/ /*repeat-x*//*{bgDefaultRepeat}*/ /*!important; font-weight: normal*//*{fwDefault}*//*; color: #555555*//*{fcDefault}*//*; }*/
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{border: 1px solid #006dcc !important;background-color: #006dcc !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/Content/themes/base/images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/Content/themes/base/images/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/Content/themes/base/images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/Content/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* override some styles  */
#tdSearch { border: 0px; padding: 5px 0 0 0; }
#divIncludeInFollowUp, div.btnIncludeInFollowup { background: url('/Content/images/doublePerson.png') top center no-repeat; width: 100%; height: 20px; margin: 5px 0 0 0; cursor: pointer; }

.btnIncludedInFollowup { background: url('/Content/images/doublePersonActive.png') top center no-repeat; width: 100%; height: 20px; margin: 5px 0 0 0; cursor: pointer; }
#ulDoNot { margin: 0 0 4px 0; }

/* Disabled items */
a.ssDisabled { color: #333; }

/* call script div*/
.callScript {
    min-height: 300px;
    overflow: auto;
}

.nav-item select, .nav-item input, .nav-item ul {
    background: rgb(61, 61, 61) !important;
    color: #cccccc !important;
    background: #3D3D3D !important;
    border-color: #4c4c4c !important;
    font-weight: normal !important;
    font-size: smaller !important;
    padding-top: 0px !important;
}

.nav-item select:focus, .nav-item select optgroup:focus {
    outline: 0px;
    outline-offset: -2px;
}

/* Override for jQuery UI's autocomplete to make the height of the results scrollable */
.ui-autocomplete {
    max-height: 300px;
    max-width: 100%;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 20px !important;
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}
.ui-autocomplete-loading { background: white url('/Content/themes/base/images/ui-anim_basic_16x16.gif') right center no-repeat; }
.ui-menu-item { font-size: 10pt;}

#subdivSelectPicker {
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #3D3D3D, #3D3D3D) !important;
    background-position: calc(100% - 20px) calc(1em + 0px), calc(100% - 15px) calc(1em + 0px), calc(100% - 2em) 1em !important;
    background-size: 5px 5px, 5px 5px, 1px 1.5em !important;
    background-repeat: no-repeat !important;
    margin: 0;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #3D3D3D;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;

}

    #subdivSelectPicker::-ms-expand {
        display: none;
    }

    #subdivSelectPicker optgroup {
        background-color: #3d3d3dfc;
        cursor: pointer;
    }

.globalNotification { width: 100%; padding: 0 .8rem 0 .8rem; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; border-left: 13px solid; border-bottom: dotted;}

.globalNotification .globalNotificationIcon {font-size: 25px; width: 30px; margin-top: 14px; margin-right: 10px; text-align: center; vertical-align: top;}
.globalNotification .globalNotificationDismiss {color: #808080; font-size: 20px; margin-top: 5px; cursor: pointer;}

.globalNotificationMessage {width: 94%; display: inline-block; min-height: 48px;}