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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

table.treetable {
    width:100%;
}

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

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

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

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

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

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

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

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

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

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

table.treetable tbody tr td{
  padding: .2em 0em;
  height: 22px;
}
/* style_v2.css */
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box; 
    font-family: 'Open Sans', sans-serif;
}

html,body{
	height: 100%;
	margin: 0;
}

body{
	display: flex;
	flex-flow: column;
}

.main-container{
	width: 100%;
	height: calc(100% - 50px);
	background-color: #292929;
	display: flex;
	align-items: center;
    justify-content: center;
    padding: 15px;
}

.ui-widget.ui-widget-content {
	background: #292929;
}

.ui-dialog .ui-dialog-buttonpane {
    background: #292929;
    padding-top: 11px;
}

.login-container{
	width: 470px;
	height: 500px;
	background-color: #333333;
	box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.25);
	display: flex;
	flex-flow: column;
	border-radius: 8px;
}

.login-container .title{
	height: 20%;
	display: flex;
	align-items: center;
}

.login-container .title .text{
	color: white;
	font-weight: 600;
	font-size: 17px;
	padding-left: 40px;
}

.login-container .form{
	height: 55%;
	display: flex;
    flex-flow: column;
}

.login-container .form .section-container{
	flex: 1 1 auto;
	display: flex;
	align-items: center;
    justify-content: center;
    flex-flow: column;
}

.section{
	display: flex;
	flex-flow: column;
	width: 100%;
	padding: 0px 40px;
}

.login-container .form .section-container .section .label{
	color: white;
	padding-bottom: 8px;
	font-size: 14px;
}

.login-container .form .section-container .section input{
	color: white;
	padding-bottom: 5px;
	background-color: #414141;
	border: none;
	height: 35px;
    padding-left: 10px;
}

.login-container .button-container{
	height: 25%;
	display: flex;
	align-items: center;
    justify-content: center;
}

.login-container .button-container button{
    border: none;
    background-color: #19CC8B;
    color: white;
    width: 200px;
    height: 50px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
    outline: none;
    font-weight: 600;
}

.top-bar{
	height: 50px;
	background-color: #333333;
	box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.25);
	display: flex;
}

.top-bar .branding-container{
	width: 50%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 50px;
}

.top-bar .branding-container .logo{
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	background-color: #19CC8B;
	width: 50px;
	font-size: 20px;
	font-weight: 600;
}

.top-bar .branding-container .text{
	color: white;
	padding-left: 15px;
	font-size: 15px;
}

.top-bar .buttons-container{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 50px;
}

.top-bar .buttons-container .button-container:first-child{
	padding-right: 5px;
	padding-left: 10px;
}

.top-bar .buttons-container .button-container{
	padding-right: 10px;
}

.top-bar .buttons-container .button-container button{
	display: none;
}

#top_bar_customers_feedback {
	min-width: 155px;
}

.detailsContainer{
	display: flex;
    width: 100%;
    height: calc(100% - 100px);
    overflow-x: auto;
}

#accountContainer {
    width: 100%;
    height: 100%;
    background-color: #292929;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 25px;
}

#contentContainer .detailsContainer .details-container{
	width: 100%;
	height: 100%;
	padding: 20px 50px;
	display: flex;
	flex-flow: row;
}


#contentContainer .details-container .logo-container{
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 0 0 auto;
	height: 100%;
	width: 30%;
}

#contentContainer .details-container .logo-container img{
	width: 50%;
}

#contentContainer .detailsContainer .details-container .text-container {
    width: 100%;
    display: flex;
    flex-flow: row;
}

#contentContainer .detailsContainer .details-container .left-part {
    display: flex;
    flex: 1 1 100%;
    flex-flow: row;
    flex-wrap: wrap;
    align-content: baseline;
    min-width: 370px;
}

#contentContainer .detailsContainer .details-container .right-part {
    flex: 0 0 400px;
}

#contentContainer .detailsContainer .details-container .text-container .element-container{
    flex: 1 1 460px;
    display: flex;
    height: 40px;
    font-size: 13px;
    padding: 0px 0px;
    padding: 0px 0px;
    align-items: center;
}


#contentContainer .detailsContainer .details-container .text-container .element-container .title-text{
	color: #9D9D9D;
	flex: 0 0 160px;
	display: flex;
}

#contentContainer .detailsContainer .details-container .text-container .element-container .detail-text {
	display: flex;
	color: white;
	flex: 1 1 100%;
    word-break: break-word;
}

.detailsContainer .buttons-container .button-container{
	padding: 0px 10px;
}

#detailsContent select {
	min-width: 70px;
	max-width: 80px;
}

button{
    border: none;
    background-color: #19CC8B;
    color: white;
    max-width: 140px;
    min-width: 85px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    font-weight: 600;
	padding: 0px 15px;
}

button.disabled {
	background-color: #87d5b9;
	cursor: not-allowed;
}

button.secondary{
	border: 1px solid #464646;
	background: #424242;
	font-weight: 400;
}

button.red{
	border: 1px solid #e53030;
	background: #f55050;
	font-weight: 400;
}

#searchContainer .button-container button{
	margin-left: 15px;
}

#contentContainer{
	width: 100%;
	height: 100%;
	flex: 1 1 auto;
	background-color: #333333;
	margin-left: 12.5px;
	box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.25);
	display: flex;
	flex-flow: column;
}

.tabBarContainer .tab-bar-container{
	width: 100%;
	height: 50px;
	display: flex;
	align-items: center;
	flex: 0 0 auto;
}

.tabBarContainer .tab-bar-container .tab{
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 15px 30px;
	font-size: 14px;
	font-weight: 600;
	color: #999999;
	cursor: pointer;
}

.tabBarContainer .tab-bar-container .active{
	color: white;
	border-bottom: 3px solid #19CC8B;
	margin-top: 3px;
}

.tabBarContainer .tab-bar-container .tab:hover{
	background-color: #414141;
}

.tabBarContainer .tab-bar-container .active:hover{
	background-color: #333333;
	text-shadow:0.2px 0.2px 0.2px #fff;
}


#contentContainer .tables-container{
	width: 100%;
	flex: 1 1 auto;
	display: flex;
	padding-top: 15px;
	flex-flow: row;
}

#contentContainer .tables-container .button-container {
    min-width: 90px;
}

#contentContainer .tables-container .side-details-container{
	width: 320px;
	height: 100%;
	display: flex;
	background-color: #414141;
	border-right: 4px solid #333333;
    border-bottom: 4px solid #333333;
    flex: 0 0 auto;
    flex-flow: column;
}

#contentContainer .tables-container .side-details-container .title{
	width: 100%;
	display: flex;
	color: white;
	font-size: 18px;
	align-items: center;
	height: 10%;
	padding-left: 20px;
}

#contentContainer .tables-container .side-details-container .session-details-container{
	display: flex;
	flex: 1 1 auto;
	flex-flow: column;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container{
	display: flex;
	width: 100%;
	flex-flow: column;
	height: max-content;
	padding: 8px 0px;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container .sub-title{
	color: #9D9D9D;
	font-size: 13px;
	padding: 4px 20px;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container .text-detail{
	color: white;
	font-size: 12px;
	padding: 4px 20px;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container-logs{
	display: flex;
	width: 100%;
	flex-flow: row;
	height: max-content;
	padding: 8px 0px;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container-logs .text-detail{
	color: white;
	font-size: 12px;
	padding: 4px 20px;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container-logs .download{
	padding: 4px 20px;
	display: flex;
	 flex: 1 1 auto;
    align-items: center;
    justify-content: flex-end;
}

#contentContainer .tables-container .side-details-container .session-details-container .elements-container-logs .download img{
	width: 15px;
	cursor: pointer;
}

#contentContainer .tables-container .table-content-container{
	flex: 1 1 auto;
	height: 100%;
	display: flex;
	flex-flow: column;
}

#contentContainer .overflow{
	overflow-y: auto;
}

#contentContainer .detailsContainer .tables-container .table-style{
	width: 100%;
	color: white;
}

table, td, th{
	border-collapse: collapse;

}

th{
  text-align: left;
  background-color: #414141;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
  border-top: 2px solid #333333;
}

#techTable th:nth-child(n+4){
	text-align: center;	
}

.tables-container .table-actions-container {
	padding: 0px;
	position: absolute;
	display: none;
    width: 150px;
    border: 1px solid #292929;
    border-top: 0px;
}

.tables-container .table-actions-container .button-container {
    width: 150px;
    border-top: 1px solid #292929;
}

.tables-container .table-actions-container button {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
    border-radius: 0px;
}

td {
  padding: 12px;
  font-size: 12px;
  border-bottom: 1px solid #414141;
  cursor: pointer;
}

#techTable td:nth-child(n+4){
	text-align: center;	
}

th:first-child, td:first-child{
	padding-left: 20px; 
}

.highlight{
	background-color: #4E4E4E;
}

select{
	height: 30px;
	border: none;
	padding-left: 5px;
	background-color: #414141;
	color: white;
}

.hidden{
	display: none !important;
}

#saveBarContainer{
	width: 100%;
	height: 50px;
	background-color: #414141;
	display: flex;
	align-items: center;
    justify-content: flex-end;
    flex: 0 0 auto;
    padding-right: 10px;
}

#saveBarContainer .buttons-container{
	width: 50%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height: 50px;
}

#saveBarContainer .buttons-container .button-container:first-child{
	padding-right: 5px;
	padding-left: 10px;
}

#saveBarContainer .buttons-container .button-container:last-child{
	padding-right: 10px;
	padding-left: 5px;
}

#saveBarContainer .save-button-container{
	height: 100%;
	display: flex;
	align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
}

.filter-search-bar-container{
	height: 43px;
	width: 100%;
	background-color: #414141;
	border-bottom: 2px solid #333333;
	display: flex;
	flex: 0 0 auto;
}

.filter-container{
	width: 85%;
}

.search-container{
	width: 15%;
	padding: 5px;
	display: flex;
}

.search-container input{
	height: 100%;
	width: 100%;
	padding: 10px;
	background-color: #333333;
	color: white;
	border: none;
}

.right-options-container {
    flex: 1 1 100%;
	display: inline-flex;
    flex-flow: row;
    justify-content: flex-end;
}

.filter-search-bar-container .filters-search-textbox {
	color: white;
    padding-bottom: 2px;
    background-color: #333;
    border: none;
    padding-left: 10px;
    margin-right: 4px;
    margin-top: 5px;
    height: 30px;
}

.filter-search-bar-container .filters-group-header {
    font-weight: bold;
    font-size: 13px;
}

.filter-search-bar-container .filters-group-value {
	font-size: 13px;
	cursor: pointer;
}

.filter-search-bar-container .filters-group-value input {
    position: relative;
    top: 2px;
}

.filter-search-bar-container .filters-group {
	margin-bottom: 10px;
}

.filter-search-bar-container .refresh-container {
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-size: 12px;
    color: white;
}

.filter-search-bar-container .refresh-container i {
	cursor: pointer;
}

.filter-search-bar-container .add-tech-btn-container {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.filter-search-bar-container .filters-overlay {
	display: block;
    background: white;
    padding: 10px 20px 1px 10px;
    z-index: 1;
	position: absolute;
	background: #292929;
	color: white;
	display: none;
}

.filter-search-bar-container .filters-link {
	height: 100%;
	padding-top: 12px;
	margin-right: 25px;
	color: white;
	font-size: 12px;
	cursor: pointer;
}

.tables-container .stats-container { 
	color: white;
	padding-top: 12px;
	padding-left: 20px;
	font-size: 13px;
    flex: 0 0 200px;
}

/*------ID/EMAIL------*/
.form-container, .form-container-2{
	width: 470px;
	height: 320px;
	background-color: #333333;
	box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.25);
	display: flex;
	flex-flow: column;
	border-radius: 8px;
}

.form-container .title{
	height: 20%;
	display: flex;
	align-items: center;
	padding-top: 25px;
}

.form-container .title .text{
	color: white;
	font-weight: 600;
	font-size: 17px;
	padding-left: 25px;
}

.form-container .form {
	height: 55%;
	display: flex;
    flex-flow: column;
	margin-top: 15px;
}

.form-container .form .section-container{
	flex: 1 1 auto;
	display: flex;
	align-items: center;
    justify-content: center;
    flex-flow: column;
	margin-top: 15px;
}

.section{
	display: flex;
	flex-flow: column;
	width: 100%;
	padding: 0px 25px;
}

.form-container .form .section-container .section .label{
	color: white;
	padding-bottom: 8px;
	font-size: 14px;
}

.form-container .form .section-container .section input{
	color: white;
	padding-bottom: 2px;
	background-color: #414141;
	border: none;
	height: 35px;
    padding-left: 10px;
}

.form-container .button-container{
	height: 25%;
	display: flex;
	align-items: center;
    justify-content: flex-end;
    padding: 0px 25px 10px 0px;
}

/*****************SEARCHLIST CSS*****************/
#searchListContainer{
	height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    width: 90%;
}

#searchListContainer .sl-content-container{
    height: 100%;
    flex: 1 1 auto;
    background-color: #333333;
    margin-left: 12.5px;
    box-shadow: 0px 3px 26px -4px rgba(0,0,0,0.25);
    display: flex;
	flex-flow: column;
	overflow: auto;
}

#searchListContainer .sl-content-container .sl-details-container{
	display: flex;
    width: 100%;
    height: 100%;
}

#searchListContainer .sl-content-container .sl-details-container .sl-table-content-container{
    display: flex;
    flex-flow: column;
    width: 100%;
    color: white;
}


#searchListContainer .sl-content-container .sl-details-container .sl-table-content-container .overflow {
	overflow: auto;
    -webkit-overflow-scrolling: overlay;
}

#searchListContainer .sl-content-container .sl-details-container .sl-table-content-container .overflow .table-style{
	width: 100%;
}

#searchListContainer .search-resume .lb-field {
	margin-left: 10px;
}

#searchListContainer .filter-search-bar-container .filter-container {
    padding: 11px;
    font-size: 14px;
}

/*****************SCROLLBAR*****************/
::-webkit-scrollbar
{
  width: 7px;  /* for vertical scrollbars */
  height: 7px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track
{
  background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb
{
  background: rgba(0, 0, 0, 0.5);
}

/*****************TREETABLE*****************/

table.treetable span {
	color: #FFFFFF;
}



.view-table-tree-rows-container {
    background: #FAFAFA;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px;
    flex: 1 1 360px;
	overflow: auto;
    -webkit-overflow-scrolling: overlay;
}

.view-table-tree-rows-container .treetable tr.deleted {
    font-style: italic;
}

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

.tableStyleB {
	color: white;
}

.tableStyleB .header {
	font-weight: 600;
}

.tableStyleB tr.tech-inactive {
	font-style: italic;
	background: rgba(255, 1, 1, 0.07);
}

.tableStyleB tr.tech-deleted {
	font-style: italic;
	background: rgba(255, 1, 1, 0.3);
}

.tableStyleB tr.tech-master {
	background: rgba(255, 247, 2, 0.2);
}

.tableStyleB tr.tech-hidden {
    background: black;
}

.tableStyleB tr.device-deleted {
	font-style: italic;
	background: rgba(255, 1, 1, 0.3);
}

.tableStyleB tr.device-online {
	background: rgba(10, 245, 2, 0.07);
}

.tableStyleB tr.device-offline {
	background: rgba(0, 0, 0, 0.2);
}

.tableB-no-rows-div {	
    color: white;
    text-align: center;
    padding-top: 10px;
}

.tableStyleB.ignore-hover tr td {
	cursor: default;
}

#invitationUrl_container
{
	width:100%; 
	height:110px; 
	padding:10px;
	font-size:15px;
	background: #444; 
	color:#eee;
	resize: none;
    word-break: break-all;
}

#invitationUrlTechDialog, #showSSOIdTechDialog{
    background: #333333;
    display: flex;
    flex-flow: column;
    align-items: center;
    font-size: 15px;
}

#invitationUrlTechDialog #invitationUrlTech_container, #showSSOIdTechDialog #showSSOIdTech_container{
	width:600px; 
	height:280px; 
	padding:10px;
	font-size:12px;
	background: #444; 
	color:#eee;
	resize: none;
    word-break: break-all;
}

.form input{
	color: white;
	padding-bottom: 2px;
	background-color: #414141;
	border: none;
	height: 35px;
    padding-left: 10px;
}

#welcomeEmailContainer {    
    border: 1px solid #666;
    padding: 15px 20px;
    margin: 0px 30px 0px 0px;
    width: 410px;
}

#welcomeEmailContainer .element-container {
    height: 25px !important;
    width: 100% !important;
}

#userManagerPopup {
    background: #292929;
    display: flex;
    flex-flow: column;
}
#userManagerPopup .detailsContainer {
    flex: 1 1 100%;
}

#userManagerPopup .tables-container {
    display: flex;
	flex: 1 1 100%;
	max-width: 100%;
}

#userManagerPopup #usersManager .table-content-container{
	flex: 1 1 auto;
	height: 100%;
	display: flex;
	flex-flow: column;
}

#userManagerPopup #usersManager .table-content-container .filter-search-bar-container{
    flex: 0 0 45px;
}

#userManagerPopup #usersManager .table-content-container .overflow{
    flex: 0 0 540px;
    flex-flow: row;
	overflow: auto;
    -webkit-overflow-scrolling: overlay;
}

#userManagerPopup #auditLog .table-content-container{
	flex: 1 1 100%;
}

#userManagerPopup #auditLog #audit_log_table td.td-dtins,
#userManagerPopup #auditLog #audit_log_table td.td-name {
    min-width: 155px;
    width: 155px;
}

#userManagerPopup #auditLog #audit_log_table td.td-evtType {
    min-width: 180px;
    width: 180px;
}

#userManagerPopup #auditLog #audit_log_table td.td-evtBody {
    word-break: break-all;
}

#userManagerPopup #usersManager .overflow {
    display: flex;
    height: 100%;
}

#userManagerPopup #usersManager #users_list_table {
    flex: 0 0 300px;
    border-right: 1px solid #414141;
	overflow: auto;
    -webkit-overflow-scrolling: overlay;
}

#userManagerPopup #usersManager #users_list_table td:hover {
    background: #414141;
    cursor: pointer;
}

#userManagerPopup #usersManager #user_details {
    flex: 1 1 100%;
    display: flex;
    flex-flow: column;
    color: white;
	overflow: auto;
    -webkit-overflow-scrolling: overlay;
    padding: 15px 20px;
    font-size: 14px;
}

#userManagerPopup #usersManager #user_details input[type="checkbox"] {
    position: relative;    
    top: 2px;
    margin-right: 5px;
}

#userManagerPopup #usersManager #user_details .info {
    flex: 1 1 100%;
    display: inline-flex;
	overflow: auto;
    -webkit-overflow-scrolling: overlay;
}

#userManagerPopup #usersManager #user_details .button-container {
    flex: 0 0 32px;
    align-self: flex-end;
}

#userManagerPopup #usersManager #user_details .info .general-info {
    flex: 1 0 270px;
}

#userManagerPopup #usersManager #user_details .info .general-info input[type="text"],
#userManagerPopup #usersManager #user_details .info .general-info input[type="password"] {
    width: 230px;
}

#userManagerPopup #usersManager #user_details .info .permissions-info {
    flex: 1 1 100%;
}

#userManagerPopup #usersManager #user_details .info .permissions-info table tr th {
    padding: 6px;
}

#userManagerPopup #usersManager #user_details .info .permissions-info table tr th.clickable-header {
    cursor: pointer;
}

#userManagerPopup #usersManager #user_details .info .permissions-info table tr th.clickable-header:hover {
    text-decoration: underline;
}

#userManagerPopup #usersManager #user_details .info .permissions-info table tr td {
    padding: 5px;
}

#userManagerPopup #usersManager #user_details .info .permissions-info table tr td:not(:first-child) {
    text-align: center;
}

#userManagerPopup #usersManager #user_details .info .permissions-info .project-group {
    padding-top: 10px;
    padding-left: 20px;
}

#userManagerPopup #usersManager #user_details_no_user_selected {
    display: flex;
    flex: 1 1 100%;
    justify-content: center;
    align-items: center;
}

#userManagerPopup #usersManager .filter-container {
    flex: 1 1 100%;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#userManagerPopup #usersManager .buttons-container {
    display: inline-flex;
    align-self: flex-end;
    flex: 0 0 32px;
    width: 100%;
    justify-content: flex-end;
}

#userManagerPopup #usersManager .buttons-container #cancel_add_user_button,
#userManagerPopup #usersManager .buttons-container #create_user_button {
    display: none;
}

/*-------------------POPUPS-------------------*/
.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: #333333;
    color: white;
    font-size: 18px;
    font-weight: 600;
    display: inline-flex;
	border-bottom: 1px solid #3c3c3c;
}
 
.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;
	color: white;
}

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

.sw-popup > .sw-popup-container > .footer {
    flex: 0 0 44px;
    display: inline-block;
    width: 100%;
	padding: 10px;
	background: #333333;
    border-top: 2px solid #3c3c3c;
}
    
.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;
	background: #333333;
}

.popup-body-center{
	width: 100%;
	display: flex;
	flex-flow: column;
	align-items: center;
	font-size: 13px;
	color: white;
}

.popup-body-left{
	width: 100%;
	flex-flow: column;
	font-size: 13px;
	color: white;
}

/* ############################## */
/* 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;
    font-size: 13px;
}

.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 #1ec588;
    background: #19CC8B;
    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 #464646;
    background: #424242;
    color: #ffffff;
}

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

/*****************XUICO ICONS DETAILS*****************/
.title-text > span{
	font-size: 9px;
    padding-top: 2px;
    padding-left: 3px;
    color: #19CC8B;
}

.provisioning-logs table tr td {
	word-break: break-all;
    min-width: 165px;
    padding-right: 5px;
}

.provisioning-logs .sw-popup-container {
    width: 80%;
    height: 100%;
}

.sw-alert.provisioning-logs > .sw-popup-container > .body {
    max-width: 100%;
    max-height: 100%;
    overflow: auto;
    align-items: start;
    padding: 0px;
}

/*****************ACCESS CONTROL FORM*****************/

#editAccountAccessFormDialog {
    background: #292929;
}

#editAccountAccessFormDialog .ui-dialog-buttonpane {
    background: #292929;
}

#editAccountAccessFormDialog .form-container-title {
	margin: 15px 0;
}
/*#editAccountAccessFormDialog .form-container .form,
#editAccountAccessFormDialog .form-container .form .section-container {
	margin-top: 0;
}*/
#editAccountAccessFormDialog .ic_information_filled {
	font-size: 9px;
	padding-top: 2px;
	padding-left: 3px;
	color: #19CC8B;
}

#editAccountAccessFormDialog tr:last-child > td {
	border-bottom: 0;
    padding: 10px;
}

#editAccountAccessFormDialog input:disabled {
	cursor: not-allowed;
}

#viewDeviceLogsPopup,
#viewTechnicianLogsPopup {
	background: #292929;
	display: flex;
    flex-flow: row;
}

#viewDeviceLogsPopup .log-requests-container,
#viewTechnicianLogsPopup .log-requests-container {
	margin-top: 15px;
}

#viewDeviceLogsPopup .log-request-list-container {
	flex: 0 0 60%;
}

#viewDeviceLogsPopup .log-files-list-container {
	flex: 0 0 40%;
    max-height: 70vh;
    overflow: auto;
}

#viewDeviceLogsPopup .table-header,
#viewTechnicianLogsPopup .table-header {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 10px;
}

#device_log_requests_table{
    width: 100%;
}

#device_log_requests_table th:first-child, #device_log_requests_table td:first-child,
#technician_log_requests_table th:first-child, #technician_log_requests_table td:first-child {
    text-align: left;
    padding-left: 0px;
}

#device_log_requests_table tr:not(.header):hover,
#technician_log_requests_table tr:not(.header):hover {
	background: rgb(117 117 117 / 50%);	
}

#device_log_requests_table .td-date_ins,
#technician_log_requests_table .td-date_ins {
    width: 140px;
}

#device_log_files_table{
    width: 100%;
}

#device_log_files_table td,
#technician_log_files_table td {
	cursor: default;
}

#device_log_files_table .download-button,
#technician_log_files_table .download-button {
	text-decoration: underline;
}

#device_log_files_table .download-button:hover,
#technician_log_files_table .download-button:hover {
	text-decoration: none;
	cursor: pointer;
}

.request_technician_logs_reason {
    width: 490px;
    height: 80px;
}

.request_technician_logs_reason textarea {
    background: #565454;
    color: white;
    margin-top: 10px;
}

#viewTechnicianLogsPopup .log-request-list-container {
	flex: 0 0 50%;
}

#viewTechnicianLogsPopup .log-files-list-container {
	flex: 0 0 50%;
}

#sessionDetailsPopup {
	background: #292929;
	display: flex;
    flex-flow: row;
}

#sessionDetailsPopupContent {
	display: flex;
	width: 100%;
    flex-flow: column;
    max-height: 70vh;
    overflow: auto;
}

#session_details_global_details table, #session_details_addicional_info_container table {
    width: 100%;
}

#sessionDetailsPopupContent .header {
	font-weight: bold;
}

#sessionDetailsPopupContent .table-header {
	font-weight: bold;
	padding-left: 17px;
	padding-top: 10px;
    padding-bottom: 10px;
}

#sessionDetailsPopupContent td {
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: default;
}

#session_events_table td {
	padding: 4px;
}

#session_events_table td.td-dt_ins {
	padding-left: 18px;
    min-width: 150px;
}

#open_search_session_popup_button {
	margin-top: 6px; 
	margin-right: 10px;
}

#searchSessionPopup {
	background: #292929;
	display: flex;
    flex-flow: row;
}

#searchSessionPopup #searchSessionPopupContent {
	margin-top: 10px;
}

#searchSessionPopup #search_session_button {
	margin-top: 18px;
    float: right;
}

#session_applied_filters_container {
    display: inline-flex;
    align-items: center;
    color: white;
	font-size: 12px;
	margin-right: 10px;
}

#remove_filters_button {
	margin-right: 8px;
	cursor: pointer;
}

.form-container-title {
    font-size: 13px;
}

#recoverAccountDialog #recover_account_email {
    margin-top: 5px;
    width: 100%;
}

#customers_feedbacks_table {
    word-break: break-all;
}

#customers_feedbacks_table .td-id {
    width: 80px;
}

#customers_feedbacks_table .td-iduser {
    width: 130px;
}

#customers_feedbacks_table .td-dtins,
#customers_feedbacks_table .td-techName,
#customers_feedbacks_table .td-techEmail {
    width: 155px;
}

#sleepingTrialsPopup #sleeping_trials_table {
	width: 100%;
}

#sleepingTrialsPopup .filter-search-bar-container {
	padding-left: 18px;
}

#sleeping_trials_table td.td-dt_ins {
    min-width: 150px;
}

#sleeping_trials_table td.td-company_name,
#sleeping_trials_table td.td-email {
    word-break: break-all;
}


#sleeping_trials_filters_overlay {
    border: 1px solid;
}

#sleepingTrialsPopup .stats-container {
    font-size: 13px;
    align-self: center;
    margin-left: 10px;
}

#changePasswordPopup #changePasswordPopupContent { 
	font-size: 14px;
    padding-top: 12px
}

#changePasswordPopup #changePasswordPopupContent input { 
	width: 100%;
}

#changePasswordPopup #change_password_button { 
	float: right;
}

#gdprManagerPopup #gdprManagerPopupContent {
    width: 100%;
    display: inline-flex;
    height: 100%;
}

#gdprManagerPopup #gdprManagerPopupContent .tableContainer {
    height: 100%;
    overflow: auto;
    flex: 1 1 40%;
}

#gdprManagerPopup #gdprManagerPopupContent .tableContainer table {
	width: 100%;
}

#gdprManagerPopup #gdprManagerPopupContent .tableContainer table tr.deleted {
    color: #dcdcdc8c;
    text-decoration: line-through;
}

#gdprManagerPopup #gdprManagerPopupContent #gdprRequestDetails {
    margin-left: 30px;
    flex: 1 1 45%;
}

#gdprManagerPopup #gdprManagerPopupContent #gdprRequestDetails button {
	margin-right: 15px;
    margin-top: 15px;
}

#gdprManagerPopup #gdprManagerPopupContent #gdprRequestDetails > div {
    border: 1px solid;
    padding: 20px;
    margin-top: 45px;
    padding-top: 0px;
}

#gdprManagerPopup #gdprManagerPopupContent button a {
    text-decoration: none;
}

#gdprManagerPopup #gdprManagerPopupContent .gdprDetailsActions {
    display: inline-flex;
    margin-top: 20px;
}

#gdprManagerPopup #gdprManagerPopupContent .gdprDetailsActions button {
    width: 130px;
    margin-right: 10px;
}

#gdprManagerPopup #gdpr_add_request {
    position: absolute;
    right: 15px;
    top: 11px;
}

#gdprManagerPopup table td.warning {
    color: red;
}

#addGDPRRequestPopup table {
    width: 100%;
}

#addGDPRRequestPopup table td {
    padding: 0px; 
    height: 35px;
	border: none;
}

#addGDPRRequestPopup input {
	width: 100%;
}

#addGDPRRequestPopup #save_add_gdpr_request {
	float: right;
    margin-top: 5px;
}

#addGDPRRequestPopup #add_gdpr_request_description {
    width: 100%;
    min-height: 0px;
    max-height: none;
    height: 170px;
    resize: none;
}

#gdprTaskActionsPopup #gdprTaskActionsPopupContent {
    display: inline-flex;
    height: 100%;
    width: 100%;
}

#gdprTaskActionsPopup #gdprTaskActionsPopupContent .tableContainer {
    overflow: auto;
}

#gdprTaskActionsPopup #gdprTaskActionsPopupContent .tableContainer table {
	width: 100%;
}

#gdprTaskActionsPopup #gdprTaskActionsPopupContent .tableContainer table th:first-child,
#gdprTaskActionsPopup #gdprTaskActionsPopupContent .tableContainer table td:first-child {
    padding-left: 10px;
    padding-right: 5px;
}

#gdprTaskActionsPopup #gdprTaskActionsPopupContent .button-container {
    flex: 0 0 40px;
    font-size: 12px;
    padding-top: 10px;
    border-top: 1px solid #ffffff59;
}

#gdprTaskActionsPopup #grpdTaskActionsListContainer {
    display: flex;
    flex-flow: column;
    flex: 0 0 490px;
    margin-right:4px;
}

#gdprTaskActionsPopup #gdprTaskActionsLogsContainer {
    height: 100%;
    overflow: auto;
    width: 100%;
    flex: 1 1;
}

#gdprTaskActionsPopupContent #gdprTaskActionsLogsHeader {
    display: inline-flex;
    flex: 1 1 100%;
}

#gdprTaskActionsPopupContent #gdprTaskActionsLogsHeader > a,
#gdprTaskActionsPopupContent #gdprTaskActionsLogsHeader > span {
    font-size: 13px;
    margin: 0 5px;
    text-decoration: none;
}

#gdprTaskActionsPopupContent #gdprTaskActionsLogsHeader a {
    background: #68a968;
    border-radius: 5px;
    padding: 2px 10px;
}

#gdprTaskActionsPopupContent #gdprTaskActionsLogsList {
    font-size: 12px;
    background: #1a1a1a;
    margin-top: 10px;
    padding: 6px;
    line-height: 16px;
    line-break: anywhere;
	color:#EEEEEE;
    overflow: auto;
    height: 500px;
    max-height: 500px;

}
#gdprTaskActionsLogsList table {
    padding:0px;
    margin:0px;
}
#gdprTaskActionsLogsList table td {
    padding: 2px;
    vertical-align: top;
    border-bottom:1px solid #222222;
}
#gdprTaskActionsLogsList .msgLine {
	border-bottom:1px solid #222222;
}
#gdprTaskActionsLogsList .msgLine .dt{
	color: #7e9bfa;
	width: 125px;
}

#gdprTaskActionsLogsList .msgLine .info{
	background-color: #0f5980;
}
#gdprTaskActionsLogsList .msgLine .warning{
	background-color: #985f0d;
}
#gdprTaskActionsLogsList .msgLine .error{
	background-color: #9b4040;
}

#viewTechnicianPermissionsPopup{
    background: #292929;
	display: flex;
    flex-flow: row;
}

#viewTechnicianPermissionsPopup .permissions-groups-container{
    width: 100%;
    display: flex;
    flex-flow: column;  
}

#viewTechnicianPermissionsPopup .permissions-groups-container .title{
    margin: 10px 0px;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .permissions-container{
    display: flex;
    flex-flow: column;
    background-color: #141414;
    padding: 8px;
    font-size: 14px;
    margin-bottom: 10px;
    overflow: auto;
    height: 50vh;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .permissions-container .row{
    display: flex;
    border-bottom: 1px solid #292929;
    margin-bottom: 8px;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .permissions-container .row.top-row{
    color: #818181;
    font-weight: 600;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .permissions-container .row .cell{
    flex: 1 1;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .permissions-container .row .cell.permission-name{
    flex: 0 0 75%;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .groups-container{
    display: flex;
    background-color: #141414;
    padding: 8px;
    font-size: 14px;
    margin-bottom: 10px;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .groups-container .column{
    flex: 0 0 auto;
    margin-right: 5px;
    width: 50%;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .groups-container .column .title{
    color: #818181;
    font-weight: 600;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .groups-container .column .group-names-container{
    background-color: #292929;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
}

#viewTechnicianPermissionsPopup .permissions-groups-container .groups-container .column .group-names-container .group{
    margin-right: 10px;
}

#viewTechnicianLoginHistoryPopup table, #viewLicenseUsagePopup table{
    width: 100%;
}

#viewTechnicianLoginHistoryPopup .table-container{
    overflow: auto;
    max-height: 70vh;
}

#licenseUsageDatesContainer{
    width: 100%;
    display: flex;
    margin-bottom: 8px;
}

#licenseUsageDatesContainer .start_date_container{
    display: flex;
    align-items: center;
}

#licenseUsageDatesContainer .end_date_container{
    display: flex;
    align-items: center;
    margin-left: 15px;
}

#licenseUsageDatesContainer .start_date_container .text, #licenseUsageDatesContainer .end_date_container .text{
    font-size: 13px;
    margin-right: 8px;
}

#licenseUsageDatesContainer input{
    color: white;
    padding-bottom: 2px;
    background-color: #414141;
    border: none;
    height: 35px;
    padding-left: 10px;
}

#licenseUsageTableContainer{
    overflow: scroll;
    max-height: 300px;
}

#licenseUsageGraphContainer{
    flex: 1 1 auto;
}

/*#viewLicenseUsagePopup{
    display: flex !important;
    flex-flow: column;
}*/

.redBadge {
	background:#EE4444;
	color:#E0E0E0;
	padding: 2px 10px;
	font-size: 11px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}

.orangeBadge {
	 background: #ff7616;
	 color:#E0E0E0;
	 padding: 2px 10px;
	 font-size: 11px;
	 border:0px;
	 display: inline-block;
	 border-radius:8px;
 }

.lightOrangeBadge {
	background: #b08c60;
	color:#101010;
	padding: 2px 10px;
	font-size: 11px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}


.greenBadge {
	background:#276f27;
	color:#E0E0E0;
	padding: 2px 10px;
	font-size: 11px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}
.lightGreenBadge {
	background: #82e182;
	color:#101010;
	padding: 2px 10px;
	font-size: 11px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}

.blueBadge {
	background: #3333ee;
	color:#E0E0E0;
	padding: 2px 10px;
	font-size: 11px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}
.lightBlueBadge {
	background: #56b9f6;
	color: #101010;
	padding: 2px 10px;
	font-size: 11px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}



.greyBadge {
	background:grey;
	color:#E0E0E0;
	padding: 2px 10px;
	font-size: 11px;
	font-size: 10px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}

.darkBadge {
	background:grey;
	color:#101010;
	padding: 2px 10px;
	font-size: 11px;
	font-size: 10px;
	border:0px;
	display: inline-block;
	border-radius:8px;
}

.dialog-form-background{
    display: flex;
    position: absolute;
    background-color: #5c5c5c;
    opacity: .96;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    z-index: 101;
    color: white;
    padding: 10px;
}

.dialog-form-background .title-close-container{
    display: flex;
    width: 100%;
    padding-bottom: 15px;
}

.dialog-form-background .title-close-container .form-title{
    padding-left: 20px;
}

.dialog-form-background .title-close-container .close{
    margin-left: auto;
    padding-right: 20px;
    display: flex;
}

.dialog-form-background .title-close-container .close span{
    cursor: pointer;
    background: #19cc8b;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    user-select: none;
}

.dialog-form-background .bottom-bar-btns-container{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    padding: 8px;
}

.dialog-form-background .bottom-bar-btns-container .form-button{
    color: white;
    max-width: 140px;
    min-width: 85px;
    height: 30px;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
    font-weight: 600;
    padding: 0px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dialog-form-background .bottom-bar-btns-container .form-button.primary{
    background-color: #19CC8B;
}

.dialog-form-background .form-container{
    height: auto !important;
}

.dialog-form-background .form-container .section-container{
    padding: 15px;
}