:root, .wa-page{
  --telme-color: #3B7698;
  --telme-color-rgb: 59,118,152;
  --telme-primary-color: #3B7698;
  --telme-primary-color-rgb: 59,118,152;
  --telme-secondary-color: #83b3cf;
  --telme-secondary-color-rgb: 131,179,207;
  --telme-warning-color: #ffcc66;
  --telme-error-color: #ff6666;
  --telme-success-color: #1dae5e;
  --telme-hover-color: #83b3cf1b;
  --telme-popupheader: #628fb6;
  --telme-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --telme-input-radius: 4px;
  --wa-color-primary: #7d9cf1; /* #3B7698*/

  /* --------------------------------
     BASE / DEFAULT THEME (LIGHT)
     -------------------------------- */
  --theme-bg-primary: #fefefe;
  --theme-bg-secondary: #f1f1f1;
  --theme-bg-tertiary: #e9f0f4;
  --theme-text-primary: #333333;
  --theme-text-secondary: #103e6b;
  --theme-text-active: #fb8f37;
  --theme-bg-active: #bedafb;
  --theme-border-color: #e1e4e8;
  --theme-border-light: #d0d7de;
  --theme-popupheader: #628fb6;
  --theme-header-icon-color: #e6f4fc;
  --theme-bg-header: #5d6d7d;
  --theme-header-text: #fafafa;
  --theme-bg-input: #fefefe;
  --theme-bg-custom-opacity: 100%, white;
  --theme-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  --theme-shadow-color: rgb(25, 25, 25);
  --theme-button-background: #f8f9fa;
  --theme-button-text: #333333;
  --theme-selected-background: #ffffcc80;
  /* --------------------------------
     DARK THEME
     -------------------------------- */
  --theme-dark-bg-primary: #1e1e1e;
  --theme-dark-bg-secondary: #252526;
  --theme-dark-bg-tertiary: #23292f;
  --theme-dark-text-primary: #eeeeee;
  --theme-dark-text-secondary:  #a2c0cc;
  --theme-dark-border-color: #323232;
  --theme-dark-border-light: #555555;
  --theme-dark-popupheader: #1b2a36;
  --theme-dark-header-icon-color: #b4b4b4;
  --theme-dark-bg-header: #1b2a36;
  --theme-dark-header-text: #e6f4fc;
  --theme-dark-text-active: #fb8f37;
  --theme-dark-bg-active: #1b2a36;
  --theme-dark-bg-input:#1b1b1b88; 
  --theme-dark-bg-custom-opacity: 90% , black;
  --theme-dark-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
  --theme-dark-shadow-color: rgb(101, 101, 101);
  --theme-dark-button-background: #333333;
  --theme-dark-button-text: #f8f9fa;
  --theme-dark-selected-background: #58583680;
  /* --------------------------
     Telme aliases ? use these everywhere in the app
     -------------------------- */
  --telme-bg-primary: var(--theme-bg-primary);
  --telme-bg-secondary: var(--theme-bg-secondary);
  --telme-bg-tertiary: var(--theme-bg-tertiary);
  --telme-text-primary: var(--theme-text-primary);
  --telme-text-secondary: var(--theme-text-secondary);
  --telme-border-color: var(--theme-border-color);
  --telme-border-light: var(--theme-border-light);
  --telme-popupheader: var(--theme-popupheader);
  --telme-header-icon-color: var(--theme-header-icon-color);
  --telme-bg-header: var(--theme-bg-header);
  --telme-header-text: var(--theme-header-text);
  --telme-bg-input: var(--theme-bg-input);
  --telme-bg-custom-opacity:var(--theme-bg-custom-opacity);
  --telme-shadow: var(--theme-shadow);
  --fa-border-color: var(--theme-border-color) !important;
  --telme-button-background: var(--theme-button-background);
  --telme-button-text: var(--theme-button-text);
  --telme-text-active: var(--theme-text-active);
  --telme-bg-active: var(--theme-bg-active);
  --telme-shadow-color: var(--theme-shadow-color);
  --scroll-track: var(--telme-bg-primary);
  --scroll-thumb: var(--telme-border-color);
  --telme-selected-background: var(--theme-selected-background);
}

:root.wa-dark,
:root.telme-dark, .wa-page.wa-dark {
  --theme-bg-primary: var(--theme-dark-bg-primary);
  --theme-bg-secondary: var(--theme-dark-bg-secondary);
  --theme-bg-tertiary: var(--theme-dark-bg-tertiary);
  --theme-text-primary: var(--theme-dark-text-primary);
  --theme-text-secondary: var(--theme-dark-text-secondary);
  --theme-border-color: var(--theme-dark-border-color);
  --theme-border-light: var(--theme-dark-border-light);
  --theme-popupheader: var(--theme-dark-popupheader);
  --telme-header-icon-color: var(--theme-dark-header-icon-color);
  --telme-bg-header: var(--theme-dark-bg-header);
  --telme-header-text: var(--theme-dark-header-text);
  --telme-bg-input: var(--theme-dark-bg-input);
  --telme-bg-custom-opacity: var(--theme-dark-bg-custom-opacity);
  --telme-shadow: var(--theme-dark-shadow);
  --telme-button-background: var(--theme-dark-button-background);
  --telme-button-text: var(--theme-dark-button-text);
  --telme-text-active: var(--theme-dark-text-active);
  --telme-bg-active: var(--theme-dark-bg-active);
  --telme-shadow-color: var(--theme-dark-shadow-color);
  --telme-selected-background: var(--theme-dark-selected-background);
  --wa-color-primary: #1c2438;
}
@media (prefers-color-scheme: dark) {
  :root:not(.wa-light):not(.wa-dark):not(.telme-light):not(.telme-dark) {
    --theme-bg-primary: var(--theme-dark-bg-primary);
    --theme-bg-secondary: var(--theme-dark-bg-secondary);
    --theme-bg-tertiary: var(--theme-dark-bg-tertiary);
    --theme-text-primary: var(--theme-dark-text-primary);
    --theme-text-secondary: var(--theme-dark-text-secondary);
    --theme-border-color: var(--theme-dark-border-color);
    --theme-border-light: var(--theme-dark-border-light);
    --theme-popupheader: var(--theme-dark-popupheader);
    --telme-header-icon-color: var(--theme-dark-header-icon-color);
    --telme-bg-header: var(--theme-dark-bg-header);
    --telme-header-text: var(--theme-dark-header-text);
    --telme-bg-input: var(--theme-dark-bg-input);
    --telme-bg-custom-opacity: var(--theme-dark-bg-custom-opacity);
    --telme-shadow: var(--theme-dark-shadow);
    --telme-button-background: var(--theme-dark-button-background);
    --telme-button-text: var(--theme-dark-button-text);
    --telme-text-active: var(--theme-dark-text-active);
    --telme-bg-active: var(--theme-dark-bg-active);
    --telme-shadow-color: var(--theme-dark-shadow-color);
    --telme-selected-background: var(--theme-dark-selected-background);
  }
}


::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-track {
  background: var(--scroll-track);
}

::-webkit-scrollbar-thumb {
  background: var(--scroll-thumb);
  border-radius: 6px;
}
.telme-dark .scroll-container {
  background-color: var(--telme-bg-primary); /* eller #000 */
}



:not(input):not(textarea),
:not(input):not(textarea)::after,
:not(input):not(textarea)::before {
    -webkit-user-select: none;
    user-select: none;
    /* cursor: default; */
}
input, button, textarea, :focus {
    outline: none; 
    /* You should add some other style for :focus to help UX/a11y */
}
a:not([draggable=true]), img:not([draggable=true]) {
    -webkit-user-drag: none;
    /* user-drag: none; */ /* Technically not supported in Electron yet */
}
a[href^="http://"],
a[href^="https://"],
a[href^="ftp://"] {
    -webkit-user-drag: auto;
    /* user-drag: auto; */ /* Technically not supported in Electron yet */
    
}
.selectable-text {
  user-select: text !important;          /* Likely future */      
}
.selectable-all {
  user-select: all;          /* Likely future */      
}
button {
  background-color: var(--telme-button-background);
  color: var(--telme-button-text);
  border: 1px solid var(--telme-border-color);
  border-radius: var(--telme-input-radius);
  padding: 5px 10px;

}
input{
  font: 400 13px system-ui;
  color: var(--telme-text-primary);
  background-color: var(--telme-bg-input);
  border: 1px solid var(--telme-border-color);
  border-radius: var(--telme-input-radius);
  }
input:not([type="checkbox"]), select, textarea {
  color: var(--telme-text-primary);
  background-color: var(--telme-bg-input);
  border: 1px solid var(--telme-border-color);
  border-radius: var(--telme-input-radius);
}
input[type="checkbox"] {
  border: 1px solid var(--telme-border-color);
  border-radius: var(--telme-input-radius);
  background-color: var(--telme-bg-secondary);
}
body{
  background-color: var(--telme-bg-primary);
  color: var(--telme-text-primary);
  background-repeat: repeat;
}
body, li , input, select, span, span > a, span > b {
  font-size:14px;
  font-family: var(--telme-font-family, sans-serif);
  
  }
  option {
    background-color: var(--telme-bg-tertiary);
  }
  option.selected-option {
    background-color: var(--telme-warning-color); /* mjuk gul */
    color: var(--telme-primary-color); /* blå */
  }
th {
   /*  background-color: #fce8ac;
    background-image:URL('var(--telme-border-color)'); */
}
th, table thead td, table thead th ,  .history_table thead tr td, .invoices thead tr td, .address_table thead tr td,.user_table thead tr td{
    /* line-height:28px; */
    padding:3px;
    border-bottom:1px solid var(--telme-border-color);
    font-weight:600;
  }
.jexcel_content, .jexcel, 
.jexcel>thead>tr>td {
  background-color:var(--telme-bg-primary) !important;
  color:var(--telme-text-primary) !important;
}
.tabellbalk {
  background-color: var(--telme-bg-header);
}
.telme_data {
  background-color:var(--telme-bg-primary);
  background-image:URL('');
  background-repeat: no-repeat !important;
  background-attachment: fixed;
  background-position: right bottom;
  background-size: contain;
}
.report_form_div, .report_form_div td {
  background-color: var(--telme-bg-tertiary);
  color: var(--telme-text-primary);
}
.balk td a {
  color: var(--telme-text-primary);
}
  .menu {
    background-color:var(--telme-bg-header);
    
    background-image:URL('var(--telme-bg-header-image)');
  }
  .menu li a span span {
    border-top: 1px solid var(--telme-bg-header-selected);
    background-color:var(--telme-bg-header-selected);
  }
  .menu li.selected a span span {
    background-color:var(--telme-bg-header);
    
    background-image:URL('var(--telme-bg-header-image)');
    border-bottom: 1px solid var(--telme-bg-header);
  }
  .menucontent {
    background-color:var(--telme-bg-secondary);
  }
  .editcontent  {
    background-color:var(--telme-bg-secondary);
  }
@keyframes notification-pulsate {
  0% { background-color: var(--telme-bg-tertiary); color: var(--telme-text-primary); }
  100% { background-color: white; color:  #15428b; }
}
.tab_notification {
  background-color:  #fce8ac;
  color:  #15428b;
  animation: notification-pulsate 1100ms linear infinite alternate;
}

table, LEGEND, td, th
{
  /* font-family:'Roboto',calibri,arial,verdana,helvetica; */
}
.ui-widget {
	/* font-family: 'Roboto',calibri,Verdana,Arial,sans-serif; */
	font-size: 14px;
}
.ui-widget-content, .ui-widget-header {
    border: 1px solid var(--telme-border-color) !important;
    background: var(--telme-bg-primary) !important;
    color: var(--telme-text-primary) !important;
}
.ui-dialog{
  box-shadow: 2px 3px 8px; 
  padding: 0px !important;
}
.ui-dialog-titlebar {
  border-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border: 0px !important;
  border-bottom-width: 0px !important;
  border-top-width: 0px !important;
  border-left-width: 0px !important;
  border-right-width: 0px !important;
}
.ui-dialog-titlebar.ui-corner-all{
  border-top-right-radius: 0px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;

}

p {
  margin-top:2px;
  margin-bottom:1px;
  line-height:14px;
}
a {
    color: var(--telme-text-primary);
    text-decoration: none;
}

span
{
  line-height: normal;
}
table {
    font-size: 13px;
    color: var(--telme-text-primary);
}
td {
    line-height:16pt;
    padding: 3px 0px;
}

th {
    padding: 1px 2px 1px 3px;
    border-right:1px solid var(--telme-border-color);
    text-align: left;
    font-weight: normal;
}

form {
    display: inline;
}
.body_menuframe {
 background-repeat: repeat;
}

@media screen {
  div.tableHolder {
    overflow: auto;
    width:100%;
    position:relative;
  }
}
table.headHolder th {
  overflow: hidden;
}
.sort thead {
  height: 25px;
}
.sort thead th {
  z-index:200; 
  position:relative; 
}
.warning, .warning a, .warning a:link, .warning a:visited {
  color: var(--telme-error-color);
  font-weight: bold;
}
.warning a:hover {
  color: var(--telme-warning-color);
  font-weight: bold;
}
table.fixed {
  table-layout: fixed;
}
table.sort th {
  height: 23px;
  line-height: 21px;
}
#property_tree div a:link, #property_tree a:link, #org_tree div a:link, #org_tree a:link
{
  text-decoration:none;
}

#property_tree div a:hover, #property_tree a:hover, #org_tree div a:hover, #org_tree a:hover
{
  font-weight:bold;
}
.tabellbalk
{
  background-color: var(--telme-bg-header);
  border-bottom: 2px solid var(--telme-border-color);
  border-right: 1px solid var(--telme-border-color);
  border-top: 2px solid var(--telme-border-light);
  border-left: 1px solid var(--telme-border-light);
  font-weight: bold;
  height:22px;
  padding-left:6px;
}
.tabellbalk td
{
  border-left:1px solid var(--telme-border-color);
  border-right:1px solid var(--telme-border-light);
  border-top: 1px solid var(--telme-border-color);
  border-bottom:1px solid var(--telme-border-light);
}
table#meny td
{
  white-space: nowrap;
  padding-top:1px;
  padding-left:0px;
}
#submeny, #submeny 
{
  line-height:11pt;
  white-space: nowrap;
  padding-bottom:1px;
  padding-left:6px;
  font-weight: normal;
}
table#meny
{
  margin-left:0px; 
  margin-right:0px;
}
table#jobblista td, table#personlista td, table#org_vikarielista td, table.sorttabell td {
  line-height: 16pt;
  border-bottom: 1px solid var(--telme-border-color);
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  border-left: 1px solid var(--telme-border-color);
  cursor: pointer;
}
table#jobblista th, table#personlista th, table#org_vikarielista th, table.sorttabell th {
  height: 16pt;
  border-bottom: 1px solid var(--telme-border-color);
  vertical-align: middle;
  padding-left: 6px;
  border-right: 1px solid var(--telme-border-color);
  white-space: nowrap;
  background-color: var(--telme-bg-primary);
}
table#jobblista td div, table#personlista td div, table.sorttabell td div
{
  height:16pt;
  position: absolute;
}
table#jobblista, table#personlista
{
  border-top:1px solid var(--telme-border-color);
  border-left:0px solid var(--telme-border-color);
}
.personlista_group_plus
{
  border-left:1px solid var(--telme-border-color);
  border-top:1px solid var(--telme-border-light);
  border-bottom:1px solid var(--telme-border-color);
}
.personlista_group_text
{
  border-right:1px solid var(--telme-border-color);
  border-top:1px solid var(--telme-border-light);
  border-bottom:1px solid var(--telme-border-color);
}
.telme_data
{
 background-repeat: repeat;
}
LEGEND
{
    padding: 3px;
    font-weight: bold;
}
fieldset
{
  margin:3px 3px 3px 3px;
}

.tab td
{
  font-weight:normal;
}
.atab td
{
  font-weight:bold;
}
.tab, .atab, .tabcontent, .tabrad, .tabradleft, .tabradright, .atabrad, .tabline {  
  background-color: var(--telme-bg-tertiary);
}

.tab, .atab
{  
  border-left:1px solid var(--telme-border-light);
  border-right:1px solid var(--telme-border-color);
  border-top:1px solid var(--telme-border-light);
  border-bottom:1px solid var(--telme-border-color);
  padding-left:2px;
  padding-right:2px;
  vertical-align: middle;
  cursor:pointer;
  text-align:center;
  font-family:arial;
  width:90px;
}
.atab
{ 
  border-bottom:1px solid #d2d2d2;
  border-top:3px solid #ffcc00;
  font-weight:bold;
}
.tabcontent
{ border-left:1px solid threedhighlight;
  border-right:1px solid threeddarkshadow;
  border-top:0px solid threedhighlight;
  border-bottom:1px solid threeddarkshadow;
}
.tabrad
{ border-left:0px solid threedhighlight;
  border-right:0px solid threeddarkshadow;
  border-top:0px solid threedhighlight;
  border-bottom:0px solid threeddarkshadow;
  height:1px;
}
.tabradleft
{ border-left:1px solid threedhighlight;
  border-right:0px solid threeddarkshadow;
  border-top:1px solid threedhighlight;
  border-bottom:0px solid threeddarkshadow;
  height:1px;
}
.tabradright
{ border-left:0px solid threedhighlight;
  border-right:1px solid threeddarkshadow;
  border-top:1px solid threedhighlight;
  border-bottom:0px solid threeddarkshadow;
  height:1px;
}
.atabrad
{ border-left:0px solid threedhighlight;
  border-right:0px solid threeddarkshadow;
  border-top:0px solid threedface;
  border-bottom:0px solid threedface;
  height:1px;
}
.tabline
{ border-left:1px solid threedhighlight;
  border-right:1px solid threeddarkshadow;
  border-top:0px solid threedhighlight;
  border-bottom:0px solid threeddarkshadow;
  height:5px;
}
.report_form_div 
{
  padding-left:4px;
  padding-top:6px;
  padding-bottom:8px;
  border-left:1px solid var(--telme-border-light);
  border-right:1px solid var(--telme-border-color);
  border-top: 0px solid var(--telme-border-light);
  border-bottom:1px solid var(--telme-border-color);
  margin-bottom:2px;
}
.balk
{
  background-color: var(--telme-bg-header);
  color: var(--telme-header-text);
  font-size:20px;
  font-weight: 600;
  padding: 8px;
  border: 1px solid var(--telme-border-color);
  margin-bottom: 6px;
  vertical-align: middle;
}
.balk td
{ 
   padding-top:0px;
}
.popupbalk
{
  padding:3px;
  padding-left:6px;
  background-color:var(--telme-bg-header); /* #628fb6; */
  color: var(--telme-header-text);
  font-size: 16px;
  font-weight: 600;
  min-height: 32px;
  line-height: 32px;
}
.popupbalk td
{
  padding:0px;
  padding-left:6px;
}

.balk_icon,#radera,#addera
  {
    float: right;
    padding: 3px;
  }
.balk_icon img,#radera img,#addera img
  {
    border: 0;
  }
  .menucontent
  {
    border-left:1px solid threedhighlight;
    border-right:1px solid threeddarkshadow;
    border-top: 0;
    border-bottom:1px solid threeddarkshadow;
    clear: left;
  }
  .editcontent
  {
    border-left:1px solid threedhighlight;
    border-right:1px solid threeddarkshadow;
    border-top: 0;
    border-bottom:1px solid threeddarkshadow;
  }
div.select
{
  float: left;
  vertical-align:top;
  padding:0px;
  height:23px;
  overflow:hidden;
  border:1px solid var(--telme-border-color);
}
div.select span.select
{
  vertical-align:top;
  padding:0px;
  height:23px;
  overflow:hidden;
  border:1px solid var(--telme-border-color);
}
div.select span.select input.select
{
  vertical-align:top;
  margin-top: 0px;
  margin-right:0px;
  border:0px;
  height:23px;
}
div.select span img
{
  border:1px solid var(--telme-border-color);
}
br.select_break
{
  clear: left;
}
#message_history_table tbody tr td
{
  background-color: var(--telme-bg-primary);
}
.break
{
  position: absolute;
  background-color: var(--telme-bg-tertiary);
  left: 0px;
  width: 100%;
  z-index: -1;
  line-height:1px;
}
.print
{
  background-image:url('');
  background-color:white;
  color: black;
}

.subscriberrow_REMOVED1,.subscriberrow_REMOVED2
{
  color: var(--telme-text-secondary) !important;
  background-color: var(--telme-bg-tertiary)  !important;
}


.subscriberrow_1

{
  background-color: var(--telme-bg-primary);
}


.subscriberrow_2

{
  background-color: var(--telme-bg-tertiary);
  color: var(--telme-text-secondary);
}

.hidden
{
  display:none;
}
#avdelninginfo
{
  height:173px;
  z-index:99;
}
.textpopupdiv
{
  position:absolute;
  z-index:99;
}
@media print
{
  .headHolder
  {
    display: none;
  }
  body
  {
    margin-top:0px;
  }
  
}

div.tableContainer {
    overflow: auto;
    width:100%;
    position:relative;
    /* height:expression((window.document.body.offsetHeight - this.offsetTop - 10) > 150 ?
                       window.document.body.offsetHeight - this.offsetTop - 10 : null); */
	}

div.tableContainer table {
	width: 99%;		/*100% of container produces horiz. scroll in Mozilla*/
	border: none;
	background-color: var(--telme-bg-tertiary);
}

/*
 * Specific Firefox. Only Modern browser are able to interpret > . IE is not a modern browser
 */	
div.tableContainer table>tbody { 
	overflow: auto; 
	overflow-x: hidden;
}
/*
 * FF scroll hide last column.
 * prevent this case
 */
div.tableContainer table td:last-child {
	padding-right: 20px;
}

  .topheader {
    background-color: var(--telme-color);
    color: var(--telme-header-text) ;
    font-size: 18px;
    font-weight: 100;
    padding: 3px 3px 3px 6px;
    vertical-align: middle;
    line-height: 33px;
    height:33px;
    border-radius:1px;
    background: linear-gradient(to bottom, var(--telme-color) 0%,var(--telme-secondary-color) 100%);
  }
  
  .ordertype-category {
    background-color: var(--telme-bg-tertiary);
    border-radius: 5px;
    font-size: 110%;
    font-weight: bold;
  }

  .green
  {
    color:#1dae5e;
  }
  .orange
  {
    color:#ff9e10;
  }
  .purple
  {
    color:#C550FE;
    }
  .red
  {
    color:#ff4444;
  }
  .blue
  {
    color:#6699ff;
  } 
  .darkblue {
    color:#005aa3;
  }
  .aqua {
    color:#00e0ff;
  }
  .yellow {
    color:#fce784;
  }
  .pink{
    color:#ff66ff;
  }
  .s, .w, .n, .e{border-radius: 2px;}
  .s{border-bottom:1px inset var(--telme-border-color)}
  .w{border-left:1px inset var(--telme-border-color)}
  .n{border-top:1px inset var(--telme-border-color); padding-top:8px;}
  .e{border-right:1px inset var(--telme-border-color)}
  
.saturday, .saturday a
{
  color: #ff9999;
}
.sunday, .sunday a
{
  color: #ff6666;
}

/* Floating Action Button - The Telme way*/
.fab-telme {
  height: 28px;
  width: 28px;
  line-height: 28px;
  /* font-family: Roboto, Helvetica, Arial; */
  font-size: 22px;
  font-weight:500;
  bottom: 4px;
  right: 4px;
  background-color: var(--telme-primary-color);  /* red */
  border-radius: 50%;
  box-shadow: 0 6px 10px 0 #666;
  transition: all 0.1s ease-in-out;
  color: var(--telme-text-primary);
  text-align: center;
  vertical-align:middle;
  position: absolute;
}
a.fab-telme {
  color: var(--telme-text-primary);
}
.fab-telme:hover {
   box-shadow: 0 6px 14px 0 #666;
   transform: scale(1.05);
}
.fab-telme-lg {
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 40px;
  right: 10px;
  bottom: 10px;
}
.fab-telme-left {
  left:4px;
}


/* i.fad {
  color:#3B7698;
}
 */
 
.right {
  float:right;
}  
.left {
  float:left;
}
.small
{
  font-size:0.8em;
}
.x-small
{
  font-size:0.5em;
}
.hand {
  cursor: pointer;
}
.inherit{
  font-size:inherit;
  font-family:inherit;
  color:inherit;
}
.selectedrow
{
  background-color: silver;
  font-weight: bold;
}
.datalist tr:hover:not(.ordertype-category)
  {
    background-color: #8ab7f2;
  }
.datalist tr td
{
 border-bottom: 1px solid silver;
 padding: 0;
 padding-right: 1px; 
}
.box, .card {
    background-color: var(--telme-bg-secondary);
    border-radius: 5px;
    padding: 10px;
    color: var(--telme-text-primary);
    /* font-size: 110%; */
}
.popup_box {
  background-color: var(--telme-bg-secondary);
}
div.ui-tooltip-content{
  font-size:12px;
}







.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 2px !important;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 2px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 2px !important;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 2px !important;
}
.ui-tabs-nav.ui-widget-header {
  border: 0px !important;
  background: inherit !important;
  border-bottom: 1px solid silver !important;
}
.ui-tabs-nav .ui-state-default{
  /* border: 1px solid silver !important; */
}
.ui-tabs-nav .ui-state-active{
  /* border: 1px solid transparent !important; */
  border-top: 2px solid #e17009 !important;
}


.fa-lg{
  line-height:1em !important;
}