/*********************************/

/*SPIDER*/
.wrap
{
}
.wrap:hover
{
    cursor: pointer;
}
.link
{
    stroke: #4868A8;
    stroke-width: 1px;
    stroke-dasharray: 10 2;
}
.node
{
}
.node:hover
{
}
.box
{
    fill: #fff;
    stroke: #5E4BE6;
    stroke-width: 1px;
}
.box:hover
{
}
.text
{
    fill: #000;
    font-family: Arial;
    font-size: 11px;
}
.text_more
{
    fill: #000;
    font-family: Arial;
    font-size: 9px;
}
.text_more_hover
{
    fill: #F19818;
    font-family: Arial;
    font-size: 9px;
}
/*SPIDER STATUS ICONS*/
.letter
{
    fill: #fff;
    font-family: Arial;
    font-size: 9px;
}

.aktivan
{
    fill: #45B257;
    font-size: 9px;
    font-weight: bold;
}

.neaktivan
{
    fill: #FA9C08;
    font-size: 9px;
    font-weight: bold;
}

.likvidacija, .stecaj, .brisan, .tax, .paycheck
{
    fill: #ED1B26;
    font-size: 9px;
    font-weight: bold;
}

.blokiran
{
    fill: #ED1B26;
    font-size: 10px;
    font-family: Georgia;
    font-weight: bold;
}

.back
{
    fill: #fff;
    width: 12px !important;
    height: 12px !important;
}
/*SPIDER LEGEND*/
#spider_params_left, #spider_params_rights
{
    height: inherit;
    width: 50%;
    float: left;
}
.spider_param_status_box
{
    width: 50%;
    height: 25px;
    float: left;
}
.spider_param_status_icon
{
    width: 10px;
    height: 13px;
    font-family: Calibri;
    font-size: 11px;
    color: white;
    margin: 5px 0 0 5px;
    padding: 0 0 0 3px;
    float: left;
}
.spider_param_status_text
{
    float: left;
    margin: 5px 0 0 5px;
    font-family: Calibri;
    font-size: 12px;
}
.NOColor
{
    background-color: #5B7BBD;
}
.OZZColor
{
    background-color: #FBAC34;
}
.OwnerColor
{
    background-color: #6B8D2D;
}
.UgasenColor
{
    background-color: #CCCCCC;
}
.BlockageColor, .TaxColor, .StecajColor, .LikvidacijaColor
{
    background-color: #CB3727;
}
/*** INFOBOX ***/
.infobox
{
    width: 200px;
    position: absolute;
    display: none;
    width: 307px;
}
.infobox_header
{
    width: inherit;
    height: 26px;
    cursor: move;
    background: #4966a3;
    position: relative;
    z-index: 1;
    top: 2px;
    left: 1px;
}
.infobox_header a
{
    position: absolute;
    top: 3px;
    right: 3px;
    background: Transparent url(images/closeInfoBoxWhite.png) 0 0 no-repeat;
    border: none;
    width: 17px;
    height: 19px;
    display: block;
}
.infobox_body
{
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 314px;
    z-index: 0;
}
.infobox_body .sticker
{
    margin: 0;
    width: 308px;
    height: 146px;
    background-position: -1px 0;
}
.infobox_body .sticker:hover
{
    background-position: -1px -165px;
    }

/*GCF*/
#gcf_wrapper
{
    width: 950px;
    height: 500px;
    border: solid 1px #c8c6c5;
    margin-bottom: 5px;
    float: left;
}
#gcf_left
{
    width: 435px;
    height: 460px;
    float: left;
    font-size: 14px;
    line-height: 26px;
    padding: 20px;
}
#gcf_right
{
    width: 475px;
    height: 500px;
    float: right;
    background: transparent url(images/spider.png) 0 0 no-repeat;
}
/***   HIDE ME ****/
#hideMe
{
    position: absolute;
    background-color: #dedede;
    display: none;
    z-index: 999;
}

.d3-tip
{
    line-height: 1;
    font-weight: bold;
    padding: 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 2px;
}
/* Creates a small triangle extender for the tooltip */
.d3-tip:after
{
    box-sizing: border-box;
    display: inline;
    font-size: 10px;
    width: 100%;
    line-height: 1;
    color: rgba(0, 0, 0, 0.8);
    content: "\25BC";
    position: absolute;
    text-align: center;
}
/* Style northward tooltips differently */
.d3-tip.n:after
{
    margin: -1px 0 0 0;
    top: 100%;
    left: 0;
}


.fullScreenWindow
{
    margin: 0;
    padding: 0;
    background-image: none;
    background-color: #ffffff;
    height: 100%;
    }

.spiderParams, .fullScreenWindow .spiderParams
{
    float: left;
    width: 100%;
    position: relative;
    padding-top: 10px;
    padding-bottom: 61px; /* height of tools + 10px */
    font-family: Arial, Helvetica, Sans-Serif;
}
.spiderParams a.fullscreen
{
    width: 26px;
    height: 26px;
    display: block;
    background: url(images/fullScreen.png) 0 0 no-repeat;
    overflow: hidden;
    position: absolute !important;
    padding: 0 !important;
    top: -15px;
    right: 5px;
    font-size: 0em;
    color: #6376b8;
}
.spiderParams ul
{
    margin: 0 0 0 15px;
    max-width: 180px; /**/
    float: left;
    font-size: 12px;
    padding: 0;
    list-style: none;
}
.fullScreenWindow .spiderParams ul
{
    max-width: none;
    }
.spiderParams ul li
{
    margin-top: 8px;
    line-height: 16px;
}
.spiderParams ul li:first-child
{
    margin-top: 0;
}
.spiderParams ul.legendSquares li.legendRoot
{
    background: url(images/legendRoot.png) 0 0 no-repeat;
}
.spiderParams ul.legendSquares li.legendPerson
{
    background: url(images/legendPerson.png) 0 0 no-repeat;
}
.spiderParams ul.legendSquares li.legendSubject
{
    background: url(images/legendSubject.png) 0 0 no-repeat;
}
.spiderParams ul.legendSquares li.legendOutstanding
{
    background: url(images/legendOutstanding.png) 0 0 no-repeat;
}
.spiderParams ul.legendSquares li.legendUnrepresentedLinks
{
    background: url(images/legendUnrepresentedLinks.png) 0 0 no-repeat;
}
.spiderParams ul.legendSquares li
{
    padding-left: 28px;
    background-position: 0 2px !important;
}

.spiderParams ul.legendLines li.legendOwner
{
    background: url(images/legendOwner.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li.legendRepresentative
{
    background: url(images/legendRepresentative.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li.legendSuperiorBody
{
    background: url(images/legendSuperiorBody.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li.legendBoard
{
    background: url(images/legendBoard.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li.legendMultilinks
{
    background: url(images/legendMultilinks.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li.legendUnrepresentedLinks
{
    background: url(images/legendUnrepresentedLinks2.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li.legendInterPersonLinks
{
    background: url(images/legendInterPersonLinks.png) 0 0 no-repeat;
}
.spiderParams ul.legendLines li
{
    padding-left: 28px;
    background-position: 0 6px !important;
}

.spiderParams ul.legendIcons li.legendActive
{
    background: url(images/legendActive.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendTempInactive
{
    background: url(images/legendTempInactive.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendLiquidation
{
    background: url(images/legendLiquidation.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendBankruptcy
{
    background: url(images/legendBankruptcy.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendErased
{
    background: url(images/legendErased.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendBlockage
{
    background: url(images/legendBlockage.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendArrangement
{
    background: url(images/legendArrangement.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendDebtor
{
    background: url(images/legendDebtor.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li.legendNoPaycheck
{
    background: url(images/legendNoPaycheck.png) 0 0 no-repeat;
}
.spiderParams ul.legendIcons li
{
    padding-left: 22px;
}

/*EZ MARK*/
.spiderChoices
{
    float: left;
    font-size: 12px;
    margin: 0 0 0 10px;
    max-width: 200px;
}
.ez-hide
{
    opacity: 0;
    filter: alpha(opacity=0);
}
.spider_param_type_box > .ez-checkbox, .spider_param_type_box > .ez-radio
{
    background: transparent url(images/check.png) 0 0px no-repeat;
    display: inline-block;
    float: left;
    margin-left: 2px;
    width: 23px;
}

.spider_param_type_box > .ez-radio
{
    background: transparent url(images/radio.png) 0 0px no-repeat;
    display: inline-block;
    float: left;
    margin-left: 2px;
    width: 23px;
}

.spider_param_type_box > .ez-checked
{
    background-position: 0 -18px;
}

.spider_param_type_box > .ez-selected
{
    background-position: 0 -18px;
}

.spider_param_type_box
{
    float: left;
    height: 16px;
    line-height: 16px;
    margin-top: 8px;
}
.spider_param_type_box:first-child
{
    margin-top: 0;
}
/*.spider_param_type_box.check
{
    margin-top: 20px;
}*/
.spider_param_funcs_box
{
    width: 34%;
    height: 100px;
    float: right;
}
.spider_param_type_box svg
{
    width: 25px;
    float: left;
}
.spider_param_type_box span
{
    /*display: inline-block;     float: left;     font-family: Calibri;     font-size: 12px;     margin-top: 3px;*/
}
.spider_param_type_box input
{
    float: left;
    margin-right: 8px;
}

.spiderTools
{
    position: absolute;
    width: 956px;
    height: 51px;
    bottom: 0;
    left: 1px;
    background: url(images/spiderToolsBgr.png) 0 0 repeat-x;
}
.fullScreenWindow .spiderTools 
{
    width: 100%;
    }
.zoomIn, .zoomOut, .datePicker
{
    background: Transparent url(images/spiderToolsElemBgr.png) 0 0 repeat-x;
    border: solid 1px #e2e2e2;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    height: 34px;
    margin: 7px 0 0 7px;
    font-size: 12px;
    font-weight: bold;
    color: #6376b8;
    text-align: center;
    font-family: Arial, Helvetica, Sans-Serif;
    cursor: pointer;
    float: left;
}
.zoomOut
{
    margin: 7px 0 0 4px;
}
.zoomIn span, .zoomOut span
{
    padding: 0 10px 0 25px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
}
.zoomIn span
{
    background: url(images/zoomIn.png) 0 5px no-repeat;
}
.zoomOut span
{
    background: url(images/zoomOut.png) 0 5px no-repeat;
}
.spiderTools .datePicker
{
    float: right;
    margin: 7px 7px 0 0;
     background: Transparent url(images/spiderToolsElemBgr.png) 0 0 repeat-x;
    padding-left: 0;
    cursor: default;
}
.spiderTools .datePicker input
{
    color: inherit;
    display: inline-block;
    float: left;
    font-weight: bold;
    height: 34px;
    line-height: 34px;
    padding: 0 10px 0 30px;
    text-align: center;
    width: 75px !important;
    border: none;
    font-size: 12px;
    
    background: Transparent url(images/datePicker.png) 9px 7px no-repeat;
}

.sliderTooltip
{
    position: absolute;
    z-index: 10;
    visibility: hidden;
    background: #fff;
    color: #000000;
    border: solid 1px #999999;
    padding: 2px 5px;
    font-size: 11px;
}
.sliderTooltip ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
}
.sliderTooltip ul li
{
    padding: 3px 0;
    float: left;
    clear: left;
}


/*
 * Copyright (c) 2012 Ben Olson (https://github.com/bseth99/jquery-ui-extensions)
 *
 * Permission is hereby granted, free of charge, to any person
 * obtaining a copy of this software and associated documentation
 * files (the "Software"), to deal in the Software without
 * restriction, including without limitation the rights to use,
 * copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the
 * Software is furnished to do so, subject to the following
 * conditions:
 *
 * The above copyright notice and this permission notice shall be
 * included in all copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 * OTHER DEALINGS IN THE SOFTWARE.
 *
 */

.ui-slider-wrapper
{
    position: relative;
    float: left;
    width: 610px !important; /**/
    margin: 7px 0 0 7px;
    background: Transparent url(images/spiderToolsElemBgr.png) 0 0 repeat-x;
    border: solid 1px #e2e2e2;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    height: 34px !important;
}
.ui-slider-horizontal .ui-slider-handle
{
    background: Transparent url(images/sliderHandle.png) 5px 0 no-repeat;
    border: none;
    width: 20px;
    height: 26px;
    display: block;
    margin-top: -6px;
    cursor: move;
}
.ui-slider-wrapper .ui-slider-horizontal
{
    width: 100%;
    height: 5px;
    border: solid 1px #e3e3e3;
    width: 525px; /**/
    margin: 14px 0 14px 42px;
    background: url(images/sliderHorizontalBgr.png) 0 0 repeat-x;
}

.ui-slider-labels
{
}
.ui-slider-label-ticks
{
    border: 1px solid transparent;
    position: absolute;
    white-space: nowrap;
}
/*.ui-slider-label-ticks span
{
    font-size: 0.9em;
    min-width: 1.2em;
}*/

.ui-slider-wrapper.horizontal
{
    height: 4.5em;
}
.horizontal .ui-slider-labels
{
    left: 42px;
    top: 0;
    position: absolute;
    border: 1px solid transparent;
    height: 34px;
    width: 525px;
}
.horizontal .ui-slider-label-ticks
{
    width: 40px;
    height: 100%;
    margin-left: -20px;
    text-align: center; /*border-left: 1px solid #999;*/
    background: url(images/sliderLabelTick.png) center 19px no-repeat;
}
.horizontal .ui-slider-label-tick-0, .horizontal .ui-slider-label-tick-10000
{
    width: 40px;
    height: 100%;
    margin-left: -20px;
    text-align: center;
    background: url(images/sliderLabelTick.png) center 10px no-repeat;
}
.horizontal .ui-slider-label-tick-10000
{
    margin-right: -20px;
    margin-left: -21px;
}
.horizontal .ui-slider-label-ticks span
{
    position: relative;
    display: inline-block;
    top: -8px;
    width: 3px;
    height: 20px;
    font-size: 0em;
    background: url(images/sliderLabelTickBgr.png) center bottom no-repeat;
}
.horizontal .ui-slider-label-tick-0 span, .horizontal .ui-slider-label-tick-10000 span
{
    font-size: 10px !important;
    color: #4b699b;
    width: auto !important;
    background-image: none;
}

.ui-slider-wrapper.vertical
{
    width: 4.5em;
}
.vertical .ui-slider-labels
{
    top: 1px;
    bottom: 0;
    left: 0.7em;
}
.vertical .ui-slider-label-ticks
{
    height: 1.2em;
    width: 0.8em;
    border-bottom: 1px solid #999;
}
.vertical .ui-slider-label-ticks span
{
    position: relative;
    display: inline-block;
    margin-left: 1em;
    top: .6em;
}