@import url('./spinner.css');
@import url('./popup.css');
@import url('./grid.css');

.header {
    padding:8px;
    height:50px;
    background-color:#3f4757;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:2;
  }
  
  .sidebar {
    background-color: #FAFAFA;
    position:fixed;  
    height: 100vh;
    width: 68px;
    left: 0;  
    z-index:1;
    padding-top:60px;
    padding-left:2px;
    padding-bottom:0;
    padding-right:0;
    border-right:1px solid #eee;
  
    box-shadow:rgba(0, 0, 0, 0.12) 0px 0px 2px 0px, rgba(0, 0, 0, 0.14) 0px 2px;
  }
  .sidebar .menu  { text-align:center; padding:4px; border-left:2px solid #fff; }
  .sidebar .menu.active {border-left:2px solid #5C6470; background-color:#fff;}
  .sidebar .menu:hover { background-color:#fff; }
  .sidebar a { color:rgb(97,97,97); text-decoration:none;}
  .sidebar .menu i  { font-size:20px; display:block;}
  .sidebar .menu:hover i {color:blue;}
  .sidebar .menu label { font-size:11px; display:block; }
  
  .content { 
    padding-left: 80px;
    padding-top: 60px;
  }

  .dirty {
    font-weight:bold;
    color:orange;
  }

  .text-error { color: red;}
  .text-warning {color:orange;}
  .text-info {color:blue;}
  .text-success {color:green;}
  .text-left {text-align: left;}
  .text-center {text-align: center;}
  .text-right {text-align: right;}
  .text-justify {text-align: justify;}
  .w-100, .width-100 { width: 100%;}
  .w-50, .width-50 { width: 100%;} 
  .h-100, .height-100 { height: 100%;}
  .h-50, .height-50 { height: 100%;}
  .inline {display:inline;}
  .inline-block {display:inline-block;}
  .block {display:block;}
  .hidden {display:none;}
  .invisible {visibility: hidden;}
  .invisible {visibility: visible;}
  .absolute {position:absolute;}
  .relative {position:relative;}
  .i { font-style: italic;}
  .u { text-decoration: underline;}
  .del { text-decoration: line-through;}
  .nu {text-decoration: none;}

  .usd {position:relative;}
  .usd::before {
    content: '$';
    position:absolute;left:4px; top:3px;
    z-index:30;
    color:#888;
  }
  .usd input {padding-left:16px;}
  .no-ul{text-decoration: none;}