body{
    background-color: var(--bodybg);
    color: var(--bodytext);
    font-family: Arial, sans-serif;
    font-size: 12px;
    margin: 0;
}

table {
  border-collapse: collapse; 
  border-spacing: 0;
  color: var(--bodytext);
  font-size: var(--bodytextsize);
}

table td, table th {
  padding: 0;
}
tr.hover:hover{
    background-color: var(--smartformbg);
}
smartTD{
    display: block;
    border: 1px solid var(--smartformbg);
    padding: 5px;
}
#corner_msg{
    min-width: 48;
    max-width: 300px;
    max-height: 300px;
    z-index: 2;
    right: 0px;
    position: fixed;
    top: 26px;
    padding: 5px;
    background-color: var(--menubg);
    border-radius: 0px 0px 0px 10px;
    color: var(--menutext1);
    display: none;
}
.window::-webkit-scrollbar {
  width: 1px; 
}
.window::-webkit-scrollbar-thumb {
  background: #888; 
  border-radius: 10px;
}
.window::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.window::-webkit-scrollbar-track {
  background: #f1f1f1;
}

mobileview{
display: inline-block;
    margin: 10px;
    width: 120px;
    height: 240px;

    border-radius: 10px;
}
mobileview:hover{
    background: var(--smartformbg);
}
mobileviewplugin{
display: inline-block;
    margin: 10px;
    width: 120px;
    height: 200px;

    border-radius: 10px;
}
mobileviewplugin:hover{
    background: var(--smartformbg);
}

sticky{
    position: sticky;
    top: 0;
    z-index: 1;
}
sticky.stickyheader{
box-shadow: 0px -10px var(--bodybg);
    display: block;
    width: 100%;
    background: var(--bodybg);
}
smarticon{
    cursor: pointer;
}
smarticon:hover{
    opacity: 0.8;
}

.treedvi_0{
    padding-left: 0px;
}

.treedvi_1{
    padding-left: 10px;
}

.spinner {
  animation: spin 5s linear infinite;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}



.menu1{

    font-size: 12px;
    height:26px;
    background-color:var(--menubg);
}

.menu1 span{
    height: 16px;
    padding: 5px;
    display: inline-block;
    color: var(--menutext1);
    cursor: pointer;
}
.menu1 span:hover{
    background-color:var(--menubg2);
}

.menu1 div{
    padding: 0px;
    display: inline-block;
}
.menu1 div span{
    color: #999;
}
.menu1 img{
    margin-right: 0px 5px;
    cursor: pointer;
}
.menu1 img:hover{
    opacity: 0.8;
}
.window{

    height: calc(100vh - 26px);
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: auto;
    color: var(--bodytext);
}
.window table{
    font-size: 12px;
}
#windows{
    display: flex;
    gap: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 26px;
    left: 0;
    right: 0;
    bottom: 0;
    color: var(--bodytext);
    
}
.window-divider{
    width: 1px;
    margin: 0;
    cursor: col-resize;
    background: var(--smartformbg);
    flex: none;
}
windowhr{
    display: block;
    height: 1px;
    margin: 0;
    background: var(--smartformbg);
}
.ajaxprogresscontainer{
    width: 80%;
    max-width: 200px;
    margin: 10px 0px;
    border-radius: 5px;
    border: 1px solid #9999;
}
.ajaxprogress{
    width: 50%;
    background: #9999;
    color: var(--bodytext);
    text-align: center;
    border-radius: 4px;
    font-size: 10;
    white-space: nowrap;

}
.clickablelistitem{
    white-space: nowrap;
    margin: 5px 0px;
    color: var(--bodytext);
    cursor: pointer;
}
.clickablelistitem:hover{
    opacity: 0.8;
}
relative{
    position: relative;
}
sspan{
    color: var(--menutext1);
}
iconnbr{
    color: var(--bodybg);
    width: 13px;
    position: absolute;
    right: 0px;
    bottom: 3px;
    background: var(--errorbg);
    border-radius: 100%;
    height: 13;
  align-items: center;        
  justify-content: center;
      text-align: center;
    border: 1px solid var(--bodytext);
    font-size: 11px;
}
smartform {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 5px 0;
}
smartform input,button {
  width: 100%;
  padding: 5px 25px 5px 5px; /* Right padding prevents text overlapping icon */
  border: 0px solid #ccc;
  border-radius: 5px;
  outline: none;
  box-sizing: border-box;
  background-color: var(--smartformbg);
  color: var(--bodytext);

}

smartform button {
  width: 100%;
  border: 0px solid #ccc;
  border-radius: 5px;
  outline: none;
  box-sizing: border-box;
  background-color:var(--smartformbuttonbg);
  color: var(--bodytext);
box-shadow: 0px 0px 5px #888;
cursor: pointer;
}
smartform button:hover {
  opacity: 0.8;
}

smartform .iconSvg {
    width: 20;
    position: absolute;
    right: 2;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    cursor: pointer;
    color: #999;
    display: flex;
    align-items: center;
}

smartform .iconSvg:hover {
  opacity: 0.6;
}


.svgs{
    margin: 10;
    display: inline-table;
}
.svgs:hover{
    opacity: 0.8;
}

.iconSvgfree{
    height: 26px;
    cursor: pointer;
}
.iconSvgfree:hover{
    opacity: 0.8;
}