/* jquery.treetable.theme.default.css */
table.treetable {
  border: 0px solid #888;
  border-collapse: collapse;
  font-size: 11px;
  line-height: 1;
  /*margin: .6em 0 1.8em 0;*/
  marign:0px;
  width: 100%;
}

table.treetable caption {
  font-size: 11px;
  font-weight: bold;
  margin-bottom: .2em;
}

table.treetable thead {
  background: #aaa repeat-x top left;
  font-size: 11px;
}

table.treetable thead tr th {
  border: 1px solid #888;
  font-weight: normal;
  padding: .3em 1em .1em 1em;
  text-align: left;
}

table.treetable tbody tr td {
  cursor: default;
  padding: .3em 1em;
}

table.treetable span {
  background-position: center left;
  cursor: pointer;
  background-repeat: no-repeat;
  /* padding: .2em 0 .2em 2em;  para permitir o styling via font-awssome*/
  padding:0px;
  vertical-align: middle;
}

table.treetable span:hover {
	color: rgba(0, 0, 0, 0.6);
}

table.treetable span.file {
  background-image: url(../css/images/file.png);
}

table.treetable span.folder {
  background-image: url(../css/images/folder.png);
}

table.treetable tr.collapsed span.indenter a {
    margin-top: 2px;
    color:#A0A0A4;
    background-image: url(../css/images/more.png) !important;
    background-size: cover;
    width: 13px;
    height: 13px;
}
table.treetable .first-collapsed span.indenter a {
    background-image: url(../css/images/more.png) !important;
}

table.treetable .last-collapsed span.indenter a {
    background-image: url(../css/images/more.png) !important;
}

table.treetable tr.collapsed span.indenter a:before {
    /*content: "\e983";  sf-block_add */
}

table.treetable tr.expanded span.indenter a {
    margin-top: 2px;
    color:#A0A0A4;
    background-image: url(../css/images/less.png) !important;
    background-size: cover;
    width: 13px;
    height: 13px;
}

table.treetable .first-expanded span.indenter a {
    background-image: url(../css/images/less.png) !important;
}

table.treetable .last-expanded span.indenter a {
    background-image: url(../css/images/less.png) !important;
}

table.treetable tr.expanded span.indenter a:before {
    /*content: "\e986";  sf-block_remove */
}

table.treetable tr.selected {
  background-color: #3875d7;
  color: #fff;
}

table.treetable tr.collapsed.selected span.indenter a {
    background-image: url(../css/images/more.png) !important;
}

table.treetable tr.expanded.selected span.indenter a {
    background-image: url(../css/images/less.png) !important;
}

table.treetable tr.accept {
  background-color: #a3bce4;
  color: #fff
}

table.treetable tr.collapsed.accept td span.indenter a {
    background-image: url(../css/images/more.png) !important;
}

table.treetable tr.expanded.accept td span.indenter a {
    background-image: url(../css/images/less.png) !important;
}
/* treetable.css */

table.treetable {
    width:100%;
}

table.treetable .indenter {
    font: normal normal normal 12px/1 sw-msp-icon-font;
}

table.treetable input[type="checkbox"], table.treetable input[type="radio"] {
    margin: 0;
    vertical-align: middle;
    margin-right: 3px;
    position: relative;
    top: -1px;
}

table.treetable i {
    padding-left: 3px;	
    vertical-align:middle;
}

table.treetable .treetable_header{
    background-color: #efefef;
}

table.treetable span.indenter {
  display: inline-block;
  margin: 0;
  padding: 0px 0px 0px 8px;
  text-align: right;
  user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -webkit-user-select: none;
  width: 10px;
}

table.treetable span {
  padding: 0px;
  margin-left: 8px;
}

table.treetable span:first-child {
  margin-left: 0px;
}

table.treetable span.indenter a {
  background-position: left center;
  background-repeat: no-repeat;
  display: inline-block;
  text-decoration: none;
  width: 11px;
}

table.treetable span.file {
	cursor: pointer;
}

table.treetable tr:first-of-type td{
	font-weight:normal;
	font-size:12px;
}

table.treetable tbody tr td{
  padding: .2em 0em;
  height: 22px;
}
/* template_sw.css */
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,300italic,400italic,500italic,600italic,700italic,800italic'); */

html, body {
    min-height: 100%;
}

body {
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    overflow-x: auto;;
    overflow-y: auto;
    color: #111;
}

:root {
    --sw-color: #F99D1C;
    --n-able-color: #C046FF;
    --light-blue: #4FB2EC;
    --red: #DD2C00;
    --green: #00A753;
    --blue: #037598;
    --orange: #F89F1C;
    --gray: #B8B9BB;
    --yellow: #FEC405;
    --lighter-blue: #84D3F5;
    --top-bar-color: #111111;
    --top-bar-hover: #343434;
}

* {
    outline: none;
}

a,
a:focus,
a:active,
a:visited,
a:hover {
    outline: none;
    color: #31B4E0;
    text-decoration: none;
}

label {
    font-weight: 600;
}

.content-page {
    display: flex;
    flex-flow: column;
    margin-left: 200px;
    margin-top: 50px;
    background-color: #F0F0F0;
    z-index: 800;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
}

/* ############################################### */
/* Colors */

:root {
  --light-blue: #4FB2EC;
  --red: #DD2C00;
  --green: #00A753;
  --blue: #037598;
  --orange: #F89F1C;
  --gray: #B8B9BB;
  --yellow: #FEC405;
  --lighter-blue: #84D3F5;
}

.bold {
    font-weight: 700;
    color: #111111;
}

.semi-bold {
    font-weight: 600;
    color: #111111;
}

.regular {
    font-weight: 500;
    color: #111111;
}

input::-ms-clear {
    display: none;
}

/* ############################################### */

/* @media (max-width: 767px) {
    .content-page {
        -webkit-transform: translate(0px, 0);
        -ms-transform: translate(0px, 0);
        -o-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
} */

.sw-leftbar.leftbar-hide .content-page {
    margin-left: 50px !important;
    z-index: 840;
}
.sw-leftbar.leftbar-hide .sw-leftbar-container {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
}

.leftbar-hide .sw-sub-menu {
    width: 220px !important;
}

input[type="text"],input[type="number"], input[type="password"], input[type="email"],
textarea, select {
    background: #FFFFFF;
    color: #111111;
    font-size: 13px;
    padding: 6px 9px;
    max-width: 300px;
    width: 100%;
    height: 30px;
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    outline: none;
    /*box-shadow: inset 0px 1px 3px 0px rgba(17,17,17,0.3);*/
}

/*input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
textarea:hover,
select:hover {
    border : 1px solid #888888;
}*/

input[type="text"]:active, input[type="text"]:focus,
input[type="number"]:active,input[type="number"]:focus,
input[type="password"]:active, input[type="password"]:focus,
textarea:active, textarea:focus,
select:active, select:focus {
    border : 1px solid #0079C0;
}

input:disabled, input:disabled:active, input:disabled:focus, input:disabled:hover,
textarea:disabled, textarea:disabled:active, textarea:disabled:focus, textarea:disabled:hover,
select:disabled, select:disabled:active, select:disabled:focus, select:disabled:hover {
    border: 1px solid #D5D5D5;
    background-color: #F7F7F7;
    color: #A8A8A8;
    outline: none;
}

input[type="text"].big,
input[type="number"].big,
input[type="password"].big,
select.big {
    max-width: 400px;
    width: 100%
}

input[type="text"].medium,
input[type="number"].medium,
input[type="password"].medium,
select.medium {
    max-width: 80px;
    width: 100%
}

input[type="text"].medium-small,
input[type="number"].medium-small,
input[type="password"].medium-small,
select.medium-small {
    max-width: 65px;
    width: 100%
}

input[type="text"].medium-big,
input[type="number"].medium-big,
input[type="password"].medium-big,
select.medium-big {
    max-width: 150px;
    width: 100%
}

input[type="text"].medium-big-big,
input[type="number"].medium-big-big,
input[type="password"].medium-big-big,
select.medium-big-big {
    max-width: 250px;
    width: 100%
}

input[type="text"].small,
input[type="number"].small,
input[type="password"].small,
select.small {
    max-width: 50px;
    width: 100%
}

input[type="number"].small-number {
    max-width: 60px;
}

textarea {
    resize: none;
}

select {
    padding: 2px 4px;
}

input.error, textarea.error, select.error,
input.error:hover, textarea.error:hover, select.error:hover,
input.error:focus, textarea.error:focus, select.error:focus,
input.error:active, textarea.error:active, select.error:active {
    border: 1px solid #DD2C00;
    padding-right: 25px;
}

input.success, textarea.success, select.success,
input.success:hover, textarea.success:hover, select.success:hover,
input.success:focus, textarea.success:focus, select.success:focus,
input.success:active, textarea.success:active, select.success:active {
    border: 1px solid #00A753;
    padding-right: 25px;
}

.hidden {
    display: none;
}

.form-error-icon {
    display: none;
    font-size: 13px;
    position: relative;
    top: 1px;
}

.form-error-icon.select-type {
    right: 26px;
}

.form-error-icon.error {
    display: inline-block;
    color: #DD2C00;
}

.form-error-icon.success {
    color: #00A753;
}

.blue-badge {
    color: white;
    background-color: var(--blue);
    font-size: 9px;
    border-radius: 10px;
    padding: 2.3px 6.5px;
}

.yellow-badge {
    color: white;
    background-color: var(--yellow);
    font-size: 9px;
    border-radius: 10px;
    padding: 2.3px 6.5px;
}

.red-badge {
    color: white;
    background-color: var(--red);
    font-size: 9px;
    border-radius: 10px;
    padding: 2.3px 6.5px;
}

.green-badge {
    color: white;
    background-color: var(--green);
    font-size: 9px;
    border-radius: 10px;
    padding: 2.3px 6.5px;
}

.form-error-message {
    color: #DD2C00;
    padding-left: 3px;
    font-weight: 600;
    font-size: 12px;
    padding-top: 3px;
    height: 20px;
    display: inline-block;
}

.form-error-message.error {
    color: #DD2C00;
}

.form-error-message.success {
    color: #00A753;
}

.content {
    min-height: 250px;
    margin-right: auto;
    margin-left: auto;
    background-color: #F0F0F0;
    padding: 10px;
    padding-top: 0px;
}

.content-header {
    flex: 0 0 40px;
    background: #F0F0F0 !important;
    padding-left: 14px;
    display: inline-flex;
}

.content-header > .page-title
{
    flex: 0 0 auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin: 0px;
    margin-top: 7px;
}

.content-header > .page-top-actions-bar {
    width: 100%;
    text-align: right;
    padding-right: 14px;
}

.content-header > .page-top-actions-bar .desktop .actions-groups-separation {
    display: inline-block;
    width: 1px;
    height: 28px;
    background: #D5D5D5;
    position: relative;
    top: 0px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 0px;
    margin-top: 5px;
}

.content-header > .page-top-actions-bar span.menu-bt,
.content-header > .page-top-actions-bar div.menu-bt {
    color: #0079AA;
    background: white;
    border: 1px solid #D5D5D5;
    border-radius: 5px;
    padding: 5px 13px !important;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 5px;
    cursor: pointer;
    height: 30px;
    text-transform: lowercase;
    text-align: center;
}

.content-header > .page-top-actions-bar span.menu-bt.ignore-case,
.content-header > .page-top-actions-bar div.menu-bt.ignore-case,
.content-header > .page-top-actions-bar span.menu-bt.ignore-case:first-letter,
.content-header > .page-top-actions-bar div.menu-bt.ignore-case:first-letter,
.ignore-case,
.ignore-case::first-letter{
    text-transform: none !important;
}
.lower-case,
.lower-case::first-letter{
    text-transform: lowercase !important;
}
.upper-case,
.upper-case::first-letter{
    text-transform: uppercase !important;
}

.content-header > .page-top-actions-bar span.menu-bt:first-letter,
.content-header > .page-top-actions-bar div.menu-bt:first-letter {
    text-transform: uppercase;
}

.content-header > .page-top-actions-bar span.menu-bt:last-child,
.content-header > .page-top-actions-bar div.menu-bt:last-child {
    margin-right: 0px;
}

.content-header > .page-top-actions-bar span.menu-bt.primary,
.content-header > .page-top-actions-bar div.menu-bt.primary {
    background: #0079AA;
    color: white;
}

.content-header > .page-top-actions-bar span.menu-bt.primary.disabled,
.content-header > .page-top-actions-bar div.menu-bt.primary.disabled {
    background: #CCC;
    color: white;
}

.content-header > .page-top-actions-bar span.menu-label,
.content-header > .page-top-actions-bar div.menu-label {
    color: #333;
    margin-right: 9px;
    padding-top: 10px;
}

.content-header > .page-top-actions-bar span.menu-bt.merge-rigth,
.content-header > .page-top-actions-bar div.menu-bt.merge-rigth {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    margin-right: 0px;
}

.content-header > .page-top-actions-bar span.menu-bt.merge-left,
.content-header > .page-top-actions-bar div.menu-bt.merge-left {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-left: 0px;
    border-left: 0px;
}

.content-header > .page-top-actions-bar span.menu-bt.disabled,
.content-header > .page-top-actions-bar div.menu-bt.disabled {
    color: #CFCFDA;
    cursor: default;
}


.content-header > .page-top-actions-bar .desktop .actions-group > span > i {
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 5px;
    display: none;
}

.content-header > .page-top-actions-bar .desktop .actions-group {
    display: inline-flex;
}

.content-header > .page-top-actions-bar .desktop {
    display: flex;
    justify-content: flex-end;
}

.content-header > .page-top-actions-bar .mobile {
    display: none;
    position: relative;
    flex: 1 1 100%;
    justify-content: flex-end;
    padding-right: 11px;
    font-size: 16px;
    padding-top: 3px;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown {
    left: calc(100% - 200px);
    width: 183px;
    padding: 0px;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown li {
    height: 24px;
    cursor: pointer;
    padding-top: 4px;
    font-size: 13px;
    padding-left: 8px;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown li.disabled {
    color: #CFCFDA;
    cursor: default;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown li span.menu-bt {
    width: 100%;
    display: block;
    height: 100%;
    padding-left: 6px;
    padding-top: 2px;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown li span.menu-bt:hover {
    background-color: #DBDBDB;
    cursor: pointer;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown li span.menu-bt.disabled:hover {
    background-color: white;
    cursor: default;
}

.content-header > .page-top-actions-bar .mobile .sw-actions-bar-dropdown li i {
    position: relative;
    top: 1px;
    margin-right: 5px;
}

.content-header > .page-top-actions-bar .mobile a {
    cursor: pointer;
    color: #333;
}

@media screen and (max-width: 1024px) {

    .content-header > .page-top-actions-bar {
        width: auto;
    }


    .content-header > .page-top-actions-bar .desktop {
        display: none;
    }

    .content-header > .page-top-actions-bar .mobile {
        display: flex;
        padding-top: 11px;
    }
}

.sw-mobile-tabs {
    display: none;
}

.hide-on-mobile {
    display: block;
}

.hide-on-desktop {
    display: none;
}

@media screen and (max-width: 768px) {

    .sw-mobile-tabs {
        margin-right: 10px;
    }

    .sw-mobile-tabs {
        display: block;
        position: relative;
        top: -4px;
    }

    .sw-mobile-tabs {
        display: block;
        position: relative;
        top: -4px;
        max-width: 100%;
        text-align-last: center;
    }

    .hide-on-mobile {
        display: none;
    }

    .hide-on-desktop {
        display: block;
    }

    .content-header > .page-top-actions-bar .mobile {
        padding-top: 4px;
    }
}


.page-title small {
    font-size: 13px;
    display: inline-block;
    padding-left: 4px;
    font-weight: 400;
}

.tableStyleB .selected {
    background: #E5F1F9;
}

.tableStyleB td {
    padding-left: 15px;
    padding-right: 10px;
    max-width:1px;
}

.tableStyleB td.td-checkbox {
    width: 35px;
    min-width: 35px; /* FireFox */
    padding-right: 0;
}

.tableStyleB td.td-dtins {
    width: 150px;
    min-width: 150px; /* FireFox */
}

.tableStyleB tr.green-mark td.first {
    background: url(../css/images/td_green.gif) repeat-y;
}

.tableStyleB tr.red-mark td.first {
    background: url(../css/images/td_red.gif) repeat-y;
}

.tableStyleB tr {
    height: 32px;
    border-bottom: 1px solid #E7E7E7;
}

.tableStyleB tr:last-child {
    border-bottom: 0px;
}

.tableStyleB tr:first-child input {
    position: relative;
    top: 2px;
}

.tableStyleB tr:not(.header) {
    cursor: pointer;
}

.tableStyleB tr.header {
    cursor: default;
    font-weight: bold;
}

.tableStyleB tr:not(.header):not(.selected):hover {
    background: #E5F8FE;
}

.tableStyleB tr.fake-row:not(.header):not(.selected):hover {
    cursor: default !important;
    background: transparent !important;
}

.tableStyleB tr:not(.selected):hover{
    background: rgba(197, 238, 241, 0.1);
}

.tableStyleB tr.fake-row,
.tableStyleB tr.fake-row:hover,
.tableStyleB tr.fake-row td,
.tableStyleB tr.fake-row td:hover {
    cursor: default !important;
    border: 0px !important;
    background: transparent !important;
}

.tableStyleB .header,
.tableStyleB .header:hover,
.tableStyleB.ignore-hover .header,
.tableStyleB.ignore-hover .header:hover {
    background: transparent;
    line-height: 32px;
}

.tableStyleB.ignore-hover tr:hover,
.tableStyleB.ignore-hover tr.selected:hover,
.tableStyleB.ignore-hover tr.content-odd:hover,
.tableStyleB.ignore-hover tr.content-even:hover {
    background: transparent;
    cursor: default;
}

.tableB-no-rows-div {
    flex: 1 1 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    min-height: 32px;
    color: #bfbfbf;
    font-size: 16px;
    font-weight: 300;
}

.sw-right-top-menu > .navbar-nav {
    background-color: var(--top-bar-color);
    margin: 0px;
}

.sw-right-top-menu > .navbar-nav > li {
    background-color: var(--top-bar-color);
}

.sw-right-top-menu > .navbar-nav > li.right-menu-expand-v2 {
    border-left: 1px solid #595959;
}

.sw-right-top-menu > .navbar-nav > li:hover{
    background-color: var(--top-bar-hover);
}

.sw-right-top-menu > .navbar-nav > li > a {
    background: transparent;
    color:#fff;
    line-height: 40px;
    height: 50px;
    width: 50px;
    padding: 0px;
    padding-top: 15px;
    margin: 0px;
    text-align: center;
}

.sw-right-top-menu > .navbar-nav > li.active > a {
    color: var(--sw-color);;
}

.sw-topbar.n-able .sw-right-top-menu > .navbar-nav > li.active > a {
    color: var(--n-able-color);
}

.sw-right-top-menu > .navbar-nav > li.right-menu-expand-v2 > a.menu-name {
    width: 50px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 15px;
    display: flex;
    justify-content: center;
}


.sw-topbar.n-able .sw-right-top-menu > .navbar-nav > li > .right-menu-arrow {
    background: white;
    width: 10px;
    height: 10px;
    position: fixed;
    top: 46px;
    right: 21px;
    transform: rotate(45deg);
    display: none;
}

.sw-topbar.n-able .sw-right-top-menu > .navbar-nav > li.active > .right-menu-arrow {
    display: block;
}

.sw-right-top-menu > .navbar-nav >.user-menu>.dropdown-menu {
    padding: 0px;
}

.sw-right-top-menu > .navbar-nav >li>a.menu-name {
    display: inline-flex;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
}

.sw-right-top-menu > .navbar-nav > li > a.menu-name span.remote_control_icon{
    color: white !important;
    position: relative !important;
    top: 1px !important;
}

.sw-right-top-menu > .navbar-nav > li > a.menu-name span.remote_control_icon.ic_remote_access_off{
    color: #9a9a9a !important;
}

#TCWidget{
    width: 100%;
    height: 100%;
    position: relative;
    top: 1px;
}

#TCWidget #TCWidgetRemoteIconButton{
    color: #9a9a9a;
    font-size: 20px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: -2px;
}

#TCWidget #TCWidgetRemoteIconButton.enabled{
    color: white;
}

#TCWidget #TCWidgetRemoteIconButton.open{
    color: var(--sw-color);;
}

.n-able #TCWidget #TCWidgetRemoteIconButton.open{
    color: var(--n-able-color);
}

.sw-right-top-menu > .navbar-nav>li>a.menu-name img {
    width: 22px;
    height: 22px;
}

.sw-right-top-menu > .navbar-nav > li > a .ic {
    font-size: 20px;
}

.sw-right-top-menu > .navbar-nav>li>a span {
    vertical-align: top;
}
.sw-right-top-menu-container {
    color: white;
}

.right-top-menu-emerger-width{
    width: 570px;
}

.sw-right-top-menu > .navbar-nav .ic_remote.disabled {
    color: #bbb;
}

@media screen and (max-width: 1000px) {

    .sw-right-top-menu-container {
        width: 450px;
    }
}

.sw-right-top-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}

.sw-right-top-menu > .navbar-nav>li>.dropdown-menu,
.dropdown-menu {
    border:0px;
    -webkit-box-shadow: -10px 10px 30px -11px rgba(0,0,0,0.52);
    -moz-box-shadow: -10px 10px 30px -11px rgba(0,0,0,0.52);
    box-shadow: -10px 10px 30px -11px rgba(0,0,0,0.52);
}

/* ######################################## */
/* sw-link */

.sw-link,
.sw-link:hover,
.sw-link:visited,
.sw-link:active,
.sw-link:focus {
    color: #0079AA;
    cursor: pointer;
}

.sw-link:hover {
    text-decoration: underline;
}

.sw-link.disabled,
.sw-link.disabled:hover,
.sw-link.disabled:visited,
.sw-link.disabled:active,
.sw-link.disabled:focus,
.sw-link.disabled:hover {
    opacity: 0.5;
    cursor: default;
    text-decoration: none;
}

.sw-topbar {
    width: 100%;
    height: 50px;
    background: var(--top-bar-color);
    position: fixed;
    top: 0px;
    z-index: 900;
}

.sw-topbar table{
    padding:0;
    margin: 0;
}

.sw-topbar-logo {
    width: 50px;
    height: 50px;
    background-color: var(--sw-color);;
    color: white;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
}

.sw-topbar.n-able .sw-topbar-logo {
    background-color: var(--n-able-color);;
}

.sw-topbar-logo > .ic_solarwinds {
    position: relative;
    left: -1px;
}

.sw-topbar-logo > .ic_msp_anywhere {
    font-size: 28px;
    top: -1px;
}

.sw-topbar-menu-button {
    display: none;
    font-size: 20px;
    color: white;
    padding-left: 15px;
    padding-top: 4px;
    cursor: pointer;
}

.sw-topbar-product-name {
    color: white;
    vertical-align: middle;
    margin-left: 15px;
    margin-right: 20px;
    font-size: 17px;
    font-weight: 600;
}

.sw-topbar-product-name.emerger{
    margin: 0px 10px;
    padding-top: 1px;
}

.sw-topbar-emerger-container{
    display: flex;
    height: 100%;
}

.sw-topbar-emerger-tabs-container{
    display: flex;
    align-items: center;
}

.sw-topbar-emerger-tabs-container a{
    height: 100%;
}

.sw-topbar-emerger-border{
    width: 1px;
    background-color: #5a5a5a;
    height: 100%;
    /*margin-right: 15px;*/
}

.sw-topbar-emerger-tab{
    color: #d5d5d5;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 18px;
    height: 100%;
    display: flex;
    align-items: center;
}
.sw-topbar-emerger-tab:hover{
    background-color: #ffffff26;
    color: white;
}

.sw-topbar-emerger-tab.active{
    color: white;
    border-top: 3px solid #c046ff;
    padding-bottom: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.sw-topbar-emerger-tab .ic_pointer_down{
    display: none;
    font-size: 12px;
    padding-left: 10px;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container{
    display: flex;
    position: absolute;
    flex-flow: column;
    top: 50px;
    left: 55px;
    align-items: flex-end;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container.hide{
    display: none;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .pointer_up{
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
    margin-right: 10px;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .emerger-responsive-dropdown-body{
    background-color: white;
    -webkit-box-shadow: 2px 6px 15px -4px rgb(0 0 0 / 15%);
    box-shadow: 2px 6px 15px -4px rgb(0 0 0 / 15%);
    border: 1px solid #0000000d;
    display: flex;
    flex-flow: column;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .emerger-responsive-dropdown-body a{
    height: 37px;
    width: 115px;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .emerger-responsive-dropdown-body .emerger-responsive-dropdown-section-container{
    height: 100%;
    color: #337ab7;
    display: flex;
    font-size: 13px;
    align-items: center;
    justify-content: flex-start;
    user-select: none;
    cursor: pointer;
    padding-left: 10px;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .emerger-responsive-dropdown-body .emerger-responsive-dropdown-section-container.active{
    height: 37px;
    width: 115px;
    background-color: #f9ecff;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .emerger-responsive-dropdown-body .emerger-responsive-dropdown-section-container:hover{
    background-color: #f3f3f3;
}

.sw-topbar-emerger-tab.active .emerger-responsive-dropdown-container .emerger-responsive-dropdown-body .emerger-responsive-dropdown-section-container:active{
    background-color: #f9ecff;
}

@media screen and (max-width: 1432px) {

    .sw-topbar-product-name-container.emerger-responsive{
        display: none;
    }

    .sw-topbar-emerger-container .emerger-responsive{
        display: none;
    }

    .sw-topbar-emerger-tab.active.emerger-responsive-margin{
        margin-left: 10px;
    }

    .sw-topbar-emerger-tab .ic_pointer_down{
        display: block;
    }
}

.sw-topbar-product-name-text {
    height: 25px;
    margin-top: 13px;
    font-weight: 600;
}

.sw-topbar.n-able .sw-topbar-product-name-text {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.sw-topbar-product-name-text::selection {
    background: transparent;
}

.sw-topbar-licence-expired-box {
    background: white;
    padding: 5px 10px;
    margin-top: 10px;
    height: 30px;
    font-weight: 600;
    border-radius: 3px;
    cursor: pointer;
}

.sw-topbar-licence-expired-box .ic {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 2px;
    margin-right: 1px;
}

.sw-topbar-licence-expired-box:before {
    font-family: xuico;
    font-size: 16px;
    position: relative;
    top: 2px;
    left: -4px;
}

.sw-topbar-licence-expired-box.red {
    border: 1px solid #DD2C00;
    background: #DD2C00;
    color: white;
}

.sw-topbar-licence-expired-box.red:hover {
    border: 1px solid #C12600;
    background: #C12600;
}

.sw-topbar-licence-expired-box.red .upgrade-part {
    text-decoration: underline;
    color: white;
}

.sw-topbar-licence-expired-box.red:before {
    color: white;
}

.sw-topbar-licence-expired-box.yellow {
    border: 1px solid #FEC405;
    background: #FEC405;
    color: #111111;
}

.sw-topbar-licence-expired-box.yellow:hover {
    border: 1px solid #E8B408;
    background: #E8B408;
}

.sw-topbar-licence-expired-box.yellow:before {
    color: #111111;
}

.sw-topbar-licence-expired-box.blue {
    border: 1px solid #1C8EB1;
    background: #1C8EB1;
    color: white;
}

.sw-topbar-licence-expired-box.blue:hover {
    border: 1px solid #037598;
    background: #037598;
}

.sw-topbar-licence-expired-box.blue:before {
    color: white;
}

.sw-topbar-licence-expired-box .buy-buttton {
    margin-right: 3px;
}

#buy_new_licenses_button.request-buy-style {
    height: 36px;
    display: flex;
    justify-content: center;
    margin: 0px;
    align-items: center;
    background: #0079AA;
    color: #FFF;
}

#buy_new_licenses_button.request-buy-style.blue,
#buy_new_licenses_button.request-buy-style.yellow,
#buy_new_licenses_button.request-buy-style.red
{
    background: #0079AA;
}

.sw-topbar-licence-expired-box.request-buy-style .ic {
    top: -1px;
    margin-right: 5px;
}

.sw-topbar-news-ballon-container {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.sw-topbar .label {
    position: fixed;
    margin-top: -6px;
    margin-left: 24px;
    border-radius: 13px;
    padding: 3px 5px;
}

table.treetable tr.selected {
    background: #E5F1F9;
    color: #333;
}

.treetable-filter {
    padding-right: 10px;
}

.treetable-search-controls-container {
    margin-top: 15px;
}

.treetable-filter-search-btn, .treetable-filter-clear-search {
    color: #333;
    font-size: 16px;
    margin-left: 10px;
}

.treetable-filter-search-input {
    height: 22px;
    padding-left: 3px;
    margin-right: 13px;
    width: 150px;
}

.treetable-filter-search-input select {
    width: 150px;
}

.sw-topbar-search input {
    font-size: 12px;
    background: #333333;
    border: 0px;
    border-radius: 3px;
    width: 70%;
    min-width: 220px;
    max-width: 250px;
    height: 30px;
    padding: 0px 5px 0px 36px;
    color: white;
}

.sw-topbar-search i {
    color: #b3b3b3;
    font-size: 18px;
    position: relative;
    left: 28px;
    top: 5px;
}

.sw-topbar-search input, .sw-topbar-search input:focus, .sw-topbar-search input:active {
    outline: none;
}

::-webkit-input-placeholder {
    color: rgba(17, 17, 17, .6);
}
:-moz-placeholder {
    color: rgba(17, 17, 17, .6);
}
::-moz-placeholder {
    color: rgba(17, 17, 17, .6);
}
:-ms-input-placeholder {
    color: rgba(17, 17, 17, .6);
}
::-ms-input-placeholder {
    color: rgba(17, 17, 17, .6);
}

.sw-topbar-user {
    display: inline-flex;
    font-size: 18px;
    color: white;
    padding: 14px;
}

.sw-topbar-user-name {
    font-size: 14px;
    margin-left: 6px;
    line-height: 20px;
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-top: 2px;
    max-width: 220px;
}

.sw-topbar-firstname-menu.user-menu img {
    vertical-align: top;
}

.sw-topbar-help {
    width: 50px;
    font-size: 18px;
    color: white;
    padding: 12px;
}

.dropdown{

    color:#ffffff;
}
.dropdown-menu a,
.dropdown-menu a:hover{
    color: #ffffff;
}

.sw-topbar-firstname-menu .sw-topbar-menu.dropdown-menu {
    width: 240px;
}

.sw-topbar-menu {
    background: #333 !important;
}

.sw-topbar-menu>li {
    padding: 10px 20px;
    font-size: 13px;
    cursor: pointer;
    width: 100%;
}

.sw-topbar-menu-divisor {
    border-top: 1px solid #434343;
}

.sw-topbar-menu-center {
    text-align: center;
}

.sw-topbar-addicional-options {
    display: none !important;
}

.sw-topbar-licence-expired-box-menu {
    height: 50px;
}

.sw-topbar-menu>.sw-topbar-licence-expired-box-menu>.sw-topbar-licence-expired-box {
    width: 100%;
    text-align: center;
    margin: 0px;
}

.sw-topbar-menu.dropdown-menu>.header {
    background: #333 !important;
    color: white;
}

.sw-topbar-help-search input {
    background: var(--top-bar-color);
    border: 0px;
    border-radius: 13px;
    padding-left: 12px;
    min-width: 170px;
    width: 100%;
    height: 28px;
    color: white;
}

.sw-topbar-help-search input, .sw-topbar-help-search input:focus, .sw-topbar-help-search input:active {
    outline: none;
}

.menu-addicional-text-icons, .menu-addicional-text-firstname, .menu-addicional-text-license {
    display: none !important;
}

.sw-topbar-notification {
    display: table;
    width: 245px;
}

.sw-topbar-notification-icon-container {
    width: 35px;
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
}

.sw-topbar-licence-expired-box-container {
    padding-bottom: 1px;
}

.sw-topbar-notification ul {
    list-style-type: none;
    padding: 0px;
}

.sw-topbar-notification-description {
    font-size: 13px;
}

.sw-topbar-ballon-footer {
    text-align: center;
}

@media screen and (max-width: 1200px) {

    .sw-topbar-search-ex {
        display: none;
    }
}

@media screen and (max-width: 1024px) {

    .sw-topbar-search {
        display: none;
    }

    .menu-icon-ex {
        display: none !important;
    }

    .menu-addicional-text-icons-ex {
        display: block !important;
    }

    .sw-topbar-addicional-options-ex {
        display: block !important;
    }

    .sw-right-top-menu-container {
        width: auto;
    }
}

@media screen and (max-width: 930px) {

    .menu-icon {
        display: none !important;
    }

    .sw-topbar-addicional-options {
        display: block !important;
    }

    .menu-addicional-text-icons {
        display: block !important;
    }

    .sw-topbar-firstname-menu {
        display: none !important;
    }

    .menu-addicional-text-firstname {
        display: block !important;
    }

    .sw-topbar-licence-expired-box>.upgrade-part {
        display: none;
    }

    .sw-leftbar.leftbar-hide .sw-leftbar-container {
        width: 0px !important;
    }

    .content-page {
        margin-left: 0px !important;
    }

    .sw-leftbar.leftbar-hide .content-page {
        margin-left: 0px !important;
    }

    .content-header {
        flex: 0 0 40px;
        height: 40px;
        padding-top: 7px;
        padding-left: 11px;
        justify-content: flex-end;
    }
    .novaRepo .content-header {
        justify-content: unset;
    }

    .content-header .page-title
    {
        line-height: 18px;
        font-size: 18px;
    }

    .sw-topbar-logo {
        display: none;
    }

    .sw-topbar-menu-button {
        display: block;
        padding-top: 5px;
    }

    .sw-topbar-product-name {
        padding-top: 2px;
    }

    .sw-leftbar-container .sw-toggle-button-container {
        display: none;
    }

    .sw-leftbar.mobile-hide .content-page {
        margin-left: 0px !important;
        z-index: 840;
    }
    .sw-leftbar.mobile-hide .sw-leftbar-container {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        width: 0px !important;
        z-index: 850;
    }
    .mobile-hide .sw-sub-menu {
        width: 220px !important;
    }

    .sw-leftbar.mobile-hide .sw-left-menu>li:hover>a>span:not(.pull-right),
    .sw-leftbar.mobile-hide .sw-left-menu>li:hover>.sw-sub-menu {
        display: block !important;
        position: absolute;
        width: 220px;
        left: 50px;
    }

    .sw-leftbar.mobile-hide .sw-left-menu{font-size: 13px;}
    .sw-left-menu.mobile-hide .sw-sub-menu > li > a{font-size: 13px;}
    .sw-leftbar.mobile-hide .sw-left-menu>li:hover>a>span {padding:0px 5px 0px 10px;}
    .sw-leftbar.mobile-hide .sw-left-menu>li:hover>.sw-sub-menu {top:40px;}
    .sw-leftbar.mobile-hide .sw-left-menu>li:hover>a>span.up {display: none;}
    .sw-leftbar.mobile-hide .sw-left-menu>li:hover>a>span.down {display: none;}

    .sw-leftbar.mobile-hide .sw-left-menu > li > a:hover > .pull-right{ display: inline !important;}
    .sw-leftbar.mobile-hide .sw-left-menu > li > a.up{ display: none !important;}
    .sw-leftbar.mobile-hide .sw-left-menu > li > a .down{ display: none !important;}
    .sw-leftbar.mobile-hide .sw-left-menu > li > a:hover .up{display:none;}
    .sw-leftbar.mobile-hide .sw-left-menu > li > a:hover .down{display:none;}

    .sw-leftbar.mobile-hide .content-wrapper,
    .sw-leftbar.mobile-hide .right-side,
    .sw-leftbar.mobile-hide .main-footer {
        margin-left: 50px !important;
        z-index: 840;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li {
        position: relative;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li > a {
        margin-right: 0;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li > a > span {
        border-top-right-radius: 4px;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li:not(.sw-menu) > a > span {
        border-bottom-right-radius: 4px;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li > .sw-sub-menu {
        padding-top: 5px;
        padding-bottom: 5px;
        border-bottom-right-radius: 4px;
        border: 0px;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li:hover > a > span:not(.pull-right),
    .sw-leftbar.mobile-hide .sw-left-menu > li:hover > .sw-sub-menu {
        display: block !important;
        position: absolute;
        left: 50px;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li:hover > a > span {
        top: 0;
        margin-left: -3px;
        background-color: inherit;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li:hover > a > .pull-right-container {
        float: right;
        width: auto!important;
        left: 200px!important;
        top: 10px!important;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
        display: none;
    }
    .sw-leftbar.mobile-hide .sw-left-menu > li:hover > .sw-sub-menu {
        margin-left: 0;
    }
    .sw-leftbar.mobile-hide .sw-leftbar-container .user-panel > .info,
    .sw-leftbar.mobile-hide .sw-left-menu > li > a > span,
    .sw-leftbar.mobile-hide .sw-left-menu > li > .sw-sub-menu,
    .sw-leftbar.mobile-hide .sw-left-menu > li > a > .pull-right,
    .sw-leftbar.mobile-hide .sw-left-menu li.header {
        display: none !important;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    .sw-leftbar.mobile-hide .logo {
        width: 50px;
    }
    .sw-leftbar.mobile-hide .logo > .logo-mini {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        font-size: 18px;
    }
    .sw-leftbar.mobile-hide .logo > .logo-lg {
        display: none;
    }
    .sw-leftbar.mobile-hide .navbar {
        margin-left: 50px;
    }

}

@media screen and (max-width: 400px) {

    .sw-topbar-licence-expired-box-container {
        display: none;
    }

    .menu-addicional-text-license {
        display: block !important;
    }
}

@media screen and (max-width: 320px) {

    .sw-topbar-product-name-container {
        display: none;
    }
}

@media screen and (max-width: 1000px) {

    .sw-right-top-menu > .navbar-nav>li>.dropdown-menu {
        right: 0%;
    }
}

.blink_me {
    animation: blinker 0.6s linear 0s 2 normal forwards;
}

@keyframes blinker {
    30% { opacity: 0.8; }
    50% { opacity: 0.5; }
}

#devices_list_table{
    background: white;
}
.generic_list_table{
    background: white;
}

#mixed_view_group_addicional_tools_container .treetable-search-controls-container {
    margin: 0px;
}

#mixed_view_group_addicional_tools_container {
    height: 28px;
}

.gray-dropdown {
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    height: 26px;
    padding: 0px 6px;
    margin-right: 10px;
}

.table-list-actions {
    float: right;
    font-size: 18px;
    margin-top: 4px;
    margin-right: 3px;
}

.table-list-actions i {
    cursor: pointer;
    margin-left: 7px;
}

.table-list-actions > .spacer {
    width: 10px;
    display: inline-block;
}

.table-list-selected-count {
    float: right;
    font-size: 11px;
}

.table-connect-to-device {
    color: #0078AA;
}
.table-connect-to-device_disabled{
    color: #b5b5b5;
}

.table-connect-to-device .ic, table-connect-to-device_disabled .ic {
    font-size: 14px;
    position: relative;
    top: 1px;
}

.table-list-bottom-bar {
    background: white;
    height: 35px;
}

.table-list-number-of-records {
    float: left;
    padding-top: 8px;
    padding-left: 15px;
}

.table-list-paging {
    float: right;
    padding-top: 6px;
    padding-right: 10px;
}

.table-list-paging a {
    color: black;
    margin-left: 3px;
}

.table-list-paging a.disabled {
    color: #b5b5b5;
    cursor: default;
}

.table-list-paging .paging_selected {
    text-decoration: underline;
}

.table-list-paging-resume {
    padding-left: 15px;
    padding-right: 20px;
}

.table-list-results-per-page select {
    border-radius: 5px;
    padding: 1px;
    border-color: #D2D2D2;
}

.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; }

#device_bottom_options_container a{
    color:#f0f0f0;
}
#device_bottom_options_container a:hover{
    color:#f0f0f0;
}

#groups_selection_options_container a{color:#464646;}
#groups_selection_options_container a:visited{color:#464646;}
#groups_selection_options_container a:hover{color:#f29a12;}

#devices_selection_options_container_actions i{
    padding-left:10px;
}
#devices_selection_options_container_actions a{color:#464646;}
#devices_selection_options_container_actions a:visited{color:#464646;}
#devices_selection_options_container_actions a:hover{color:#f29a12;}

.table_selection_options_container_actions i{
    padding-left:6px;
}
.table_selection_options_container_actions a{color:#464646;}
.table_selection_options_container_actions a:visited{color:#464646;}
.table_selection_options_container_actions a:hover{color:#f29a12;}

#filters_badges .label
{
    font-weight: normal;
    font-size: 12px;
    background: #ffffff;
    color:black;
    border:1px solid #d4d4d4;
    border-radius: 4px;
    padding: 4px 8px;
}

#filters_badges .label .val
{
    color:#989898;
    padding: 0px 2px;
}

#filters_badges a{color:#a3a3a3;}
#filters_badges a:visited{color:#a3a3a3;}
#filters_badges a:hover{color:#ee6453;}


.grey{color:#989898;}

.groups_search_box_container {
    padding-right: 10px;
    display: inline-flex;
    width: 100%;
}

.groups_search_box_container input,
.groups_search_box_container input:focus {
    border: 0px;
    border-radius: 4px;
    outline: none;
    background: #FAFAFA;
    width: 100%;
    max-width: 100%;
    padding: 4px 26px 6px 5px;
    height: 22px;
    margin-left: 5px;
    border: 1px solid #f0f0f0;
    height: 27px;
    padding-left: 8px;
    background: white;
}

.groups_search_box_container i {
    color: #b3b3b3;
    position: relative;
    margin-left: -20px;
    top: 7px;
}


.filter_search_box_container input {
    background: #F3F3F3;
    border: 0px;
    border-radius: 4px;
    width: 222px;
    padding: 4px 26px 6px 10px;
    outline:none;
}

.filter_search_box_container i {
    color: #b3b3b3;
    position: relative;
    margin-left: -20px;
    top: 1px;
}

.dropdown .dropdown-header{
    padding:3px 0px;
    font-weight: 600;
}
.dropdown li.option {
    padding-left:10px;
}
.dropdown-menu{
    -webkit-box-shadow: 0px 5px 21px -8px rgba(0,0,0,0.52);
    -moz-box-shadow: 0px 5px 21px -8px rgba(0,0,0,0.52);
    box-shadow: 0px 5px 21px -8px rgba(0,0,0,0.52);
    border: 1px solid #e8e7e7;
}

.sw-table-odd-even-style .content-odd {
    background: #FAFAFA;
}

.sw-table-odd-even-style .content-even {
    background: white;
}

.sw-table-big-row tr {
    height: 38px;
}

.sw-table-big-row .tableStyleB .header,
.sw-table-big-row .tableStyleB .header:hover,
.sw-table-big-row .tableStyleB.ignore-hover .header,
.sw-table-big-row .tableStyleB.ignore-hover .header:hover
{
    line-height: 38px;
}

.sw-table-expandable-row tr {
    height: auto;
}

.sw-table-expandable-row td {
    vertical-align: top;
    font-weight: bold;
}

.sw-table-expandable-row .expand-icon-column {
    width: 50px;
}

.sw-table-expandable-row .expand-icon-column div {
    float: right;
    font-size: 18px;
    margin-top: 12px;
}

.sw-table-expandable-row .expand-icon-column div.ic {
    cursor: pointer;
}

.sw-table-no-hover table tr.content-even:hover {
    background: white !important;
    cursor: default;
}

.sw-table-no-hover table tr.content-odd:hover {
    background: #F2F2F2 !important;
    cursor: default;
}

.expandable-table-content {
    width: 100%;
}

.expandable-row-header {
    width: 100%;
    cursor: pointer;
    padding-top: 13px;
    padding-bottom: 8px;
    height: 45px;
}

.expandable-table-content tr, .expandable-table-content tr:hover {
    border: 0px;
    background: none !important;
    cursor: default;
}

.expandable-table-content td {
    font-weight: normal;
    text-align: left;
    padding: 0;
    padding-top: 7px;
}

/* ################################## */
/* Columns Responsive Layout */

.sw-columns {
    display: inline-flex;
    flex-wrap: wrap;
}

.sw-columns .sw-column {
    margin-right: 150px;
    margin-bottom: 10px;
}

/* ################################## */
/* Action Bar */

.sw-body-and-action-bar {
    display: flex;
    flex-flow: column;
    height: 100%;
}

.sw-body-and-action-bar .sw-body {
    flex: 1 1 100px;
    overflow: auto;
}
.sw-table-actions-bar {
    flex: 0 0 44px;
    border-top: 1px solid #D5D5D5;
    display: inline-flex;
    width: 100%;
    background-color: #FFFFFF;
    min-height: 51px;
}

.sw-table-actions-bar .stats {
    flex: 1 1 auto;
    padding-left: 17px;
    display: inline-block;
    align-self: center;
    white-space: nowrap;
}

.sw-table-actions-bar .stats .unsaved-changes,
.sw-table-actions-bar .stats .read-only-message,
.sw-table-actions-bar .stats .info-message {
    white-space: nowrap;
    font-style: italic;
    display: none;
    color: #399DD6;
}

.sw-table-actions-bar .stats .error-changes {
    white-space: nowrap;
    font-style: italic;
    display: none;
    color: #DD2C00;
}

.sw-table-actions-bar .stats .read-only-message .ic,
.sw-table-actions-bar .stats .unsaved-changes .ic,
.sw-table-actions-bar .stats .error-changes .ic {
    margin-right: 4px;
}

.sw-table-actions-bar .buttons {
    flex: 1 1 100%;
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 2px;
}

@media screen and (max-width: 500px) {

    .sw-table-actions-bar .stats {
        display: none;
    }

    .sw-table-actions-bar .buttons {
        justify-content: center;
    }

}
/* ################################## */
/* Side Bar */

.sw-leftbar-container {
    position: fixed;
    display: flex;
    flex-flow: column;
    background-color: #333333;
    transition: all 0.28s ease-in-out;
    top: 0;
    left: 0;
    padding-top: 50px;
    height: 100%;
    min-height: 100%;
    width: 200px;
    z-index: 810;
    -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
}

.sw-left-menu {
    flex: 1 1 100%;
    overflow-y: auto;
    overflow-x: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
    width: 100%;
}

.sw-leftbar.leftbar-hide .sw-left-menu:hover {
    overflow: visible;
}

.sw-left-menu > li {
    position: relative;
    margin: 0;
    padding: 0;
}
.sw-left-menu > li > a {
    padding: 12px 5px 12px 15px;
    display: block;
    border-left: 3px solid transparent;
}

.sw-left-menu li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
}
.sw-left-menu li > a > .fa-angle-left,
.sw-left-menu li > a > .pull-right-container > .fa-angle-left {
    width: auto;
    height: auto;
    padding: 0;
    margin-right: 10px;
}
.sw-left-menu li > a > .pull-right {
    line-height: 33px;
}
.sw-left-menu li.expanded > a > .fa-angle-left > a > .pull-right-container > .fa-angle-left {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.sw-left-menu li.expanded > .sw-sub-menu {
    display: block;
}

.sw-left-menu .sw-sub-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-left: 5px;
}

.sw-left-menu .sw-menu a:focus {
    text-decoration: none;
}

.sw-left-menu .sw-sub-menu .sw-sub-menu {
    padding-left: 20px;
}

.sw-left-menu .sw-sub-menu > li {
    font-size: 13px;
    margin: 0;
    padding: 0px;
    height: 28px;
}

.sw-left-menu .sw-sub-menu > li.disabled:hover {
    background: #272727;
}

.sw-left-menu > li > a > span.collapsed-menu-first-arrow {
    display: none;
}

.sw-leftbar.leftbar-hide .sw-left-menu > li > a > span.collapsed-menu-first-arrow {
    display: block !important;
    float: left;
    left: 21px;
    font-size: 12px;
    position: relative;
    top: -40px;
    height: 0px;
    background: transparent !important;
    padding: 0px;
    margin: 0px;
}

.sw-left-menu > li > a > span.collapsed-menu-second-arrow {
    display: none;
}

.sw-left-menu .sw-sub-menu > li:first-child, .sw-left-menu .sw-sub-menu > li:last-child,
.sw-left-menu .sw-sub-menu > li:first-child:hover, .sw-left-menu .sw-sub-menu > li:last-child:hover {
    height: 10px;
    background: #272727;
}

.sw-left-menu .sw-sub-menu > li:first-child {
    position: relative;
    top: -2px;
    margin-bottom: -2px;
}


.sw-left-menu .sw-sub-menu > li:last-child, .sw-left-menu .sw-sub-menu > li:last-child:hover {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu {
    left: 50px;
    background: transparent;
}

.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li {
    margin-left: 5px;
    background: #272727;
}

.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:hover  {
    margin-left: 5px;
    background: var(--top-bar-color);
}

.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:first-child, .sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:last-child,
.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:first-child:hover, .sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:last-child:hover {
    height: 5px;
}

.sw-left-menu .sw-menu.expanded .sw-sub-menu > li:first-child {
    border-top: 1px solid #272727;
}

.sw-left-menu .sw-sub-menu > li:first-child > .indenter, .sw-left-menu .sw-sub-menu > li:last-child > .indenter ,
.sw-left-menu .sw-sub-menu > li:first-child:hover > .indenter, .sw-left-menu .sw-sub-menu > li:last-child:hover > .indenter {
    height: 10px;
    width: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 0px;
    position: relative;
    top: -4px;
    cursor: pointer;
}
.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:first-child:hover,
.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li:last-child:hover {
    background-color: #272727;
}

.sw-left-menu .sw-sub-menu > li > .indenter  {
    display: inline-flex;
    /*margin-left: 25px;*/
    width: 100%;
}

.sw-left-menu .sw-sub-menu > li > .indenter > a {
    color: #ffffff;
    padding: 4px 5px 5px 30px;
    display: block;
    width: 100%;
    position: relative;
}

.sw-left-menu .sw-sub-menu > li > .indenter > a:before {
    content: ' ';
    position: absolute;
    left: 13px;
    top: 9px;
    display: block;
    width: .5em;
    height: .5em;
    border-radius: 50%;
    background-color: #333;
}

.sw-left-menu .sw-sub-menu > li.selected > .indenter > a:before {
    background-color: var(--sw-color);;
}

.sw-leftbar-container.n-able .sw-left-menu .sw-sub-menu > li.selected > .indenter > a:before {
    background-color: var(--n-able-color);;
}

.sw-left-menu .sw-sub-menu > li:not(.selected):hover > .indenter > a:before {
    background-color: #ffffff;
}

.sw-left-menu .sw-sub-menu > li > .indenter > a.disabled,
.sw-left-menu .sw-sub-menu > li > .indenter > a.disabled:hover {
    cursor: default !important;
    color: #757575 !important;
}
.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li > .indenter > a {
    padding-left: 30px;
}

.sw-left-menu .sw-sub-menu > li:hover {
    background: var(--top-bar-color);
}

.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li > .indenter > a:before {
    left: 12px;
}

.sw-left-menu .sw-sub-menu > li > .indenter > .ic_indicator  {
    display: block;
    height: 28px;
    font-size: 8px;
    color: #414141;
    padding-top: 11px;
    position: relative;
    left: -5px;
}

.sw-left-menu .sw-sub-menu > li:not(.selected):hover > .indenter > .ic_indicator {
    color: #ffffff;
}

.sw-left-menu .sw-sub-menu > li.active > a {
    color: #ffffff;
}

.sw-left-menu > li.header {
    color: #4b646f;
}

.sw-left-menu .sw-sub-menu > li.selected > .indenter > a,
.sw-left-menu .sw-sub-menu > li.selected:hover > .indenter > a {
    color: var(--sw-color);;
}

.sw-leftbar-container.n-able .sw-left-menu .sw-sub-menu > li.selected > .indenter > a,
.sw-leftbar-container.n-able .sw-left-menu .sw-sub-menu > li.selected:hover > .indenter > a {
    color: var(--n-able-color);;
}

.sw-left-menu .sw-sub-menu > li.selected > .indenter > .ic_indicator  {
    color: var(--sw-color);
}

.sw-leftbar-container.n-able .sw-left-menu .sw-sub-menu > li.selected > .indenter > .ic_indicator  {
    color: var(--n-able-color);;
}

.sw-left-menu>li>a {
    padding:0px 5px 0px 10px;
    height:40px;
    display: block;
    line-height: 40px;
    font-weight: 500;
}
.sw-left-menu>li>a.disabled {
    cursor: default !important;
    color: #757575 !important;
}

.sw-leftbar.leftbar-hide .sw-left-menu>li:hover>a>span:not(.pull-right) {
    display: block !important;
    position: absolute;
    width: 215px;
    left: 55px;
    padding-left: 14px;
}

.sw-leftbar.leftbar-hide .sw-left-menu>li:hover>.sw-sub-menu {
    display: block !important;
    position: absolute;
    width: 220px;
    left: 50px;
}

.sw-leftbar.leftbar-hide .sw-left-menu{font-size: 13px;}
.sw-left-menu.leftbar-hide .sw-sub-menu > li > a{font-size: 13px;}
.sw-leftbar.leftbar-hide .sw-left-menu>li:hover>a>span {padding:0px 5px 0px 10px;}
.sw-leftbar.leftbar-hide .sw-left-menu>li:hover>a>span.up {display: none;}
.sw-leftbar.leftbar-hide .sw-left-menu>li:hover>a>span.down {display: none;}

.sw-leftbar.leftbar-hide .sw-left-menu > li > a:hover > .pull-right{ display: none !important;}
.sw-leftbar.leftbar-hide .sw-left-menu > li > a.up{ display: none !important;}
.sw-leftbar.leftbar-hide .sw-left-menu > li > a .down{ display: none !important;}
.sw-leftbar.leftbar-hide .sw-left-menu > li > a:hover .up{display:none;}
.sw-leftbar.leftbar-hide .sw-left-menu > li > a:hover .down{display:none;}

.sw-leftbar.leftbar-hide .content-wrapper,
.sw-leftbar.leftbar-hide .right-side,
.sw-leftbar.leftbar-hide .main-footer {
    margin-left: 50px !important;
    z-index: 840;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li {
    position: relative;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li > a {
    margin-right: 0;
    font-weight: 600;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li > .sw-sub-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;
}

.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > span:not(.pull-right) {
    /*border-radius: 4px;*/
}
.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > span:not(.ic) {
    color: #ffffff;
}

.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > span:not(.pull-right),
.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > .sw-sub-menu {
    display: block !important;
    position: absolute;
}

.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > span.collapsed-menu-first-arrow {
    display: block !important;
    float: left;
    left: 21px;
    font-size: 12px;
    position: relative;
    top: -40px;
    height: 0px;
    background: transparent !important;
    padding: 0px;
    margin: 0px;
}

.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > span.collapsed-menu-second-arrow {
    float: left;
    position: relative;
    left: 32px;
    top: -31px;
    font-size: 15px;
    color: #272727;
    background: transparent !important;
    width: 9px;
    height: 0px;
    padding: 0px;
    margin: 0px;

}

.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > span {
    top: 0;
    margin-left: -3px;
    background-color: inherit;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > .pull-right-container {
    float: right;
    width: auto!important;
    left: 200px!important;
    top: 10px!important;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) {
    display: none;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li:hover > .sw-sub-menu {
    margin-left: 0;
}
.sw-leftbar.leftbar-hide .sw-leftbar-container .user-panel > .info,
.sw-leftbar.leftbar-hide .sw-left-menu > li > a > span,
.sw-leftbar.leftbar-hide .sw-left-menu > li > .sw-sub-menu,
.sw-leftbar.leftbar-hide .sw-left-menu > li > a > .pull-right,
.sw-leftbar.leftbar-hide .sw-left-menu li.header {
    display: none !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.sw-leftbar.leftbar-hide .logo {
    width: 50px;
}
.sw-leftbar.leftbar-hide .logo > .logo-mini {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
    font-size: 18px;
}
.sw-leftbar.leftbar-hide .logo > .logo-lg {
    display: none;
}
.sw-leftbar.leftbar-hide .navbar {
    margin-left: 50px;
}

.sw-left-menu>li>a>.fa {
    width:20px;
    font-size: 20px;
    margin-left:6px;
    margin-right:10px;
}

.sw-left-menu .sw-sub-menu {
    padding:0;
}

.sw-left-menu > li.header {
    color: #4b646f;
}

.sw-left-menu > li:not(.selected):hover > a,
.sw-left-menu > li.expanded:not(.selected):hover > a
{
    color: #ffffff;
    border-left: 3px solid #aaaaaa;
    background: var(--top-bar-color);
}

.sw-left-menu > li:hover > a > span {
    background: transparent;
}


.sw-left-menu > li.selected > a {
    color: var(--sw-color);
    background: var(--top-bar-color);
    border-left: 3px solid var(--sw-color);
}

.sw-leftbar-container.n-able > .sw-left-menu > li.selected > a {
    color: var(--n-able-color);;
    border-left: 3px solid var(--n-able-color);
}

.sw-left-menu > li.expanded > a {
    background: #272727;
}

.sw-leftbar .sw-left-menu > li > a .down,
.sw-leftbar .sw-left-menu > li > a .up {
    font-size: 11px;
    position: relative;
    top: 4px;
}

.sw-leftbar .sw-left-menu > li > a .down{
    display: inline-block;
}

.sw-leftbar .sw-left-menu > li > a .up {
    display: none;
}

.sw-leftbar .sw-left-menu > li.expanded > a .down{
    display: none;
}

.sw-leftbar .sw-left-menu > li.expanded > a .up{
    display: inline-block;
}

.sw-left-menu .itemlogo{
    background: #333333;
    font-size: 18px;
    width:32px;
    margin-left: 1px;
    display: inline-block !important;
    position: relative;
    top: 3px;
}

.sw-left-menu > li:hover .itemlogo,
.sw-left-menu > li.expanded:hover .itemlogo{
    background: var(--top-bar-color);
}

.sw-left-menu > li.selected .itemlogo,
.sw-left-menu > li.expanded .itemlogo
{
    background: transparent;
}

.sw-left-menu > li.selected:hover .itemlogo,
.sw-left-menu > li.expanded:hover .itemlogo
{
    background: transparent;
}


.sw-left-menu > li > .sw-sub-menu {
    margin: 0px;
    background: #272727;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top: 0px solid #333333;

}
.sw-left-menu a {
    color: #ffffff;
}
.sw-left-menu a:hover {
    text-decoration: none;
}

.sw-leftbar-container .user-panel,
.sw-left-menu > li.header {
    white-space: nowrap;
    overflow: hidden;
}

.sw-left-menu > li.header {
    overflow: hidden;
    text-overflow: clip;
}
.sw-left-menu li > a {
    position: relative;
}
.sw-left-menu li > a > .pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

.sw-leftbar.leftbar-hide .sw-left-menu li > a > span {
    height: 44px;
    padding: 0px;
    line-height: 28px;
    padding-left: 15px;
    background: #272727 !important;
}
.sw-leftbar.leftbar-hide .sw-left-menu li > a > span:not(.collapsed-menu-second-arrow) {
    line-height: 44px;
}

.sw-leftbar.leftbar-hide .sw-left-menu li > a > .collapsed-menu-spacer {
    left: 50px !important;
    background: transparent !important;
}

.sw-leftbar.leftbar-hide .sw-left-menu li > .sw-sub-menu {
    position: relative;
    top: 46px;
}

.sw-leftbar-section-toggle:hover, .sw-leftbar-section-toggle:focus {
    color: #fff;
    text-decoration: none;
}
.sw-leftbar-section-toggle:visited, .sw-leftbar-section-toggle:active {
    color: #337ab7;
}

.sw-leftbar-container .sw-toggle-button-container {
    flex: 0 0 40px;
    bottom:0px;
    border-top: 2px groove rgba(78, 78, 78, 0.28);
    padding:10px;
    width:100%;
    color: white;
}
.sw-leftbar-container .sw-toggle-button-container > a {
    color: white !important;
}

.sw-leftbar .sw-leftbar-container .sw-toggle-button-container span {
    margin-right: 8px;
    margin-top: 3px;
}

.sw-leftbar .sw-leftbar-container .sw-toggle-button-container span.opened{display:block;}
.sw-leftbar .sw-leftbar-container .sw-toggle-button-container span.closed{display:none;}
.sw-leftbar.leftbar-hide .sw-leftbar-container .sw-toggle-button-container span.opened{display:none;}
.sw-leftbar.leftbar-hide .sw-leftbar-container .sw-toggle-button-container span.closed{display:block;}

/* ################################################################ */
/* Right Bar */

.expand-rightbar {
    position: absolute;
    z-index: 800;
    margin-top: 50px;
}

.expand-rightbar.expand-rightbar-open, .expand-rightbar.expand-rightbar-open + .expand-rightbar-bg {
    right: 0;
}
.expand-rightbar-bg, .expand-rightbar {
    top: 0;
    right: -200px;
    width: 200px;
    -webkit-transition: right 0.3s ease-in-out;
    -o-transition: right 0.3s ease-in-out;
    transition: right 0.3s ease-in-out;
}

.expand-rightbar-bg {
    position: fixed;
    height: auto;
}

/* ################################################################ */
/* sw-accordion */

.sw-accordion > .header {
    display: inline-flex;
    flex-flow: row;
    width: 100%;
}

.sw-accordion > .header {
    display: inline-flex;
    flex-flow: row;
    width: 100%;
    cursor: pointer;
    color: #5D5D5D;
    font-weight: 600;
}

.sw-accordion > .header > .text {
    flex: 1 1 100%;
    font-size: 14px;
}

.sw-accordion > .header > .ic {
    font-size: 20px;
}

.sw-accordion > .body {
    padding-top: 4px;
}

/* ################################################################ */
/* Master Details View */

.mobile-header-menu {
    display: none;
    flex: 1 1 100%;
    justify-content: flex-end;
    padding-top: 4px;
    margin-left: 15px;
}

.mobile-header-menu .sw-master-details-view-mobile-dropdown {
    position: relative;
    top: -4px;
    float: left;
    flex: 1 1 50%;
    text-align-last: center;
}

.sw-master-details-view-content {
    display: inline-flex;
    flex-flow: row;
    padding: 0px;
    height: 100%;
    width: 100%;
    background-color: #F0F0F0;
    padding: 15px;
    padding-top: 0px;
}

.sw-master-details-view-content .left-part {
    flex: 0 0 320px;
    flex-flow: column;
    display: flex;
    max-height: 100%;
    margin-right: 5px;
}

.sw-master-details-view-content .right-part {
    flex: 1 1 100%;
}

.sw-master-details-view-content .table-search {
    flex: 0 0 50px;
    padding: 10px;
    background-color: #FAFAFA;
    display: flex;
}

.sw-master-details-view-content .table-search.no-padding-right {
    padding-right: 0px;
}

.sw-master-details-view-content .table-search span.ic_search {
    position: absolute;
    margin-top: 8px;
    margin-left: 8px;
}

.sw-master-details-view-content .table-search div.ic_filter {
    flex: 0 0 32px;
    padding-top: 8px;
    font-size: 13px;
    cursor: pointer;
    text-align: right;
    padding-right: 9px;
    color: #0079AA;
}

.sw-master-details-view-content .table-search .filters-selector .dropdown .filter-button {
    display: none;
}

.sw-master-details-view-content .table-search .filters-buttons-container {
    display: none;
}

.sw-master-details-view-content .table-search .filters-options-container {
    display: none;
}

.sw-master-details-view-content .table-search > input,
.sw-master-details-view-content .table-search > input:focus,
.sw-master-details-view-content .table-search > input:active {
    border: 1px solid #CFCFCF;
    border-radius: 4px;
    height: 28px;
    padding-left: 28px;
    outline: none;
}

.sw-master-details-view-content .table-search .filters-selector .dropdown  {
    margin-top: 25px;
    margin-left: -30px;
}

.sw-master-details-view-content .left-part .table-container {
    flex: 1 1 100%;
    background-color: #FAFAFA;
    overflow-y: auto;
}

.sw-master-details-view-content .left-part .table-container td {
    padding: 0px;
    background-color: #FAFAFA;
    height: 78px;
}

.sw-master-details-view-content .left-part .table-container tr.selected td {
    background: rgba(192, 70, 255, 0.1);
    background-position: right;
}

.sw-master-details-view-content .left-part .table-container tr.inactive td div {
    opacity: 0.7;
}

.sw-master-details-view-content .left-part .table-container img {
    height: 40px;
    width: 40px;
    border-radius: 44px;
}

.sw-master-details-view-content .table-container tr td {
    padding: 0px;
    background-color: #F3F3F3;
    height: 65px;
}

.sw-master-details-view-content .table-container tr.selected td {
    background-color: #FFFFFF;
}

.sw-master-details-view-content .table-container tr.inactive td div {
    opacity: 0.5;
}

.sw-master-details-view-content .table-container .small-top-row {
    height: 15px;
    text-align: right;
    color: #8C8A8B;
    font-size: 11px;
    padding-right: 12px;
    padding-top: 2px;
    font-weight: 600;
}

.sw-master-details-view-content .table-container .small-bottom-row {
    height: 20px;
    text-align: right;
    color: #8C8A8B;
    font-size: 11px;
    padding-right: 12px;
    padding-top: 2px;
    font-weight: 600;
}

.sw-master-details-view-content .table-container .details-row {
    display: inline-flex;
    flex-flow: row;
    height: 45px;
    font-size: 12px;
}

.sw-master-details-view-content .table-container .details-row .image {
    margin-left: 12px;
    position: relative;
    top: -3px;
}

.sw-master-details-view-content .table-container .details-row .image img {
    height: 40px;
    width: 40px;
    border-radius: 44px;
}

.sw-master-details-view-content .table-container .details-row .right-details {
    margin-left: 12px;
}

.sw-master-details-view-content .table-container .details-row .right-details .first {
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 205px;
    white-space: nowrap;
}

.sw-master-details-view-content .table-container .details-row .right-details .second {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 205px;
    font-size: 11px;
}

@media (max-width: 1024px) {

    .mobile-header-menu {
        display: inline-flex;
    }

    .content-header > .page-title {
        margin-top: 0px;
        align-self: center;
    }

    .sw-master-details-view-header {
        display: flex;
        flex: 0 0 40px;
        height: 40px;
        padding-left: 11px;
    }

    .sw-master-details-view-content .left-part {
        display: none;
    }

    .sw-master-details-view-content .sw-table-actions-bar .stats {
        display: none;
    }

    .sw-master-details-view-content .sw-table-actions-bar .buttons {
        flex: 1 1 100%;
    }

    .sw-master-details-view-content .sw-table-actions-bar .buttons > div {
        justify-content: center;
        width: 100%;
    }

    .sw-master-details-view-header #summary_container {
        display: none;
    }

    .sw-master-details-view-header .sw-mobile-tabs, .sw-master-details-view-header .sw-master-details-view-mobile-dropdown {
        flex: 0 1 50%;
        max-width: 100%;
        margin-top: 7px;
    }

    .mobile-header-menu .sw-master-details-view-mobile-dropdown.full-width-dropdown {
        flex: 0 1 100%;
    }
}

@media screen and (max-width: 768px) {

    .page-title {
        display: none;
    }

    .novaRepo .page-title {
        display: block;
    }

    .mobile-header-menu {
        margin-left: 0px;
    }

    .sw-master-details-view-header .sw-mobile-tabs, .sw-master-details-view-header .sw-master-details-view-mobile-dropdown {
        margin-top: 0px;
    }
}

/* ################################################################ */
/* Charts */


.sw-chart-header {
    background: #FAFAFA;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    padding: 0px 5px 0px 15px;
}

.sw-chart-header > .title {
    font-weight: bold;
    color: #5C5C5C;
    flex: 1 1 100%;
}

.sw-chart-header > .actions,
.sw-chart-header > .actions > div {
    flex: 1 1 auto;
    display: inline-flex;
    justify-content: flex-end;
}

.sw-chart-header > .actions .lbl {
    margin-left: 15px;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}

.sw-chart-header > .actions .gray-dropdown {
    min-width: 300px;
}

.sw-chart-header > .actions input[type="radio"] {
    position: relative;
    top: 3px;
    margin-left: 15px;
}


/* ################################################################ */
/* NOVA Charts */

.sw-nova-chart-header {
    background: #FAFAFA;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    padding: 0px 5px 0px 15px;
}

.sw-nova-chart-header > .title {
    font-weight: bold;
    color: #5C5C5C;
    flex: 1 1 100%;
}

.sw-nova-chart-header > .actions,
.sw-nova-chart-header > .actions > div {
    flex: 1 1 auto;
    display: inline-flex;
    justify-content: flex-end;
}

.sw-nova-chart-header > .actions .lbl {
    margin-left: 15px;
    margin-right: 4px;
    margin-top: 4px;
    white-space: nowrap;
}

.sw-nova-chart-header > .actions .gray-dropdown {
    min-width: 300px;
}

.sw-nova-chart-header > .actions input[type="radio"] {
    position: relative;
    top: 3px;
    margin-left: 15px;
}

@media screen and (max-width: 1023px) {

    .sw-chart-header {
        padding: 0px 5px;
    }

    .sw-chart-header > .title {
        display: none;
    }

    .sw-chart-header > .actions .lbl {
        display: none;
    }

    .sw-chart-header > .actions,
    .sw-chart-header > .actions > .left {
        justify-content: flex-start;
    }

    .sw-chart-header > .actions .gray-dropdown {
        min-width: 0px;
    }
}

/* ################################################################ */
/* Right details */

.sw-right-details-view-container {
    display: inline-flex;
    flex-flow: row;
    flex: 1 1 100%;
    padding: 15px;
    padding-top: 0px;
}

.sw-right-details-view-table {
    display: flex;
    flex-flow: column;
    flex: 1 1 100%;
}

.sw-right-details-view {
    width: auto;
    flex: 0 0 300px;
    background: #FAFAFA;
}

.sw-right-details-view .sw-tabs {
    height: 100%;
}

.sw-right-details-view .sw-tabs .tab-content {
    overflow: auto;
}

.sw-right-details-view .right-part-legend {
    flex: 0 0 35px;
}

.sw-right-details-view-container .sw-mobile-tabs {
    width: 100%;
    max-width: 100%;
    height: 35px;
    border: 0px;
}

.sw-right-details-view-container .body-content {
    flex: 1 0 380px;
    display: flex;
}

.sw-right-details-view-container .view-table-list-container {
    margin-left: 0px;
}

.sw-right-details-view-container .page-details-section {
    flex: 0 0 380px;
}

.sw-right-details-view-container .page-details-container {
    flex-flow: column;
}

.sw-right-details-view-container #bottom_chart {
    flex: 1 1 100%;
    background: white;
}

.sw-right-details-view-container #navigation_tabs > ul {
    background: #FAFAFA;
    /*margin-top: 10px;*/
}

.sw-right-details-view-container #navigation_tabs > ul > li {
    background: #FAFAFA;
    text-align: center;
    width: 50%;
}

.sw-right-details-view-container #navigation_tabs > ul > li > a {
    background: #FAFAFA;
    text-transform: uppercase;
}

.sw-right-details-view-container #navigation_tabs > ul > li > a > div {
    padding-bottom: 7px;
    /*width: 85px;*/
}

.sw-right-details-view-container #navigation_tabs > ul > li:hover,
.sw-right-details-view-container #navigation_tabs > ul > li:hover > a,
.sw-right-details-view-container #navigation_tabs > ul > li > a:hover {
    background: #EDEDED;
    text-decoration: none;
    color: #707070;
}

#session_history_info > #main {
    height: 0px !important;
}

/*.sw-right-details-view-container #navigation_tabs > ul > li.active > a > div {
    border-bottom: 3px solid #C046FF;
}*/

/*.sw-right-details-view-container .sw-tabs > ul > li.active {
    border: none;
}*/

/*.sw-right-details-view-container .highcharts-axis-labels text:first-child,
.sw-right-details-view-container .highcharts-axis-labels text:last-child {
    display: none;
}*/

@media screen and (max-width: 1300px) {

    .sw-right-details-view-container {
        display: flex;
        flex-flow: column;
        flex-wrap: wrap;
    }

    .sw-right-details-view-container .divider-bar {
        margin-top: 0px;
    }

    .sw-right-details-view {
        width: auto;
        flex: 1 1 100%;
        background: white;
        margin: 15px;
    }

    .sw-right-details-view #navigation_tabs > ul {
        margin-top: 0px;
    }

    .sw-right-details-view #navigation_tabs > ul > li {
        width: auto;
    }

    #session_history_info > #main {
        height: 100% !important;
    }
}

/* ################################################################ */
/* Charts */

.highcharts-container,
.highcharts-container tspan,
.highcharts-container span,
.highcharts-container div {
    font-family: "Open Sans" !important;
}

.sw-chart-columns .highcharts-axis-labels text:first-child {
    display: none;
}

/* ################################################################ */
/* Tabs */

.sw-tabs {
    margin-bottom: 0px;
    box-shadow: none;
    display: flex;
    flex-flow: column;
    max-width: 100%;
}

.sw-tabs .tab-content {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row;
    background-color: #FFFFFF;
    overflow: auto;
}

.sw-tabs .tab-content .tab-pane {
    flex: 1 1 100%;
    max-width: 100%;
}

.sw-tabs > ul,
.sw-tabs > .sw-tabs-responsive > ul {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    height: 40px;
    border-bottom: 1px solid #D5D5D5;
}

.sw-tabs > ul > li,
.sw-tabs > .sw-tabs-responsive > ul > li {
    height: 39px;
    float: left;
    color: #848484;
    padding: 11px 15px;
    text-align: center;
    border-bottom: 1px solid #D5D5D5;
    cursor: pointer;
}

.sw-tabs > ul ,
.sw-tabs > ul > li ,
.sw-tabs > .sw-tabs-responsive > ul ,
.sw-tabs > .sw-tabs-responsive > ul > li {
    background: #FFF;
    text-decoration: none;
    color: #707070;
}

.sw-tabs > ul > li:hover,
.sw-tabs > ul > li > a:hover ,
.sw-tabs > .sw-tabs-responsive > ul > li:hover,
.sw-tabs > .sw-tabs-responsive > ul > li > a:hover {
    background: #EDEDED;
    text-decoration: none;
    color: #707070;
}

.sw-tabs > ul > li > a ,
.sw-tabs > .sw-tabs-responsive > ul > li > a {
    color: #707070;
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
}

.sw-tabs > ul > li > a::selection ,
.sw-tabs > .sw-tabs-responsive > ul > li > a::selection {
    background: none;
}

.sw-tabs > ul > li.active ,
.sw-tabs > .sw-tabs-responsive > ul > li.active {
    color: #111;
    font-weight: 600;
    border-bottom: 3px solid #C046FF;
}

.sw-tabs > ul > li.active > a,
.sw-tabs > ul > li.active:hover > a,
.sw-tabs > ul > li.active:focus > a ,
.sw-tabs > .sw-tabs-responsive > ul > li.active > a,
.sw-tabs > .sw-tabs-responsive > ul > li.active:hover > a,
.sw-tabs > .sw-tabs-responsive > ul > li.active:focus > a {
    color: #111;
    font-weight: bold;
}

.sw-tabs > ul > li.disabled,
.sw-tabs > ul > li.disabled:hover,
.sw-tabs > ul > li.disabled:focus,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled:hover,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled:focus{
    border-bottom: 1px solid #D5D5D5;
    background: white;
}

.sw-tabs > ul > li.disabled,
.sw-tabs > ul > li.disabled > a,
.sw-tabs > ul > li.disabled:hover > a,
.sw-tabs > ul > li.disabled:focus > a ,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled > a,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled:hover > a,
.sw-tabs > .sw-tabs-responsive > ul > li.disabled:focus > a {
    color: #c5c5c5;
    cursor: not-allowed;
    background: white;
}

.sw-tabs > ul > li > a.pending-changes ,
.sw-tabs > .sw-tabs-responsive > ul > li > a.pending-changes {
    color: #399DD6;
}

@media screen and (max-width: 900px) {  

    .content-header .page-title {
        line-height: 27px;
        margin-top: 0px;
    }
    
    .sw-tabs > ul ,
    .sw-tabs > .sw-tabs-responsive > ul {
        height: 37px;
    }
    
    .sw-tabs > ul > li ,
    .sw-tabs > .sw-tabs-responsive > ul > li {
        padding: 8px 11px;
        font-size: 12px;
        height: 36px;
    }
}

.sw-tabs > .sw-tabs-responsive {
    height: 45px;
    position: relative;
    overflow: hidden;
}

.sw-tabs > .sw-tabs-responsive > .tab-arrow {
  display: block;
  position: absolute;
  top: 0;
  width: 30px;
  height: 40px;
  background-color: #fff;
  line-height: 40px;
  font-size: 16px;
  padding: 0 5px;
  border-bottom: 1px solid #D5D5D5;
  cursor: pointer;
  z-index: 10;
}

@media screen and (max-width: 1320px) {
  .sw-tabs > .sw-tabs-responsive {
    max-height: 40px;
  }
}

.sw-tabs-responsive > .tab-arrow:hover {
  background-color: #EDEDED;
}

.sw-tabs-responsive > .tab-arrow-left {
  left: 0;
  border-right: 1px solid #D5D5D5;
}

.sw-tabs-responsive > .tab-arrow-right {
  right: 0;
  border-left: 1px solid #D5D5D5;
}

.sw-tabs > .sw-tabs-responsive > ul {
  position: relative;
  height: 60px !important;
  overflow-x: auto;
  white-space: nowrap;
  flex-wrap: nowrap;
}
.sw-tabs > .sw-tabs-responsive > ul:before {
  display: block;
  position: absolute;
  content: ' ';
  width: 100%;
  height: 1px;
  top: 39px;
  border-bottom: 1px solid #D5D5D5;
}

div.sw-tabs > .sw-tabs-responsive > ul > li {
  padding: 9px 15px;
  height: 40px;
  z-index: 1;
}

/* ################################################################ */
/* Sub Tabs */

.sw-sub-tabs {
    margin-bottom: 0px;
    box-shadow: none;
    display: flex;
    flex-flow: column;
    height: 100%;
}
.sw-sub-tabs > .sub-tab-content {
    flex: 1 1 100%;
    display: flex;
    flex-flow: row;
    overflow: auto;
}

.sw-sub-tabs > .sub-tab-content > .tab-pane {
    display: none;
}

.sw-sub-tabs > .sub-tab-content > .tab-pane.active {
    display: block;
}

.sw-sub-tabs > ul {
    flex: 0 0 auto;
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.sw-sub-tabs > ul > li {
    height: 33px;
    float: left;
    color: #848484;
    padding: 8px 0px 8px 25px;
    text-align: center;
}

.sw-sub-tabs > ul , .sw-sub-tabs > ul > li, .sw-sub-tabs > ul > li > a, .sw-sub-tabs > ul > li > a:hover {
    background: #FFFFFF;
    text-decoration: none;
}

.sw-sub-tabs > ul > li, .sw-sub-tabs > ul > li > a {
    border: 0px;
}


.sw-sub-tabs > ul > li > a {
    color: #848484;
    margin: 0;
    font-weight: 400;
    font-size: 12px;
}

.sw-sub-tabs > ul > li > a:hover {
    color: #999;
}

.sw-sub-tabs > ul > li.active {
    color: var(--sw-color);
}

.sw-sub-tabs > ul > li.active > a,
.sw-sub-tabs > ul > li.active:hover > a,
.sw-sub-tabs > ul > li.active:focus > a {
    color: #C046FF;
}

.sw-sub-tabs > ul > li.disabled > a,
.sw-sub-tabs > ul > li.disabled:hover > a,
.sw-sub-tabs > ul > li.disabled:focus > a {
    color: #c5c5c5;
    cursor: not-allowed;
}

@media screen and (max-width: 900px) {

    .content-header .page-title > small {
        display: none;
    }

    .sw-sub-tabs > ul > li {
        padding: 8px 11px;
        height: 36px;
    }

    .sw-sub-tabs > ul > li > a {
        font-size: 11px;
    }

}

@media screen and (max-width: 768px) {

    .sw-sub-tabs > ul {
        display: none;
    }
}

/* ############################## */
/* sw-label */

.sw-label {
    /*font-weight: 600;*/
    color: #3C3C3C;
    /*margin-bottom: 5px;*/
}

.sw-label-with-changes {
    color: #399DD6;
}

/* ############################## */
/* sw-segmented-control */

.sw-segmented-control {
    display: inline-flex;
    border: 1px solid #DCDCDC;
    border-radius: 4px;
    height: 26px;
}

.sw-segmented-control.disabled {
    opacity: 0.4;
}

.sw-segmented-control > .sw-segmented-control-option {
    transition: background-color 0.15s linear;
    min-width: 80px;
    height: 100%;
    padding: 4px;
    padding-top: 2px;
    border-right: 1px solid #DCDCDC;
    cursor: pointer;
    text-align: center;
    background: #FFFFFF;
    white-space: nowrap;
}

.sw-segmented-control > .sw-segmented-control-option.disabled {
    opacity: 0.3;
    background-color: #dcdcdc;
    cursor: not-allowed;
}

.sw-segmented-control > .sw-segmented-control-option::selection {
    background: transparent;
}

.sw-segmented-control > .sw-segmented-control-option.selected:not(.disabled) {
    background: #0079AA;
    color: white;
}

.sw-segmented-control > .sw-segmented-control-option:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.sw-segmented-control > .sw-segmented-control-option:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: none;
}

/* ############################## */
/* nova-segmented-control */

select.nova-segmented-control + .sw-segmented-control {
  margin-right: 10px;
  height: 30px;
}

select.nova-segmented-control + .sw-segmented-control > div {
  height: 28px;
  line-height: 24px;
}

select.nova-segmented-control + .sw-segmented-control > .sw-segmented-control-option:not(.disabled) {
  background-color: transparent;
  color: #0079AA;
}
select.nova-segmented-control + .sw-segmented-control > .sw-segmented-control-option.selected:not(.disabled) {
  background-color: #00C4D1;
  color: white;
}
select.nova-segmented-control + .sw-segmented-control > .sw-segmented-control-option.selected:hover:not(.disabled) {
  background-color: #00ABB7;
}
select.nova-segmented-control + .sw-segmented-control > .sw-segmented-control-option:hover:not(.disabled) {
  background-color: rgba(17, 17, 17, 0.05);
}

/* ############################## */
/* sw-toggle */

.sw-toggle {
    width: 40px;
    height: 20px;
    border-radius: 9px;
    color: white;
    cursor: pointer;
    background-color: #888888;
    display: inline-block;
    text-align: left;
}

.sw-toggle:disabled,
.sw-toggle.disabled {
    opacity: 0.5;
    cursor: default;
}

.sw-toggle > input[type="checkbox"] {
    display: none;
}

.sw-toggle.checked {
    background-color: #00A753;
}

.sw-toggle > .sw-toggle-text {

    color: transparent;

    /*
    font-size: 10px;
    position: relative;
    top: 0px;
    left: 21px;
    display: inline;
    
    -webkit-transition: left 0.1s;
    -moz-transition: left 0.1s;
    -o-transition: left 0.1s;
    transition: left 0.1s; 

    */

}

.sw-toggle.checked > .sw-toggle-text {
    left: 7px;
}

.sw-toggle > .sw-toggle-text::selection {
    background: transparent;
}

.sw-toggle > .sw-toggle-ball {
    width: 14px;
    height: 14px;
    border-radius: 8px;
    background: white;
    display: block;
    margin-top: 3px;
    float: right;
    position: relative;
    right: 23px;

    -webkit-transition: right 0.1s;
    -moz-transition: right 0.1s;
    -o-transition: right 0.1s;
    transition: right 0.1s;
}

.sw-toggle.checked > .sw-toggle-ball {
    right: 2px;
}

/*---- */
.sw-toggle3 {
    height: 20px;
    border-radius: 9px;
    color: white;
    cursor: pointer;
    /* background-color: rgb(137, 138, 142);*/
    background-color: var(--sw-color);
    display: inline-block;
    text-align: left;

    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}

.sw-toggle3:disabled,
.sw-toggle3.disabled {
    opacity: 0.5;
}

.sw-toggle3 > input[type="checkbox"] {
    display: none;
}

.sw-toggle3.checked {
    background-color: #6EB942;
}

.sw-toggle3 > .sw-toggle-text {
    font-size: 11px;
    position: relative;
    top: 0px;
    padding-left: 10px;
    padding-right: 10px;
    display: inline;

    -webkit-transition: 0.1s;
    -moz-transition:  0.1s;
    -o-transition:  0.1s;
    transition:  0.1s;
}

.sw-toggle3 > .sw-toggle-text::selection {
    background: transparent;
}

/* ############################## */
/* sw-big-button */

.sw-big-button {
    width: auto;
    min-width: 100px;
    max-width: 200px;
    display: block;
    height: 30px;
    border-radius: 2px;
    padding: 5px 8px;
    text-align: center;
    cursor: pointer;
    margin: 0px 5px;
    text-transform: lowercase;
}
.sw-big-button.disabled {
    cursor: no-drop;
}

.sw-big-button:first-letter {
    text-transform: uppercase;
}

.sw-big-button.ignore-case,
.sw-big-button.ignore-case:first-letter {
    text-transform: none;
}

@media (max-width: 800px) {

    .sw-big-button {
        width: auto;
        min-width: 78px;
        font-size: 11px;
        height: 27px;
        padding-top: 5px;
    }

}

.sw-big-button::selection {
    background: transparent;
}

.sw-big-button.primary {
    border: 1px solid #0079AA;
    background: #0079AA;
    color: white;
}

.sw-big-button.primary:hover {
    text-decoration: none;
}

.sw-big-button.danger {
    border: 1px solid #d9534f;
    background: #d9534f;
    color: white;
}

.sw-big-button.danger:hover {
    text-decoration: none;
}

.sw-big-button.secondary {
    border: 1px solid #CCC;
    background: white;
    color: #0079AA;
}

.sw-big-button.secondary:hover {
    text-decoration: none;
}

.sw-big-button.disabled {
    border: 1px solid #CCC;
    background: #CCC;
    color: white;
}

.sw-big-button.disabled:hover {
    text-decoration: none;
}

.padding-lv0_5 {
    padding-left: 15px;
}

.padding-lv1 {
    padding-left: 30px;
}

.padding-lv2 {
    padding-left: 20px;
}

.padding-lv2_5 {
    padding-left: 50px;
}

.padding-lv3 {
    padding-left: 60px;
}

.padding-lv4 {
    padding-left: 80px;
}


@media (max-width: 500px) {

    .padding-lv0_5 {
        padding-left: 0px;
    }

    .padding-lv1 {
        padding-left: 0px;
    }

    .padding-lv2 {
        padding-left: 0px;
    }

    .padding-lv3 {
        padding-left: 0px;
    }

    .padding-lv4 {
        padding-left: 0px;
    }

}

.pages-header {
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 16px;
}

.pages-sub-header {
    font-weight: 600;
}

.pages-header-description {
    color: #ACACAC;
    padding-bottom: 20px;
    padding-top: 0px;
}

.swnova-popup .pages-header-description {
    padding: 0;
}

.pages-header-description-small-padding {
    padding-bottom: 5px;
}

.pages-simple-container {
    margin-top: 15px;
}

.pages-simple-container-medium-padding {
    margin-top: 10px;
}

.pages-simple-container-small-padding {
    margin-top: 5px;
}

.pages-simple-container-big-padding {
    margin-top: 25px;
}

.mixed-view-table {
    width: 100%;
    display: inline-flex;
    flex-flow: row;
}

.view-table-tree-container {
    flex: 0 0 280px;
    display: flex;
    flex-flow: column;
    max-height: 100%;
}

.view-table-tree-buttons-container {
    flex: 0 0 36px;
    background: #FAFAFA;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 4px;
}

.view-table-tree-buttons-container i {
    padding-left: 10px;
}

.view-table-tree-filters-container {
    background: #FAFAFA;
    padding-top: 5px;
    height: 32px;
    font-size: 12px;
    flex: 0 0 32px;
}

.view-table-tree-rows-container {
    background: white;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    flex: 1 1 360px;
    overflow: auto;
}
.novaRepo .view-table-tree-rows-container {
    background: unset;
}
.novaRepo .view-table-tree-rows-container {
    background: unset;
}

.view-table-tree-rows-container .treetable tr td span {
    font-size: 13px;
}

table.treetable  span.itlabel  span.novaCheckbox {
  font-size: 16px;
  position:relative;
  top: 0;
}

.view-table-tree-rows-container table.treetable tbody tr td {
    height: 24px;
}


.view-table-tree-rows-container .treetable tr td .indenter a {
    position: relative;
    top: -1px;
}

.view-table-list-container {
    flex: 1 1 100%;
    margin-left: 15px;
    vertical-align:top;
    display: flex;
    flex-flow: column;

}

.body-content {
    min-height: 250px;
    /*padding: 0px 15px;*/
    margin-bottom: 5px;
}

.view-table-list-top-bar {
    display: inline-flex;
}

.page-details-section {
    background: #f0f0f0;
    /*padding-bottom: 10px;*/
    flex: 1 1 100%;
    display: flex;
    flex-flow: column;
}

.page-details-header {
    flex: 0 0 35px;
    background:#FAFAFA;
    display:block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 8px;
}

.page-details-container {
    flex: 1 1 100%;
    width: 100%;
    padding: 0px;
    display: inline-flex;
    background:transparent;
}

.page-details-container-left-part {
    flex: 0 0 350px;
    text-align: center;
    background: white;
    margin-right: 15px;
}

.page-details-container-right-part {
    flex: 1 1 100%;
    background: white;
}

.view-table-list-container > .view-table-list-top-bar {
    flex: 0 0 36px;
    background: #FFFFFF;
    padding-top: 5px;
    padding-left: 10px;
    font-size: 12px;
    margin-bottom: 4px;
    display: inline-flex;
}

.view-table-list-container > .view-table-list-top-bar > .filters-container {
    flex: 1 1 100%;
    display: inline-flex;
    position: relative;
}

.view-table-list-container > .view-table-list-top-bar > .filters-container > .filters-buttons-container {
    margin-top: 1px;
}
.view-table-list-container > .view-table-list-top-bar > .filters-container > .filters-buttons-container > .novaBtn.novaBtnBorder + .novaBtn,
.view-table-list-container > .view-table-list-top-bar > .filters-container > .filters-buttons-container > .novaBtn.novaBtnHighlighted + .novaBtn {
    margin-left: 15px;
}

.view-table-list-container > .view-table-list-top-bar > .list-table-total-count {
    white-space: nowrap;
    padding-right: 15px;
    padding-left: 15px;
    padding-top: 4px;
    font-size: 13px;
}

@media screen and (max-width: 600px) {
    .view-table-list-container > .view-table-list-top-bar > .list-table-total-count {
        display: none;
    }
    div.filters-buttons-container.hasHidden > div.contextMenu#bulkActionsBtn {
        right: 10px !important;
    }
}

.filters-selector .dropdown .dropdown-menu  {
    display: none;
}

.filters-selector .dropdown.open .dropdown-menu  {
    display: block !important;
}

.filters-selector .filters-options {
    overflow: auto;
}

.filters-selector .filters-options input[type="checkbox"]  {
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.filters-selector .filters-options li {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 4px;
    font-weight: normal;
}

.filters-selector .filters-options li.divider {
    margin-top: 10px;
}

.filters-selector .filters-options li.dropdown-header {
    font-weight: 600;
}

.filters-buttons-container {
    width: 100%;
    height: 100%;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 7px;
}

.filters-buttons-container .dropdown {
    margin-right: 6px;
    margin-bottom: 6px;
}

.filters-buttons-container .filter-button {
    display: inline-flex;
    background: white;
    height: 25px;
    padding: 2px 8px;
    font-size: 13px;
}

.filters-buttons-container .filter-button:hover {
    background: white;
    border: 1px solid #aaa;
}

.filters-buttons-container .filter-button .close-bt {
    position: relative;
    top: 1px;
}

.filters-buttons-container .lbl {
    color: #000;
}

.filters-buttons-container .value {
    color: #A3A3A3;
    margin-left: 5px;
    font-weight: 500;
    max-width: 160px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.filters-buttons-container .value .empty-value {
    font-style: italic;
}

.filters-buttons-container .caret {
    margin-top: 7px;
}

.filters-buttons-container a {
    color: #A3A3A3;
}

.filters-buttons-container .filter-button .close-bt:hover {
    color: #ee6453;
}

.view-table-list-container > .view-table-list-top-bar .dropdown {
    margin-right: 5px;
    margin-bottom: 3px;
}

.filters-options-container {
    position: absolute;
    margin-top: 25px;
}

.filters-options-container .filters-date input[type="radio"] {
    margin-right: 4px;
    position: relative;
    top: 2px;
}

.filters-options-container .filters-date input[type="checkbox"] {
    margin-right: 4px;
    position: relative;
    top: 2px;
}
.filters-list {
    overflow:auto;
    max-height: 500px;
    min-width: 250px;
}
.filters-selector .dropdown {
    margin-right: 5px;
    margin-bottom: 3px;
}

.filters-selector .dropdown .filter-button {
    height: 25px;
    padding: 2px 8px;
    font-size: 13px;
}

.filters-selector .dropdown-toggle > .caret,
.filters-buttons-container .dropdown-toggle > .caret {
    margin-left: 15px;
}

.filter-button.dropdown-toggle > span.close-bt {
  padding-left: 10px
}

.view-table-list-container > .view-table-list {
    flex: 1 1 100%;
    background: white;
    overflow: auto;
    overflow-x: hidden;
}

.table-list-pagination {
    flex: 0 0 44px;
    background: white;
    display: inline-flex;
    padding-top: 7px;
    border-top: 1px solid #E7E7E7;
}

.table-list-pagination > .refresh-bt {
    flex: 1 1 100%;
    padding-top: 4px;
    padding-left: 15px;
    color: #337ab7;
    cursor: pointer;
}

.table-list-pagination > .pagination-table {
    flex: 1 0 auto;
    display: flex;
    justify-content: flex-end;
    padding-right: 6px;
}

.table-list-pagination > .pagination-table .pages td {
    padding: 0px 2px;
}

.table-list-pagination > .pagination-table .pages a,
.table-list-pagination > .pagination-table .pages a:hover,
.table-list-pagination > .pagination-table .pages a:visited {
    color: #333;
    text-decoration: none;
}

.table-list-pagination > .pagination-table .pages .paging_selected a{
    text-decoration: underline;
}

.table-list-pagination > .pagination-table .pages .ic {
    position: relative;
    top: 1px;
}

.table-list-pagination > .pagination-table .pages .ic.disabled {
    color: #B4B4B4;
}

@media (max-width: 600px) {

    .table-list-pagination > .pagination-table .paging_option {
        display: none;
    }

    .table-list-pagination .table-list-paging-resume {
        display: none;
    }

    .table-list-pagination > .pagination-table .pages {
        margin-right: 15px;
    }

    .table-list-pagination > .pagination-table .pages td {
        padding: 0px 6px;
    }
}

.block-header {
    font-weight: 700;
}

.btn-default {
    background-color: #fff;
    color: #444;
    border-color: #ddd;
}

.sw-popup {
    width: 0;
    height: 0;
    position: fixed;
    z-index: -999;
    top: 0;
    background: rgba(0,0,0,0.0);
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s linear;
}

.sw-popup.common-popup .body{
    padding: 30px;
}

.sw-popup.visible {
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 940;
    opacity: 1;
    background: rgba(0,0,0,0.5);
}

.sw-popup > .sw-popup-container {
    z-index: 1000;
    background: white;
    margin: auto;
    display: flex;
    flex-flow: column;
    opacity: 0;
}

.sw-popup.visible > .sw-popup-container {
    opacity: 1;
}

.sw-popup > .sw-popup-container > .header {
    flex: 0 0 auto;
    padding: 15px;
    background: white;
    color: #3E3E3E;
    font-size: 18px;
    font-weight: 600;
    display: inline-flex;
    border-bottom: 1px solid #D5D5D5;
}

.sw-popup > .sw-popup-container {
    min-width: 405px;
    min-height: 240px;
}

.sw-popup > .sw-popup-container > .body {
    flex: 1 1 100%;
}

.sw-popup.centered > .sw-popup-container > .body {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sw-popup > .sw-popup-container > .header .ic {
    cursor: pointer;
    margin-left: 20px;
    color: #0079AA;
    font-size: 16px;
}

.sw-popup > .sw-popup-container > .footer {
    flex: 0 0 44px;
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-top: 2px solid #F0F0F0;
}

.sw-popup > .sw-popup-container > .footer > .footer-container {
    float: right;
    display: inline-flex;
}

.sw-popup .popup-step {
    display: none;
}

.sw-popup .popup-step.active {
    display: block;
}

@media (max-width: 600px) {

    .sw-popup > .sw-popup-container {
        margin-top: 50px;
        height: calc(100% - 50px) !important;
        width: 100%;
        min-width: 100%;
    }

    .sw-popup > .sw-popup-container > .body {
        flex: 0 1 100%;
    }
}

.sw-popup > .sw-popup-container.no-title-popup > .header {
    flex: 0 0 0px;
    padding: 0px;
    justify-content: flex-end;
}

.sw-popup > .sw-popup-container.no-title-popup > .header .sw-close-popup {
    position: relative;
    top: 8px;
    right: 8px;
    color: white;
    background: black;
    font-size: 12px;
    height: 12px;
}

.sw-popup > .sw-popup-container.no-title-popup > .header .close-icon {
    position: relative;
    height: 12px;
    padding: 10px;
}

.sw-alert .body {
    max-width: 550px;
}

.filter-table {
    display: flex;
}

.filter-table input {
    position: relative;
    left: 14px;
    padding-right: 27px;
    background: white;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    height: 28px;
    width: 190px;
}

.filter-table > .ic {
    position: relative;
    left: -6px;
    top: 8px;
    color: #7B7B7B;
}

.double-div-one-line {
    display: inline-flex;
}

.double-div-one-line > div:nth-child(2) {
    margin-left: 8px;
    margin-top: 1px;
}

/* ####################################################### */
/* .sw-dropdown-default */

.sw-dropdown-default {
    position: absolute;
    margin-top: -14px;
}

.sw-dropdown-default ul {
    list-style: none;
    border: 1px solid #E5E5E5;
    width: 100px;
    padding: 0px;
    text-align: center;
    line-height: 30px;
    margin: 0px;
    background: white;
    position: absolute;
    margin-left: -7px;
    margin-top: 1px;
    z-index: 10;
}

.sw-dropdown-default li:hover {
    background-color: #f2f2f2;
}

.sw-dropdown-default i.ic {
    font-size: 16px;
    color: #606060;
    position: relative;
    top: 7px;
    margin-left: 5px;
}

.sw-dropdown-default .text {
    width: 75px;
    display: inline-block;
}

.secondary-gray {
    color: #757575;
}

.collapse-text {
    word-wrap: break-word;
}

.sw-toaster {
    position: fixed;
    bottom: 150px;
    right: 20px;
    width: 300px;
    height: 45px;
    display: flex;
    flex-flow: column;
    z-index: 950;
    background: white;
}

.sw-toaster.big {
    width: 500px;
}

@media screen and (max-width: 768px) {

    .sw-toaster, .sw-toaster.big {
        right: 20px;
        width: calc(100% - 40px);
        left: 20px;
    }
}

.sw-toaster.info { border: 1px solid #1C8EB1; }
.sw-toaster.success { border: 1px solid #00A753; }
.sw-toaster.error { border: 1px solid #DD2C00; }
.sw-toaster.warning { border: 1px solid #FEC405; }

.sw-toaster .main-container {
    display: inline-flex;
    flex: 0 0 38px;
}

.sw-toaster.info .main-container { background-color: rgba(28,142,177,0.1); }
.sw-toaster.success .main-container { background-color: rgba(0,167,83,0.1); }
.sw-toaster.error .main-container { background-color: rgba(221,44,0,0.1); }
.sw-toaster.warning .main-container { background-color: rgba(254,196,5,0.1); }

.sw-toaster .main-container .container-item {
    align-self: center;
    margin-left: 15px;
}

.sw-toaster .main-container .title {
    font-weight: 600;
    white-space: nowrap;
}

.sw-toaster .main-container .message {
    flex: 1 1 100%
}

.sw-toaster .main-container .close-icon {
    margin-right: 15px;
    color: #0079AA;
    cursor: pointer;
}

.sw-toaster .bottom-container {
    flex: 0 0 5px;
}

.sw-toaster.info .bottom-container { background: #1C8EB1; }
.sw-toaster.success .bottom-container { background: #00A753; }
.sw-toaster.error .bottom-container { background: #DD2C00; }
.sw-toaster.warning .bottom-container { background: #FEC405; }

.sw-toaster.info .main-container .icon {
    color: #1C8EB1;
}

.sw-toaster.success .main-container .icon {
    color: #00A753;
}

.sw-toaster.error .main-container .icon {
    color: #DD2C00;
}

.sw-toaster.warning .main-container .icon {
    color: #FEC405;
}


.normalRightPanel{
    flex: 0 0 300px;
}
.largeRightPanel{
    flex: 0 0 500px;
}
.hugeRightPanel{
    flex: 0 0 700px;
}
.sw-right-details-view textarea {max-width: 700px;}
.sw-right-details-view input {max-width: 700px;}

#keylist {
    display:none;
    position: fixed;
    background: rgba(0,0,0,0.9);
    padding: 80px;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
    z-index: 999;
    color: #f0f0f0;
    font-size:12px;
}
#keylist .section{font-size:14px;font-weight:bold;margin-bottom:20px;}
#keylist .key{font-weight:bold;min-width:100px; display:inline-block;}
#keylist .descr{font-weight:normal;}
#keylist .title{font-size:18px;font-weight:bold;margin-bottom:12px;}
#keylist .hr{height:6px;border-top:3px ridge rgba(255,255,255,0.9)}
#keylist .spacer{height:20px;display:block;}

#walkme-player {display:none; top: -100px;}

#change_password_popup .sw-popup-container {
    width: 450px;
}

/*----------------------------*/
.notif_label{
    margin-bottom:2px;
    padding:8px;
    background:white;
}
.notif_label .msg{
    height:40px;
    font-size:12px;
    padding-right:8px;
}
.notif_label .red{border-left:4px solid var(--red);}
.notif_label .green{border-left:4px solid var(--green);}
.notif_label .blue{border-left:4px solid var(--blue);}
.notif_label .orange{border-left:4px solid var(--orange);}
.notif_label .gray{border-left:4px solid var(--gray);}
.notif_label .yellow{border-left:4px solid var(--yellow);}
.notif_label .lighter-blue{border-left:4px solid var(--lighter-blue);}

.notif_label_body{
    padding-left:10px;
}

.notif_label_body .descr {
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    padding-right: 3px;
    min-height: 38px;
    max-height: 54px;
}

.notif_label_body .ic_clock {
    position: relative;
    top: 1px;
    margin-right: 1px;
}

#vaults_notifications .notif_label_body {
    min-height: 60px;
}

.notifdt{
    color:#848484;
    font-size: 10px;
}

.sw-full-height-groups-with-list-view {
    flex: 1 0 250px;
    width: 100%;
    display: flex;
    flex-flow: row;
    padding: 0px 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
}

.sw-full-height-groups-with-list-view .right-view-container {
    flex: 3 1 830px;
    display: flex;
    flex-flow: column;
    max-height: 100%;
}

.label-danger {
    background-color: #eb1c1c;
}

.label-success {
    background-color: #00A753;
}

.no-info-details-container {
    display: none;
    flex: 1 1 100%;
    height: 100%;
}

.no-info-details-content {
    display: flex;
    flex: 1 1 100%;
    background: white;
    align-items: center;
    justify-content: center;
    color: #bfbfbf;
    font-size: 16px;
    font-weight: 300;
    height: 100%;
}

.tech-message > .chat-ballon, .client-message > .chat-ballon {
    width: 190px;
    padding: 5px 6px;
    border-radius: 3px;
    margin-top: 3px;
    min-height: 55px;
    color: white;
    display: flex;
    flex-flow: column;
    margin-bottom: 10px;
}

.tech-message > .chat-ballon > .message, .client-message > .chat-ballon > .message {
    flex: 1 1 100%;
}

.tech-message > .chat-ballon > .message-hour, .client-message > .chat-ballon > .message-hour {
    float: right;
    font-size: 11px;
    text-align: right;
    margin-top: 8px;
}

.tech-message {
    clear: both;
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    margin-bottom: 10px;
}

.tech-message > .owner {
    width: 100%;
    text-align: right;
}

.tech-message > .chat-ballon {
    background-color: #7C7C7C;
}

.client-message {
    clear: both;
    display: flex;
    flex-flow: column;
    margin-bottom: 10px;
}

.client-message > .chat-ballon {
    background-color: #5AB1DE;
}

#feedback-container .client-message .owner {
    display: none;
}
#feedback-container .bold {
    font-weight: 700;
    font-size: 13px;
    margin-top: 10px;
    border: 1px solid #acacac;
    padding: 5px 10px;
    border-radius: 5px;
}

#feedback-container .client-message > .chat-ballon,
#feedback-container .tech-message > .chat-ballon {
    width: 100%;
}

.sw-right-bar {
    width: 0;
    height: 0;
    position: fixed;
    z-index: -999;
    top: 0;
    background: rgba(0,0,0,0.0);
    opacity: 0;
    transition: opacity 0.2s linear;
    padding-top: 50px;
}

.sw-right-bar.visible {
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 850;
    opacity: 1;
    /*background: rgba(0,0,0,0.5);*/
}

.sw-right-bar > .old-style {
    right: 0px;
    position: absolute;
    width: 320px;
    background: #333333;
    box-shadow: -3px 3px 5px #5f5c5c;
    overflow: auto;
}

.sw-right-bar > .old-style > .info-block > ul {
    color: white;
    list-style-type: none;
    padding: 14px 0px;
    margin: 0px;
    width: 100%;
}

.sw-right-bar > .old-style > .info-block > ul > li {
    padding: 10px 15px;
    cursor: pointer;
}

.sw-right-bar > .old-style > .info-block > ul > li:hover {
    background: var(--top-bar-hover);
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-user-name {
    color: var(--sw-color);
    cursor: default;
    background: none;
}

.sw-right-bar.n-able > .old-style > .info-block > ul > li.old-style-user-name {
    color: var(--n-able-color);
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-user-email {
    color: #999999;
    font-size: 12px;
    padding: 0px 15px;
    cursor: default;
    background: none;
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-division {
    border-bottom: 1px solid #434343;
    margin-bottom: 12px;
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-division:hover {
    cursor: default;
    background: none;
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-header {
    background: none;
    text-transform: uppercase;
    color: #ADADAD;
    cursor: default;
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-link,
.sw-right-bar > .old-style > .info-block > ul > li.old-style-link a {
    color: white;
}

.sw-right-bar > .old-style > .info-block > ul > li.old-style-link.selected,
.sw-right-bar > .old-style > .info-block > ul > li.old-style-link.selected a {
    color: var(--sw-color);
}

.sw-right-bar > .new-style {
    right: 0px;
    position: absolute;
    width: 360px;
    background: #F3F3F3;
    box-shadow: -4px -6px 5px #c7c7c7;
    height: calc(100% - 50px);
    /*overflow: auto;*/
}

.sw-right-bar > .new-style > .info-block {
    display: none;
    padding: 15px 18px;
    flex-flow: column;
    width: 100%;
}

.sw-right-bar > .new-style > .info-block > .header-container {
    flex: 0 0 25px;
    text-transform: uppercase;
    color: #868686;
    display: inline-flex;
    flex-flow: row;
    width: 100%;
}

.sw-right-bar > .new-style > .info-block > .body-container {
    flex: 0 1 auto;
    overflow: auto;
}

.sw-right-bar > .new-style > .info-block > .footer-container {
    flex: 0 0 30px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.sw-right-bar > .new-style .rigth-bar-header {
    flex: 1 1 100%;
    font-weight: bold;
    color: #000;
    text-transform: uppercase;
}

.sw-right-bar > .new-style > .info-block > .header-container > .header-close-bt {
    flex: 0 0 20px;
    font-size: 16px;
    margin-top: 1px;
    cursor: pointer;
    color: #0079AA;
}

.sw-right-bar > .new-style #search-container #search-box-container {
    flex: 1 1 100%;
    margin-top: 20px;
    display: flex;
}

.sw-right-bar > .new-style #search-container #search-box-container input[type="text"] {
    height: 28px;
    padding-right: 37px;
    max-width: 320px;
}

.sw-right-bar > .new-style #search-container #search-box-container .main-search-icon-container {
    height: 26px;
    width: 29px;
    position: absolute;
    right: 26px;
    padding-top: 2px;
    border-left: 1px solid #D5D5D5;
    background: white;
    margin-top: 1px;
    font-size: 16px;
    text-align: center;
    color: #858585;
    cursor: pointer;
}

.sw-right-bar > .new-style #search-container #main-search-results-container {
    padding-top: 15px;
    display: none;
}

.sw-right-bar > .new-style #search-container #main-search-results-container #main-search-results {
    margin-top: 10px;
}

.sw-right-bar > .new-style #search-container #main-search-results-container #main-search-results ul {
    list-style-type: none;
    padding: 0px;
    margin-bottom: 30px;
}

.sw-right-bar > .new-style #search-container #main-search-results-container #main-search-results ul li {
    padding: 10px;
    margin-top: 10px;
    background: #ffffff;
    cursor: pointer;
}

.sw-right-bar > .new-style #search-container #main-search-results-container #main-search-results ul li a,
.sw-right-bar > .new-style #search-container #main-search-results-container #main-search-results ul li a:visited,
.sw-right-bar > .new-style #search-container #main-search-results-container #main-search-results ul li a:hover {
    color: black;
}

.sw-right-bar > .new-style #switcher-container {
    padding: 15px 0px;
}

.sw-right-bar > .new-style #switcher-container .header-container {
    padding: 0px 15px;
}

.sw-right-bar > .new-style #switcher-container .body-container {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
}

.sw-right-bar > .new-style #switcher-container .body-container .sw-application-switcher-box {
    cursor: pointer;
}


.sw-right-bar > .new-style-v2 {
    right: 0px;
    position: absolute;
    width: 250px;
    background: #FFFFFF;
    box-shadow: -2px -1px 5px #c7c7c7;
}

.sw-right-bar > .new-style-v2 > #switcher-container {
    display: flex;
    flex-flow: column;
    width: 100%;
}

.sw-right-bar > .new-style-v2 > #switcher-container > .header-container {
    flex: 0 0 40px;
    font-size: 16px;
    padding-top: 10px;
    padding-left: 10px;
    font-weight: 600;
}

.sw-application-switcher-box-v2 {
    width: 100%;
    height: 60px;
    background: white;
    display: inline-flex;
    border-top: 1px solid #D5D5D5;
    align-items: center;
}

.sw-application-switcher-box-v2.active {
    background: #f9ecff;
}

.sw-application-switcher-box-v2:not(.active):hover {
    background: #F3F3F3;
}

.sw-application-switcher-box-v2 .app-icon {
    font-size: 24px;
    color: white;
    width: 40px;
    height: 40px;
    background: #C046FF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
}

.sw-application-switcher-box-v2 .app-name {
    color: black;
    font-size: 13px;
    font-weight: 600;
    margin-left: 10px;
}

.sw-application-switcher-box {
    width: 100px;
    height: 100px;
    background: white;
    text-align: center;
    display: flex;
    flex-flow: column;
    margin-top: 20px;
    margin-left: 14px;
}

.sw-application-switcher-box > .app-sw {
    color: var(--sw-color);
    font-weight: bold;
    margin-top: 8px;
    font-size: 12px;
}

.sw-right-bar.n-able .sw-application-switcher-box > .app-sw {
    color: black;
}

.sw-application-switcher-box > .app-name {
    color: #333333;
    font-weight: bold;
    font-size: 11px;
}

.sw-right-bar.n-able .sw-application-switcher-box > .app-name {
    color: var(--n-able-color);
}

.sw-application-switcher-box > .app-icon {
    font-size: 30px;
    color: #AAAAAA;
    margin-top: 5px;
}

#vaults-container #vaults_notifications {
    background: #F3F3F3;
    padding-top: 2px;
}

/*

.sw-right-bar > .new-style > .info-block > .body-container {            
    padding: 0px 20px;
}

.sw-right-bar > .new-style > .info-block > .body-container > .white-card {            
    padding: 15px;
    background: white;
    margin-bottom: 10px;
}

.sw-right-bar > .new-style > .info-block > .body-container > .white-card > .card-header {
    color: #aaaaaa;
}

.sw-right-bar > .new-style > .info-block >.body-container > .white-card > .card-body {
    color: #000;
}*/

#feedback_chat_console {
    padding-top: 15px;
    display: flex;
    flex-flow: column;
    width: 100%;
}
#feedback_chat_container {
    overflow:auto;
    flex: 1 1 100%;
}
#feedback_chat_input_container{
    margin-top: 10px;
    flex: 0 0;
    height:80px;
}

.form-input-container {
    min-height: 46px;
}

#devices_groups_list_popup #group_list_treetable_group_0_cb {
    display: none;
}

#global_enable_remote_control_mode .sw-popup-container {
    width: 510px;
}

#global_enable_remote_control_mode .sw-popup-container .body {
    padding: 10px 20px;
    padding-bottom: 20px
}

#global_enable_remote_control_mode input[type="checkbox"] {
    position: relative;
    top: 2px;
}

#kick_tech_popup .sw-popup-container .body {
    width: 700px;
    padding: 15px 25px;
    height: 260px;
    min-height: 260px;
    overflow: auto;
}

#kick_tech_popup .sw-popup-container #technicians_list_to_kick table {
    width: 100%;
}

#kick_tech_popup .sw-popup-container #technicians_list_to_kick tr {
    height: 30px;
}

#kick_tech_popup .sw-popup-container #technicians_list_to_kick tr input[type="radio"] {
    position: relative;
    top: 1px;
}

#kick_tech_popup .sw-popup-container #technicians_list_to_kick .ic {
    font-size: 18px;
    position: relative;
    top: 3px;
}

@media screen and (max-width: 500px) {
    .sw-right-bar {
        overflow: auto;
    }
    .sw-right-bar > .new-style {
        width: 100%;
    }
    .sw-right-bar > .new-style #search-container #search-box-container input[type="text"] {
        max-width: 100%;
    }
}

#startup_wizard .sw-popup-container {
    width: 690px;
    height: 620px;
}

#startup_wizard .body {
    padding: 20px 25px;
}

#startup_wizard .consoles-download-links {
    display: inline-flex;
    width: 100%;
    margin-top: 25px;
}

#startup_wizard .consoles-download-links > div {
    width: calc(100% / 5);
    text-align: center;
}

#startup_wizard .consoles-download-links > div:nth-child(2),
#startup_wizard .consoles-download-links > div:nth-child(4) {
    margin-top: 40px;
}

#startup_wizard .tip {
    font-style: italic;
    font-size: 12px;
}

#startup_wizard .step3-links {
    text-align: center;
    padding-top: 10px;
}

#startup_wizard input[type="checkbox"] {
    position: relative;
    top: 2px;
}

#startup_wizard #startup_wizard_company_image_preview {
    cursor: pointer;
    max-height: 82px;
    max-width: 502px;
    border: 1px solid #fff;
}

#startup_wizard #startup_wizard_company_image_preview:hover {
    border: 1px solid #ccc;
}

#startup_wizard #startup_wizard_progress_bar {
    margin-bottom: 20px;
}

#startup_wizard .startup-wizard-step {
    padding: 0px 25px;
}

#startup_wizard .download-box {
    display: flex;
    flex-flow: row;
    min-height: 200px;
    margin-top: 10px;
}

#startup_wizard .download-box .right-image {
    flex: 0 0 100px;
    text-align: center;
}

#startup_wizard .download-box .right-image img {
    width: 60px;
}

#startup_wizard .download-box .body {
    background: #fff;
    flex: 1 1 100%;
    padding: 0px;
}

#startup_wizard .download-box .body .header {
    font-size: 18px;
    font-weight: bold;
}

#startup_wizard .download-box .body .description {
    min-height: 120px;
    padding: 5px 0px;
    line-height: 20px;
    margin-bottom: 15px;
}

#startup_wizard .download-box .body .buttons-desktop {
    display: inline-flex;
}

#startup_wizard .download-box .body .buttons-desktop .sw-big-button {
    margin-left: 0px;
}

#startup_wizard .download-box .body .buttons-mobile {
    display: none;
}


@media screen and (max-width: 1000px) {

    #startup_wizard .download-box {
        flex: 1 1 100%;
    }

    #startup_wizard .download-box .body .buttons-desktop {
        display: none;
    }

    #startup_wizard .download-box .body .buttons-mobile {
        display: inline-flex;
    }

    #startup_wizard .download-box .body .buttons-mobile .sw-big-button {
        font-size: 11px;
        width: 160px;
        height: 26px;
        padding-top: 4px;
        width: 110px;
    }

    #startup_wizard .download-box .right-image {
        flex: 0 0 80px;
    }

    #startup_wizard .download-box .right-image img {
        width: 60px;
    }
}

.new-request-toaster-container {
    display: inline-flex;
    width: 395px;
}

.new-request-toaster-container .request-content {
    flex: 0 0 350px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-right: 10px;
}

/* sw-pagination-progress-bar */

.sw-pagination-progress-bar {
    width: 100%;
    display: flex;
    flex-flow: column;
}

.sw-pagination-progress-bar .sw-pagination-progress-bar-container {
    display: flex;
}

@media screen and (max-width: 768px) {

    .sw-pagination-page-names-container {
        display: none !important;
    }

    .sw-pagination-progress-bar-container {
        margin-top: 25px;
    }
}

.sw-pagination-progress-bar .sw-pagination-page-names-container {
    display: flex;
}

.sw-pagination-progress-bar .sw-pagination-page-names-container .step-name {
    display: block;
    text-align: center;
    margin-bottom: 15px;
    color: #888888;
    flex: 1 1 10px;
}

.sw-pagination-progress-bar .sw-pagination-page-names-container .step-name.active {
    color: #111111;
}

.sw-pagination-progress-bar .sw-pagination-page-names-container .step-name.done {
    color: #0079C0;
    cursor: pointer;
}

.sw-pagination-progress-bar .step-badge {
    flex: 1 1 10px;
    text-align: center;
}

.sw-pagination-progress-bar .ic_message_ok {
    display: block;
    font-size: 15px;
    color: #0079C0;
    position: relative;
    cursor: pointer;
}
.sw-pagination-progress-bar .ic_radio_on {
    display: block;
    font-size: 15px;
    position: relative;
}

.sw-pagination-progress-bar .ic_radio_off {
    display: block;
    font-size: 15px;
    color: #ccc;
    position: relative;
}

.sw-pagination-progress-bar .step-badge:not(:last-child) span.ic.ic_message_ok:after {
    content: "";
    position: absolute;
    border: 2px solid #0079C0;
    top: 5px;
    width: calc(100% - 15px);
}

.sw-pagination-progress-bar .step-badge:not(:last-child) span.ic.ic_radio_on:after,
.sw-pagination-progress-bar .step-badge:not(:last-child) span.ic.ic_radio_off:after {
    content: "";
    position: absolute;
    border: 2px solid lightgray;
    top: 5px;
    width: calc(100% - 15px);
}

.sw-popup .left-panel {
    flex: 1 1 60%;
    border-right: 1px solid #D5D5D5;
    display: flex;
    flex-flow: column;
}
.sw-popup .left-panel .steps {
    padding: 10px 35px;
    min-height: 390px;
}
.sw-popup .right-panel {
    flex: 0 0 40%;
    background-color: #FAFAFA;
    border-left: 2px solid #C4C4C4;
    overflow: auto;
    max-height: 555px;
}
.sw-popup .right-panel > div {
    padding: 10px;
}

#new_session_popup .sw-popup-container
{
    width: 650px;
}

#feature_not_available_overlay {
    position: absolute;
    left: 0px;
    top: 50px;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    height: calc(100% - 50px);
    display: none;
}

#addDevice_popup .body {
    width: 700px;
    padding: 25px 20px;
    overflow: hidden;
}

#addDevicePopup_form_container {
    display: flex;
    flex-flow: column;
}
#addDevicePopup_form_container>div:first-child {
    margin-bottom: 15px;
}

#addDevicePopup_form_container>div {
    display: flex;
    flex: 1 0 100%;
    flex-flow: column;
}

#addDevicePopup_form_container>div>div>div {
    display: flex;
    flex: 1 1 auto;
    padding: 0px 10px;
    max-height: 229px;
    overflow: auto;
}

#addDevicePopup_form_container>div>div>div>div {
    display: flex;
    flex: 1 0 50%;
    padding: 0px 10px;
    flex-flow: column;
}

#addDevicePopup_form_container>div:first-child {
    margin-bottom: 15px;
}
#addDevicePopup_form_container>div {
    display: flex;
    flex: 1 0 100%;
    flex-flow: row;
}

@media screen and (max-width: 900px) {

    #addDevice_popup .body {
        width: unset;
        overflow: auto;
    }
}

@media screen and (max-width: 650px) {
    #addDevicePopup_form_container {
        display: flex;
        flex-flow: column;
    }
    #addDevicePopup_form_container>div {
        display: flex;
        flex: 1 0 100%;
        flex-flow: column;
    }
    #addDevicePopup_form_container>div>div>div {
        flex: 1 0 100%;
        flex-flow: column;
    }
}

.load-more {
    font-weight: 700;
    margin-right: 4px;
    float: left;
    word-wrap: break-word;
    max-width: 219px;
    color: gray;
    cursor: pointer;
    margin-top: 15px;
    margin-left: 85px;
    font-size: 11px;
}

#sso_enroll_main_popup {
    margin: auto;
    width: 900px;
    height: 450px;
    background: white;
    border-radius: 5px;
    border: 1px solid;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    overflow: auto;
    max-width: 100%;
}

#sso_enroll_main_popup > div {
    padding: 0px 40px;
    text-align: center;
    margin-bottom: 15px;
}

.big-tooltip {
    max-width: 500px;
}

.sw-password-complexity-checker-errors-container {
    font-weight: bold;
}
.sw-password-complexity-checker-errors.requirement {
    color: gray;
    margin-left: 30px;
}
.sw-password-complexity-checker-errors.requirement-ok {
    color: green;
}

.popup-pagination-container {
    margin-top: 30px;
    margin-bottom: 10px;
}

/****************SCROLLBAR CHROME*****************/
::-webkit-scrollbar{
    width: 6px;  /* for vertical scrollbars */
    height: 6px; /* for horizontal scrollbars */
  }

  ::-webkit-scrollbar-track{
    background: rgba(0, 0, 0, 0);
  }

  ::-webkit-scrollbar-thumb{
    background: rgba(0, 0, 0, 0.26);
  }

  /****************SCROLLBAR FIREFOX*****************/
  *{
    scrollbar-color: rgba(0, 0, 0, 0.26) rgba(0, 0, 0, 0);
    scrollbar-width: thin;
  }
/* BOF NOVA */
/* BOF shadow & emboss */
div.content-page.novaRepo#contentBody {
    padding: 0px 15px 15px 15px;
}
div.content-page.novaRepo > section.content-header {
    padding-left: 0px;
    z-index: 200;
}
div.content-page.novaRepo section.content {
    padding: 0px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
}
div.content-page.novaRepo div.page-top-actions-bar {
    padding-right: 0px;
}
div.content-page.novaRepo div.view-table-list-top-bar {
    border-bottom: 1px #d9d9d9 solid;
}
div.content-page.novaRepo div.right-view-container, div.content-page.novaRepo section.right-view-container {
    background-color: #FFFFFF;
    border-left: 1px #d5d5d5 solid;
}
div.content-page.novaRepo div.view-table-list-container {
    flex: 1 1 400px;
    margin-left: 0px;
    border-bottom: 1px #999999 solid;
}
div.content-page.novaRepo div#details_panel, div.content-page.novaRepo div.page-details-container {
    flex: 1 1 300px;
    border-top: 1px #d5d5d5 solid;
    margin: 0px;
}
/* EOF shadow & emboss */
/* BOF Toolbar */
div.content-page.novaRepo div.view-table-list-top-bar {
    flex: 0 0 40px;
    padding-top: 4px;
    padding-left: 5px;
    margin-bottom: 0px;
    max-height: 40px;
}
div.content-page.novaRepo div.view-table-list-top-bar.hasSelected {
    background-color: rgba(192, 70, 255, 0.1);
}
div.filters-buttons-container {
    overflow: visible;
    padding-left: 10px;
}
div.list-table-wild-filter {
    padding-top: 1px;
    width: 250px;
    flex-shrink: 0;
}
div.list-table-total-count {
    font-family: "Open Sans";
    font-size: 11px !important;
    padding-top: 8px !important;
    color: #111111;
    font-weight: 600;
}
/* EOF Toolbar */
/* BOF treetable scrollbars */
div#treetable_container {
    overflow-y: auto;
    flex: 1 0 1px;
}
div#nova_treetable {
    margin-right: 8px;
}
div#searchtreetable_container {
    padding-right: 8px;
}
div#menu_details_tabs {
    flex: 1 1 1px;
}
div.tab-body {
    overflow-y: hidden;
    max-height: 100%;
    display: flex;
    flex-flow: column;
    padding: 5px 25px 0px 25px;
    flex: 1 1 100%;
    width: 100%;
    height: 100%;
}
.treetable_container:before,
.treetable_container:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
}
.treetable_container:after { clear: both; }
.treetable_container { zoom: 1; }
/* EOF treetable scrollbars */
div.filtersContainer {
    margin-right: 8px;
}
div.sw-tabs > ul > li,
div.sw-tabs > .sw-tabs-responsive > ul > li {
    padding: 11px 15px;
}
/* BOF SEMI-BOLD */
section.content-header > div.page-title, div.sw-tabs > ul > li.active > a, div.sw-tabs > ul > li.active:hover > a, div.sw-tabs > ul > li.active:focus > a,
div.sw-tabs > ul > li:not(.active) > a, div.sw-tabs > ul > li:not(.active):hover > a, div.sw-tabs > ul > li:not(.active):focus > a,
section.content-header > div.page-title, div.sw-tabs > .sw-tabs-responsive > ul > li.active > a, div.sw-tabs > .sw-tabs-responsive > ul > li.active:hover > a, div.sw-tabs > .sw-tabs-responsive > ul > li.active:focus > a,
div.sw-tabs > .sw-tabs-responsive > ul > li:not(.active) > a, div.sw-tabs > .sw-tabs-responsive > ul > li:not(.active):hover > a, div.sw-tabs > .sw-tabs-responsive > ul > li:not(.active):focus > a {
    font-weight: 600;
}
/* left interface column */
.slidePanelExpandedContainerHidecontent {
    position: relative;
    background-color: #FAFAFA;
}
.nui-resize-gutter {
    position: absolute;
    display: flex;
    top: 0;
    z-index: 1;
}
div.view-table-tree-container {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
    flex: 1 0 265px;
    border-right: 0px;
}
div#menu_tabs {
    height: 100%;
}
div#menu_tabs div.tab-body {
    padding: 0px 7px 5px 15px;
}
div#menu_tabs > div.tab-content {
    background-color: #FAFAFA;
    max-height: none;
    padding-top: 5px;
}
div#menu_tabs > ul {
    background-color: #FAFAFA;
    padding-left: 0px;
}
div#menu_tabs > ul > li {
    background-color: #FAFAFA;
}
div#menu_tabs > ul > li:hover {
    background-color: #EDEDED;
}
div.collapsed-btn {
    display: inline-block;
    height: 40px;
    width: 40px;
}
div.slidePanelJumpBack {
    position: absolute;
    top: 5px;
    right: 5px;
}
div#groupTreeContainerColapsed {
    background-color: #FAFAFA;
    color: #0079AA;
    max-width: 40px;
    font-family: "Open Sans";
    font-size: 16px;
    border-right: 1px #999999 solid;
}

div#groupTreeContainerColapsed div.novaBtn {
    margin: 5px 0 0 5px;
}

div.collapsed-btn.slidePanelJumpForward {
    border-bottom: 1px #d9d9d9 solid;
}

div.novatableRow.novaTableHeader > div.novatableCell {
    border-top: 0px;
}

.novaTableHeader > .novatableCell::first-letter{
    text-transform: uppercase !important;
}
/* BOF desktop header license info */
div.desktop {
    position: relative;
}
div.desktopHeaderInfo {
    display: inline-block;
    position: absolute;
    height: 30px;
    width: 100%;
    top: 5px;
    padding-right: 30px;
}
div.desktopHeaderInfo > span {
    display: inline-block;
    height: 100%;
}
span.desktopHeaderInfoLicensesLabel::after, span.desktopHeaderInfoAgentsLabel::after {
    content: ': ';
}
span.desktopHeaderInfoLicensesY::before, span.desktopHeaderInfoAgentsY::before {
    content: ' / ';
}
div.desktopHeaderInfo > span.desktopHeaderInfoLicensesInfo, div.desktopHeaderInfo > span.desktopHeaderInfoAgentsInfo {
    color: #111111;
    padding: 5px;
    height: 30px;
}
div.desktopHeaderInfo > span.desktopHeaderInfoLicensesInfo {
    margin-top: 1px;
    padding-right: 15px;
}
div.desktopHeaderInfo > span.desktopHeaderInfoAgentsInfo {
    border-left: 1px solid #D5D5D5;
    margin-top: 1px;
    padding-left: 12px;
}
span.desktopHeaderInfoLicensesLabel, span.desktopHeaderInfoAgentsLabel {
    color: #707070;
}
span.desktopHeaderInfoLicensesX, span.desktopHeaderInfoAgentsX {
    font-weight: 600;
}
div.desktopHeaderInfo > span.desktopHeaderInfoContextMenuHelper {
    position: fixed;
    z-index: 10;
    right: 15px;
    height: 30px;
}
div.desktopHeaderInfo > span.desktopHeaderInfoContextMenuHelper span.contextMenuLabel {
    left: 0px;
}
div.list-table-column-options {
    padding-left: 3px;
    padding-right: 10px;
}
div.list-table-column-options div.contextMenuFloatingMenu {
    z-index: 2;
}
div#bulkActionsBtn div.contextMenuFloatingMenu {
    z-index: 2;
}
/* EOF desktop header license info */
/* BOF Treetable */
/* treetable header */
div.tree-table-header {
    padding: 0px 12px;
    width: 100%;
    height: 25px;
}
div#addgroupbtn_container {
    display: inline-block;
    margin: 0px 5px 5px 0px;
}
div#allgroupsbtn_container {
    margin: 5px 8px 0 0;
}
/* search treetable and freetext filters should grow 100%, overlaping NOVA standards, as per design request */
div.search#searchnova_treetable,
div#filterOptionsDetailsContainer div.filtersOptionTypeFreetext span.filtersOptionCheckbox
{
    max-width: none;
}
/* EOF Treetable */
/* BOF Filters */
div#filterbadges_container {
    border-bottom: 1px solid #D5D5D5;
    background: #FFFFFF;
    flex: 0 0 40px;
    line-height: 39px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 10px;
}
/* EOF Filters */
/* BOF TABLE */
div.novatableCell[columnid="options"] {
    text-align: right;
}
div.novatableRow:not(.novaTableHeader) > div.novatableCell[columnid="options"] {
    overflow: visible;
}
div.novatableRow:not(.novaTableHeader) > div.novatableCell[columnid="options"] > div.novaBtn:first-child {
    margin-left: 0px;
}
div.novatableRow:not(.novaTableHeader) > div.novatableCell[columnid="options"] > div.contextMenu > div.contextMenuFloatingMenu {
    z-index: 1000;
}
div.view-table-list {
    overflow: auto;
    box-sizing: border-box;
    display: block;
}
div.content-page.novaRepo div.view-table-list-container a {
    color: #0079AA;
}
div.content-page.novaRepo div.view-table-list-container a:hover {
    color: #006F9D;
}
div#list_table > div.noData,
.list-table > div.noData {
    display: none;
    height: 100%;
    width: 100%;
    position: relative;
}
div#list_table > div.noData > div.noDataHelper,
.list-table > div.noData > div.noDataHelper {
    text-align: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
div#list_table > div.noData > div.noDataHelper > div.noDataImg > img,
.list-table > div.noData > div.noDataHelper > div.noDataImg > img {
    width: 165px;
    margin-bottom: 10px;
}
div#list_table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoTitle,
div#list_table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoText,
.list-table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoTitle,
.list-table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoText {
    display: block;
}
div#list_table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoTitle,
.list-table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoTitle {
    /*margin-top: 10px;*/
    color: #111111;
    font-size: 16px;
    font-weight: 600;
}
div#list_table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoText,
.list-table > div.noData > div.noDataHelper > div.noDataInfo > div.noDataInfoText {
    color: #707070;
    font-size: 13px;
}
span.nova-datetime {
    color: #111111;
}
span.nova-datetime > span.time {
    color: #707070;
}
/* EOF TABLE */
@media screen and (max-width: 600px) {

    .novaRepo .right-view-container {
        width: 100%;
        overflow: auto;
    }

}
/* EOF sw-nova-tag */
div.sw-nova-tag {
    border-radius: 100px;
    height: 18px;
    font-size: 11px;
    display: inline-block;
    color: #fff;
    padding: 0px 10px;
    line-height: 18px;
}
div.sw-nova-tag-red {
    background-color: #dd2c00;
}
div.sw-nova-tag-green {
    background-color: #00a753;
}
div.sw-nova-tag-yellow {
    background-color: #fec405;
    color: #111;
}
div.sw-nova-tag-blue {
    background-color: #0079aa;
}

.nova-tabs .tab-body {
    padding-top: 0px;
    padding-left: 15px;
}

.nova-spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 5px solid #eeeeee;
  border-bottom-color: #C046FF;
  animation: infinite-spinning linear .5s infinite;
}

@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* EOF NOVA */

.sw-label-toggle {
    font-weight: 500; /* Regular */
}

.default-case {
    text-transform: inherit !important;
}

.gray-label {
    color: #707070;
}

#corona_trial_popup .swnova-popup-body p {
    padding-top: 10px;
    text-align: center;
}

.tableStyleB .login-unusual-location {
    background: #fa3131;
    color: white;
}

.tooltip-parent .tooltip-child {
    position: absolute;
    color: black;
    background: white;
    font-size: 12px;
    font-family: "Open Sans";
    width: 350px;
    min-height: 40px;
    height: auto;
    text-align: left;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 10px;
    border: 1px solid #EAEAEA;
    box-shadow: 0px 0px 5px #EAEAEA;
    visibility: hidden;
    z-index: 99;
} 

.tooltip-parent:hover .tooltip-child {
    visibility: visible;
}

.tooltip-parent .tooltip-child .tooltip-content {
    padding-left: 10px;
    cursor: default;
}

.tooltip-parent .tooltip-child.complex .tooltip-content {
    white-space: break-spaces;
    padding-left: 10px;
    padding-top: 8px;
    font-size: 11px;
    line-height: 13px;
}

.tooltip-parent .tooltip-child.complex div:first {
    white-space: break-spaces;
    padding-left: 10px;
}

.tooltip-parent .tooltip-child.complex .tooltop-title {
    border-bottom: 2px solid #EAEAEA;
    font-weight: 600;
    font-size: 14px;
    padding-left: 10px;
    padding-bottom: 12px;
}

.tooltip-parent .tooltip-child .tooltip-arrow {
    width: 10px;
    height: 10px;
    background: white;
    position: absolute;
    border-bottom: 1px solid #EAEAEA;
    border-left: 1px solid #EAEAEA;
    box-shadow: 0px 0px 5px -2px #EAEAEA;
    margin-left: -6px;
    display: none;
}

.tooltip-parent .tooltip-child.left-arrow {
    margin-top: -29px;
    margin-left: 38px;
}

.tooltip-parent .tooltip-child.left-arrow .tooltip-arrow {
    transform: rotate(45deg);
    display: block;
}

.tooltip-parent .tooltip-child.top-arrow  {
    margin-top: 8px;
    z-index: 99;
}

.tooltip-parent .tooltip-child.top-arrow .tooltip-arrow {
    transform: rotate(135deg);
    display: block;
    margin-left: 15px;
    margin-top: -18px;
}

.tooltip-parent .tooltip-child.right-arrow .tooltip-arrow {
    transform: rotate(225deg);
    display: block;
}

.tooltip-parent .tooltip-child.bottom-arrow .tooltip-arrow {
    transform: rotate(-45deg);
    display: block;
}

.tooltip-parent .tooltip-child .strong {
    font-weight: 600;
}

.sw-tooltip-feature-disable-for-tier.tooltip-parent .tooltip-child{
    position: fixed;
    z-index: 99;
    padding-right: 10px;
    width: max-content;
}

.sw-tooltip-feature-disable-for-tier.tooltip-parent .tooltip-child.left-arrow {
    margin-top: -37px;
}

#remoteControlModeIconContainer {
    padding: 0px;
}

#buyGenericPopup .main-buy-container {
    display: inline-flex;
    width: 870px;
    padding: 0px 60px;
}

#buyGenericPopup .main-buy-container > div {    
    border: 1px solid #D5D5D5;
    border-radius: 3px;
    height: 280px;
    display: flex;
    flex-flow: column;
    flex: 1 1 200px;
    margin: 0px 15px;
    cursor: pointer;
}

#buyGenericPopup .main-buy-container > div.selected { 
    background: #DEF2F4;
    box-shadow: 0px 1px 5px #1111114D;
}

#buyGenericPopup .main-buy-container > div > * { 
    align-self: center;
}

#buyGenericPopup .main-buy-container > div > img { 
    height: 140px;
    width: 140px;
    margin-top: 16px;
}

#buyGenericPopup .main-buy-container > div > .send-request {
    color: #0079AA;
    font-weight: 600;
    font-size: 16px;
    margin-top: 16px;
    text-align: center;
}

#buyGenericPopup .main-buy-container > div > .line {
    width: 182px;
    height: 1px;
    background: #DFDFDF;
    margin-top: 9px;
    margin-bottom: 8px;
}

#buyGenericPopup .main-buy-container > div > .pricing {
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}

#buyGenericPopup .main-buy-container > div > .pricing .old-price {
    text-decoration: line-through;
}

#buyGenericPopup .main-buy-container > div > .pricing-smaller {
    font-size: 13px;
    text-align: center;
}

#buyGenericPopup .main-buy-container > div > .small-info {
    text-align: center;
    font-size: 11px;
    margin-top: 8px;
    color: #707070;
    padding: 0px 23px;
    line-height: 13px;
}

#buyGenericPopup.de .small-info:not(.contact-sales-team) {
    font-size: 9px !important;
}

#buyGenericPopup .faqs {
    text-align: center;
    margin-top: 32px;
}

#buyGenericPopup .faqs a,
#buyGenericPopup .faqs a:focus,
#buyGenericPopup .faqs a:active,
#buyGenericPopup .faqs a:visited,
#buyGenericPopup .faqs a:hover {
    color: #3079AA;
}

#buyRequestHasBeenReceivedPopup {
    display: flex;
    flex-flow: column;
}

#buyRequestHasBeenReceivedPopup > * {
    align-self: center;
    text-align: center;
}

#buyRequestHasBeenReceivedPopup > img {
    width: 140px;
    height: 140px;
}

#buyRequestHasBeenReceivedPopup > .thank-you {
    font-size: 16px;
    font-weight: 600;
    margin-top: 16px;
}

#buyRequestHasBeenReceivedPopup > .contact-manager {
    font-size: 13px;
    margin-top: 16px;
}

.menu-icon span {
    display: block;   
}
/* sw_nova_toaster.css */
.swnova-toaster-container {
    display: flex;
    position: fixed;
    heigth: 100%;
    flex-flow: column;
    overflow: hidden;
    max-height: calc(100% - 70px);
    z-index: 1000;
}
.swnova-toaster-container.top-right {
    top: 60px;
    right: 10px;
    max-width: 450px;
    width: 100%;
    margin-left: 10px;
}
.swnova-toaster-container.top-left {
    top: 60px;
    left: 10px;
    max-width: 450px;
    width: 100%;
    margin-right: 10px;
}
.swnova-toaster-container.top-center {
    top: 60px;
    left: calc(50% - 225px);
    max-width: 450px;
    width: 100%;
}
.swnova-toaster-container.top-full {
    top: 60px;
    left: 10px;
    right: 10px;
}
.swnova-toaster-container.bottom-right {
    bottom: 10px;
    right: 10px;
    max-width: 450px;
    width: 100%;
    margin-left: 10px;
}
.swnova-toaster-container.bottom-left {
    bottom: 10px;
    left: 10px;
    max-width: 450px;
    width: 100%;
    margin-right: 10px;
}
.swnova-toaster-container.bottom-center {
    bottom: 10px;
    left: calc(50% - 225px);
    max-width: 450px;
}
.swnova-toaster-container.bottom-full {
    bottom: 10px;
    left: 10px;
    right: 10px;
}

.swnova-toaster-container .swnova-toaster {
    height: auto;
    display: flex;
    z-index: 950;
    background: white;
    background-color: white !important;
    flex-flow: column;
    border: 1px solid;
    margin-bottom: 10px;
    flex: 1 0 auto;
    box-shadow: 0 0 5px 0 #a7a7a755;
}

.swnova-toaster-container .swnova-toaster.info,
.swnova-toaster-container .swnova-toaster.info > * {
    color: rgb(28, 142, 177);
    border-color: rgb(28, 142, 177);
    background-color: rgba(28, 142, 177, 0.1);
}
.swnova-toaster-container .swnova-toaster.success,
.swnova-toaster-container .swnova-toaster.success > * {
    color: rgb(0, 167, 83);
    border-color: rgb(0, 167, 83);
    background-color: rgba(0, 167, 83, 0.1);
}
.swnova-toaster-container .swnova-toaster.error,
.swnova-toaster-container .swnova-toaster.error > * {
    color: rgb(221, 44, 0);
    border-color: rgb(221, 44, 0);
    background-color: rgba(221, 44, 0, 0.1);
}
.swnova-toaster-container .swnova-toaster.warning,
.swnova-toaster-container .swnova-toaster.warning > * {
    color: rgb(254, 196, 5);
    border-color: rgb(254, 196, 5);
    background-color: rgba(254, 196, 5, 0.1);
}

.swnova-toaster-container .main-container {
    display: flex;
}

.swnova-toaster-container .message-panel {
    flex: 1 1 auto;
    margin: 6px 0;
    color: #111111;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    padding-top: 3px;
    word-break: break-word;
}

.swnova-toaster-container .message-title {
    flex: 1 1 auto;
    color: #111111;
    font-size: 13px;
    line-height: 18px;
    text-align: left;
    font-weight: 600;
    display: inline;
    margin-right: 5px;
}

.swnova-toaster-container .footer {
    display: flex;
    height: 3px;
}

.swnova-toaster-container .footer-left {
    flex: 0 0;
    flex-basis: 0%;
    -webkit-animation-name: swnova_toaster_timer;
    animation-name: swnova_toaster_timer;
    animation-timing-function: linear;
}

.swnova-toaster-container .swnova-toaster.info .footer-left {
    background-color: rgba(28, 142, 177, 1);
}
.swnova-toaster-container .swnova-toaster.success .footer-left {
    background-color: rgba(0, 167, 83, 1);
}
.swnova-toaster-container .swnova-toaster.error .footer-left {
    background-color: rgba(221, 44, 0, 1);
}
.swnova-toaster-container .swnova-toaster.warning .footer-left {
    background-color: rgba(254, 196, 5, 1);
}

.swnova-toaster-container .footer-right {
    flex: 1 0 auto;
    background-color: transparent;
}

.swnova-toaster-container .close-container {
    display: flex;
    flex-flow: column;
}
.swnova-toaster-container .close-icon {
    font-size: 16px;
    padding: 7px 8px;
    color: #1c8eb1;
    cursor: pointer;
    border-radius: 3px;
    margin: 3px 3px 0px 3px;
}
.swnova-toaster-container .close-icon:hover {
    background-color: rgba(17,17,17,.05);
}

.swnova-toaster-container .icon {
    font-size: 16px;
    padding: 9px 8px;
}

.swnova-toaster-container .swnova-toaster:hover .bottom-container-left {
    -webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;
}

@media screen and (max-width: 470px) {
    .swnova-toaster-container.top-center,
    .swnova-toaster-container.bottom-center {
        left: 10px;
        right: 10px;
    }
}

@-webkit-keyframes swnova_toaster_timer { 
    from {flex-basis: 100%;} to {flex-basis: 0%;} 
} 

@keyframes swnova_toaster_timer { 
    from {flex-basis: 100%;} to {flex-basis: 0%;} 
} 
/* sw_nova_treetable.css */
/* BOF no indentation for 1st indented level */
/* */
/* */

div.treetablenode.root > checkbox.treetablecheckbox, div.treetablenode.root > div.treetablenodehelper > span.treetableicon {
    display: none;
}

div.treetablenode.root > div.child.visible, div.treetablenode[depth="1"] > checkbox.treetablecheckbox {
    margin-left: 2px !important;
}

div.treetablenode:not([depth="0"]) > div.child.visible {
    margin-left: 22px;
}

/* */
/* */
/* EOF no indentation for 1st indented level */

div.treetable {
    font-family: "Open Sans";
    font-size: 13px;
    color: #0079AA;
}
div.treetablenode {
    display: inline-block;
    /* margin: 0px -10px 0px 5px; */
    height: 30px;
    width: 100%;
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing: unset;
    user-select: none;
}
div.treetablenode:focus {
    outline: none;
}
div.treetablenode.root {
    margin: 0px -10px 0px 0px;
}
div.treetablenode.selected {
    background-color: rgba(192, 70, 255, 0.1);
}
div.treetablenode.selected:hover {
    background-color: rgba(192, 70, 255, 0.15);
}
div.treetablenodehelper {
    position: relative;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    flex-flow: row;
    flex: 1 0 1px;
    max-width: 100%;
    min-height: 30px;
}
div.treetablenodehelper.notcheckable {
    cursor: unset;
}
checkbox.treetablecheckbox {
    cursor: pointer;
    margin: 9px -14px 0px 25px;
}
checkbox.treetablecheckbox.ic_radio_on,
checkbox.treetablecheckbox.ic_radio_off {
    position: relative;
    top: -1px;
}
span.treetableicon {
    display: inline-block;
    width: 16px;
    padding-top: 9px;
    padding-left: 6px;
    cursor: pointer;
    flex: 0 0 16px;
}
/* span.treetableicon:not(.ic_toggle_right):not(.ic_toggle_down) {
    width: 16px;
    cursor: auto;
} */
div.treetablenode > div.treetablenodehelper > span.treetablelabel {
    max-width: calc(100% - 56px);
}
div.treetablenode.haschildcounter.selected > div.treetablenodehelper > span.treetablelabel {
    font-weight: 600;
    max-width: calc(100% - 86px);
}
span.treetablelabel {
    font-family: 'Open Sans';
    display: inline-block;
    white-space: nowrap;
    color: #111111;
    height: 30px;
    padding-top: 5px;
    margin-left: 7px;
    text-overflow: ellipsis;
    flex:  1 0 1px;
    overflow: hidden;
}
div.treetablenode[depth="0"] span.treetablelabel {
    margin-left: 10px;
} 
div.child{
    display: none;
}
.child.visible {
    display: block;
    margin-left: 28px;
}
.child.headingline {
    background-image: linear-gradient(#d5d5d5 33%, rgba(84,84,84,0) 50%);
    background-size: 2px 4px;
    background-repeat: repeat-y;
    margin-bottom: 10px;
}
div.treetablenode > div.treetablenodehelper > div.childCounter {
    position: absolute;
    right: 0px;
    color: #707070;
    font-size: 13px;
    width: 30px;
    height: 30px;
    padding-top: 6px;
    text-align: center;
}
div.treetablenode.selected > div.treetablenodehelper > div.childCounter {
    font-weight: 600;
}

table.treetable .itlabel > .novaCheckbox {
    font-size: 16px;
} 
/* sw_nova_search.css */
div.search {
    position: relative;
    width: 100%;
    max-width: 400px;
    min-width: 180px;
    border: 0.5px solid #D5D5D5;
    height: 30px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: inset 0px 0.5px 1px 0px rgba(51, 51, 51, 0.3);
}
div.search:hover {
    border-color: #999999;
}
div.search.focused {
    border-color: #006F9D;
}
div.search input, div.search input:focus {
    float: left;
    font-family: "Open Sans";
    font-size: 13px;
    color: #111111;
    line-height: 16px;
    text-align: left;
    width: calc(100% - 80px);
    height: 100%;
    border: none;
    margin-left: 10px;
    background: none;
    outline: none;
}
div.search input::selection {
    background: rgba(192, 70, 255, 0.15);
}
div.search > div.searchSubmit, div.search > div.searchReset {
    position: absolute;
    font-size: 16px;
    width: 30px;
    height: 28px;
}
div.search.active > div.searchSubmit:hover, div.search.active > div.searchReset:hover {
    background: rgba(17, 17, 17, 0.05);
    cursor: pointer;
}
div.search > div.searchSubmit {
    right: 0px;
}
div.search > div.searchReset {
    display: none;
    right: 30px;
    border-right: 1px #D5D5D5 solid;
}
div.search.active > div.searchReset {
    display: block;
}
div.search i {
    position: absolute;
    top: 22%;
    left: 25%;
    color: #878787
}
div.search.active i {
    color: #0079AA;
}
span.searchhighlight {
    background-color: rgba(249, 157, 28, 0.3);
}
/* sw_nova_contextmenu.css */
div.contextMenuHelper {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
}
div.contextMenu {
    display: inline-block;
    position: relative;
    height: 30px;
    min-width: 30px;
    background: none;
    color: #0079AA;
    font-family: "Open Sans";
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    text-align: center;
    font-size: 13px;
}
div.contextMenu > div.contextMenuTrigger {
    height: 30px;
    max-height: 30px;
    text-align: center;
    cursor: pointer;
    border-bottom: 5px;
    border-radius: 3px;
}
div.contextMenu.isSelectbox > div.contextMenuTrigger {
    border: 1px #999 solid;
}
div.contextMenu > div.contextMenuTrigger:not(.withLabel) {
    width: 30px;
}
div.contextMenu > div.contextMenuTrigger:hover, div.contextMenu > div.contextMenuTrigger.opened {
    background-color: rgba(17, 17, 17, 0.05);
}
div.contextMenu > div.contextMenuTrigger span.contextMenuTriggerLabel {
    position: relative;
    margin-left: 6px;
    margin-right: 10px;
    top: 5px;
    left: 4px;
    font-size: 13px;
    display: inline-block;
    color: #0079AA;
    font-family: "Open Sans";
    user-select: none;
    float: left;
}
div.contextMenu > div.contextMenuTrigger > i {
    position: relative;
    width: 50%;
    top: 26%;
    height: auto;
    margin: 0 auto;
    color: #0079AA;
    font-size: 16px;
}
div.contextMenu > div.contextMenuTrigger > i.withLabel {
    padding-right: 6px;
}
div.contextMenu > div.contextMenuTrigger.withLabel {
    text-align: right;
}
div.contextMenu > div.contextMenuFloatingMenu {
    box-shadow: 0px 1px 5px rgba(17, 17, 17, 0.3);
    position: absolute;
    top: 31px;
    min-width: 140px;
    padding: 3px 0px;
    cursor: default;
    background-color: #ffffff;
}
div.contextMenu > div.contextMenuFloatingMenu.openLeft {
    right: 0px;
}    
div.contextMenu > div.contextMenuFloatingMenu.openRight {
    left: 0px;
}    
div.contextMenu > div.contextMenuFloatingMenu.hidden {
    display: none;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem {
    height: 30px;
    cursor: pointer;
    text-align: left;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.disabled {
    cursor: default;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.separator {
    height: 1px;
    margin-top: 5px;
    margin-bottom: 2px;
    border-top: 1px #D5D5D5 solid;
    cursor: default;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem:hover:not(.disabled):not(.contextMenuItemTypeLabel), div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem:active:not(.disabled):not(.contextMenuItemTypeLabel) {
    background-color: rgba(243, 243, 243, 0.5);
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeLabel {
    cursor: default;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeLabel > span.contextMenuLabel {
    color: rgba(17, 17, 17, 0.6);
    text-transform: uppercase;
    font-size: 11px;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeCheckbox > span.contextMenuCheckbox {
    font-size: 16px;
    color: #888888;
    padding-left: 10px;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeCheckbox > span.contextMenuCheckbox.ic {
    position: relative;
    top: 8px;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeCheckbox > span.contextMenuCheckbox.ic_checkbox_checked {
    color: #0079AA;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeCheckbox > span.contextMenuCheckbox.ic_checkbox {
    color: #888888;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem > span.contextMenuLabel {
    color: #0079AA;
    position: absolute;
    margin: 7px 10px;
}
div.contextMenu.isSelectbox > div.contextMenuFloatingMenu > div.contextMenuItem[selected='selected'] {
    background-color: rgba(192, 70, 255, 0.1);
}
div.contextMenu.isSelectbox > div.contextMenuFloatingMenu > div.contextMenuItem[selected='selected']:hover {
    background-color: #ceebed;
}
div.contextMenu.isSelectbox > div.contextMenuTrigger span.contextMenuTriggerLabel, div.contextMenu.isSelectbox > div.contextMenuFloatingMenu > div.contextMenuItem > span.contextMenuLabel {
    color: #111111;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem > i.contextMenuIcon {
    position: relative;
    top: 8px;
    font-size: 16px;
    color: #0079AA;
    padding-left: 10px;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.disabled > span.contextMenuLabel, div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.disabled > span.contextMenuCheckbox.ic, div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.disabled > i.contextMenuIcon {
    color: rgba(0, 121, 170, 0.3);
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.featured > span.contextMenuLabel {
    color: #DD2C00;
}
div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.featured.disabled > span.contextMenuLabel {
    color:rgba(221, 44, 0, 0.3);
}
div.contextMenu > div.contextMenuFloatingMenu.positionFixed {
    z-index: 10;
}
div.contextMenuSeparator {
    margin: 2px 2px 2px 5px;
    cursor: default;
    display: inline;
    position: relative;
}
div.contextMenuSeparator > span {
    border-left: 1px #D5D5D5 solid;
    position: absolute;
    min-height: 30px;
}
/* sw_nova_expander.css */
div.expander {
    font-family: "Open Sans";
    font-size: 13px;
    overflow: auto;
}
div.expandernodeheader {
    top: 0px;
    height: 30px;
    width: 100%;
    cursor: pointer;
    border-bottom: 5px;
    transition: right 12s ease-n-out;
}
div.expandernodeheadericon {
    float: left;
    width: 25px;
    height: 30px;
}
div.expandernodeheadericon > i.ic {
    position: relative;
    float: left;
    width: 30px;
    height: auto;
    top: 25%;
    margin: 0 auto;
    color: #0079AA;
}
div.expandernodeheaderlabel {
    position: relative;
    height: auto;
    top: 15%;
    margin: 0 auto;
    color: #111111;
    font-weight: 600;
}
div.expandernodecontent {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
div.expandernodecontent.expandervisible {
    display: inline-block;
}
div.expandernodecontent.expanderhidden {
    display: none;
}
div.expandernodecontenthelper {
    display: inline-block;
    width: 100%;
    margin: 5px 10px 5px 5px;
    padding: 0px 5px 0px 20px;
}
div.expandernodecontenthelper.headingline {
    background-image: linear-gradient(#d5d5d5 33%, rgba(84,84,84,0) 50%);
    background-size: 2px 4px;
    background-repeat: repeat-y;
    margin-bottom: 10px;
}
/* sw_nova_filters.css */
div.filtersOptionHelper span.filtersOptionCheckbox, div.filtersOptionHelper span.filtersOptionIcon {
    font-size: 16px;
}
div.filtersContainer {
    font-family: 'Open Sans';
    font-size: 13px;
    color: #111111;
}
div.filtersOption {
    user-select: none;
}
div.filtersOption:not(.filtersOptionTypeFreetext):not(.filtersOptionTypeDateRange) {
    height: 30px;
}
div.filtersOption:not(.filtersOptionTypeFreetext) span.filtersOptionLabel {
    margin-left: 6px;
    vertical-align: top;
}
div.filtersOption:not(.filtersOptionTypeFreetext) span.filtersOptionLabel.noIcon {
    margin-left: 0px;
}
div.filtersOption.filtersOptionTypeFreetext div.filtersFreetextLabel {
    color: #111111;
    font-weight: 600;
    margin-top: 12px;
    margin-bottom: 5px;
}
div.filtersOption.filtersOptionTypeDateRange {
    margin: 5px 0;
}
div.filtersOption.filtersOptionTypeDateRange .filtersOptionLabel {
    white-space: normal;
    display: inline-block;
    width: calc(100% - 40px);
}
div.filtersOption.filtersOptionTypeFreetext div.filtersFreetextLabel.filtersFreetextLabelHidden {
    display: none;
}
span.filtersOptionCheckbox > i.ic {
    position: absolute;
    color: #888888;
    right: 5px;
    top: 8px;
    width: 16px;
    height: 16px;
}
div.filtersOption.filtersOptionTypeBoolean > div.filtersOptionHelper, div.filtersOption.filtersOptionTypeRadio > div.filtersOptionHelper {
    top: 20%;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: left;
}
div.filtersOption:not(.filtersOptionDisabled):not(.filtersOptionTypeFreetext) > div.filtersOptionHelper {
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
div.filtersOption.filtersOptionDisabled > div.filtersOptionHelper {
    opacity: 0.3;
    cursor: default;
}
div.filtersOption.filtersOptionTypeBoolean span.filtersOptionCheckbox, div.filtersOption.filtersOptionTypeRadio span.filtersOptionCheckbox {
    color: #888888;
    padding: 8px 10px 8px 8px;
}
div.filtersOption.filtersOptionTypeBoolean span.filtersOptionCheckbox.ic_checkbox_checked, div.filtersOption.filtersOptionTypeRadio span.filtersOptionCheckbox.ic_radio_on {
    color: #0079AA;
}
div.filtersOption.filtersOptionTypeBoolean span.filtersOptionCheckbox.ic_checkbox, div.filtersOption.filtersOptionTypeRadio span.filtersOptionCheckbox.ic_radio_off {
    color: #0079AA;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.ic_checkbox_checked:before, div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.ic_checkbox:before {
    content: none;
}
div.filtersBadgeContainer {
    display: inline;
    position: relative;
    margin-left: 5px;
}
div.filtersBadgeContainer.notvisible {
    /*visibility: hidden;*/
}
div.filtersBadgeContainer > div.filtersBadgeContainerHelper {
    display: inline-block;
    position: relative;
    font-size: 11px;
}
div.filtersBadgeContainer > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    display: inline;
    position: relative;
    padding: 3px 5px;
    border-radius: 3px 0px 0px 3px;
    font-family: "Open Sans";
    color: #111111;
}
div.filtersBadgeContainer:not(.filtersIsFreetext) > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    background-color: rgba(17, 17, 17, 0.05);
}
div.filtersBadgeContainer.filtersIsFreetext > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    background-color: rgba(17, 17, 17, 0.1);
}
div.filtersBadgeContainer:not(.filtersIsFreetext) > div.filtersBadgeContainerHelper > span.filtersBadgeLabel.filtersOver, div.filtersBadgeContainer > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper.filtersOver {
    background-color: rgba(17, 17, 17, 0.1);
}
div.filtersBadgeContainer > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    display: inline;
    position: relative;
    background-color: rgba(17, 17, 17, 0.05);
    padding: 3px 0px;
    font-family: "Open Sans";
    border-left: 1px #fff solid;
    border-radius: 0px 3px 3px 0px;
}
div.filtersBadgeContainer:not(.filtersIsFreetext) > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    border-left: none;
}
div.filtersBadgeContainer > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper > span.filtersBadgeLabelValue {
    display: inline;
    position: relative;
    padding: 0px 2px 0px 4px;
}
div.filtersBadgeContainer > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper > span.filtersBadgeClose {
    display: inline;
    position: relative;
    cursor: pointer;
    color: #0079AA;
    padding: 0px 4px 0px 3px;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 400px;
    min-width: 180px;
    border: 0.5px solid #D5D5D5;
    height: 30px;
    border-radius: 3px;
    background-color: #FFFFFF;
    box-shadow: inset 0px 0.5px 1px 0px rgba(51, 51, 51, 0.3);
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox:hover {
    border-color: #999999;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.focused {
    border-color: #006F9D;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > input, div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > input:focus {
    float: left;
    font-family: "Open Sans";
    font-size: 13px;
    color: #111111;
    line-height: 16px;
    text-align: left;
    width: calc(100% - 50px);
    max-width: none;
    height: 100%;
    border: none;
    margin-left: 10px;
    background: none;
    outline: none;
    padding: 0px;
    padding-right: 18px;
}

div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > input, div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > input:placeholder-shown {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > input::selection {
    background: rgba(192, 70, 255, 0.15);
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > div.filtersOptionSearchSubmit, div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > div.filtersOptionSearchReset {
    position: absolute;
    font-size: 16px;
    width: 30px;
    height: 28px;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.active > div.filtersOptionSearchSubmit:hover, div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.active > div.filtersOptionSearchReset:hover {
    background: rgba(17, 17, 17, 0.05);
    cursor: pointer;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > div.filtersOptionSearchSubmit {
    right: 0px;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox > div.filtersOptionSearchReset {
    display: none;
    right: 30px;
    border-right: 1px #D5D5D5 solid;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.active > div.filtersOptionSearchReset {
    display: block;
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox i {
    position: absolute;
    top: 22%;
    left: 25%;
    color: #878787
}
div.filtersOption.filtersOptionTypeFreetext span.filtersOptionCheckbox.active i {
    color: #0079AA;
}
div.filtersOption .filtersOptionRangeContainer {
    margin-top: 10px;
    display: none;
}
div.filtersOption .filtersOptionRangeContainer > span.filtersOptionLabel {
    display: block;
}
div.filtersOption .filtersOptionRangeContainer > .datepicker {
    width: 100%;
}
div.filtersBadgesContainerBtn {
    position: absolute;
    display: inline-block
}
div.filtersBadgesContainerBtn.hasShowMore {
    position: absolute;
    top: 0px;
    right: 10px;
    text-align: right;
}
span.filtersClearAll, span.filtersShowMore {
    white-space: nowrap;
    font-size: 11px;
    line-height: 15px;
    padding-left: 10px;
    user-select: none;
}
span.filtersShowMore {
    position: absolute;
    top: 2px;
    z-index: 2;
}
span.filtersShowMore > a {
    cursor: pointer;
}
div.filtersBadgesContainer.isResponsive {
    overflow: hidden !important;
    position: relative !important;
    padding-right: 80px;
}
/* BOF vertical badges */
div.filtersBadgeContainer.filtersVertical {
    margin: 0px;
}
div.filtersBadgeContainer.filtersVertical > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    width: 100%;
    display: inline-block;
    border-radius: 3px 3px 0px 0px;
    margin-top: 1px;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext) {
    display: block;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext) > div.filtersBadgeContainerHelper {
    background-color: rgba(17, 17, 17, 0.05);
    margin-top: 1px;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext) > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    margin-top: unset;
    background-color: unset;
    width: unset;
    border-radius: unset;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext):first-of-type > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    border-radius: 3px 0px 0px 0px;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext):first-of-type > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    border-radius: 0px 3px 0px 0px;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext):last-of-type > div.filtersBadgeContainerHelper > span.filtersBadgeLabel {
    border-radius: 0px 0px 0px 13px;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext):last-of-type > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    border-radius: 0px 0px 13px 0px;
}
div.filtersBadgeContainer.filtersVertical:not(.filtersIsFreetext) > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    background-color: unset;
    float: right;
    display: inline-block;
}
div.filtersBadgeContainer.filtersVertical > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    border-left: unset;
    border-radius: 0px;
    margin-top: 1px;
}
div.filtersBadgeContainer.filtersVertical > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper > span.filtersBadgeLabelValue {
    display: inline-block;
}
div.filtersBadgeContainer.filtersVertical > div.filtersBadgeContainerHelper, div.filtersBadgeContainer.filtersIsFreetext.filtersVertical > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper {
    display: block;
}
div.filtersBadgeContainer.filtersIsFreetext.filtersVertical > div.filtersBadgeContainerHelper > div.filtersBadgeValueHelper > span.filtersBadgeClose {
    float: right;
}


/* sw_nova_popover.css */
.popoverContainer {
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 0px 5px 0px rgba(17, 17, 17, 0.3);
    padding: 10px;
    z-index: 1;
}
.popoverIsHidden {
    display: none;
}
.popoverIsVisible {
    display: block;
}
.popoverAnchor div.popoverAnchorArrow:after {
    border-width: 9px;
    content: "";
}
/* 1 top-left, 2 top-right, 3 right-top, 4 right-bottom, 5 bottom-right, 6 bottom-left, 7 left-bottom, 8 left-top */
.popoverAnchor > div.popoverContainer.popoverAnchorArrow1, .popoverAnchor > div.popoverContainer.popoverAnchorArrow2 {
    margin-top: 14px;
}
/* top-left */
.popoverAnchor > div.popoverContainer.popoverAnchorArrow1 > div.popoverAnchorArrow, .popoverAnchor > div.popoverContainer.popoverAnchorArrow1 > div.popoverAnchorArrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow1 > div.popoverAnchorArrow:after {
    content: " ";
    top: 1px;
    border-top-width: 0;
    border-bottom-color: #fff;
    left: -9px;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow1 > div.popoverAnchorArrow {
    top: -18px;
    border-top-width: 0;
    border-bottom-color: #999;
    left: 10px;
    border-width: 9px;
}
/* top-right */
.popoverAnchor > div.popoverContainer.popoverAnchorArrow2 > div.popoverAnchorArrow, .popoverAnchor > div.popoverContainer.popoverAnchorArrow2 > div.popoverAnchorArrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow2 > div.popoverAnchorArrow:after {
    content: " ";
    top: 1px;
    border-top-width: 0;
    border-bottom-color: #fff;
    right: -9px;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow2 > div.popoverAnchorArrow {
    top: -18px;
    border-top-width: 0;
    border-bottom-color: #999;
    right: 10px;
    border-width: 9px;
}

.popoverAnchor > div.popoverContainer.popoverAnchorArrow3, .popoverAnchor > div.popoverContainer.popoverAnchorArrow4 {
    margin-right: 14px;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow3 {

}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow4 {

}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow5, .popoverAnchor > div.popoverContainer.popoverAnchorArrow6 {
    margin-bottom: 14px;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow5 {

}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow6 {

}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow7, .popoverAnchor > div.popoverContainer.popoverAnchorArrow8 {
    margin-left: 14px;
}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow7 {

}
.popoverAnchor > div.popoverContainer.popoverAnchorArrow8 {

}

/* sw_nova_slidepanel.css */
.slidePanelContainer {
    position: relative; /* CHANGED */
}
.slidePanelExpandedContainer.slidePanelAnimation {
    overflow-x: hidden;
}
.slidePanelCollapsedContainer.slidePanelAnimation {
    overflow-x: hidden;
}
.slidePanelTrigger {
    cursor: pointer;
}
.slidePanelExpandedContainerHidecontent {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 1;
}
.slidePanelGutter-horizontal {
    position: absolute;
    display: flex;
    top: 0;
    width: 2px;
    height: 100%;
    margin-left: 7px;
    z-index: 99;
    cursor: ew-resize;
}
.slidePanelGutter-vertical {
    position: absolute;
    display: flex;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: 7px;
    min-width: auto;
    z-index: 99;
    cursor: ns-resize;
}
.slidePanelGutter-vertical.slidePanelGutterHovering, 
.slidePanelGutter-vertical.slidePanelGutterActive {
    height: 16px;
    min-height: 16px;
    margin-top: unset;
}
.slidePanelGutter-horizontal.slidePanelGutterHovering, 
.slidePanelGutter-horizontal.slidePanelGutterActive {
    width: 16px;
    min-width: 16px;
    margin-left: unset;
}
.slidePanelGutterDisabled {
    pointer-events: none;
}
.slidePanelGutterHovering:not(.slidePanelGutterActive) {
    background-color: rgba(192, 70, 255, 0.1);
}
.slidePanelGutterHovering:not(.slidePanelGutterActive) .slidePanelGutterSplit {
    background-color: #C046FF;
}
.slidePanelGutterActive {
    background-color: rgba(192, 70, 255, 0.15);
}
.slidePanelGutterActive .slidePanelGutterSplit {
    background-color: #C046FF;
}
.slidePanelGutterSplit-horizontal {
    width: 2px;
    height: 100%;
    margin: 0 auto;
}
.slidePanelGutterSplit-vertical {
    height: 2px;
    width: 100%;
    margin: auto 0;
}
/* sw_nova_button.css */
div.novaBtn {
    display: inline-block;
    position: relative;
    height: 30px;
    min-width: 30px;
    background: none;
    color: #0079AA;
    font-family: "Open Sans";
    border-radius: 3px;
    cursor: pointer;
    user-select: none;
    text-align: center;
}
div.novaBtn.novaBtnHighlighted {
    margin-right: 10px;
}
div.novaBtn:hover {
    background-color: rgba(17, 17, 17, 0.05);
}
div.novaBtn:active:hover {
    background-color: transparent;
}
div.novaBtn > div.novaBtnHelper {
    position: relative;
    min-width: 30px;
    min-height: 30px;
}
div.novaBtn.novaBtnHighlighted {
    background-color: #0079AA;
    color: #fff;
}
div.novaBtn.novaBtnDestructive {
    color: #dd2c00;
}
div.novaBtn.novaBtnBorder {
    border: 1px #D5D5D5 solid;
}
div.novaBtn.novaBtnHighlighted:hover {
    background-color: #006F9D;
}
div.novaBtn.novaBtnDisabled:active {
    pointer-events: none;
}
div.novaBtn.novaBtnDisabled:not(.novaBtnHighlighted) {
    color: rgba(17, 17, 17, 0.3);
}
div.novaBtn.novaBtnDisabled.novaBtnHighlighted {
    background-color: rgba(17, 17, 17, 0.3);
}
div.novaBtn.novaBtnDisabled:hover {
    background-color: transparent;
}
div.novaBtn:active:hover {
    transform: scale(0.98);
    transition: all 0.1s ease-in-out;
}
div.novaBtn i.novaBtnIco {
    position: relative;
    top: 7px;
    font-size: 16px;
    margin-left: 10px;
    margin-right: 7px;
}
div.novaBtnHelper.novaBtnTypeIco > i.novaBtnIco {
    margin-left: 7px;
}

div.novaBtn span.novaBtnLabel {
    position: relative;
    top: 4px;
    margin-top: unset;
    vertical-align: text-top;
    font-size: 13px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
}

div.novaBtn i.novaBtnIco + span.novaBtnLabel {
    padding-left: 0px;
    padding-right: 0px;
}

div.novaBtn div.novaBtnHelper.novaBtnTypeLabel:not(.novaBtnNoIcon) span.novaBtnLabel {
    margin-left: 3px;
    margin-right: 10px;
}
div.novaBtnSeparator {
    margin: 2px 2px 2px 5px;
    cursor: default;
    display: inline;
    position: relative;
}
div.novaBtnSeparator > span {
    border-left: 1px #D5D5D5 solid;
    position: absolute;
    min-height: 30px;
}
span.novaBtnSpacer {
    margin-left: 6px;
}
div.novaBtnHelper.novaBtnTypeLabel.novaBtnNoIcon span.novaBtnLabel {
    padding-top: 1px;
}
/* sw_nova_table.css */
div.novatable {
	display: table;
    width: 100%;
    font-family: "Open Sans";
    font-size: 13px;
    border-collapse: collapse;
}
div.novatableTbody {
    display: table-row-group;
}
div.novatableRow {
    display: table-row;
    height: 40px;
    border-bottom: 1px solid #d9d9d9;
}
div.novatableRow.novatableRowChecked {
    background-color: rgba(192, 70, 255, 0.1);
}
div.novatableRow.novatableRowChecked:hover:not(.novaTableHeader), div.novatableRow.novatableRowSelected:hover {
    background-color: rgba(192, 70, 255, 0.15);
}
div.novatableRow:hover:not(.novaTableHeader):not(.novatableRowChecked):not(.novatableRowSelected) {
    background-color: #f2f2f2;
}
div.novatableCell {
    display: table-cell;
    color: #111111;
    padding: 0 10px;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: middle;
}
div.novatableCell.novaTableSelectable {
    cursor: pointer;
}
div.novaTableCheckboxHelper {
    position: relative;
    cursor: pointer;
    width: 30px;
    height: 29px;
}
div.novatableCell.novaTableCheckboxColumn {
    padding: 5px;
}
div.novatableRow:not(.novaTableHeader) > div.novatableCell.novaTableCheckboxColumn {
    padding: 4px 5px;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn {
    min-width: 44px;
    max-width: 44px;
    width: 44px;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu {
    min-width: 75px;
    max-width: 75px;
    width: 75px;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu > div.novaTableCheckboxHelper {
    border: 1px #D5D5D5 solid;
    border-radius: 0px 3px 3px 0px;
    float: left;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu > div.novaTableCheckboxHelper:not(.novaTableCheckboxOptions) {
    border-radius: 3px 0px 0px 3px;
    border-right: none;
    width: 31px;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu > div.novaTableCheckboxHelper:hover, div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu > div.novaTableCheckboxHelper.online {
    background-color: rgba(17, 17, 17, 0.05);
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu > div.novaTableCheckboxHelper > span.novaTableCheckbox {
    top: 6px;
    left: 7px;
    font-size: 16px;
}
span.novaTableCheckbox {
    position: absolute;
    top: 7px;
    left: 8px;
    color:  #0079AA;
    background-color: #fff;
    font-size: 16px;
}
span.novaTableCheckboxMenu {
    position: absolute;
    size: 16px;
    font-weight: 600;
    top: 8px;
    left: 7px;
    color: #0079AA;
}
span.novaTableCheckbox.novaTableCheckboxDisabled {
    color: rgba(136, 136, 136, 0.3);
    cursor: default;
}
span.novaTableCheckbox.ic_checkbox_checked, span.novaTableCheckbox.ic_checkbox_partial {
    color: #0079AA;
}

/** header style **/
div.novatableThead {
    display: table-header-group;
}
div.novatableThead > div.novaTableHeader > div.novatableCell {    
    top: 0px;
    position: sticky;
    outline: 1px solid #e9ecef;
    border: none;
    outline-offset: -1px;
    background-color: #FAFAFA;
    /*
    border: 1px #d9d9d9 solid;
    border-right: 0px;*/
}

div.novatableRow.novaTableHeader {
    background-color: #FAFAFA;
    height: 40px;
}
div.novatableRow.novaTableHeader > div.novatableCell {
    position: relative;
    color: #707070;
    font-weight: 600;
    border: 1px #d9d9d9 solid;
    border-right: 0px;
    user-select: none;
    background-clip: padding-box;
    cursor: default;
}
div.novatableRow.novaTableHeader > div.novatableCell:first {
    border-left: 0px;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable, div.novatableRow.novaTableHeader > div.novatableCell.novaTableReorderable span.novaTableSortIco {
    cursor: pointer;
}
div.novatableRow.novaTableHeader > div.novatableCell[draggable=true] {
    cursor: move;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable.novaTableSortedAsc, div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable.novaTableSortedDesc {
    color: #111111;
    background-color: #F0F0F0;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable > span.novaTableSortIco {
    display: inline-block;
    margin-left: 5px;
    min-width: 12px;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable > span.novaTableSortIco > i.ic.ic_sort_ascending, div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable > span.novaTableSortIco > i.ic.ic_sort_descending {
    font-size: 12px;
    color: #878787;
    font-weight: normal;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableResizable:hover, div.novatableRow.novaTableHeader > div.novatableCell.novaTableSortable:hover {
    background-color: #e3e3e3;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableResizable > span.novaTableGutter-horizontal {
    width: 10px;
    height: 40px;
    right: 0;
    top: 0;
    position: absolute;
}
div.novatableRow.novaTableHeader > div.novatableCell.novaTableResizable > span.novaTableGutter-horizontal:hover {
    cursor: col-resize;
}
div.novatableRow > div.novatableCell.novaTableGutter-active {
    border-right: 2px solid #C046FF;
}
div.novatableRow > div.novatableCell {
    box-sizing: border-box;
}
/** footer style **/
div.novatableRow.novaTableFooter {
    border: 1px green solid;
}
div.novatableRow.novaTableFooter > div.novatableCell {
    font-weight: 600;
}
div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu.opened {
    position: relative;
    overflow: visible;
}
div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu.opened div.novaTableCheckboxFloatingMenu {
    box-shadow: 0px 1px 5px rgba(17, 17, 17, 0.3);
    position: relative;
    left: -32px;
    top: 30px;
    min-width: 290px;
    padding: 3px 0px;
    cursor: default;
    background-color: #ffffff;
    z-index: 1;
}
div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu.opened div.novaTableCheckboxFloatingMenu > div.novaTableCheckboxMenuItem {
    font-weight: normal;
    color: #0079aa;
    height: 30px;
    cursor: pointer;
}
div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu.opened div.novaTableCheckboxFloatingMenu > div.novaTableCheckboxMenuItem:hover, div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu.opened div.novaTableCheckboxFloatingMenu > div.novaTableCheckboxMenuItem:active {
    background-color: #f2f2f2;
}
div.novatableCell.novaTableCheckboxColumn.novaTableHasCheckboxMenu.opened div.novaTableCheckboxFloatingMenu > div.novaTableCheckboxMenuItem > span.novaTableCheckboxMenuLabel {
    color: #0079AA;
    position: absolute;
    margin: 7px 10px;
}
div.novatablePaginationContainer {
    min-height: 40px;
    padding: 5px 10px 0px 10px;
    border-top: 1px solid #D5D5D5;
}
div.novatablePaginationContainer > div.novatablePaginationNavigation {
    width: 50%;
    display: inline-block;
    float: left;
}
div.novatablePaginationContainer > div.novatablePaginationRange {
    margin-top: -3px;
    width: 50%;
    display: inline-block;
    text-align: right;
    float: right;
}
div.novatablePaginationContainer > div.novatablePaginationRange > span.novatablePaginationRangeStats {
    padding: 5px 10px 0px 0px;
    min-height: 30px;
    display: inline-block;
    position: relative;
    top: 6px;
}
div.novaTableHeader > div.novatableCell
{
    z-index: 1;
}
/* sw_nova_calendar.css */
div.calendarContainer {
    display: inline-block;
}
div.calendarContainer > div.calendarContainerHelper {
    display: table;
}
div.calendarContainer div.calendarWeekHeader, div.calendarContainer div.calendarRow {
    display: table-row;
}
div.calendarContainer span.calendarWeekNumberHeader, div.calendarContainer span.calendarDayHeader, div.calendarContainer span.calendarWeekNumber, div.calendarContainer span.calendarDay {
    display: table-cell;
    width: 30px;
    max-width: 30px;
    height: 30px;
}
div.calendarContainer span.calendarDayHeader {
    font-size: 13px;
    font-weight: 600;
    padding-top: 5px;
    text-align: center;
}
div.calendarContainer span.calendarDay, div.calendarContainer span.calendarMonth {
    text-align: center;
}
div.calendarContainer span.calendarWeekNumberHeader, div.calendarContainer span.calendarWeekNumber {
    position: relative;
    top: 4px;
    text-align: center;
    font-size: 11px;
    font-style: italic;
}
div.calendarContainer span.calendarCurrent span.novaBtnLabel {
    font-weight: 700;
    border-bottom: 2px solid #0079aa;
    min-width: 13px;
}
div.calendarContainer span.calendarCurrent.calendarHighlighted span.novaBtnLabel {
    border-bottom-color: #ffffff;
}
div.calendarContainer span.calendarCurrent.calendarFaded span.novaBtnLabel {
    border-bottom-color: rgba(17, 17, 17, 0.6);
}
div.calendarContainer span.calendarFaded span.novaBtnLabel {
    color: rgba(17, 17, 17, 0.6);
}
div.calendarContainer span.calendarDisabled span.novaBtnLabel {
    color: rgba(17, 17, 17, 0.3);
}

div.calendarContainer span.calendarHighlighted.calendarFaded span.novaBtnLabel {
    color: #ffffff;
}
div.calendarContainer div#calendarTodayBtn {
    width: 100%;
}
div.calendarContainer div.calendarNavContainer {
    display: inline-block;
    width: 100%;
}
div.calendarContainer div.calendarNavContainer div.novaBtn#calendarNavMiddleBtn {
    width: 150px;
}
div.calendarContainer span.calendarMonth div.novaBtn, div.calendarContainer span.calendarYear div.novaBtn {
    height: 52px;
}
div.calendarContainer div.calendarRow span.calendarMonth div.novaBtn {
    width: 70px;
}
div.calendarContainer div.calendarRow span.calendarYear div.novaBtn {
    width: 42px;
}
div.calendarContainer div.calendarRow.calendarWithWeekNr span.calendarMonth div.novaBtn {
    width: 80px;
}
div.calendarContainer div.calendarRow.calendarWithWeekNr span.calendarYear div.novaBtn {
    width: 60px;
}
div.calendarContainer span.calendarMonth div.novaBtn span.novaBtnLabel, div.calendarContainer span.calendarYear div.novaBtn span.novaBtnLabel {
    padding-top: 12px;
}
div.novaBtn.novaBtnHighlighted {
    margin-right: 0px;
}

/* sw_nova_datepicker.css */
div.datepicker {
    display: inline-block;
    position: relative;
    width: 135px;
    border: 0.5px solid #D5D5D5;
    height: 30px;
    border-radius: 3px;
    background-color: #FFFFFF;
}
div.datepicker:hover {
    border-color: #999999;
}
div.datepicker.focused {
    border-color: #006F9D;
}
div.datepicker.invalidDate {
    border-color: #DD2C00;
}
div.datepicker input, div.datepicker input:focus {
    float: left;
    font-family: "Open Sans";
    font-size: 13px;
    color: #111111;
    line-height: 16px;
    text-align: left;
    width: calc(100% - 40px);
    height: 100%;
    border: none;
    margin-left: 10px;
    padding: unset;
    background: none;
    outline: none;
    z-index: 2;
}
div.datepicker input.prepopulated, div.datepicker input.prepopulated:focus {
    color: rgba(17, 17, 17, 0.6);
}
div.datepicker input::selection {
    background: rgba(192, 70, 255, 0.15);
}
div.datepickerSubmit {
    position: absolute;
    font-size: 16px;
    width: 30px;
    height: 28px;
}
div.datepickerSubmit {
    right: 0px;
    cursor: pointer;
}
div.datepicker div.datepickerSubmit > i {
    position: absolute;
    top: 22%;
    left: 25%;
    color: #0079AA;
}
span.datepickerhighlight {
    background-color: rgba(249, 157, 28, 0.3);
}
div.datepickerError {
    position: absolute;
    top: 30px;
    display: none;
}
div.datepickerError > i {
    color: #DD2C00;
    display: inline-block;
    font-size: 12px;
    top: 5px;
}
div.datepickerError > span.datepickerErrorMessage {
    color: #DD2C00;
    display: block;
    position: absolute;
    top: 3px;
    left: 20px;
    max-width: 135px;
    display: block;
    font-size: 11px;
    font-weight: 600;
    width: 135px;
}
div.datepickerCalendar {
    position: absolute;
    top: 31px;
    right: 0px;
    box-shadow: 0px 0px 5px 0px rgba(17, 17, 17, 0.3);
    background-color: #ffffff;
    padding: 8px 10px;
    z-index: 1000;
    min-width: 230px;
}
div.datepickerCalendar.positionFixed {
    position: fixed;
}
div.datepicker.isHidden, div.datepickerCalendar.isHidden {
    display: none;
}
div.datepicker.isDisabled {
    color: rgba(17, 17, 17, 0.6);
    background-color: #e9e9e9;
    pointer-events: none;
}
div.datepicker.isDisabled div.datepickerSubmit > i {
    color: rgba(17, 17, 17, 0.5);
}
div.noInput, input.noInput, i.noInput {
    width: 0px;
    height: 0px;
    font-size: 0px;
}
/* sw_nova_combobox.css */
.combobox {
    position: relative;
    line-height: 1.42857143;
}
.combobox.inline {
    display: inline-block;
}
.combobox:not(.inline ){
    width: 100%;
}
.combobox input,
.combobox input.error,
.combobox input.error:hover,
.combobox input.error:focus,
.combobox input.error:active {
    padding-right: 60px;
    max-width: 100%;
    color: rgba(17, 17, 17, 0.6);
}
.combobox input::-ms-clear {
    display: none;
}

.combobox input:hover {
    border-color: #999999;
}

.combobox .highlight {
    background-color: #FDE1BA;
}
.combobox input.value-changed {
    color: black;
}

.combobox div.contextMenu {
    position: absolute;
    right: 0;
}
.combobox div.contextMenu.resetCombobox {
    right: 30px;
}
.combobox div.contextMenu.resetCombobox > div.contextMenuTrigger {
    border-right: 1px #E1E1E1 solid;
}

.combobox div.contextMenu > div.contextMenuTrigger {
    width: 30px;
    height: 30px;
    border: 0;
}

.combobox div.contextMenu > div.contextMenuTrigger > i {
    top: 25%;
}
.combobox div.contextMenuItem.active {
    background-color: rgba(243, 243, 243, 0.5);
}

.combobox div.contextMenuFloatingMenu {
    z-index: 100;
}

.combobox.disabled .contextMenu > .contextMenuTrigger > .ic {
    color: #A8A8A8;
}

.combobox .contextMenuFloatingMenu {
    max-height: 153px;
    overflow-y: auto;
    overflow-x: hidden;
}

.combobox .contextMenuLabel {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.combobox.disabled .contextMenu{
    pointer-events: none;
    cursor: default;
}

.combobox .contextMenuItem[selected="selected"] {
    font-weight: bold;
}

.combobox div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.disabled > span.contextMenuLabel {
    color: rgba(17, 17, 17, 0.6000000238418579);
}

.combobox div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.searchTerm {
    cursor: default;
}

.combobox div.contextMenu > div.contextMenuFloatingMenu > div.contextMenuItem.contextMenuItemTypeLabel {
    border-top: 1px #d5d5d5 solid;
}
/* sw_nova_checkbox.css */

.novaCheckbox {
    cursor: pointer;
    color: #888888;
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.novaCheckbox.ic_checkbox_checked {
    color: #0079AA
}

.novaCheckbox.indeterminate:after {
  content: ' ';
  position: absolute;
  top: 7px;
  left: 2px;
  background-color:white;
  width: 12px;
  height: 2px;
}

.swnova-checkbox-label {
    font-weight: 500;
    font-size: 13px;
    color: #111111;
    margin-bottom: 0px;
    line-height: 13px;
    text-transform: lowercase;
}

.swnova-checkbox-label::first-letter {
    text-transform: uppercase;
}

/* sw_nova_radio.css */

.novaRadio {
    cursor: pointer;
    color: #888888;
    font-size: 16px;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

.novaRadio.ic_radio_on {
    color: #0079AA
}

.swnova-radio-label {
    font-weight: 500;
    font-size: 13px;
    color: #111111;
    margin-bottom: 0px;
    line-height: 13px;
    text-transform: lowercase;
}

.swnova-radio-label::first-letter {
    text-transform: uppercase;
}

.novaRadio.keep-disabled{
    pointer-events: none;
    color: #888888;
}
/* sw_nova_popup.css */
.swnova-popup {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
}
.swnova-popup.visible {
    display: flex;
}
.swnova-popup::after {
    background: black;
    opacity: .5;
    content: ' ';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
}
.swnova-popup-content {
    display: flex;
    flex-flow: column;
    margin: 80px auto;
    background: white;
    z-index: 1200;
    max-height: calc(100% - 160px);
    height: -webkit-fit-content;
    height: -webkit-fill-available;
    height: -moz-fit-content;
    height: fit-content;
}
.swnova-popup.sw-small .swnova-popup-content {
    flex: 0 0 400px;
}
.swnova-popup.sw-medium .swnova-popup-content {
    flex: 0 0 600px;
}
.swnova-popup.sw-large .swnova-popup-content {
    flex: 0 0 900px;
}
.swnova-popup-header,
.swnova-popup-footer {
    flex: 0 0 60px;
    display: flex;
    padding: 15px;
    align-items: center;
}
.swnova-popup-header {
    justify-content: space-between;
    color: #111111;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #D5D5D5;
}
.swnova-popup-footer {
    border-top: 1px solid #D5D5D5;
    justify-content: flex-end;
}
.swnova-popup-body {
    overflow: auto;
    padding: 10px 15px;
    padding-bottom: 30px;
    position: relative;
}
.swnova-popup-header .close-container {
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    position: relative;
    top: 3px;
    right: 0px;
    padding-top: 1px;
}
.swnova-popup-header .close-container .ic_close {
    cursor: pointer;
    color: #0079AA;
    font-size: 16px;
}

/******** HAMMER SECTION ********/
.swnova-popup .swnova-popup-footer .novaBtn {
    min-width: 80px;
    margin-left: 10px;
}
.swnova-popup input[type="text"]:not(.combobox-input), input[type="number"], input[type="password"], input[type="email"], textarea, select {
    max-width: unset;
}
.swnova-popup .field-label,
.swnova-popup .field-label-regular {
    font-weight: 600;
    font-size: 13px;
    color: #111111;
    margin-bottom: 0px;
    line-height: 13px;
    text-transform: lowercase;
}

.swnova-popup .field-label.big {
    font-size: 15px;
}

.swnova-popup .field-label-regular {
    font-weight: 500;
}

.swnova-popup .field-label::first-letter,
.swnova-popup .field-label-regular::first-letter {
    text-transform: uppercase;
}

.swnova-popup .section-label {
    font-size: 16px;
    color: #111111;
    font-weight: 600;
}
.swnova-popup .row {
    margin-left: 0px;
    margin-right: 0px;
}
.swnova-popup .checkbox-container {
    display: inline-flex;
    align-items: baseline;
}
.swnova-popup .checkbox-container > .novaCheckbox  {
    margin-right: 6px;
}
.swnova-popup .pages-simple-container.first{
    margin-top: 5px;
}
.swnova-popup .pages-simple-container{
    margin-top: 14px;
    color: #111;
}
.swnova-popup .pages-simple-container-small-padding {
    display: block;
}
.swnova-popup .pages-simple-container-small-padding.row {
    flex-flow: row;
}
.swnova-popup .pages-simple-container-small-padding.column {
    flex-flow: column;
}

.swnova-popup .pages-simple-container-header.first{
    margin-top: 5px;
}
.swnova-popup .pages-simple-container-header {
    margin-top: 26px;
}

.swnova-popup .pages-simple-container-header label {
    margin-bottom: 0px;
}

.swnova-popup .pages-simple-container-toggle .first {
    margin-top: 10px;
}

.swnova-popup .pages-simple-container-toggle {
    margin-top: 11px;
}

.swnova-popup .form-input-container {
    min-height: auto;
}

.swnova-popup .pages-simple-container {
    min-height: auto;
}
.swnova-popup .sw-toggle {
    margin: 0px 5px;
}
.swnova-popup .sw-toggle > .sw-toggle-text {
    color: transparent;
}
.swnova-popup div.search {
    max-width: unset;
}

.swnova-popup label {
    text-transform: lowercase;
}
.swnova-popup label::first-letter {
    text-transform: uppercase;
}

.lang-de .swnova-popup label {
    text-transform: initial;
}
.lang-de .swnova-popup label::first-letter {
    text-transform: initial;
}

.swnova-popup .pages-simple-container.description {
    font-style: italic;
    font-size: 11px;
}

.swnova-popup .info-msg-container{
    width: 100%;
    height: 100%;
    display: flex;
    background-color: #ddeef3;
    border: 1px solid #1c8eb1;
    padding: 10px;
    margin-bottom: 10px;
}

.swnova-popup .info-msg-container.hidden{
    display: none;
}

.swnova-popup .info-msg-container .info-icon-container{
    color: #1c8eb1;
    font-size: 15px;
    padding-right: 5px;
}
/* sw_nova_timeframepicker.css */
.timeframe-picker {
  position: fixed;
  background: #fff;
  z-index: 9999;
  opacity: 1;
  transition: opacity 250ms linear;
  display: flex;
  flex-wrap: wrap;
  max-width: 290px;
  box-shadow: 0 0 10px 1px rgba(0,0,0,.25);
}

.quickPick-container {
  flex: 0 0 125px;
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  border-left: 1px #ECECEC solid;
}

.picker-custom-container {
  flex: 0 0 160px;
  display: flex;
  flex-direction: column;
  border-left:1px #ECECEC solid;
}

.picker-section-label {
  padding: 10px;
  text-transform: uppercase;
}

.timeframe-picker-overlay {
  position: fixed;
  top:0;
  left:0;
  z-index: 9998;
  width: 100%;
  height: 100%;
  background: rgb(17,17,17);
  opacity: .5;
  transition: opacity 250ms linear;
}

.anim-hide {
  opacity: 0;
}

.timeframe-picker > .ic {
  position: absolute;
  top: 10px;
  left: -8px;
  color: #F6F6F6;
}

.quick-pick-item, .quick-pick-item:visited {
  padding: 10px;
  color: #0079AA;
}
.quick-pick-item.active, 
.quick-pick-item.active:hover {
  background-color: #E1F5F7;
  font-weight: bold;
  color: black;
}
.quick-pick-item:hover {
  background-color: rgba(243, 243, 243, 0.5);
  color: black;
}


.picker-input-container {
  padding: 10px;
}

.picker-input-container > .picker-input-label {
  padding-bottom: 5px;
  font-weight: bold;
}

.picker-custom-confirmation-box {
  width: 100%;
  text-align: right;
  border-top:1px #ECECEC solid;
  overflow:hidden;
  padding: 0 10px;
  transition: all 250ms linear;
  max-height: 51px;
}

.picker-custom-confirmation-box.not-visible {
  max-height: 0;
}

.picker-custom-confirmation-box .novaBtn {
  min-width: 35%;
  margin: 10px;
  margin-right: 0;
}

.timeframe-picker div.datepicker {
  width: unset;
}

.timeframe-picker .picker-input-container + .picker-input-container {
  padding-top: 0;
}