body{font-size:.8rem;font-family: arial,helvetica,sans-serif}

a { color: #1D4545; }
a:visited { color: #1D4545; }
a:hover { color: #ff3300; text-decoration : none; }
input[type="text"], input[type="email"], input[type="number"], select, textarea{font-size:.8rem;margin:3px;padding:2px;}
/* 
input[type="submit"],
input[type="reset"],
input[type="button"],
button{
    font-size:1.1rem !important;
    height:24px;
}
 */
.button{
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
    border:1px #ccc solid;
    padding:5px;
    background-color:#eee;
    width:15px;
    text-align:center;
    border-radius: 3px;
}

.cancel-button{
    cursor:pointer;
    display:inline-block;
    text-decoration:none;
    border:1px #ccc solid;
    padding:5px;
    background-color:#eee;
    text-align:center;
    border-radius: 3px;
}

.button:hover{
    background-color:rgb(224, 224, 224);
}

table {
    border-spacing: 0;
}
td{padding:4px;}

.account_row td{
	border-bottom: 1px solid #ccc;
	padding: 5px;
}
.table-input {
    background-color: #eeeeee;
    margin:20px 0;
}

.data-table-wrapper { 
    overflow-x: scroll; 
}
.data-table{
    
}
.data-table th {
    background-color:#dedede;
}
.data-table td {
    font-size:.7rem;
    padding:5px 1px 5px 1px;
}
.header_bg {
	background-color: #669999;
    color: #ffffff;
    font-size:.85rem;
}
.header_bg td {
    padding:5;
    font-weight:bold;
}

.main-header-bg {
	background-color: #669999;
    color: #ffffff;
    font-size:.85rem;
}
.main-header-bg td {
    padding:0;
}

.column_bg {
	background-color: #99cccc;
    color: #336666;
    font-weight:bold;
    font-size: .9rem !important;
}

.row_underline {
    border-bottom: 1px #eee solid;
}


.alternate-rows tr:nth-child(even) {
    background-color: #eeeeee;
}
.large_header {
	color: #336666;
    font-size:1.3rem;
    font-weight:bold;
}
.tiny {font-size: .7rem;}
.tab_live { padding:2px;background: #ffffff; }
.tab_dead { 
    padding:2px;
	background: #99cccc; 
    border-left:1px #336666 solid; 
    border-bottom:1px #ccffff solid; 
    border-top:1px #336666 solid; 
    border-right:1px #ccffff solid;
    }
.tab_dead a {  display:block; text-decoration: none; }
.tab_live a {  display:block; text-decoration: none; }
.accounttype_nav a { color: #ffffff; }

.left-menu {
    border-bottom:1px #669999 solid; 
   
}

.left-menu a {
	padding:10px 0 10px 5px;
	display:block;
	text-decoration: none;
}

.left-menu a:hover {
	background:#cc7668;
    color: #ffffff;
   
}

.lite_bg {
	background: #eeeeee;
}

.message {
	color: #cc0000;
	background: #ffcccc;
    border: 1px #cc0000 solid;
    padding: 5px;
}

.ok_message {
    color:#009900;
	background-color:#dbf4c2;
	border:1px solid #56a00e;
    padding: 5px;
}

.background-lite-grey {
	background-color: #eaeaea;
}

.errHilite {
color:#cc0000;
background:#ffeeee;
border:inset 2px #cc0000;
}

label{
    /* font-weight:bold; */
}

.icon {
    padding:0 2px;
    display:inline-block;
    vertical-align: middle;
    opacity:.55;
}

.icon:hover {
    opacity:.7;
}

    
.columns {
        
    /* 
        margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.75rem;
    */
    display:flex;

    
    
}
.columns.is-mobile {
    display: flex;
  }
.column:last-child {
    padding-right: 0;
}
.column {
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 0.75rem;
}

.padding-4 {
    padding:4px;
}

#user_hiding_slot, #user_form{
    display:none;
}