/* CONSTANTS BEGIN */
:root {
    /* IA GOOD COLOUR CONSTANTS */
    --iaorange:#FFA500;
    --iared:#e53838;
    --iagreen:#0c8946;
    --iapurple:#603e95;
    --iablue:#348bd1;
    --iagrey:#404040;

    /* IA ELEMENT-SPECIFIC COLOUR CONSTANTS/DEFAULTS */
    --iabuttonbg: var(--userColor);
    --iabuttonfg:#ffffff;

    --iabigboxcolor: var(--userColor);
    --iamessagecolor: var(--userColor);


    --iatr4-1:#ffffff;
    --iatr4-2:#eeeeee;
    --iatr4-3:#dddddd;
    --iatr4-4:#cccccc;

    --iafieldsetborder: var(--userColor) ;
    --iafieldsetbackground: var(--userColorLightest);
}
/* CONSTANTS END */
table.border {
    border: 1px solid var(--userColorDark);
}

/* COLLBOX BEGIN */
div.collbox
{
    border:1px solid var(--userColorLight);
    border-bottom:2px dashed var(--userColor);
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    overflow:hidden;
    margin-bottom:10px;
}
div.collbox.open
{
    border-bottom:1px solid var(--userColorLight);
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
div.collbox > label
{
    text-align:left;
    width:100%;
    display:block;
    background-color:var(--userColorLightest);
    padding-left:8px;
    font-size:12pt;
    font-weight:normal;
    cursor:pointer;
    color:var(--userColorDarkest);
}
div.collbox.smallcollbox label
{
    font-size:9pt;
}
div.collbox.smallcollbox
{
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}
div.collbox.smallcollbox.open
{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}

div.collbox.open > label,
div.collbox > label:hover
{
    background-color:var(--userColorDarker);
    color:var(--userColorLightest);
}
div.collbox > label:before
{
/*    content:'arrow-alt-square-down'; THIS DOES NOT WORK - you cannot put a fontawesome classname in content like this */
    content:'\21F2';
    font-family:'Font Awesome 5 Pro';

    font-size:calc(120%);
    margin-right:10px;
    font-family: 'Arial', 'Segoe UI', 'Helvetica Neue', sans-serif; /* Add fallback fonts */
}
div.collbox.open > label:before
{
/*    content:'arrow-alt-square-up'; THIS DOES NOT WORK - you cannot put a fontawesome classname in content like this */
    content:'\21F1';
    font-family: 'Arial', 'Segoe UI', 'Helvetica Neue', sans-serif; /* Add fallback fonts */
}
div.collbox > div.content
{
    display:none;
}
div.collbox.open > div.content
{
    display:inline-block;
    background-color:var(--userColorLightest);
    border: none;
    padding:10px;
    width:calc(100% - 20px);
    overflow:auto;
}
/* COLLBOX END */
/* IA_MESSAGE BEGIN */
div.ia_message_container
{
    margin:0;
    padding:0;
    width:100%;
    max-width:calc(100vw - 30px);
    display:inline-block;
}
div.ia_message
{
    border:2px solid var(--iamessagecolor);
    color:var(--iamessagecolor);
    background-color:color-mix(in srgb, var(--iamessagecolor), var(--white,white) 90%);
    font-size:10pt;
    border-radius:10px;
    text-align:left;
    max-width:1000px;
    width:100%;
    margin-bottom:10px;
    margin-left:0;
    margin-right:0;
    display:inline-block;
    padding:5px;
}
div.ia_message > h1 > span.icon
{   float:left;
    width:50px;
}
div.ia_message > h1
{
    font-size:25px;
    margin-top:0;
}
div.ia_message > .messagecontent
{
    padding-left:50px;
    display:block;
}
div.ia_message.black    { --iamessagecolor:#000000; }
div.ia_message.error    { --iamessagecolor:var(--iared); }
div.ia_message.success  { --iamessagecolor:var(--iagreen); }
div.ia_message.priority { --iamessagecolor:#FF0000; }
div.ia_message.warning  { --iamessagecolor:#AA822E; }
div.ia_message.none     { --iamessagecolor:#6D5FDF; }
div.ia_message.back     { --iamessagecolor:#6D5FDF; }
div.ia_message.info     { --iamessagecolor:#6D5FDF; }
div.ia_message.tip      { --iamessagecolor:#800080; }
div.ia_message.links    { --iamessagecolor:#000080; }
div.ia_message.question { --iamessagecolor:#59a1ff; }
div.ia_message.reminder { --iamessagecolor:#f28500; }
div.ia_message.gotmail  { --iamessagecolor:#5C3317; }
div.ia_message.mike  	{ --iamessagecolor:#000000; }
div.ia_message.ian   	{ --iamessagecolor:#000000; }
div.ia_message.kateri   { --iamessagecolor:#000000; }
div.ia_message.todo   	{ --iamessagecolor:#dddddd; }
/* IA_MESSAGE END*/

/* IA_BUTTON START */
.ia-button
{
    border:2px solid color-mix(in srgb,var(--iabuttonbg),#555);
    background-color:var(--iabuttonbg);
    color:var(--iabuttonfg);
    white-space: nowrap;
    cursor:pointer;
    display:inline-block;
    padding:5px 10px 5px 10px;
    margin:2px;
    border-radius:10px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    transition: all .2s ease;
}
.ia-button.narrow
{
    font-size:9px;
    padding:3px 10px 3px 10px;
    margin-bottom:3px;
}
.ia-button.selected,
.ia-button:hover
{
    color:var(--iabuttonbg);
    background-color:var(--iabuttonfg);
}
/* IA_BUTTON END */
/* IA_BIGBOX START */
div.ia_bigbox
{
    border:2px solid var(--iabigboxcolor);
    color:var(--iabigboxcolor);
    background-color:color-mix(in srgb, var(--iabigboxcolor), var(--white,white) 80%);
    font-size:10pt;
    border-radius:10px;
    text-align:left;
    max-width:1000px;
    width:100%;
    margin-bottom:20px;
    display:inline-block;
    padding:5px;
    width:500px;
    box-shadow:5px 10px 8px color-mix(in srgb, var(--iabigboxcolor), transparent 85%);
}
div.ia_bigbox > div.icon
{
    float:left;
    display:inline-block;
    font-size: 100px;
    width:150px;
    text-align:center;
}
div.ia_bigbox > div.allcontent
{
    float:left;
    display:inline-block;
    width:calc(100% - 150px);
    margin-top:10px;
    margin-bottom:10px;
}
div.ia_bigbox > div.allcontent > div.title
{
    font-size:25px;
    font-family:InfoAnywhere, impact, verdana;
}
div.ia_bigbox > div.allcontent > div.content
{
    font-size:14px;
    margin-top:10px;
}

div.ia_bigbox.small > div.icon
{
    font-size: 40px;
    width:50px;
    padding-top:10px;
}
div.ia_bigbox.small > div.allcontent
{
    width:calc(100% - 50px);
}
div.ia_bigbox.small > div.allcontent > div.title
{
    font-size:18px;
}
/* IA_BIGBOX END */
/* IA_BADGE START */
div.ia_badge
{
    --iabadgecolor:#FFA500;
    display: inline-block;
    padding: 5px;
    min-width: 100px;
    border:2px solid var(--iabadgecolor);
    color:var(--iabadgecolor);
    background-color:color-mix(in srgb, var(--iabadgecolor), white 90%);
    border-radius: 7px;
    margin-left: 8px;
    margin-bottom: 8px;
    box-shadow: 2px 3px 6px #888;
}
div.ia_badge > div.badge_top
{
    font-size:9px;
    margin-bottom: 5px;
}
div.ia_badge > div.badge_icon
{
    font-size:32px;
}
div.ia_badge > div.badge_icon span.text
{
    font-size:40px;
    line-height:32px;
    font-weight:bold;
}
div.ia_badge > div.badge_bottom
{
    font-size:12pt;
    font-weight:bold;
    margin-top: 3px;
}
div.ia_badge_smalltext
{
    display:inline-block;
    display:inline-flex;
}
div.ia_badge_smalltext div.ia_badge
{
    max-width:150px;
    min-height:75px;
}
div.ia_badge_smalltext div.ia_badge > div.badge_bottom
{
    font-size:8pt;
    font-weight:normal;

}
/* IA_BADGE_END */
/* IA_FLOAT_START */
div.ia_float_wrapper
{
    border: 0 solid black;
    overflow:auto;
    text-align: center;
    width: 100%;
}
div.ia_float
{
    color: var(--userColorDarker)!important;
    border: 1px solid var(--userColor);
    padding: 5px;
    margin: 5px;
    border-radius: 8px;
    float:left;
    background-color: var(--userColorLightest);
    /*box-shadow: 1px 1px 2px #888;*/
}
div.ia_float_wrapper > center > div.ia_float_plain,
div.ia_float_wrapper > div.ia_float_plain
{
    float:left;
}
/* IA_FLOAT_END */
/* IA_TR_START */
table tr.ia-tr
{
    background-color:var(--iaoddcolor);
}
table tr.ia-tr:nth-child(even)
{
    background-color:var(--iaevencolor);
}
table tr.ia-tr:nth-child(odd)
{
    background-color:var(--iaoddcolor);
}
/* IA_TR_END */
/* IA_TR4_START */
table tr.ia-tr4
{
    background-color:var(--iatr4-1);
}
table tr.ia-tr4:nth-child(4n + 1)
{
    background-color:var(--iatr4-4);
}
table tr.ia-tr4:nth-child(4n + 3)
{
    background-color:var(--iatr4-2);
}
table tr.ia-tr4:nth-child(4n + 4)
{
    background-color:var(--iatr4-3);
}
/* IA_TR4_END */
/* IA_FIELDSET_START */
fieldset.ia-fieldset
{
    border: 2px solid var(--iafieldsetborder);
    background-color: var(--iafieldsetbackground);
    padding: 6px;
    zzz-margin-right: 13px; /* this is needed for the admissions section of the careplan_recentchanges MIKE: THEN IT SHOULD BE IN A STYLE BLOCK ON THAT PAGE - REMOVED*/
    border-radius: 8px;
    text-align: center;
    /*width: 100%;*/
    max-width:100%;
}
fieldset.ia-fieldset > legend
{
    margin-left: 10px;
    padding: 3px 7px 3px 7px;
    text-align: left;
    background-color:var(--iafieldsetborder);
    color:white;
    border-radius: 5px;
    font-size: 14px;
    font-weight:bold;
}
.collbox.open > .content > fieldset.ia-fieldset
{
    max-width:calc(100% - 40px);
}
div.ia-fieldset2
{
    text-align: left;
    background-color: color-mix(in srgb, var(--iafieldsetborder), var(--white,white) 90%);
    border-radius: 12px;
    xbox-shadow: 3px 6px 4px #cccccc;
    margin-bottom: 10px;
    border: solid 1px var(--iafieldsetborder);
    padding: 0 6px 6px 6px;
}
div.ia-fieldset2 > hr
{
    border-top: 3px solid var(--iafieldsetborder);
    border-color:var(--iafieldsetborder);
    margin-top:12px;
}
div.ia-fieldset2 > div.fsheader
{
    text-align: left; margin-top: -26px; margin-left: 30px;  padding: 10px;
}
div.ia-fieldset2 > div.fsheader span
{
/*color-mix(in srgb, var(--iafieldsetborder), var(--white,white) 90%);*/
    padding: 5px 10px;
    font-size: 15px;
    font-weight:bold;
    /*color:var(--iafieldsetborder);*/
    /*background-color: white;*/
    color:white;
    background-color: var(--iafieldsetborder);
    border-radius: 5px;
}
/* IA_FIELDSET_END */

div.rainbowMenu {
    /*margin: 10px 6px 5px 0px;*/
}

.rainbowMenu ul li {
    font-size: 13px;
    xline-height: 14px;
    min-height: 27px;
}

form {
    margin: 0;
}
span.floating_submit
{
    position:fixed;
    bottom:50px;
    right:0px;
    border-left:5px solid var(--userColor);
    border-top:5px solid var(--userColor);
    border-top-left-radius:15px;
    background-color:var(--userColorLightest);
}
.reportbutton
{
    color:white !important;
    background-color:var(--userColor);
    border:2px solid var(--userColor);
    text-decoration:none;
    border-radius:10px;
    border-radius:10px;
    padding-left:10px;
    padding-right:10px;
    cursor:pointer;
}
.reportbutton:hover
{
    background-color:white;
    color:var(--userColor) !important;
}
.colorpicker,.ia_color_picker,.ia_colour_picker
{
    max-width:100px;
    min-width:100px;
}
.allCellsCentered tr td {
    text-align: center;
}
input.searchText
{
    width:100%;
    text-align:center;
    border: mediumseagreen solid 1px!important;
    /*color: var(--white,white)!important;*/
    /*background-color: var(--black,black)!important;*/
}
.msgbox5_outer {
    padding-bottom: 15px;
}
.msgbox5_middle {
    box-shadow: 4px 4px 8px 0px rgba(0,0,0,0.31);
}
.msgbox5_iconContainer {
    width: 50px;
    padding: 10px;
    border-top-left-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 8px solid var(--msgbox5_color);
    border-bottom: 1px solid var(--msgbox5_color);
    background-color: color-mix(in srgb, var(--msgbox5_color), var(--white,white) 60%);
}
.msgbox5_textContainer {
    padding: 10px;
    width: calc(100% - 50px);
    display: flex;
    align-items: center;
    border-top: 8px solid var(--msgbox5_color);
    border-bottom: 1px solid var(--msgbox5_color);
    background-color: color-mix(in srgb, var(--msgbox5_color), var(--white,white) 90%);
}
.msgbox5_textContainerWrapper {
    display: flex; align-items: center; width: 100%; padding: 0; margin: 0;
}
.msgbox5_textContainer_intro {
    white-space: nowrap;
    margin-right: 6px;
    text-align: left;
    font-weight: bold;
    background-color: color-mix(in srgb, var(--msgbox5_color), var(--white,white) 90%);
    color: color-mix(in srgb, var(--msgbox5_color), var(--black,black) 30%);
}
.msgbox5_textContainer_text {
    text-align: left;
    color: color-mix(in srgb, var(--msgbox5_color), var(--black,black) 90%);
}
.msgbox5_textContainer_text a {
    text-decoration: underline;
    color: var(--userColorDark);
}