/*.get-org-chart .get-oc-c, .get-org-chart .get-oc-tb, .get-org-chart input, .get-org-chart table, .get-org-chart a {
    font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
}*/

.get-org-chart {
    background-color: #E0ECF8;
    position: relative;
    height: 100%;
    overflow: hidden;
}

    .get-org-chart input, .get-org-chart select {
        background-color: rgba(255,255,255,0.8);
        border: 1px solid #BABABA;
        color: #212121;
        font-family: "Segoe UI","Segoe UI Web Regular","Segoe UI Symbol","Helvetica Neue","BBAlpha Sans","S60 Sans",Arial,"sans-serif";
        font-size: 14px;
        padding: 4px 8px;
        width: 260px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .get-org-chart select {
        margin-top: 11px;
    }

        .get-org-chart input:focus, .get-org-chart select:focus {
            border-color: #5C5C5C;
            outline: medium none;
        }

        .get-org-chart input:hover, .get-org-chart select:hover {
            border-color: #8F8F8F;
        }

    .get-org-chart .get-oc-c {
        width: 100%;
        position: absolute;
        top: -9999px;
        left: -9999px;
        overflow: hidden;
    }

        .get-org-chart .get-oc-c svg {
            position: absolute;
            width: 100%;
            height: 100%;
            top: auto !important;
            left: auto !important;
        }

    .get-org-chart .get-box {
        fill: #094AB2;
        stroke-width: 2px;
        stroke: #094AB2;
    }

    .get-org-chart .name {
        fill: #d7d7d7;
        font-size: 20px;
    }

    .get-org-chart .get-text {
        fill: #fff;
        font-size: 20px;
    }

    .get-org-chart .link {
        stroke: #686868;
        fill: none;
    }

    .get-org-chart .get-text-0 { /*here*/
        font-size: 30px;
        fill: #32BEA3 !important;
    }

    .get-org-chart .get-text-1 { /*here*/
        fill: rgb(115, 115, 115) !important;
    }

    .get-org-chart .get-text-2, .get-org-chart .get-text-3, .get-org-chart .get-text-4, .get-org-chart .get-text-5 { /*here*/
        font-style: italic;
        fill: #b1b1b1 !important; /*rgba(216, 216, 216, 1) !important;*/
    }

     .get-org-chart .get-oc-tb {
        z-index: 1;
    }

    .get-org-chart .get-left {
        cursor: pointer;
        position: absolute;
        height: 20%;
        top: 40%;
        width: 26px;
        left: -30px;
        /*background-color: #686868;*/
        opacity: .8;
        display: flex !important;
        align-items: center;
    }

    .get-org-chart .get-left-icon {
        background: url(../images/graphics.png) -182px 0;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
    }

    .get-org-chart .get-right {
        cursor: pointer;
        position: absolute;
        height: 20%;
        top: 40%;
        width: 26px;
        right: -30px;
        /*background-color: #686868;*/
        opacity: .8;
        display: flex !important;
        align-items: center;
    }

    .get-org-chart .get-right-icon {
        background: url(../images/graphics.png) -130px 0;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
    }

    .get-org-chart .get-up {
        cursor: pointer;
        position: absolute;
        height: 26px;
        top: 19px;
        width: 15%;
        left: 43%;
        /*background-color: #686868;*/
        opacity: .8;
        text-align: center;
    }

    .get-org-chart .get-up-icon {
        background: url(../images/graphics.png) -52px 0;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    .get-org-chart .get-down {
        cursor: pointer;
        position: absolute;
        height: 26px;
        bottom: -30px;
        width: 15%;
        left: 43%;
        /*background-color: #686868;*/
        opacity: .8;
        text-align: center;
    }

    .get-org-chart .get-down-icon {
        background: url(../images/graphics.png) -234px 0;
        width: 26px;
        height: 26px;
        background-repeat: no-repeat;
        display: inline-block;
    }

    /*.get-org-chart .get-oc-tb a.get-plus {
        background: url(../../images/graphics.png) -26px 0;
        float: right;
        margin: 11px 10px 0 3px;
        border: 0;
    }*/

    /*.get-org-chart .get-oc-tb a.get-minus {
        background: url(../../images/graphics.png) 0 0;
        float: right;
        margin: 11px 10px 0 3px;
    }*/

    .get-org-chart .get-oc-tb a.get-next {
        background: url(../images/NextAndPrevious.png) no-repeat; /*-104px 0;*/
        margin: 11px 3px 0 3px;
    }

    .get-org-chart .get-oc-tb a.get-prev {
        background: url(../images/NextAndPrevious.png) no-repeat; /*-156px 0;*/
        margin: 9px 3px 0 3px;
        transform: rotate(180deg);
    }

    .get-org-chart .get-oc-tb a.get-grid-view {
        background: url(../images/graphics.png) -208px 0;
        float: right;
        margin: 11px 10px 0 3px;
    }

    /*.get-org-chart .get-oc-tb a.get-print {
        background: url(../../images/graphics.png) -312px 0;
        float: right;
        margin: 11px 10px 0 3px;
    }*/

    .get-org-chart .get-oc-tb a {
        float: left;
        width: 26px;
        height: 26px;
        display: block;
        text-decoration: none;
        border: 0;
        display: none;
    }

    .get-org-chart .get-oc-tb input {
        float: left;
        margin: 8px 10px 0 8px;
        display: none;
    }

    .get-org-chart .get-oc-tb {
        height: 46px;
        background-color: #094AB2;
        border-bottom: 2px solid #C7C7C7;
        width: 100%;
        position: absolute;
        overflow: hidden;
    }

        .get-org-chart .get-oc-tb > div {
            overflow: hidden;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
        }

        .get-org-chart .get-oc-tb .get-disabled {
            opacity: .2;
            cursor: default;
        }

        .get-org-chart .get-oc-tb a.get-prev-page {
            background: url(../images/graphics.png) -156px 0;
            margin: 11px 3px 0 17px;
            display: inherit;
        }

    .get-org-chart .get-oc-v {
        overflow-y: scroll;
        width: 100%;
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

        .get-org-chart .get-oc-v .get-image-pane {
            float: left;
            height: 100%;
            position: absolute;
            top: 20px;
            left: -200px;
        }

        .get-org-chart .get-oc-v .get-data-pane {
            float: left;
            position: absolute;
            top: 20px;
            left: 480px;
        }

        .get-org-chart .get-oc-v .get-label {
            line-height: 23px;
            font-size: 12px;
            color: #2b2b2b;
        }

    .get-org-chart .get-user-logo {
        fill: #CEDBF0;
    }

    .get-org-chart .get-oc-g {
        width: 100%;
        overflow-y: auto;
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

        .get-org-chart .get-oc-g table {
            width: 100%;
        }

        .get-org-chart .get-oc-g th {
            text-align: left;
            padding: 3px 0 3px 7px;
            color: white;
            text-transform: uppercase;
        }

        .get-org-chart .get-oc-g td {
            padding: 3px 0 3px 7px;
            border-bottom: 1px solid #C7C7C7;
            border-right: 1px solid #C7C7C7;
            text-align: left;
            font-weight: normal;
        }

        .get-org-chart .get-oc-g .get-odd td {
            background-color: #f5f5f5;
        }

.get-darkred.get-org-chart {
    background-color: #FFE3EA;
}

    .get-darkred.get-org-chart .get-oc-tb {
        background-color: #AC193D;
    }

    .get-darkred.get-org-chart .get-user-logo {
        fill: #FFB9CA;
    }

    .get-darkred.get-org-chart .get-oc-g th {
        background-color: #AC193D;
    }

    .get-darkred.get-org-chart .get-def-stop-1 {
        stop-color: #851d36;
    }

    .get-darkred.get-org-chart .get-def-stop-2 {
        stop-color: #AC193D;
    }

.get-darkred .get-box, g.get-darkred .get-box {
    fill: #AC193D;
    stroke: #C60031;
}

.get-pink.get-org-chart {
    background-color: #FFDFF4;
}

    .get-pink.get-org-chart .get-oc-tb {
        background-color: #DC4FAD;
    }

    .get-pink.get-org-chart .get-user-logo {
        fill: #FFAFE4;
    }

    .get-pink.get-org-chart .get-oc-g th {
        background-color: #DC4FAD;
    }

    .get-pink.get-org-chart .get-def-stop-1 {
        stop-color: #a73f84;
    }

    .get-pink.get-org-chart .get-def-stop-2 {
        stop-color: #DC4FAD;
    }

.get-pink .get-box, g.get-pink .get-box {
    fill: #DC4FAD;
    stroke: #A6006E;
}

.get-darkorange.get-org-chart {
    background-color: #FFEAE5;
}

    .get-darkorange.get-org-chart .get-oc-tb {
        background-color: #D24726;
    }

    .get-darkorange.get-org-chart .get-user-logo {
        fill: #FFCBBF;
    }

    .get-darkorange.get-org-chart .get-oc-g th {
        background-color: #D24726;
    }

    .get-darkorange.get-org-chart .get-def-stop-1 {
        stop-color: #a3381f;
    }

    .get-darkorange.get-org-chart .get-def-stop-2 {
        stop-color: #D24726;
    }

.get-darkorange .get-box, g.get-darkorange .get-box {
    fill: #D24726;
    stroke: #D82B00;
}

.get-orange.get-org-chart {
    background-color: #FFEFE5;
}

    .get-orange.get-org-chart .get-oc-tb {
        background-color: #FF8F32;
    }

    .get-orange.get-org-chart .get-user-logo {
        fill: #FFD9BF;
    }

    .get-orange.get-org-chart .get-oc-g th {
        background-color: #FF8F32;
    }

    .get-orange.get-org-chart .get-def-stop-1 {
        stop-color: #c66f27;
    }

    .get-orange.get-org-chart .get-def-stop-2 {
        stop-color: #FF8F32;
    }

.get-orange .get-box, g.get-orange .get-box {
    fill: #FF8F32;
    stroke: #D85A00;
}

.get-lightgreen.get-org-chart {
    background-color: #F7FFE5;
}

    .get-lightgreen.get-org-chart .get-oc-tb {
        background-color: #82BA00;
    }

    .get-lightgreen.get-org-chart .get-user-logo {
        fill: #EBFFBF;
    }

    .get-lightgreen.get-org-chart .get-oc-g th {
        background-color: #82BA00;
    }

    .get-lightgreen.get-org-chart .get-def-stop-1 {
        stop-color: #587e00;
    }

    .get-lightgreen.get-org-chart .get-def-stop-2 {
        stop-color: #82BA00;
    }

.get-lightgreen .get-box, g.get-lightgreen .get-box {
    fill: #82BA00;
    stroke: #97D800;
}

.get-green.get-org-chart {
    background-color: #E5FFE9;
}

    .get-green.get-org-chart .get-oc-tb {
        background-color: #008A17;
    }

    .get-green.get-org-chart .get-user-logo {
        fill: #BFFFCA;
    }

    .get-green.get-org-chart .get-oc-g th {
        background-color: #008A17;
    }

    .get-green.get-org-chart .get-def-stop-1 {
        stop-color: #00510d;
    }

    .get-green.get-org-chart .get-def-stop-2 {
        stop-color: #008A17;
    }

.get-green .get-box, g.get-green .get-box {
    fill: #008A17;
    stroke: #00D827;
}

.get-lightteal.get-org-chart {
    background-color: #E5FFFF;
}

    .get-lightteal.get-org-chart .get-oc-tb {
        background-color: #03B3B2;
    }

    .get-lightteal.get-org-chart .get-user-logo {
        fill: #BFFFFF;
    }

    .get-lightteal.get-org-chart .get-oc-g th {
        background-color: #03B3B2;
    }

    .get-lightteal.get-org-chart .get-def-stop-1 {
        stop-color: #027e7d;
    }

    .get-lightteal.get-org-chart .get-def-stop-2 {
        stop-color: #03B3B2;
    }

.get-lightteal .get-box, g.get-lightteal .get-box {
    fill: #03B3B2;
    stroke: #00D8D8;
}

.get-teal.get-org-chart {
    background-color: #E5FBFF;
}

    .get-teal.get-org-chart .get-oc-tb {
        background-color: #008299;
    }

    .get-teal.get-org-chart .get-user-logo {
        fill: #BFF6FF;
    }

    .get-teal.get-org-chart .get-oc-g th {
        background-color: #008299;
    }

    .get-teal.get-org-chart .get-def-stop-1 {
        stop-color: #01505e;
    }

    .get-teal.get-org-chart .get-def-stop-2 {
        stop-color: #008299;
    }

.get-teal .get-box, g.get-teal .get-box {
    fill: #008299;
    stroke: #00BBD8;
}

.get-lightblue.get-org-chart {
    background-color: #E5F2FF;
}

    .get-lightblue.get-org-chart .get-oc-tb {
        background-color: #5DB2FF;
    }

    .get-lightblue.get-org-chart .get-user-logo {
        fill: #BFE1FF;
    }

    .get-lightblue.get-org-chart .get-oc-g th {
        background-color: #5DB2FF;
    }

    .get-lightblue.get-org-chart .get-def-stop-1 {
        stop-color: #437eb4;
    }

    .get-lightblue.get-org-chart .get-def-stop-2 {
        stop-color: #5DB2FF;
    }

.get-lightblue .get-box, g.get-lightblue .get-box {
    fill: #5DB2FF;
    stroke: #0073D8;
}

.get-blue.get-org-chart {
    background-color: rgb(248,248,255); /*here*/
}

    .get-blue.get-org-chart .get-oc-tb {
        border-top: 1px solid rgb(248,248,255);
        background-color: #32BEA3; /*here*/
    }

    .get-blue.get-org-chart .get-user-logo {
        fill: #BFE5FF;
    }

    .get-blue.get-org-chart .get-oc-g th {
        background-color: #0072C6;
    }

    .get-blue.get-org-chart .get-def-stop-1 {
        stop-color: #015593;
    }

    .get-blue.get-org-chart .get-def-stop-2 {
        stop-color: #0072C6;
    }

.get-blue .get-box, g.get-blue .get-box {
    fill: #FFF;
    stroke: #DCDCDC;
}

.get-darkpurple.get-org-chart {
    background-color: #E9E1FF;
}

    .get-darkpurple.get-org-chart .get-oc-tb {
        background-color: #4617B4;
    }

    .get-darkpurple.get-org-chart .get-user-logo {
        fill: #CBB7FF;
    }

    .get-darkpurple.get-org-chart .get-oc-g th {
        background-color: #4617B4;
    }

    .get-darkpurple.get-org-chart .get-def-stop-1 {
        stop-color: #361583;
    }

    .get-darkpurple.get-org-chart .get-def-stop-2 {
        stop-color: #4617B4;
    }

.get-darkpurple .get-box, g.get-darkpurple .get-box {
    fill: #4617B4;
    stroke: #3600C2;
}

.get-purple.get-org-chart {
    background-color: #FCDDFF;
}

    .get-purple.get-org-chart .get-oc-tb {
        background-color: #8C0095;
    }

    .get-purple.get-org-chart .get-user-logo {
        fill: #F9A9FF;
    }

    .get-purple.get-org-chart .get-oc-g th {
        background-color: #8C0095;
    }

    .get-purple.get-org-chart .get-def-stop-1 {
        stop-color: #610167;
    }

    .get-purple.get-org-chart .get-def-stop-2 {
        stop-color: #8C0095;
    }

.get-purple .get-box, g.get-purple .get-box {
    fill: #8C0095;
    stroke: #880092;
}

.get-mediumdarkblue.get-org-chart {
    background-color: #E5F3FF;
}

    .get-mediumdarkblue.get-org-chart .get-oc-tb {
        background-color: #004B8B;
    }

    .get-mediumdarkblue.get-org-chart .get-user-logo {
        fill: #BFE3FF;
    }

    .get-mediumdarkblue.get-org-chart .get-oc-g th {
        background-color: #004B8B;
    }

    .get-mediumdarkblue.get-org-chart .get-def-stop-1 {
        stop-color: #002c51;
    }

    .get-mediumdarkblue.get-org-chart .get-def-stop-2 {
        stop-color: #004B8B;
    }

.get-mediumdarkblue .get-box, g.get-mediumdarkblue .get-box {
    fill: #004B8B;
    stroke: #007AD8;
}

.get-darkblue.get-org-chart {
    background-color: #E5EFFF;
}

    .get-darkblue.get-org-chart .get-oc-tb {
        background-color: #001940;
    }

    .get-darkblue.get-org-chart .get-user-logo {
        fill: #BFD8FF;
    }

    .get-darkblue.get-org-chart .get-oc-g th {
        background-color: #001940;
    }

    .get-darkblue.get-org-chart .get-def-stop-1 {
        stop-color: #000711;
    }

    .get-darkblue.get-org-chart .get-def-stop-2 {
        stop-color: #001940;
    }

.get-darkblue .get-box, g.get-darkblue .get-box {
    fill: #001940;
    stroke: #0056D8;
}

.get-cordovan.get-org-chart {
    background-color: #FFE5E5;
}

    .get-cordovan.get-org-chart .get-oc-tb {
        background-color: #570000;
    }

    .get-cordovan.get-org-chart .get-user-logo {
        fill: #FFBFBF;
    }

    .get-cordovan.get-org-chart .get-oc-g th {
        background-color: #570000;
    }

    .get-cordovan.get-org-chart .get-def-stop-1 {
        stop-color: #2a0000;
    }

    .get-cordovan.get-org-chart .get-def-stop-2 {
        stop-color: #570000;
    }

.get-cordovan .get-box, g.get-cordovan .get-box {
    fill: #570000;
    stroke: #280000;
}

.get-darkcordovan.get-org-chart {
    background-color: #FFE5E5;
}

    .get-darkcordovan.get-org-chart .get-oc-tb {
        background-color: #380000;
    }

    .get-darkcordovan.get-org-chart .get-user-logo {
        fill: #FFBFBF;
    }

    .get-darkcordovan.get-org-chart .get-oc-g th {
        background-color: #380000;
    }

    .get-darkcordovan.get-org-chart .get-def-stop-1 {
        stop-color: #140000;
    }

    .get-darkcordovan.get-org-chart .get-def-stop-2 {
        stop-color: #380000;
    }

.get-darkcordovan .get-box, g.get-darkcordovan .get-box {
    fill: #380000;
    stroke: #0E0000;
}

.get-neutralgrey.get-org-chart {
    background-color: #E6E6E6;
}

    .get-neutralgrey.get-org-chart .get-oc-tb {
        background-color: #585858;
    }

    .get-neutralgrey.get-org-chart .get-user-logo {
        fill: #CCC;
    }

    .get-neutralgrey.get-org-chart .get-oc-g th {
        background-color: #585858;
    }

    .get-neutralgrey.get-org-chart .get-def-stop-1 {
        stop-color: #2b2b2b;
    }

    .get-neutralgrey.get-org-chart .get-def-stop-2 {
        stop-color: #585858;
    }

.get-neutralgrey .get-box, g.get-neutralgrey .get-box {
    fill: #585858;
    stroke: #1A1A1A;
}

.get-black.get-org-chart {
    background-color: #CCC;
}

    .get-black.get-org-chart .get-oc-tb {
        background-color: #000;
    }

    .get-black.get-org-chart .get-user-logo {
        fill: #808080;
    }

    .get-black.get-org-chart .get-oc-g th {
        background-color: #000;
    }

    .get-black.get-org-chart .get-def-stop-1 {
        stop-color: #000;
    }

    .get-black.get-org-chart .get-def-stop-2 {
        stop-color: #000;
    }

.get-black .get-box, g.get-black .get-box {
    fill: #000;
    stroke: #000;
}

.get-cassandra .get-box.get-cassandra-border {
    fill: none;
    stroke-width: 6;
}

.get-cassandra.get-darkred .get-text.get-cassandra-text {
    fill: #AC193D;
}

.get-cassandra.get-pink .get-text.get-cassandra-text {
    fill: #DC4FAD;
}

.get-cassandra.get-darkorange .get-text.get-cassandra-text {
    fill: #D24726;
}

.get-cassandra.get-orange .get-text.get-cassandra-text {
    fill: #FF8F32;
}

.get-cassandra.get-lightgreen .get-text.get-cassandra-text {
    fill: #82BA00;
}

.get-cassandra.get-green .get-text.get-cassandra-text {
    fill: #008A17;
}

.get-cassandra.get-lightteal .get-text.get-cassandra-text {
    fill: #03B3B2;
}

.get-cassandra.get-teal .get-text.get-cassandra-text {
    fill: #008299;
}

.get-cassandra.get-lightblue .get-text.get-cassandra-text {
    fill: #5DB2FF;
}

.get-cassandra.get-blue .get-text.get-cassandra-text {
    fill: #0072C6;
}

.get-cassandra.get-darkpurple .get-text.get-cassandra-text {
    fill: #4617B4;
}

.get-cassandra.get-purple .get-text.get-cassandra-text {
    fill: #8C0095;
}

.get-cassandra.get-mediumdarkblue .get-text.get-cassandra-text {
    fill: #004B8B;
}

.get-cassandra.get-darkblue .get-text.get-cassandra-text {
    fill: #001940;
}

.get-cassandra.get-cordovan .get-text.get-cassandra-text {
    fill: #570000;
}

.get-cassandra.get-darkcordovan .get-text.get-cassandra-text {
    fill: #380000;
}

.get-cassandra.get-neutralgrey .get-text.get-cassandra-text {
    fill: #585858;
}

.get-cassandra.get-black .get-text.get-cassandra-text {
    fill: #000;
}

.get-deborah .get-box {
    fill-opacity: 0;
    stroke-width: 10;
}

.get-deborah.get-darkred .get-text-pane {
    fill: #AC193D;
    fill-opacity: .5;
}

.get-deborah.get-pink .get-text-pane {
    fill: #DC4FAD;
    fill-opacity: .5;
}

.get-deborah.get-darkorange .get-text-pane {
    fill: #D24726;
    fill-opacity: .5;
}

.get-deborah.get-orange .get-text-pane {
    fill: #FF8F32;
    fill-opacity: .5;
}

.get-deborah.get-lightgreen .get-text-pane {
    fill: #82BA00;
    fill-opacity: .5;
}

.get-deborah.get-green .get-text-pane {
    fill: #008A17;
    fill-opacity: .5;
}

.get-deborah.get-lightteal .get-text-pane {
    fill: #03B3B2;
    fill-opacity: .5;
}

.get-deborah.get-teal .get-text-pane {
    fill: #008299;
    fill-opacity: .5;
}

.get-deborah.get-lightblue .get-text-pane {
    fill: #5DB2FF;
    fill-opacity: .5;
}

.get-deborah.get-blue .get-text-pane {
    fill: #0072C6;
    fill-opacity: .5;
}

.get-deborah.get-darkpurple .get-text-pane {
    fill: #4617B4;
    fill-opacity: .5;
}

.get-deborah.get-purple .get-text-pane {
    fill: #8C0095;
    fill-opacity: .5;
}

.get-deborah.get-mediumdarkblue .get-text-pane {
    fill: #004B8B;
    fill-opacity: .5;
}

.get-deborah.get-darkblue .get-text-pane {
    fill: #001940;
    fill-opacity: .5;
}

.get-deborah.get-cordovan .get-text-pane {
    fill: #570000;
    fill-opacity: .5;
}

.get-deborah.get-darkcordovan .get-text-pane {
    fill: #380000;
    fill-opacity: .5;
}

.get-deborah.get-neutralgrey .get-text-pane {
    fill: #585858;
    fill-opacity: .5;
}

.get-deborah.get-black .get-text-pane {
    fill: #000;
    fill-opacity: .5;
}

.get-helen.get-darkred .get-text.get-helen-text {
    fill: #AC193D;
}

.get-helen.get-pink .get-text.get-helen-text {
    fill: #DC4FAD;
}

.get-helen.get-darkorange .get-text.get-helen-text {
    fill: #D24726;
}

.get-helen.get-orange .get-text.get-helen-text {
    fill: #FF8F32;
}

.get-helen.get-lightgreen .get-text.get-helen-text {
    fill: #82BA00;
}

.get-helen.get-green .get-text.get-helen-text {
    fill: #008A17;
}

.get-helen.get-lightteal .get-text.get-helen-text {
    fill: #03B3B2;
}

.get-helen.get-teal .get-text.get-helen-text {
    fill: #008299;
}

.get-helen.get-lightblue .get-text.get-helen-text {
    fill: #5DB2FF;
}

.get-helen.get-blue .get-text.get-helen-text {
    fill: #0072C6;
}

.get-helen.get-darkpurple .get-text.get-helen-text {
    fill: #4617B4;
}

.get-helen.get-purple .get-text.get-helen-text {
    fill: #8C0095;
}

.get-helen.get-mediumdarkblue .get-text.get-helen-text {
    fill: #004B8B;
}

.get-helen.get-darkblue .get-text.get-helen-text {
    fill: #001940;
}

.get-helen.get-cordovan .get-text.get-helen-text {
    fill: #570000;
}

.get-helen.get-darkcordovan .get-text.get-helen-text {
    fill: #380000;
}

.get-helen.get-neutralgrey .get-text.get-helen-text {
    fill: #585858;
}

.get-helen.get-black .get-text.get-helen-text {
    fill: #000;
}

.get-btn { /*here*/
    fill: #32BEA3;
    stroke-width: 1px;
    stroke: #686868;
    cursor: pointer;
}

.get-btn-line { /*here*/
    stroke-width: 2px;
    stroke: #FFF;
}
/*Chart Overwrite*/

.get-org-chart.get-blue .get-oc-tb {
    border: 0;
    background-color: rgba(250, 250, 250, 1);
    border-bottom: 1px solid rgba(211, 221, 230, 1);
}

.get-org-chart .get-oc-tb input {
    float: left;
    margin: 5px 5px 5px 25px;
    padding: 5px 10px;
    /*border-radius: 50px;*/
    line-height: 24px;
    display: none;
    border: 1px solid rgba(211, 221, 230, 1);
}


.get-blue .get-box,
g.get-blue .get-box {
    stroke: rgba(211, 221, 230, 1);
}

.get-org-chart .get-text-0 {
    font-size: 20px;
}

.get-org-chart .get-text-2,
.get-org-chart .get-text-3,
.get-org-chart .get-text-4,
.get-org-chart .get-text-5 {
    font-size: 18px;
}


/*---------------------------- SVG CSS ------------------------*/
i.BigSvg svg {
    height: 26px;
    width: 26px;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
}

i.MediumSvg svg {
    height: 20px;
    width: 20px;
    top: calc(50% - 10px);
    left: calc(50% - 10px);
}

i.SmallSvg svg {
    height: 12px;
    width: 12px;
    top: calc(50% - 6px);
    left: calc(50% - 6px);
}

i.ExtraBigSvg svg {
    height: 45px;
    width: 45px;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
}

.site-toolbar svg {
    height: 16px;
    width: 16px;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    position: absolute;
    fill: black;
    cursor: pointer;
}

.get-everteam svg {
    height: 16px;
    width: 16px;
    top: calc(50% - 8px);
    left: calc(50% - 8px);
    position: absolute;
    cursor: pointer;
}

/*---------------------------- SVG CSS ------------------------*/
.RotateDown {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    display: flex;
}

    .RotateDown svg {
        margin-left: 70px;
    }

.RotateRight {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.RotateLeft {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.get-left i svg, .get-right i svg, .get-up i svg, .get-down i svg {
    fill: #32BEA3;
}

.get-org-chart .get-oc-c {
    background: url(../images/GridBackground.png);
}

.SVGToDepartment svg .ToStructure {
    fill: #FFAE55;
}

.SVGFillColor {
    fill: #898e96;
}

.PrintIcon svg {
    fill: #b1b1b1;
    height: 100% !important;
    width: 35px;
    top: calc(50% - 23px);
    left: calc(50% - 68px);
    position: relative !important;
}

.ZoomIcon svg {
    fill: #b1b1b1;
    height: 100% !important;
    width: 35px;
    top: calc(50% - 17px);
    left: calc(50% - 45px);
    position: relative !important;
}

.ZoomOutIcon svg {
    fill: #b1b1b1;
    height: 100% !important;
    width: 35px;
    top: calc(50% - 17px);
    left: calc(50% - 26px);
    position: relative !important;
}


.PrintIcon {
    position: relative !important;
}

.get-print, .get-plus, .get-minus {
    float: right !important;
    height: 100% !important;
    display: block !important;
    cursor:pointer;
}

.StartSVG {
    fill: #32BEA3;
}

.DocumentDetails table tr {
    cursor: default !important;
}

.get-org-chart .link {
    stroke-dasharray: none;
    stroke: black;
}

#MainDivWeb {
    width: auto !important;
    float: left;
    height: 100%;
}

.VisualTrackingHeaderWeb {
    z-index: 1;
    width: 100%;
    overflow: hidden;
    opacity: 0.95;
    height: 100%;
    background-color: #fafafa;
}

    .VisualTrackingHeaderWeb .inbox_Menu {
        float: left;
        height: 100%;
        width: 100%;
    }


.LegendTitleWeb {
    width: 100%;
    height: 46px;
    line-height: 45px;
    font-size: 13px;
    color: #696969;
    font-weight: 600;
    background-color: #fafafa;
    border-bottom: 1px solid rgba(211, 221, 230, 1);
}

    .LegendTitleWeb span {
        padding: 0 10px;
        width: calc(100% - 20px);
        float: left;
    }


.VisualTrackingHeaderWeb .inbox_Menu ul {
    width: 100%;
    background-color: rgba(243, 243, 243, 1);
    height: calc(100% - 46px);
    overflow: auto;
}

.VisualTrackingHeaderWeb .site-toolbar > li {
    display: block;
    cursor: default;
    border-bottom: 1px solid rgba(13, 178, 146, 0.1);
    width: 100%;
    height: 44px;
    line-height: 30px;
    font-size: 12px;
    color: #696969;
}

    .VisualTrackingHeaderWeb .site-toolbar > li > .SVGContainer {
        height: 100%;
        width: 100%;
        float: left;
        position: relative;
    }



.VisualTrackingHeaderWeb .SVGContainer svg {
    height: 34px;
    width: 34px;
    top: calc(50% - 17px);
    left: calc(50% - 17px);
    fill: #898e96;
}


.get-blue.get-org-chart .get-oc-tb {
    border-left: 1px solid rgba(211, 221, 230, 1);
}

.site-toolbar {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ResetIcon svg {
    width: 22px;
    left: calc(50% - 78px);
    fill: #b1b1b1;
    height: 100% !important;
    top: calc(50% - 23px);
    position: relative !important;
}

.DisableMouseZoom svg, .EnableMouseZoom svg {
    width: 26px;
    left: calc(50% - 95px);
    fill: #b1b1b1;
    height: 100% !important;
    top: calc(50% - 23px);
    position: relative !important;
    cursor: pointer;
}

.icon-toUser, .icon-toDepartment, .icon-carbonCopy, .icon-new, .icon-inProgress, .icon-overdue, .icon-completed, .icon-completedWithDelay, .icon-recalled, .icon-read, .icon-unRead {
    background-size: 25px !important;
}

#MainDivWeb .info, #MainDivWeb .success, #MainDivWeb .warning, #MainDivWeb .error, #MainDivWeb .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.center {
    display: block;
    margin: auto;
    width: 35%;
    padding-left: 45px;
    margin-top: 20px;
    min-height: 500px;
}

.get-org-chart .link.success {
    stroke: #32BEA3;
    stroke-width: 2px;
}

.get-org-chart .link.danger {
    stroke: #f05050;
    stroke-width: 2px;
}