@import url('base.css');
@import url('fonts.css');
@import url('print.css');
@import url('shared/dashboard.css');

/********************************************
   HTML ELEMENTS
********************************************/ 
* 
    { 
    padding: 0; 
    margin: 0; 
    }

html
    {
    height:100%;
    }

body 
    {
    margin: 0;
    padding: 0;
    color:  #343434; 
    }

/* links */
a
    { 
    background-color: inherit;
    text-decoration: none;
    }

ul span, ol span 
    {
    color: #666666; 
    }

table.no-border 
    {
    border: none !important;
    }
    
img.no-border 
    {
    border: none;
    }

img.float-right 
    {
      margin: 5px 0px 5px 15px;  
    }

img.float-left 
    {
      margin: 5px 15px 5px 0px;
    }

acronym 
    {
    cursor: help;
    border-bottom: 1px solid #777;
    }

/* form elements */
input.button:disabled
    {
    background:silver;
    color:gray;
    }

    
span.badge { min-width: 2rem !important; }
    
.article ol
    {
    margin-left: 15px;
    margin-bottom: 5px;
    margin-top: 20px;
    }
    
    
.error-box {
     border: 2px dashed red;  
}

/***********************
	  LAYOUT
************************/

.wrap
    {
    -ms-word-break: break-all; word-break: break-all;
    /* Non standard for webkit */
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    }
 

th 
    {
    font-size: 12px; 
    text-transform: uppercase !important;
    }
    
td { font-size: 12px; }

.material-tooltip {text-align:left;}
/* Fixing google charts bug with the tooltip flikering */
svg > g > g:last-child { pointer-events: none }

.modal-header
    {
    padding: 30px; 
    padding-top: 30px; 
    padding-left: 45px;
    background: #1B6886;
    }

nav { background: #1D6687; }