/*-- light brown: 89745a  dark brown: 5c4e3c;--*/
/*-- light rose:  934f5f  dark rose:  4b2931 --*/

:root {
    --devbar-width:200px;
    --devbar-border-width:2px;
    --devbar-border-style:solid;
    --devbar-pulltab-height:15px;

    --header-height:50px;
    --header-bgcolor:#385dd8; /* rgb(56,93,216); */
    --header-color: #fff;
    
    --secondary-header-bgcolor:#444;
	
	--menu-width:100px;
	
	--footer-height:30px;

    --primary-bgcolor: #fff;
    --primary-color: #222;
    --primary-link-color: #25729a;
    --primary-deleted-color: #a00;
    
    --error-color: #a00;
    
    --primary-border-color: #385dd8;
    --primary-border-style: solid;
    --primary-border-width: 2px;
    
    --secondary-bgcolor: #dadada;
    --secondary-color: #333;
    --secondary-link-color: #25729a;
    --secondary-border-color: #ddd;
    
    --input-bgcolor: #fff;
    --input-color: #333;
    --input-border-color: #333;
    --input-disabled-border-color: #ccc;    
    
    --popup-border-radius: 7px;	
    --popup-border-color: #333;
    --popup-border-style: solid;
    --popup-border-width: 2px;
	--popup-bgcolor: #fff;

    --button-border-radius: 5px;
	
    --button-fgcolor-default: #fff;
	
	--button-bgcolor-default: #385dd8;
	--button-bgcolor-disabled: #bababa;
    --button-bgcolor-negative: #a00;
    --button-bgcolor-affirmative: #080;
    
    --button-bgcolor-undelete: #808;
    --button-bgcolor-purge: #000;
    --button-bgcolor-reset: #808;
    --button-bgcolor-search: #080;
    --button-bgcolor-clear: #607d8b;
    --button-bgcolor-new: #385dd8;
	
	--table-row-bgcolor-even: rgba(0, 0, 0, .05);
	--table-row-bgcolor-odd: rgba(255, 255, 255, 1);
	--table-row-bgcolor-hover: rgba(0, 0, 0, .3);
}

 html
,body {
height: 100%;
margin: 0;
padding: 0;
border: 0;
vertical-align: baseline;
background-color: var(--primary-bgcolor);
color: var(--primary-color);
position: relative; 
}

 html
,body
,table {
font-family:tahoma, arial;
font-size:.9em; }


a {
    text-decoration: none; 
}
 
 a
,.primary.link {
    color: var(--primary-link-color);
}

.textarea { resize:none; }

td a:hover { 
 color:#a00;
}

.link {
    cursor:pointer;
}

.scrollbar {
	overflow-x: auto;
    overflow-y: auto;
    scrollbar-color: #333 #ccc;
    scrollbar-width: thin; }

.scrollbar.leftside {
	direction:rtl;
}

.scrollbar.vertical {
    	overflow-y:scroll;
}

.scrollbar.horizontal {
    	overflow-x:scroll;
 }

.header {
    background-color: var(--primary-border-color);
    text-align:center;
    color: var(--header-color);
    line-height:25px;
}

 .input {
border:2px solid var(--input-border-color);
border-radius:4px;
outline-width: 0;
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
}

 .input.disabled {
border-color:var(--input-disabled-border-color);
 }

.input::placeholder {
    color: #bbb;
	font-style: italic;
}

.input:focus {
    outline: none;
    border-color:#f80;
    border-width:2px; }

 .starlink {  
height:12px;
width:12px; 
display:inline-block;
margin:4px 3px 0 0;
cursor:pointer;
font-size:.7em;
vertical-align:top;
border-radius:6px; }

 .starlink.active {
 background-color:var(--header-bgcolor); }
 
  .starlink.inactive {
 background-color: #ccc; }
 
 .starlink.inactive:hover { 
 background-color: #ff0; }
 
 
 /*-- notes --*/
 .note {
       border-width: 2px;
       background-color:#fff;
       border-color:#06f;
       border-style: solid;
       font-size:16px;
       margin: 10px 0;
       padding: 10px 20px 20px 20px;
   }
   
 .note.info {
       background: url('/coreimages/icons/32/ico.note.info.32x32.png') no-repeat #eef;
       border-color: #008;
       color: #008;
       padding-left:45px;
       background-position: 5px 5px;
       
   }
 
  .note.warning
 ,.note.caution {
       background: url('/coreimages/icons/32/ico.note.caution.32x32.png') no-repeat #eef;
       border-color: #f80;
       color: #f00;
       background-color: #fffeb7;
       padding-left:45px;
       background-position: 5px 5px;
   }
  
.note.secure {
       background: url('/coreimages/icons/32/ico.note.secure.32x32.png') no-repeat #eef;
       border-color: #080;
       color: #000;
       background-color: #ded;
       padding-left:45px;
       background-position: 5px 5px;
   }
   
.note.search {
   background: url('/coreimages/icons/32/ico.note.search.32x32.png') no-repeat #eef;
   border-color: #008;
   color: #008;
   padding-left:45px;
   background-position: 5px 5px; }
   
.note.task {
   background: url('/coreimages/icons/32/ico.note.task.32x32.png') no-repeat #eef;
   border-color: #060;
   color: #060;
   padding-left:45px;
   background-position: 5px 5px; }