/* @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;
}

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

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

.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;
}

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

@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"],
textarea, select {    
    background: #FFFFFF;
    color: #111111;
    font-size: 13px;
    padding: 6px 9px;
    max-width: 300px;
    width: 100%;
    height: 26px;
    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 {
    text-transform: none !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;
    white-space: nowrap; 
    text-overflow:ellipsis; 
    overflow: hidden; 
    max-width:1px;
}

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

.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: #1d1d1d;
    margin: 0px;
}

.sw-right-top-menu > .navbar-nav > li {
    background-color: #1d1d1d;
}

.sw-right-top-menu > .navbar-nav > li:hover{
    background-color: #474747;
}

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

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

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

.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 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 {
    width: 570px;
    color: white;
}

.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: #337ab7;
    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: #1d1d1d;
    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;
}

.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-text {
    height: 25px;
    margin-top: 13px;
    font-weight: 600;
}

.sw-topbar.n-able .sw-topbar-product-name-text {
    text-transform: uppercase;
    font-weight: 400;
}

.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-news-ballon-container {
    display: inline-block;
    width: 18px;
    height: 18px;
}

.sw-topbar .label {    
    position: fixed;
    margin-top: -6px;
    margin-left: -12px;
    border-radius: 13px;
    padding: 2px 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: #b3b3b3;
}
:-moz-placeholder {
    color: #b3b3b3;
}
::-moz-placeholder { 
    color: #b3b3b3;
}
:-ms-input-placeholder { 
    color: #b3b3b3;
}
::-ms-input-placeholder {
    color: #b3b3b3;
}

.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: #1d1d1d;
    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: 768px) {  

    .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;
    }

    .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);
    }
    .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.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: 15px;
    position: relative;
    top: -32px;
    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: #1d1d1d;
}

.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 #333333;
}

.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;
    border-left: 1px solid #333333;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 0px;
    position: relative;
    top: -4px;
    cursor: pointer;
}

.sw-left-menu .sw-sub-menu > li > .indenter  {
    display: inline-flex;
    margin-left: 25px;
    border-left: 1px solid #333333;
    width: 100%;
}

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

.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: 5px;
}

.sw-left-menu .sw-sub-menu > li:hover {
    background: #1d1d1d;
}


.sw-leftbar.leftbar-hide .sw-left-menu .sw-sub-menu > li > .indenter  {
    margin-left: 15px;
}

.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: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 {
    color: var(--sw-color);
}

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

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

.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;
}
.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;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li > a > span {
    border-top-right-radius: 4px;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li:not(.sw-menu) > a > span {
    border-bottom-right-radius: 4px;
}
.sw-leftbar.leftbar-hide .sw-left-menu > li > .sw-sub-menu {
    padding-top: 0px;
    padding-bottom: 0px;
    border-bottom-right-radius: 4px;
    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(.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: 15px;
    position: relative;
    top: -32px;
    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: 25px;
    top: -32px;
    font-size: 30px;
    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);
}
.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:hover > a,
.sw-left-menu > li.selected:hover > a,
.sw-left-menu > li.expanded:hover > a
{
    color: #ffffff;
    border-left: 3px solid #aaaaaa;
    background: #1d1d1d;
}

.sw-left-menu > li:hover > a > span {
    background: #1d1d1d;
}

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

.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: 16px;
    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: #1D1D1D;
}

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

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


.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: 30px;
    padding: 0px;
    line-height: 28px;
    padding-left: 15px;
    background: #272727 !important;
    margin-top: 10px;
}

.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: 40px;
}

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

.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;
    }
    
    .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;
}

@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;
}

/*.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;
    }
}

/* ################################################################ */
/* 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;
}

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

.sw-tabs > 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 {
    height: 40px;
    float: left;
    color: #848484;
    padding: 11px 15px;
    text-align: center;
    border-bottom: 1px solid #D5D5D5;
    cursor: pointer;
}

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

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

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

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

.sw-tabs > 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 {
    color: #111;
    font-weight: bold;
}

.sw-tabs > ul > li.disabled,
.sw-tabs > ul > li.disabled:hover,
.sw-tabs > 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 {
    color: #c5c5c5;
    cursor: not-allowed;
    background: white;
}

.sw-tabs > 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 {
        height: 36px;
    }
    
    .sw-tabs > ul > li {
        padding: 8px 11px;
        font-size: 12px;
        height: 36px;
    }
}

@media screen and (max-width: 768px) {
    
    .sw-tabs > ul {
        display: none;
    }
}

/* ################################################################ */
/* 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);
}

.n-able .sw-sub-tabs > ul > li.active {
    color: var(--n-able-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;
    width: 80px;
    height: 100%;
    padding: 4px;
    padding-top: 2px;
    border-right: 1px solid #DCDCDC;
    cursor: pointer;
    text-align: center;
    background: #FFFFFF;
}

.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;
}

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

.sw-toggle {
    width: 45px;
    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 {
    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: 16px;
    height: 16px;
    border-radius: 8px;
    background: white;
    display: block;
    margin-top: 2px;
    float: right;
    position: relative;
    right: 27px;
    
    -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; 
}

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

.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: 150px;
    display: block;
    height: 30px;
    border-radius: 2px;
    padding: 5px 8px;
    text-align: center;
    cursor: pointer;
    margin: 0px 5px;
    text-transform: lowercase;
}

.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-top: 5px;
    padding-bottom: 20px;
    padding-top: 0px;
}

.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: #FAFAFA;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    flex: 1 1 360px;
    overflow: auto;
}

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

.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: 0px;
}

.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;
    }
}

.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:400px;
    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;
}

.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-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;
}

#two_factor_authentication_popup .sw-popup-container {
    width: 900px;
}

#two_factor_authentication_popup .sw-popup-container .body {
    padding: 12px 15px;
}

#two_factor_authentication_popup .sw-popup-container .body .box {
    padding: 10px;
}

/*----------------------------*/
.notif_label{
    margin-bottom:2px;
    padding:8px;
    background:white;
    cursor:pointer;
}
.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: #E35050;
}

.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 .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;
}

.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: #474747;
}

.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);
}

.n-able .sw-right-bar > .old-style > .info-block > ul > li.old-style-link.selected,
.n-able .sw-right-bar > .old-style > .info-block > ul > li.old-style-link.selected a {
    color: var(--n-able-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-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;
}

.n-able .sw-application-switcher-box > .app-sw {
    color: var(--n-able-color);
}

.sw-application-switcher-box > .app-name {
    color: #333333;
    font-weight: bold;
    font-size: 11px;
}

.sw-application-switcher-box > .app-icon {
    font-size: 30px;
    color: #AAAAAA;
    margin-top: 5px;
}

#vaults-container #vaults_notifications {
    background: #F3F3F3;
    padding-top: 2px;
}

#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_revoke_two_factor_auth .body {
    width: 590px;
    padding: 15px 25px;
    padding-bottom: 30px;
}
@media screen and (max-width: 600px) {
    #global_revoke_two_factor_auth .body {
        width: unset;
    }
}

#global_revoke_two_factor_auth .body input {
    max-width: 100%;
}

#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_check_pass {
    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_check_pass: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;
}

#two_factor_auth .sw-popup-container {
    width: 900px;
}

#two_factor_auth .sw-popup-container .body {
    padding: 12px 15px;
    overflow: auto;
}

#two_factor_auth .sw-popup-container .body .box {
    padding: 10px;
}

#two_factor_auth .sw-popup-container .body #terms_box input {
    position: relative;
    top: 2px;
}

#revoke_two_factor_auth .body {
    width: 590px;
    padding: 15px 25px;
    padding-bottom: 30px;
}

#revoke_two_factor_auth .body input {
    max-width: 100%;
}

#two_factor_auth .sw-popup-container .header {
    flex: 0 0 auto;
}

#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;
}

#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;
}