/*
 This software is the confidential information and copyrighted work of
 NetCracker Technology Corp. ("NetCracker") and/or its suppliers and
 is only distributed under the terms of a separate license agreement
 with NetCracker.
 Use of the software is governed by the terms of the license agreement.
 Any use of this software not in accordance with the license agreement
 is expressly prohibited by law, and may result in severe civil
 and criminal penalties. 
 
 Copyright (c) 1995-2017 NetCracker Technology Corp.
 
 All Rights Reserved.
 
*/
.refsel
{
    display: inline-block;
    text-align: left;
    vertical-align: top;
    width: 100%;
    max-width: 300px;
}

.refsel,
.refsel .refsel_input,
.refsel .refsel_link,
.refsel .refsel_rich,
.refsel .refsel_rich .refsel_textarea,
.refsel .refsel_rich .refsel_font_test,
.refsel .refsel_rich .refsel_hl,
.refsel .refsel_rich .refsel_sel,
#nc_refsel_list .refsel_row
{
    background-color: transparent;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
}

.refsel .refsel_value
{
    display: none;
}

.refsel .refsel_single .refsel_input,
.refsel .refsel_multiple .refsel_rich
{
    border-color: #AFB6BD;
    border-style: solid;
    border-width: 1px;
    position: relative;
}

.refsel .refsel_rich
{
    overflow-x: hidden;
    overflow-y: auto;
}

.refsel .refsel_font_test,
.refsel .refsel_rich .refsel_hl,
.refsel .refsel_rich .refsel_sel
{
    border: 0; /** IE doesn't support border: none */
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    white-space: pre;
    z-index: 0; /** Text- and selection-highlighting divs are below textarea */
}

.refsel .refsel_font_test
{
    padding-top: 0; /*to corect computing of element height*/
}

.refsel .refsel_rich .refsel_hl
{
    z-index: 1; /* Text-highlighting div is below textarea */
}

.refsel .refsel_rich .refsel_sel
{
    overflow: hidden;
    z-index: 2; /** Selection-highlighting div is between text-highlighting div and textarea */
}

.refsel .refsel_rich .refsel_sel span
{
    display: none;
}

.refsel .refsel_font_test
{
	visibility: hidden;
    background-color: transparent;
}

.refsel.refsel_focus .refsel_rich .refsel_sel span.refsel_sel_text
{
    background-color: #39F;
    color: #FFF;
    visibility: visible;
}

.refsel.refsel_focus .refsel_input,
.refsel .refsel_single:hover .refsel_input:not(.refsel_input_error),
.refsel .refsel_multiple:hover .refsel_rich:not(.refsel_rich_error)
{
    border-color: #009DD9;
}

.refsel.refsel_focus .refsel_rich
{
    border-color: transparent;
}

.refsel .refsel_single .refsel_input {
    min-height: 20px !important;
    padding-left: 23px !important;
}

.refsel .refsel_single,
.refsel .refsel_multiple
{
    background-color: white;
    background-clip: padding-box;/** outer border should be transparent, however border-box is default property value that forces white(background color) outer border */
    -moz-background-clip: padding-box;
    -webkit-background-clip: padding-box;
    margin: 0;
    max-width: 300px;
    min-width: 80px;
    padding: 0;
    position: relative;
    transition: min-width 0.5s linear 1.5s;
    -moz-transition: min-width 0.5s linear 1.5s;
    -o-transition: min-width 0.5s linear 1.5s;
    -webkit-transition: min-width 0.5s linear 1.5s;
    vertical-align: top;
}

.refsel .refsel_readonly
{
    display: inline-block;
    margin: 0;
    padding: 0;
}

.refsel.refsel_ie5_tweak .refsel_arrow
{
    font-size: 13px; /** IE in quirks mode ignores height for block anchors. Hacking font-size to achieve 16px height. */
}

.refsel.refsel_ie5_tweak .refsel_arrow
{
    right: 2px;
}

.refsel .refsel_arrow
{
    width: 18px;
    right: 1px;
    z-index: 30; /** Drop-down button is above textarea */
    border: 0; /** IE doesn't support border: none */
    bottom: 1px;
    cursor: pointer;
    display: block;
    height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    vertical-align: top;
}

.refsel_ie8_to_ie10_tweak .refsel_arrow
{
    /*to support click on arrow button*/
    background-color: transparent;
    background-image: url("/platform/ui/components/referenceselector/img/arrow_down.png");
    background-repeat: no-repeat;
    background-position: 50%;
}

.refsel_single .refsel_arrow
{
    top: 3px;
}

.refsel_arrow_active
{
    width: 18px;
    right: 1px;
    z-index: 30; /** Drop-down button is above textarea */
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.refsel .refsel_multiple .refsel_arrow
{
    margin-top: 3px;
    background-color: transparent;
}

.refsel .refsel_single .refsel_input,
.refsel .refsel_single .refsel_link
{
    height: 20px;
    margin: 0;
    padding: 0 20px 1px 25px; /* Left padding for icon, right padding for drop-down button */
    vertical-align: top;
}

.refsel .refsel_readonly .refsel_link
{
    display: block;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0 0 1px 20px; /* Left padding for icon */
    white-space: nowrap; /* Prevent line breaks */
}

.refsel .refsel_single .refsel_input
{
    z-index: 10;
}

.refsel .refsel_input_required
{
    display: none;
}

.refsel .refsel_single .refsel_link
{
    border-color: transparent;
    color: transparent;
    display: none;
    filter: alpha(opacity=0); /** IE doesn't support opacity */
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 0;
}

.refsel .refsel_single,
.refsel .refsel_multiple,
.refsel .refsel_readonly,
#nc_refsel_list
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.refsel .refsel_single .refsel_input,
.refsel .refsel_single .refsel_link,
.refsel .refsel_readonly .refsel_link,
.refsel .refsel_textarea
{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 100%;
}

.refsel.refsel_ie7_tweak .refsel_single .refsel_input,
.refsel.refsel_ie7_tweak .refsel_single .refsel_link,
.refsel.refsel_ie7_tweak .refsel_readonly .refsel_link,
.refsel.refsel_ie7_tweak .refsel_textarea
{
    /**
     * box-sizing is not supported in IE7
     * So we emulate it using one-time executed CSS expression and updateTweakedWidth() function
     */
    width: expression(parentNode.clientWidth ? (runtimeStyle.width = (parentNode.clientWidth
        - (parseInt(currentStyle.borderLeftWidth) || 0) - (parseInt(currentStyle.borderRightWidth) || 0)
        - (parseInt(currentStyle.paddingLeft) || 0) - (parseInt(currentStyle.paddingRight) || 0) + "px")) : "100%");
}

.refsel.refsel_ie5_tweak .refsel_single .refsel_input,
.refsel.refsel_ie7_tweak .refsel_single .refsel_input
{
    margin-bottom: -2px; /* IE7- input parasitic 1px top and bottom margin fix */
    top: -1px; /* IE7- input parasitic 1px top and bottom margin fix */
}

.refsel.refsel_ie8_compat_tweak.refsel_ie7_tweak .refsel_single .refsel_input
{
    margin-bottom: 0; /* IE7 emulation in IE8 incorrectly ignores IE7 input parasitic margin bug */
    top: 0; /* IE7 emulation in IE8 incorrectly ignores IE7 input parasitic margin bug */
}

.refsel.refsel_ie7_tweak .refsel_single .refsel_input
{
    height: 17px; /* IE7 "box-model: border-box" emulation, height - border-top - border-bottom - padding-top - padding-bottom */
}

.refsel .refsel_multiple .refsel_hl .refsel_link,
.refsel .refsel_multiple .refsel_sel,
.refsel .refsel_multiple .refsel_textarea
{
    padding: 0 0 0 23px; /** Left margin for icon */
}

.refsel .refsel_multiple .refsel_textarea
{
    min-height: 18px;
    padding: 0 20px 0 23px;
    border: 0; /** IE doesn't support border: none */
    filter: alpha(opacity=20); /** IE doesn't support opacity */
    margin: 0;
    opacity: 1; /** Opacity 20% so textarea is translucent and .refsel_hl shows through the editor and paints text in colors  */
    overflow: hidden;
    position: relative;
    resize: none;
    z-index: 10; /** Textarea is above text- and selection-highlighting divs */
}

.refsel .refsel_multiple .refsel_textarea_placeholder
{
    font-style: italic;
    left: 32px;
    position: absolute;
    bottom: 0px;
    color: #999;
    cursor: pointer;
    font-size: 13px;
}

.refsel .refsel_multiple .refsel_textarea[disabled] {
    background: rgb(235, 235, 227);
}

.refsel.refsel_ie5_tweak .refsel_multiple .refsel_textarea
{
    margin-top: -2px;
}

.refsel .refsel_rich .refsel_hl .refsel_link
{
    border: 0; /** IE doesn't support border: none */
    cursor: text;
    display: block;
    margin: 0;
    position: relative;
    text-decoration: none;
}

.refsel .refsel_rich .refsel_hl .refsel_link.refsel_valid
{
    cursor: pointer;
}

.refsel .refsel_multiple .refsel_rich .refsel_link
{
    color: black;
}

.refsel_valid .refsel_single .refsel_input,
.refsel .refsel_multiple .refsel_rich .refsel_link.refsel_valid
{
    color: #336699;
}

.refsel .refsel_multiple .refsel_rich .refsel_link.refsel_valid,
.refsel .refsel_multiple .refsel_rich .refsel_link
{
    visibility: hidden;
}

body.refsel_ctrl_key .refsel .refsel_multiple .refsel_rich .refsel_link.refsel_valid {
    visibility: visible;
}

body.refsel_ctrl_key .refsel_valid .refsel_single:hover .refsel_input,
body.refsel_ctrl_key .refsel_multiple .refsel_rich .refsel_hl .refsel_valid:hover
{
    text-decoration: underline;
}

body.refsel_ctrl_key .refsel_valid .refsel_single .refsel_link
{
    display: block;
    z-index: 20;
}

body.refsel_ctrl_key .refsel .refsel_multiple .refsel_hl
{
    z-index: 20;
}

body.refsel_iframe table
{
    border-spacing: 0;
}

.refsel.refsel_focus .refsel_multiple .refsel_rich
{
    border-color: #009DD9;
}

.refsel.refsel_focus .refsel_multiple
{
    outline: rgba(77, 144, 254, 0.5) solid 2px;
}

.refsel.refsel_error .refsel_single,
.refsel.refsel_error .refsel_single .refsel_input,
.refsel.refsel_error .refsel_multiple,
.refsel.refsel_error .refsel_multiple .refsel_rich
{
    border-color: #E00 !important;
}

.refsel.refsel_error .refsel_single .refsel_input,
.refsel.refsel_error .refsel_multiple .refsel_rich,
.refsel.refsel_error .refsel_arrow
{
    background-color: #FEE !important;
}

#nc_refsel_list
{
    border: 1px solid #AFB6BD;
    background-color: #ffffff;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    max-width: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    z-index: 16383; /** Results list is shown above everything */
   /*NOTE: z-index is calculated in showList function in refsel.js */
}

#nc_refsel_list:hover
{
    border-color: #009DD9;
}

.refsel .refsel_single .refsel_input_error,
.refsel .refsel_multiple .refsel_rich_error {
    border-color: #C34D34;
}

#nc_refsel_list.refsel_ie5_tweak
{
    margin-left: 1px; /** Tweaking 1px shift in IE quirks mode. */
}

#nc_refsel_list.refsel_ie7_tweak
{
    max-width: 298px; /* IE7 "box-model: border-box" emulation, max-width - border-left - border-right - padding-left - padding-right */
}

#nc_refsel_list .refsel_table
{
    cursor: default;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}

#nc_refsel_list .refsel_table_holder
{
    position: relative;/* for list scrolling, see scrollListIntoView */
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

#nc_refsel_list .refsel_row
{
    border: 2px solid transparent;
    min-height: 16px;
    overflow: hidden;
    text-align: left;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#nc_refsel_list.refsel_ie5_tweak .refsel_row
{
    width: 100%; /** IE in quirks mode doesn't set height for container div by contained float divs. Triggering hasLayout to correct it. */
}

#nc_refsel_list .refsel_name
{
    float: left;
    max-width: 100%;
    min-height: 16px;
    overflow: hidden;
    padding: 1px 21px 1px 7px;
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
}

#nc_refsel_list.refsel_list_wrappable_label .refsel_name
{
    white-space: pre-wrap;
}

#nc_refsel_list .refsel_path
{
    color: #999999;
    float: right;
    font-size: 80%;
    min-width: 25px;
    overflow: hidden;
    padding: 1px 15px 1px 10px;
    text-align: right;
    white-space: normal !important;
}

#nc_refsel_list .refsel_discarded div
{
    color: #CCC;
}

#nc_refsel_list .refsel_row.refsel_highlight
{
    border: 2px solid rgba(77, 144, 254, 0.5);
    background-color: #F0F5F9;
    cursor: pointer;
}

#nc_refsel_list .refsel_row.refsel_highlight_contrast
{
    background-color: #F0F5F9;
    cursor: pointer;
    outline: 2px inset #ffffff;
    font-weight: bold;
    font-size: 10pt;
}

#nc_refsel_list .refsel_actions_holder
{
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

#nc_refsel_list .refsel_action_holder_first {
    border-top: 1px solid #DAE7F1;
}


#nc_refsel_list .refsel_actions
{
    width: 100%;
    overflow: hidden;
}

#nc_refsel_list .refsel_static_actions
{
    width: 100%;
    overflow: hidden;
}

#nc_refsel_list .refsel_action_holder
{
    background-color: #FFF; /*default background - white*/
    display: block;
    padding-left: 0;
    overflow: hidden;
    min-height: 16px;
    z-index: 4000; /** Action buttons are above everything */
    border-bottom: 1px solid #F0F0F0;
}

#nc_refsel_list .refsel_actions_holder a.refsel_action
{
    background: no-repeat;
    color: #336699;
    cursor: pointer;
    display: block;
    font-size: 11px;
    text-decoration: none;
    text-align: left;
    padding-left: 23px; /*for action icon*/
}

#nc_refsel_list .refsel_actions_holder a.refsel_action {
    color: #000000;
}

#nc_refsel_list .refsel_actions_holder a.refsel_action:hover
{
    text-decoration: underline;
}

#nc_refsel_list.refsel_relogin div.refsel_error
{
    color: #000000;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#nc_refsel_list.refsel_relogin div.refsel_error a
{
    text-decoration: underline;
    color: #0000ff;
}

#nc_refsel_list .refsel_error,
#nc_refsel_list.refsel_relogin.refsel_warning .refsel_error
{
    color: #C34D34;
    padding: 0 5px;
    white-space: pre-line;
}

/* actions styles */

.refsel .refsel_action_view_holder_div
{
    position: absolute;
    z-index: 4000;
}

.refsel .refsel_action_view_holder_div_content
{
    position: relative;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.19);
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.refsel .refsel_action_view_holder_div .refsel_action_popup_arrow
{
    position: absolute;
    z-index: 4001;
}

.refsel .refsel_action_view_holder_div .refsel_action_popup_arrow
{
    background: transparent url("/platform/ui/components/referenceselector/img/popup_top_arrow.png") no-repeat left top;
    top: -25px;
    left: 50%;
    width: 65px;
    height: 26px;
}
.refsel_jqPopup{
    width: 460px !important;
}
.refsel_jqPopup .ui-dialog-content {
    overflow: auto !important;
    overflow-x: hidden !important;
    max-height: 500px !important;
}
.ui-widget-content.JQPopup.refsel_jqPopup .refsel_action_view_holder_div {
    position: static !important;
}

.refsel_multiple .refsel_hl .refsel_link:last-child:first-child {
    padding-bottom: 2px;
}

.refsel_multiple .refsel_hl .refsel_link.refsel_loading
{
    padding-bottom: 0 !important;
}

.refsel .refsel_single {
    min-height: 20px !important;
}

img.refsel_input_icon,
img.refsel_multiple_input_icon,
img.refsel_list_icon,
img.refsel_action_icon,
img.refsel_text_icon
{
    max-width: 18px;
    max-height: 16px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    float: left;
    clear: left;
    top: 1px;
    left: 2px;
    z-index: 40;
}

.refsel .refsel_single .refsel_input_icon[src="undefined"],
.refsel .refsel_multiple .refsel_multiple_input_icon[src="undefined"],
.refsel .refsel_single .refsel_input_icon[src=""],
.refsel .refsel_multiple .refsel_multiple_input_icon[src=""]{
    height: 0;
    width: 0;
}


img.refsel_action_icon
{
    cursor: pointer;
}

img.refsel_input_icon
{
    position: absolute;
    top: 2px;
    left: 3px;
}

img.refsel_text_icon
{
    top: 3px;
}

.refsel .refsel_arrow:before
{
    width: 7px;
    height: 4px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 6px;
    right: -6px;
    z-index: 40;
    content: url("/platform/ui/components/referenceselector/img/arrow_down.png");
}

.refsel_list > .ps-container > .ps-scrollbar-x-rail,
.refsel_list > .ps-container > .ps-scrollbar-y-rail
{
    opacity: 0.6 !important;
}

.refsel .refsel_arrow.contrast_mode:before
{
    width: 11px;
    height: 8px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 5px;
    right: -5px;
    z-index: 40;
    content: url("/platform/ui/components/referenceselector/img/arrow_down_contrast.png");
}

.refsel .refsel_multiple .refsel_arrow.contrast_mode:before
{
    width: 15px;
    height: 17px;
    top: -1px;
    right: -2px;
    content: url("/platform/ui/components/referenceselector/img/arrow_alt_down_contrast.png");
}
img.background
{
    z-index:0;
    position: absolute;
    left:2px;
}

/*
 WITHOUT LIMITING THE FOREGOING, COPYING, REPRODUCTION, REDISTRIBUTION,
 REVERSE ENGINEERING, DISASSEMBLY, DECOMPILATION OR MODIFICATION
 OF THE SOFTWARE IS EXPRESSLY PROHIBITED, UNLESS SUCH COPYING,
 REPRODUCTION, REDISTRIBUTION, REVERSE ENGINEERING, DISASSEMBLY,
 DECOMPILATION OR MODIFICATION IS EXPRESSLY PERMITTED BY THE LICENSE
 AGREEMENT WITH NETCRACKER. 
 
 THIS SOFTWARE IS WARRANTED, IF AT ALL, ONLY AS EXPRESSLY PROVIDED IN
 THE TERMS OF THE LICENSE AGREEMENT, EXCEPT AS WARRANTED IN THE
 LICENSE AGREEMENT, NETCRACKER HEREBY DISCLAIMS ALL WARRANTIES AND
 CONDITIONS WITH REGARD TO THE SOFTWARE, WHETHER EXPRESS, IMPLIED
 OR STATUTORY, INCLUDING WITHOUT LIMITATION ALL WARRANTIES AND
 CONDITIONS OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE,
 TITLE AND NON-INFRINGEMENT.
 
 Copyright (c) 1995-2017 NetCracker Technology Corp.
 
 All Rights Reserved.
*/