/*********************** START THEMES *****************************/
:root {
    --border-bg-color: #0278b3;
    --heading-bg-color: #486e98;
    --heading-text-color: #ffffff;
    --selecteditem-bg-color: #3a5879;
    --selecteditem-text-color: #ffffff;
    --main-font-family: "Helvetica Neue", "Segoe UI", helvetica, verdana, sans-serif;
}
/*********************** END THEMES *****************************/

/*********************** SOBY GRID *****************************/
    .soby_grid {
        font-family: var(--main-font-family);
    }
    .soby_grid .soby_gridcell {
        font-size: 14px;
    }
    .soby_grid .soby_gridgroupbycell {
        font-size: 16px;
        font-weight: 600;
    }
    .soby_grid .soby_gridheadercell, .soby_grid .soby-groupby-heading a, .soby_grid .soby_gridaggregatecell, .soby_grid .soby-paging {
        font-size: 14px;
        font-weight: 600;
    }
    .soby_grid .soby_gridgroupbycell .toggler {
        color:#000000;
    }
    /**************** Classic Theme **************/
        .soby_grid.classic.active {
            border: solid 1px var(--selecteditem-bg-color);
        } 
    .soby_grid .soby_griddatarow.alt {  }
    .soby_grid .soby_griddatarow.selected {
        background-color: var(--selecteditem-bg-color);
        color: var(--selecteditem-text-color);
    }
    .soby_grid tbody {
        border: 1px solid var(--heading-bg-color);
    }
        .soby_grid .soby_gridcell, .soby_grid .soby_gridaggregatecell, .soby_grid .soby_selectitemcell {
            overflow: hidden;
            border-bottom: 1px solid var(--border-bg-color);
            border-right: 1px solid var(--border-bg-color);
            border-top-width: 0;
            border-left-width: 0;
            padding: 3px 6px;
        }
        .soby_grid .soby_gridcell.selected, .soby_grid .soby_dataitem.selected {
            background-color: var(--selecteditem-bg-color);
            color: var(--selecteditem-text-color);
        }
    .soby_grid .soby_tabletitle {
        color: var(--heading-bg-color);
    } 
    .soby_grid .soby_tabheader { background-color:#e6e6e6;border:1px solid #aaaaaa }
        .soby_grid .soby_tabheader.active {
            background-color: var(--heading-text-color);
        } 
    .soby_grid .soby_tabcontent {border:1px solid #aaaaaa}
    .soby_grid .soby_gridheadercell:hover, .soby_grid .soby_gridheadercell:hover a {
        background-color: var(--selecteditem-bg-color);
        color: var(--selecteditem-text-color);
    }
    .soby_grid .soby_gridgroupbycell, .soby_grid .soby-groupby-heading a {
        color: rgb(50, 49, 48);
    }
    .soby_grid .soby_gridheadercell {
        background-color: var(--heading-bg-color);
        color: var(--heading-text-color);
    }
    .soby_grid .soby_griddatarow.selected .soby_selectitemcell {
        background-color: var(--selecteditem-bg-color);
    }
    .soby_grid .soby_gridheaderlink { color:var(--heading-text-color)}
    .sobygridmenu{position:absolute;display:none;background-color: white;color:black;border: 1px solid;padding:10px;}
    .sobyitemdialog { position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    /*********************************************/

    /**************** Winter Snow Theme **************/
:root .snow {
    --heading-bg-color: #9cb6d9;
    --heading-text-color: #ffffff;
    --selecteditem-bg-color: #3b82bf;
    --selecteditem-text-color: #ffffff;
}
/*
    .soby_grid.snow.active{border:solid 1px blue } 
    .soby_grid.snow .soby_griddatarow.alt {  } 
    .soby_grid.snow .soby_griddatarow.selected { background-color: #3b82bf; color:white;}
    .soby_grid.snow tbody { border: 1px solid #9cb6d9; }
    .soby_grid.snow .soby_gridcell, .soby_grid.snow .soby_selectitemcell {    overflow: hidden;    border-bottom: 1px solid #9cb6d9;    border-right: 1px solid #9cb6d9;    border-top-width: 0;    border-left-width: 0;    padding: 3px 6px;}
    .soby_grid.snow .soby_gridcell.selected { background-color: #3b74bf; color:white;} 
    .soby_grid.snow .soby_tabletitle { color:#3b74bf; } 
    .soby_grid.snow .soby_tabheader { background-color:#3b74bf;border:1px solid #aaaaaa } 
    .soby_grid.snow .soby_tabheader.active {background-color:white;} 
    .soby_grid.snow .soby_gridheadercell:hover, .soby_grid.snow .soby_gridheadercell:hover a { background-color:#1f5aa6; }
    .soby_grid.snow .soby_tabcontent {border:1px solid #aaaaaa} 
    .soby_grid.snow .soby-itmHoverEnabled:hover { background-color:#e9ebf2;}
    .soby_grid.snow .soby_griddatarow.selected .soby-itmHoverEnabled:hover { background-color:#9cb6d9; }
    .soby_grid.snow .soby_griddatarow.selected .soby_selectitemcell, .soby_grid.snow .soby_gridheadercell { background-color:#e9ebf2;}
    .soby_grid.snow .soby_gridheaderlink { color:white}
    .sobygridmenu.snow{position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    .sobyitemdialog.snow { position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    */
    /*********************************************/

    /**************** Sunrise Theme **************/
    :root .sunrise {
        --heading-bg-color: #fcb796;
        --heading-text-color: #ffffff;
        --selecteditem-bg-color: #ba7284;
        --selecteditem-text-color: #ffffff;
    }
/*
    .soby_grid.sunrise.active{border:solid 1px blue } 
    .soby_grid.sunrise .soby_griddatarow.alt {  } 
    .soby_grid.sunrise .soby_griddatarow.selected { background-color: #4666a6; color:white;}
    .soby_grid.sunrise tbody { border: 1px solid #2d4d7c; }
    .soby_grid.sunrise .soby_gridcell, .soby_grid.sunrise .soby_selectitemcell {    overflow: hidden;    border-bottom: 1px solid #2d4d7c;    border-right: 1px solid #2d4d7c;    border-top-width: 0;    border-left-width: 0;    padding: 3px 6px;}
    .soby_grid.sunrise .soby_gridcell.selected { background-color: #89abd9; color:white;} 
    .soby_grid.sunrise .soby_tabletitle { color:#89abd9; } 
    .soby_grid.sunrise .soby_tabheader { background-color:#89abd9;border:1px solid #aaaaaa } 
    .soby_grid.sunrise .soby_tabheader.active {background-color:white;} 
    .soby_grid.sunrise .soby_gridheadercell:hover, .soby_grid.sunrise .soby_gridheadercell:hover a { background-color:#ba7284; }
    .soby_grid.sunrise .soby_tabcontent {border:1px solid #aaaaaa} 
    .soby_grid.sunrise .soby-itmHoverEnabled:hover { background-color:#fcb796;}
    .soby_grid.sunrise .soby_griddatarow.selected .soby-itmHoverEnabled:hover { background-color:#2d4d7c; }
    .soby_grid.sunrise .soby_griddatarow.selected .soby_selectitemcell, .soby_grid.sunrise .soby_gridheadercell { background-color:#fcb796;}
    .soby_grid.sunrise .soby_gridheaderlink { color:white}
    .sobygridmenu.sunrise{position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    .sobyitemdialog.sunrise { position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    */
    /*********************************************/

    /**************** Forest Theme **************/
    :root .forest {
        --heading-bg-color: #4c7c20;
        --heading-text-color: #ffffff;
        --selecteditem-bg-color: #304f15;
        --selecteditem-text-color: #ffffff;
    }


/*
    .soby_grid.forest.active{border:solid 1px blue } 
    .soby_grid.forest .soby_griddatarow.alt {  } 
    .soby_grid.forest .soby_griddatarow.selected { background-color: #1d2f0c; color:white;}
    .soby_grid.forest .soby_gridcell, .soby_grid.forest .soby_selectitemcell {    overflow: hidden;    border-bottom: 1px solid #4c7c20;    border-right: 1px solid #4c7c20;    border-top-width: 0;    border-left-width: 0;    padding: 3px 6px;}
    .soby_grid.forest .soby_gridcell.selected { background-color: #384928; color:white;} 
    .soby_grid.forest .soby_tabletitle { color:#384928; } 
    .soby_grid.forest .soby_tabheader { background-color:#384928;border:1px solid #aaaaaa } 
    .soby_grid.forest .soby_tabheader.active {background-color:white;} 
    .soby_grid.forest .soby_gridheadercell:hover, .soby_grid.forest .soby_gridheadercell:hover a { background-color:#5f7c45; }
    .soby_grid.forest .soby_tabcontent {border:1px solid #aaaaaa} 
    .soby_grid.forest .soby-itmHoverEnabled:hover { background-color:#7bc833;}
    .soby_grid.forest .soby_griddatarow.selected .soby-itmHoverEnabled:hover { background-color:#4c7c20; }
    .soby_grid.forest .soby_griddatarow.selected .soby_selectitemcell, .soby_grid.forest .soby_gridheadercell { background-color:#7bc833;}
    .soby_grid.forest .soby_gridheaderlink { color:white}
    .sobygridmenu.forest{position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    .sobyitemdialog.forest { position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    */
    /*********************************************/

    /**************** Raspberry Theme **************/
:root .raspberry {
    --heading-bg-color: #b20064;
    --heading-text-color: #ffffff;
    --selecteditem-bg-color: #7d0347;
    --selecteditem-text-color: #ffffff;
}
/*
    .soby_grid.raspberry.active{border:solid 1px blue } 
    .soby_grid.raspberry .soby_griddatarow.alt {  } 
    .soby_grid.raspberry .soby_griddatarow.selected { background-color: #b1c1c5; color:white;}
    .soby_grid.raspberry tbody { border: 1px solid #d9e3de; }
    .soby_grid.raspberry .soby_gridcell, .soby_grid.raspberry .soby_selectitemcell {    overflow: hidden;    border-bottom: 1px solid #d9e3de;    border-right: 1px solid #d9e3de;    border-top-width: 0;    border-left-width: 0;    padding: 3px 6px;}
    .soby_grid.raspberry .soby_gridcell.selected { background-color: #2c2429; color:white;} 
    .soby_grid.raspberry .soby_tabletitle { color:#2c2429; } 
    .soby_grid.raspberry .soby_tabheader { background-color:#2c2429;border:1px solid #aaaaaa } 
    .soby_grid.raspberry .soby_tabheader.active {background-color:white;} 
    .soby_grid.raspberry .soby_gridheadercell:hover, .soby_grid.raspberry .soby_gridheadercell:hover a { background-color:#201a1f; }
    .soby_grid.raspberry .soby_tabcontent {border:1px solid #aaaaaa} 
    .soby_grid.raspberry .soby-itmHoverEnabled:hover { background-color:#b20064;}
    .soby_grid.raspberry .soby_griddatarow.selected .soby-itmHoverEnabled:hover { background-color:#d9e3de; }
    .soby_grid.raspberry .soby_griddatarow.selected .soby_selectitemcell, .soby_grid.raspberry .soby_gridheadercell { background-color:#b20064;}
    .soby_grid.raspberry .soby_gridheaderlink { color:white}
    .sobygridmenu.raspberry{position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    .sobyitemdialog.raspberry { position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    */
    /*********************************************/

    /**************** Autumn Theme **************/
:root .autumn {
    --heading-bg-color: #d3cfb6;
    --heading-text-color: #ffffff;
    --selecteditem-bg-color: #999685;
    --selecteditem-text-color: #ffffff;
}
/*
    .soby_grid.autumn.active{border:solid 1px blue } 
    .soby_grid.autumn .soby_griddatarow.alt {  } 
    .soby_grid.autumn .soby_griddatarow.selected { background-color: #bedcf5; color:white;}
    .soby_grid.autumn tbody { border: 1px solid #87aac3; }
    .soby_grid.autumn .soby_gridcell, .soby_grid.autumn .soby_selectitemcell {    overflow: hidden;    border-bottom: 1px solid #87aac3;    border-right: 1px solid #87aac3;    border-top-width: 0;    border-left-width: 0;    padding: 3px 6px;}
    .soby_grid.autumn .soby_gridcell.selected { background-color: #5c7f99; color:white;} 
    .soby_grid.autumn .soby_tabletitle { color:#5c7f99; } 
    .soby_grid.autumn .soby_tabheader { background-color:#5c7f99;border:1px solid #aaaaaa } 
    .soby_grid.autumn .soby_tabheader.active {background-color:white;} 
    .soby_grid.autumn .soby_gridheadercell:hover, .soby_grid.autumn .soby_gridheadercell:hover a { background-color:#322328; }
    .soby_grid.autumn .soby_tabcontent {border:1px solid #aaaaaa} 
    .soby_grid.autumn .soby-itmHoverEnabled:hover { background-color:#fffadc;}
    .soby_grid.autumn .soby_griddatarow.selected .soby-itmHoverEnabled:hover { background-color:#87aac3; }
    .soby_grid.autumn .soby_griddatarow.selected .soby_selectitemcell, .soby_grid.autumn .soby_gridheadercell { background-color:#fffadc;}
    .soby_grid.autumn .soby_gridheaderlink { color:black}
    .soby_grid.autumn .soby-itmHoverEnabled:hover a, .soby_grid.autumn .soby_gridheaderlink:hover { color:white}
    .sobygridmenu.autumn{position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    .sobyitemdialog.autumn { position:absolute;display:none;background-color: white;border: 1px solid;padding:10px;}
    */
    /*********************************************/

/**************** Scrollable style **************/
.soby_grid.soby_scrollable tbody {
    display: block;
    max-height: 200px;
    overflow: auto;
}

.soby_grid.soby_scrollable thead, .soby_grid.soby_scrollable tfoot, .soby_grid.soby_scrollable tbody tr {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.soby_grid.soby_scrollable thead, .soby_grid.soby_scrollable tfoot {
    width: calc( 100% - 1em )
}
/*********************************************/

.soby_grid .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    margin-top: 5px;
    margin-bottom: 5px;
}

.soby_grid .page-link {
    position: relative;
    display: block;
    padding: 0.5rem 0.75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #007bff;
    background-color: #fff;
    border: 1px solid #dee2e6;
    text-decoration: none;
}

.soby_grid .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.soby_grid .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

.soby_grid .page-link:hover {
    color: #0056b3;
    text-decoration: none;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.soby_grid .page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}

.soby_grid {
    border-collapse: initial;
    text-align: left;
    width: 100%;
}
.soby_grid {background: #fff; overflow: hidden; border: 1px solid #006699; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
    .soby_grid .headerrowmenuiconcontainer {
        position: absolute;
        right: 10px;
    }
.soby_gridheaderlink, .soby-groupby-heading a {
    text-decoration: none;
}
.soby_tabletitle {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4
} 
.soby_tabheader { float:left;padding:5px;margin-right:2px;} 
.soby_tabheader.active {border-bottom:0px solid} 
.soby_griddatarow.selected .soby-list-selectitem.soby-list-selectitem, .soby-itmHoverEnabled:hover .soby-list-selectitem.soby-list-selectitem  {
}
.soby_gridnavigationrow{
    clear:both;
}
.soby-icon-img{
    position: absolute;
}
.soby-info {
    left: -126px;
    top: -216px;
}
.soby-list-showrelateddata {
    left: -252px;
    top: -125px;
}
.soby-list-hiderelateddata {
    left: -203px;
    top: -35px;
}
.soby-list-viewitem {
    left: -231px;
    top: -17px;
}
.soby-list-addnew {
    left: -131px;
    top: -134px;
}
.soby-list-delete {
    top: -98px;
    left: -53px;
}

.soby-list-edit {
    top: -125px;
    left: -107px;
}

.soby-list-expand {
    top: -185px;
    left: -249px;
}

.soby-list-version {
    top: -287px;
    left: -107px;
}

.soby-list-search {
    top: -276px;
    left: 0px;
}

.soby-list-collapse {
    top: -162px;
    left: -231px;
}
.soby-icon-print {
    top: -251px;
    left: -89px;
}
.soby-icon-clipboard {
    top: -125px;
    left: -233px;
}
.soby-icon-csv {
    top: -242px;
    left: -53px;
}

.soby-icon-excel {
    top: -242px;
    left: -53px;
}

.soby-list-refresh
{
    top: -251.2px;
    left: -161px;
}
.soby-list-warning
{
    top: -70.2px;
    left: -179px;
}
.soby-list-approve
{
    top: -312px;
    left: 0px;
}
.soby-list-reset
{
    top: -142.2px;
    left: -288px;
}
.soby-list-share
{
    top: -268px;
    left: -107px;
}

.soby-list-attachment {
    top: -184.2px;
    left: -17.13px;
}

.soby-groupby-heading{
 border:1px solid;
 max-width:100px;
 float:left;
 padding: 5px;
 margin: 5px;
}

.soby_gridgroupbyrow.first{
    border-top:1px solid;
}
.soby_gridgroupbyrow.first .soby_gridgroupbycell{
    font-weight:bold;
}

.soby-list-selectitem, .soby-list-selectitem:hover {
    left: -43px;
    top: -258px;
}
.soby-icon-imgSpan, .soby-icon-imgSpan15, .soby-icon-imgSpan18 {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin-right: 0px;
    vertical-align: middle;
}
.soby-icon-imgSpan{
    height: 20px;
    width: 20px;
}
.soby-icon-imgSpan18 {
    height: 18px;
    width: 18px;
}
.soby-icon-imgSpan15 {
    height: 15px;
    width: 15px;
}
.soby-list-selectitem-span {
    /* visibility: hidden; */
    height: 10px;
    width: 10px;
}
.soby-list-selectitem-a:hover {
    background-color:transparent;
}
.soby_gridheaderrow.selected .soby-list-selectitem-span, .soby_griddatarow.selected .soby-list-selectitem-span, .soby-itmHoverEnabled:hover .soby-list-selectitem-span  {
    visibility: visible !important;
}
.sobygridmenu{
    position:absolute;display:none;border: 1px solid;padding:10px;
}
.sobyitemdialog {
    position:absolute;display:none;border: 1px solid;padding:10px;
}

.soby_gridaggregatecell{
    font-weight:bold;
}

.sobycheckboxlist li {
    list-style:none;
}

.sobycheckboxlist li label {
    font-weight:normal;
    padding-left:3px;
    font-size: 14px;
}

.sobycheckboxlist {
    padding-left: 5px !important;
    max-height: 200px;
    overflow: auto;
    width:200px;
}
/***************************************************************/

/*********************** SOBY CAROUSEL *****************************/
.soby_carousel {position: relative;}
.soby_carousel .carousel-inner>.item {display:none}
.soby_carousel .carousel-inner>.item.active {display:block}
.soby_carousel .next, .soby_carousel .prev { color: #333;display: inline-block; font: normal bold 4em Arial,sans-serif; overflow: hidden; position: relative; text-decoration: none; width: auto; padding: 0.5em 1.5em; text-align: right }
.soby_carousel .next:before, .soby_carousel .next:after, .soby_carousel .prev:before, .soby_carousel .prev:after { background: #333;-moz-border-radius: 0.25em;-webkit-border-radius: 0.25em; border-radius: 0.25em;content: '';display: block;height: 0.5em;position: absolute;right: 0;top: 50%;width: 1em; }
.soby_carousel .prev:before, .soby_carousel .prev:after { left: 0 }
.soby_carousel .next:before, .soby_carousel .prev:before {-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.soby_carousel .next:after, .soby_carousel .prev:after {-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.soby_carousel .prev:after, .soby_carousel .next:before { margin-top: -.36em }
.soby_carousel .next:hover, .soby_carousel .next:focus, .soby_carousel .prev:hover, .soby_carousel .prev:focus { color: #c00 }
.soby_carousel .next:hover:before, .soby_carousel .next:hover:after, .soby_carousel .next:focus:before, .soby_carousel .next:focus:after, .soby_carousel .prev:hover:before, .soby_carousel .prev:hover:after, .soby_carousel .prev:focus:before, .soby_carousel .prev:focus:after { background: #c00 }
.soby_carousel .prev { position: absolute;top: 0;bottom: 0;left: 0; }
.soby_carousel .next { position: absolute;top: 0;bottom: 0;right: 0; }
.soby_carousel .carousel-caption { right: 20%; left: 20%;padding-bottom: 30px; position: absolute;bottom: 20px; }
.soby_carousel .carouselimage {width:100%}
.soby_carousel .carousel-caption h3{ color: white; font-weight: bold; font-size: 25px; }
.soby_carousel .carousel-indicators{position: absolute;bottom: 10px;left: 50%;z-index: 15; width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;}
.soby_carousel .carouselindicator{ margin-right:5px;display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000 \9;background-color: rgba(0,0,0,0);border: 1px solid #fff;border-radius: 10px; }
.soby_carousel .carouselindicator.active{left: 0;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);background-color: #777}
/***************************************************************/

/*********************** SOBY METRO TILE *****************************/
.metro-tiles {background-color:#180053;display:table} 
.metro-tile {float: left;margin:5px;text-align: center;} 
.metro-tile:hover {border:2px solid;margin:3px;cursor:pointer} 
.metro-tilecaption a {color:white} 
/***************************************************************/

/*********************** SOBY WIZARD *****************************/
.sobywizard {} 
.sobywizard > ul > li:not(:first-child) {padding-left: 30px;} 
.sobywizard > ul {padding-left: 0px;display:inline-block} 
.sobywizard > ul > li {list-style:none;float:left;padding: 5px;} 
.sobywizardsteplink {background-color:#4B92D8 !important;padding: 10px;color:white !important} 
.sobywizardsteplink.active {background-color:orange !important;} 
.sobywizardsteplink:before {     width: 0;    height: 0;    border-top: 30px inset transparent;    border-bottom: 30px inset transparent;    border-left: 30px solid #FFFFFF;    position: absolute;    content: \"\";    top: 0;    left: 0;} 
.sobywizardsteplink:after {    width: 0;height: 0;    border-top: 29px inset transparent;    border-bottom: 28px inset transparent;    border-left: 30px solid #4B92D8;    position: absolute;    content: \"\";    top: 0;    right: -30px;    z-index: 2;} 
.sobywizardsteplink {    padding: 20px 12px 20px;    position: relative;    display: inline-block;    text-decoration: none;    min-width: 24.75%;    margin-left: 0.25%;    text-align: center;    text-decoration: none;    font-size: 14px;    color: #707070;    background: #EBEBEB;    text-transform: uppercase;    cursor: pointer;} 
.sobywizardsteplink:hover {text-decoration: none;    } 
.sobywizardsteplink:first-child {        margin-left: 0;    }
.sobywizard > ul > li:first-child .sobywizardsteplink:before, .sobywizard > li:last-child .sobywizardsteplink:after {    border: none; }
.sobywizardsteplink.active:after {border-left: 30px solid orange;}
.sobywizardnavigationbar { clear: both; text-align: center; }
/***************************************************************/

/*********************** SOBY Tabs *****************************/
.sobytab {
    font-family: "Segoe UI", "Segoe UI Web (West European)", "Segoe UI", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
}

    .sobytab > ul > li:not(:first-child) {
        padding-left: 30px;
    }

    .sobytab > ul {
        padding-left: 0px;
        display: inline-block;
        margin-bottom: 5px;
    }

        .sobytab > ul > li {
            list-style: none;
            float: left;
            padding: 5px;
        }

.sobytablink {
    padding: 10px;
    color: rgb(50, 49, 48) ;
}

    .sobytablink.active {
        font-weight: 600;
        color: rgb(50, 49, 48);
        text-decoration: underline;
    }

    .sobytablink:before {
        width: 0;
        height: 0;
        border-top: 30px inset transparent;
        border-bottom: 30px inset transparent;
        border-left: 30px solid #FFFFFF;
        position: absolute;
        content: \"\";
        top: 0;
        left: 0;
    }

    .sobytablink:after {
        width: 0;
        height: 0;
        border-top: 29px inset transparent;
        border-bottom: 28px inset transparent;
        border-left: 30px solid #4B92D8;
        position: absolute;
        content: \"\";
        top: 0;
        right: -30px;
        z-index: 2;
    }

.sobytablink {
    padding: 20px 12px 20px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    min-width: 24.75%;
    margin-left: 0.25%;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #707070;
    background: #EBEBEB;
    text-transform: uppercase;
    cursor: pointer;
}

    .sobytablink:hover {
        text-decoration: none;
    }

    .sobytablink:first-child {
        margin-left: 0;
    }

.sobytab > ul > li:first-child .sobytablink:before, .sobytab > li:last-child .sobytablink:after {
    border: none;
}

.sobytablink.active:after {
    border-left: 30px solid orange;
}

.sobytabnavigationbar {
    clear: both;
    text-align: center;
}
/***************************************************************/
/*********************** SOBY MENU *****************************/
.sobymenu.leftsidebar {
    flex-direction: column !important;
    flex-shrink: 0 !important;
    display: flex !important;
    width: 232px;
    overflow-y: auto;
}

.sobymenu .menu .toggler {
    display:none;
}

@media (max-width:768px) {
    .sobymenu.leftsidebar {
        width: 100%;
        height:36px
    }

    .sobymenu .menu .toggler {
        display: block;
        color: #fff;
        background-color: var(--heading-bg-color);
    }

    .sobymenu .menu .toggler a{
        color: #fff;
    }
}

.sobymenu.leftsidebar > ul.menu {
    margin-bottom: auto !important;
    flex-direction: column !important;
    padding-left:0px;
}

.sobymenu ul.menu.collapse {
    display: block;
}
.sobymenu ul.menu.expand {
    display: none;
}
.sobymenu ul.menu > li {
    list-style: none;
    line-height: 24px;
    margin-bottom: 0.25rem !important;
}

.sobymenu .menu .menu {
    padding-left: 20px;
}
.sobymenu .menu .divider {
    opacity: .25;
    height: 1px;
    background-color: rgb(33, 37, 41);
    margin-bottom: 15px;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.sobymenu .menu li > a {
    text-decoration: none;
}

.sobymenu .menu li .menutoggler {
    cursor: pointer;
    border: 0px;
}
.sobymenu .menuitem.active a, .sobymenu .menuitem a:hover {
    color: #fff;
    background-color: var(--heading-bg-color);
}
.sobymenu .menuitem a {
    border-radius: 0.25rem;
    color: #000000;
    padding: 0.5rem 1rem;
}

.sobymenu .menuitem {
    padding: 0.5rem 0rem;
}
/*
.sobymenu > ul > li:not(:first-child) {padding-left: 30px;} 
.sobymenu > ul {padding-left: 0px;} 
.sobymenu > ul > li {list-style:none;float:left;padding: 5px;} 
.sobymenutablink {background-color:#4B92D8 !important;padding: 10px;color:white !important} 
.sobymenutablink.active {background-color:orange !important;} 
.sobymenutablink:before {     width: 0;    height: 0;    border-top: 30px inset transparent;    border-bottom: 30px inset transparent;    border-left: 30px solid #FFFFFF;    position: absolute;    content: \"\";    top: 0;    left: 0;} 
.sobymenutablink:after {    width: 0;height: 0;    border-top: 29px inset transparent;    border-bottom: 28px inset transparent;    border-left: 30px solid #4B92D8;    position: absolute;    content: \"\";    top: 0;    right: -30px;    z-index: 2;} 
.sobymenutablink {    padding: 20px 12px 20px;    position: relative;    display: inline-block;    text-decoration: none;    min-width: 24.75%;    margin-left: 0.25%;    text-align: center;    text-decoration: none;    font-size: 14px;    color: #707070;    background: #EBEBEB;    text-transform: uppercase;    cursor: pointer;} 
.sobymenutablink:hover {text-decoration: none;    } 
.sobymenutablink:first-child {        margin-left: 0;    }	
.sobymenu > ul > li:first-child .sobymenutablink:before, .sobymenu > li:last-child .sobymenutablink:after {    border: none; } 
.sobymenutablink.active:after {border-left: 30px solid orange;} 
.sobymenunavigationbar { clear: both; text-align: center; } 
    */
    /***************************************************************/
    /*********************** SOBY TREE VIEW *****************************/
    .soby_treeviewnode {
    list-style: none;
}
/***************************************************************/

/*********************** SOBY Chart *****************************/
.soby_chart {
    position: relative;
}
/***************************************************************/

/*********************** SOBY Range Selection *****************************/
.sobyrangeselection .majorrangevalue, .sobyrangeselection .minorrangevalue, .sobyrangeselection .rangelabel {
    float: left;
}
.sobyrangeselection .rangevalues, .sobyrangeselection .rangelabels {
    clear: both;
}
.sobyrangeselection .majorrangevalue {
        background-color: gray;
}
.sobyrangeselection .minorrangevalue {
    background-color: lightgray;
    margin-bottom: 10px;
    margin-top: 10px;
}
.sobyrangeselection .rangemajorvalues, .sobyrangeselection .selectedrange {
    position: absolute;
}
.sobyrangeselection .selectedrange {
    background-color: #787878;
    margin-bottom: 9px;
    margin-top: 9px;
    cursor: pointer;
}

.sobyrangeselection .selectedrangeresizer.left {
    float: left;
}

.sobyrangeselection .selectedrangeresizer.right {
    float: right;
    right:0px;
}

.sobyrangeselection .selectedrangeresizer {
    top: -10px;
    background-color: #787878;
    position: absolute;
    cursor: e-resize;
}
    /***************************************************************/
    /*********************** SOBY CODE EDITOR *****************************/
    .codeeditor {
    border: 0px;
    border-top: 1px solid lightgray;
    font-size: 13px;
}
    .codeeditor:focus {
        border: 1px solid lightgray;
        outline: none !important;
        box-shadow: 0 0 10px #719ECE;
    }

.actionbuttons {
    padding-top: 5px;
    padding-bottom: 5px;
}
/***************************************************************/
/*********************** SOBY SELECTBOX *****************************/
.sobyselectbox {
    position: relative;
    display: inline-block;
    border: solid 1px;
    border-radius: 4px;
    padding-left: 0px;
    border-color: rgb(204, 204, 204)
}
.sobyselectbox .selectionfilterpanel { min-height:25px; }
.sobyselectbox .hidden { display:none}
.sobyselectbox .selectbox { position: absolute; background-color:white;border:solid 1px;max-height: 100px;overflow-x: hidden;overflow-y: auto;min-width: calc(100% + 2px);
    width: calc(100% + 2px);left: -1px;
    z-index:101;
}
    .sobyselectbox .selectbox .item a{
        display: block
    }
.sobyselectbox .selectbox .item{ cursor:pointer; clear:both; }
.sobyselectbox .selectbox .item:hover{ background-color:aqua }
    .sobyselectbox .selecteditems {
        padding-top: 3px;
        display: inline-block !important;
        float: left;
        padding-right: -55px;
    }
        .sobyselectbox .selecteditems .selecteditem {
            background-color: rgb(230, 230, 230);
            border: 0px;
            float: left;
            border-radius: 2px;
            margin-left: 3px;
            float: left;
            margin-bottom: 3px;
            padding-left: 3px;
            color: black;
        }
.sobyselectbox .searchtextbox {max-width: 100%;padding: 5px;border: none !important; outline: none;min-width: 2.2em;background-color:transparent;}
.sobyselectbox .emptytext{    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45238095em 0 .45238095em 1em;
    line-height: 1.21428571em;
    color: rgba(191,191,191,.87);}
.sobyselectbox .searchpanel {float:left;}
    .sobyselectbox .selecteditemsandsearchpanel {
        float: left;
        width:calc(100% - 50px)
    }
    .sobyselectbox .additionalcellonexpanderpanel {
        width: 24px;
        float: right;
        position: absolute;
        right: 24px;
        height: 100%;
    }
    .sobyselectbox .expanderpanel {
        width: 24px;
        float: right;
        padding-left: 5px;
        right: 0px;
        top: 2px;
        border-left: 1px solid;
        opacity: 0.5;
        position: absolute;
        height: 90%;
    }
    .sobyselectbox.focus .expanderpanel {
        opacity: 1;
    }
    .sobyselectbox .expanderpanel div {
        float: left;
    }
    .sobyselectbox .expanderpanel a {
        position: absolute;
        top: 3px;
    }
.sobyselectbox .soby_dataitem.selected {
    display: none;
}
.sobyselectbox .soby-selectboxitem-delete-link:focus {
    background-color: white;
}

.sobyselectbox.focus{
    border-color:blue;
}
    /***************************************************************/
    .sobyerrormessage {
        color: red !important;
        clear: both;
    }
input.haserror {border:1px solid red}