/*
    Copyright © TIM IP Pty Limited 2023-224
    Project:     TIM4biz, crm.tim4biz.com
    File:        style.css
    Description: Default stylesheet
    Created:     2023-11-24 12:01 Ralph Hosking
*/
html, body, .message {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12pt;
}

h1, h2, h3 {
    display: inline-block;
    font-size: 12pt;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h3 {
    font-weight: normal;
}

a {
    text-decoration: none;
}

.message, .message_error {
    width: calc(100% - 10px); /* subtrack padding */
    height: 40px;
    background-color: lightgoldenrodyellow;
    border-width: 1px;
    border-color: goldenrod;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px;
    border-style: solid;
}

.message_error {
    background-color: pink;
    border-color: palevioletred;
}

.statusgrid {
    position: relative;
    width: 100%;
    border-spacing: 2px; /* cell spacing */
}

.statusgrid td {
    border-style: dotted;
    border-width: 1px;
    border-color: #DCDCDC;
}

.statusgrid td:nth-child(2) {
    text-align: end;
}

.statusgridnoright {
    position: relative;
    width: 100%;
    border-spacing: 2px; /* cell spacing */
}

.statusgridnoright td {
    border-style: dotted;
    border-width: 1px;
    border-color: #DCDCDC;
}

.separator {
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-top: 15px;
}

.column {
    float: left;
    width: 50%;
}

.left {
    width: auto;
    float: left;
}

.right {
    width: auto;
    min-width: 100%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/* hidden text */
.hide A {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    color: #A0A0A0;
}

.hide {
    font-family: verdana, arial, helvetica, sans-serif;
    font-weight: normal;
    color: #A0A0A0;
}

.etextbox, .etextboxright, .etextboxmultiline, .etextbox2, .etextboxright2, .etextboxmultiline2 {
/*    font-size: 11px;
*/    font-weight: normal;
    color: #000000;
    /*text-align: justify;*/ /* was orignally in etextbox, not in etextboxmultine*/
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc; /*#9090ff;*/
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
/*    height: 15px;
*/}

.etextbox {
    width: 100%;
    margin-right: 15px;

    /*tell ios to leave me alone*/
    -webkit-appearance: none;
}

.etextboxmultiline {
    width: 100%;
    margin-right:15px;

    /*tell ios to leave me alone*/
    -webkit-appearance: none;
}

.edropdownlist {
/*    font-size: 12px;
*/    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
    text-align: justify;
    border-width: 1px;
    border-style: solid;
    border-color: #dcdcdc; /*#9090ff;*/
    height: 36px;
    vertical-align: middle;
    width: 100%;

    /*tell ios to leave me alone*/
    -webkit-appearance: none;
}

.edittable {
    width: 100%;
}

.listtable {
}

/* truncate text when row too small */
.listtable td {
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*margin-left: search box left edge is clipped, added margin to show it*/
textarea,
input,
select,
.etextboxwatermark {
    margin-left: 2px;
    font-size: inherit;
    font-weight: inherit;
    font-family: inherit;
    text-decoration: none;
    /*color: #19272D; your input color*/
}

.etextboxwatermark {
    color: #a0a0a0;
}

/* standard cancel/other button */
.ebutton, .ebuttonok, .blandbutton, .blandsearchbutton, .ebuttoninline, .ebuttonerror {
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    height: 36px;
    border-style: solid;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-top-color: #D9DFEA;
    border-left-color: #D9DFEA;
    border-bottom-color: #0e1f5b;
    border-right-color: #0e1f5b;
    background-color: #e0e0e0; /*#e0e0ff;*/
    color: #000000;
    padding-left: 16px;
    padding-right: 16px;

    /*tell ios to leave me alone*/
    -webkit-appearance: none;
}

/* standard save/ok/default button */
.ebuttonok {
    background-color: #808080; /* blue #3b5998, header  #808080; ;*/
    color: #FFFFFF;
}

/* error/warning button, e.g. about to delete something */
.ebuttonerror {
    background-color: #800808; /*red*/
    color: #FFFFFF;
}

/* inline button, e.g. crm "Copy mailing address" */
.ebuttoninline {
    height: auto;
}

/* default is a litle darker */
.ebutton:hover, .ebuttonok:hover, .ebuttonerror:hover, .ebuttoninline:hover {
    filter: brightness(85%);
}

/* default is a litle lighter */
.ebutton:active, .ebuttonok:active, .ebuttonerror:active, .ebuttoninline:active {
    filter: brightness(110%);
}

/* where we place an hr separator in a table we want the standard background (white?) 
    not the alt color, note defined after alternate definition */
.hr {
    background: White;
}