@media (max-width: 1200px) {
    /* CSS that should be displayed if width is equal to or less than 800px goes here */
    .tableSearchArea {position: absolute; left: 0px; width: 100vw;top:35px; padding-left: 10px; padding-right: 10px;}
    #quicksearch {
        border: 1px solid #BFBFBF;
        height: 20px;
        width: 100%;
        margin-top: 2px;
    }

    td.headeruserid {text-align: left; }
    td.headeradvancedsearch {text-align: right; }
    div.headeruserdrop {position: absolute; right: 0px; top: 19px; z-index: 2;}
    div.headertransactionentry {position: absolute; left: 0px; top: 25px; }

    div.headercontentNEW {position: absolute; top: 0px; right: 25%; z-index:3; }
    div.headersearchNEW {display:inline; right: 150px; top: 19px;}
    div.headeruseridNEW {display:inline;right: 50px;top: 25px;}
    div.headeruserdropNEW {display:inline; right: 50px; top: 16px; z-index: 2;}
    /*.headercontent {height:200px;}*/

    .headercontent{
        background-color: #3E74E7;
        height: 125px;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }

    /*body {background-image:url('/img/2500x3211_WebBackground.jpg');  background-color: white; background-size: 100%;}*/

    div.headericon { position:relative; height: 125px; left: 0px; top: 0px; padding:0; z-index: -1;}

    /*div.headericontext { position:absolute; height: 50px; left: 10px; top: 5px; padding:0; z-index: -2; color: ghostwhite; text-shadow: 3px 3px 3px #2779aa; font-size:3em;}*/
    div.headericontext { position:fixed; height: 55px; width: 100vw; text-align:center; top: 5px; padding:0; z-index: 20; color: ghostwhite; text-shadow: 3px 3px 3px #2779aa; font-size:3em;}
    div.headercontent {position: fixed; top: 0px; width: 100%; z-index:3; min-width: 905px;left: 0px;  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); }
    div.headersearch {position: absolute; left: 0px; top: 5px; font-size: .7em; text-align: right; z-index: 20;}

    .headeruserid{display:none;}

    .headeradvancedsearch{display:none;}
    .mobileMenuContainer {
        cursor: pointer;
        float:right;
    }

    .mobileEntityListContainer {
        float:right;
        padding-top: 5px;
        padding-right: 10px;
    }

    .mobileMenuBar1, .mobileMenuBar2, .mobileMenuBar3 {
        width: 35px;
        height: 5px;
        background-color: #f1f1f1;
        margin: 6px 0;
        transition: 0.4s;
    }

}

@media (min-width: 1200px) {
    #usermenu {
        width:115px;
    }
    .mobileheaderuserid{display:none;}
    .tableSearchArea {position: absolute; right: 154px; width: 500px;}
    #quicksearch {
        border: 1px solid #BFBFBF;
        height: 20px;
        width: 100%;
        margin-top: 2px;
    }

    td.headeruserid {text-align: left; }
    td.headeradvancedsearch {text-align: right; }
    /*div.headeruserdrop {position: absolute; right: 510px; top: 19px; z-index: 2;}*/
    div.headertransactionentry {position: absolute; right: 400px; top: 25px; }

    div.headercontentNEW {position: absolute; top: 0px; right: 25%; z-index:3; }
    div.headersearchNEW {display:inline; right: 150px; top: 19px;}
    div.headeruseridNEW {display:inline;right: 50px;top: 25px;}
    div.headeruserdropNEW {display:inline; right: 50px; top: 16px; z-index: 2;}

    .headercontent{
        background-color: #3E74E7;
        height: 55px;
        box-shadow: 0 1px 2px rgba(0,0,0,.1);
    }

    /*body {background-image:url('/img/2500x3211_WebBackground.jpg');  background-color: white; background-size: 100%;}*/

    div.headericon { position:relative; height: 50px; left: 0px; top: 0px; padding:0; z-index: -1;}

    /*div.headericontext { position:absolute; height: 50px; left: 10px; top: 5px; padding:0; z-index: -2; color: ghostwhite; text-shadow: 3px 3px 3px #2779aa; font-size:3em;}*/
    div.headericontext { position:fixed; height: 55px; left: 10px; top: 5px; padding:0; z-index: 20; color: ghostwhite; text-shadow: 3px 3px 3px #2779aa; font-size:3em;}
    div.headercontent {position: fixed; top: 0px; width: 100%; z-index:3; min-width: 905px;left: 0px;  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.15); }
    div.headersearch {position: absolute; right: 0px; top: 5px; font-size: .7em; text-align: right; z-index: 20;}
}

.idBarMenuItem{
    float: right;
    padding: 2px;
}

.idBarHeaderActionsCol{
    width:75%;
}

.idBarHeaderTextCol{
    width:25%;
}


div.bucket {background-color: white; height: 500px;}


/* Class for the grid tables, i.e. address relationships, activities */
table.grid { background: white; border-collapse:collapse;}
table.grid td {max-height:25px; white-space: nowrap; overflow:hidden; border:1px solid grey;}
table.grid th { border:1px solid black;}
table.grid thead { background: lightgrey; white-space: nowrap; overflow:hidden;}

/*This is for the buttons on the main menu or home page.*/
button.main { width: 200px; height: 40px;}
.closed {background-color:red;}
select.lookup { padding-right:15px; background: url(/img/btn_10.png); background-repeat: no-repeat; background-position: right; background-color: white;}
button.invisible { border:0;background-color:Transparent;width:15px;height:15px; }
label {font-size:.8em;font-family:arial, helvetica, sans-serif;}

/*This is for the login form*/
div.loginbucket{ 
    box-sizing: border-box;
    width: min(340px, calc(100vw - 32px));
    margin: 36px auto 0 auto;
    color: #0F172A;
}
div.welcometext{ 
    margin: 0 0 14px 0;
    padding: 0;
    color: #475569;
    text-shadow: none;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
div.welcometext p {
    margin: 0;
}
div.loginbucket h1{
    margin: 0;
    padding: 0;
    color: #334155;
    font: 800 34px/40px Arial, Helvetica, sans-serif;
}
div.loginbucket fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
/*div.loginform { width:200px;height:250px;    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: none;
    color: #6B6B6B;
    font-size: 1.1em;}*/
.logintable {
    width: 100%;
    margin-top: 0;
    padding: 0;
    border-collapse: collapse;
}
.logintable input,
.logintable select {
    box-sizing: border-box;
    width: 100%;
    min-height: 34px;
    margin: 6px 0 14px 0;
    padding: 6px 9px;
    border: 1px solid #CBD5E1;
    border-radius: 5px;
    background: #FFFFFF;
    color: #0F172A;
    font: 13px/18px Arial, Helvetica, sans-serif;
    outline: 0;
    box-shadow: none;
}
.logintable select {
    height: 34px;
}
.logintable label{
    color: #334155;
    font: 700 12px/18px Arial, Helvetica, sans-serif;
}
.loginform {
    box-sizing: border-box;
    padding: 28px 22px 18px 22px;
    border: 1px solid #CBD5E1 !important;
    border-radius: 8px;
    background: #FFFFFF !important;
    color: #0F172A;
    box-shadow: 0 18px 42px rgba(15, 23, 42, .12);
}
.logintable input:focus,
.logintable select:focus {
    border-color: #2563EB;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .18);
}
.logintable input:-webkit-autofill,
.logintable input:-webkit-autofill:hover {
    -webkit-text-fill-color: #0F172A;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset;
    transition: background-color 9999s ease-in-out 0s;
}
.logintable input:-webkit-autofill:focus {
    -webkit-text-fill-color: #0F172A;
    -webkit-box-shadow: 0 0 0 1000px #FFFFFF inset, 0 0 0 2px rgba(37, 99, 235, .18);
    transition: background-color 9999s ease-in-out 0s;
}
.loginbtn { 
    min-height: 42px;
    box-sizing: border-box;
    background: #2563EB;
    line-height: 20px;
    font-weight: bold;
    font-size: 14px;
    padding: 0 24px;
    width: 80%;
    color: #FFFFFF;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .14);
}
.loginbtn:disabled {
    background: #94A3B8;
    cursor: not-allowed;
    opacity: .72;
}
.loginbtn:hover:enabled {
    background: #1D4ED8;
    -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, .28);
    box-shadow: 0 8px 20px rgba(37, 99, 235, .28);
}
.login-message {
    box-sizing: border-box;
    width: 100%;
    margin-top: 10px;
    color: #DC2626;
    font: 700 12px/18px Arial, Helvetica, sans-serif;
}
.login-message:empty {
    display: none;
}
/*End login form*/

/*This is for the authorize form*/
div.authorizebucket{ width:500px;height:200px;top:25%;margin-top:-50px;left:50%;position:absolute;margin-left:-250px;}
div.authorizetext{text-align:left;padding:0; z-index: -2; color: #6B6B6B; text-shadow: 3px 3px 3px ghostwhite; font-size:1.5em;}
div.authorizebucket h1{margin-bottom:0px;padding-bottom:0px;}
div.authorizebucket fieldset { border:0px solid black;}
div.authorize { width:200px;height:250px;    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: none;
    color: #6B6B6B;
    font-size: 1.1em;}
div.authorizetable {margin-top:20px;}
/*End authorize form*/

/*This is for the server config form*/
div.serverconfigbucket{ width:600px;height:200px;top:25%;margin-top:-50px;left:50%;position:absolute;margin-left:-250px;}
div.serverconfigtext{text-align:left;padding:0; z-index: -2; color: #6B6B6B; text-shadow: 3px 3px 3px ghostwhite; font-size:1.5em;}
div.serverconfigbucket h1{margin-bottom:0px;padding-bottom:0px;}
div.serverconfigbucket fieldset { border:0px solid black;}
div.serverconfig { width:200px;height:250px;    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: none;
    color: #6B6B6B;
    font-size: 1.1em;}
div.serverconfigtable {margin-top:20px;}
/*End server config form*/

div.topnav { background: url("/img/topnavbar.png") no-repeat; background-size: 100%; margin-bottom:-3px;z-index:2;}
div.leftnav { background: url("/img/leftnavbar.png") no-repeat; background-size: 100%; margin-left:-1px;z-index:1;}
/*This is styling for links on the home page*/
#list-nav a:hover {background: url("/img/activebutton.png") no-repeat; background-size:100%;color:#FF00FF;background-color:gray;}  /* mouse over link */
#list-nav a:active {color:blue;background-color:blue;}  /* selected link */
ul#list-nav {
    list-style:none;
    text-align:right;
}

ul#list-nav li a {
    text-decoration:none;
    padding:5px 0;
    width:100px;
    color:black;
    float:right;
}

/*This is the styling for the activities tabs*/
.tabs2 { height: 400px; }
.tabs-bottom { position: relative; }
.tabs-bottom .ui-tabs-panel { height: 400px; overflow: auto; }
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; }
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
.ui-tabs-selected { margin-top: -3px !important; }

#menu a:visited {
    color: #6B6B6B;
    font-size: .9em;
}

#menu a:link {
    color: #6B6B6B;
    font-size: .9em;
}

.lastvisitedheader {
    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: underline;
    color: #000000;
    font-size: 1.1em;
    text-align: right;
}

.lastvisiteditem {
    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: none;
    color: #6B6B6B;
    font-size: 1em;
    text-align: right;
}

.lastvisiteditem:visited {
    color: #6B6B6B;
    font-size: 1em;
}

.lastvisiteditem:link {
    color: #6B6B6B;
    font-size: 1em;
}

.lastvisiteditem:hover {
    color: #a00;
    background: #fff;
    border-color: lightgrey;
}

#recent-entities-list {
    text-align:right;
    padding-left: 5px;
    padding-right: 5px;
}


/*This is for the sub links*/
a.sublink {font-size:1em;}

.accountitems:hover {
    background: #ecedfe;
}

#menu li {
    /* make the list elements a containing block for the nested lists */
    position: relative;
}

#menu ul ul ul {
    position: absolute;
    top: 0;
    left: 100%; /* to position them to the right of their containing block */
    width: 100%; /* width is based on the containing block */
    z-index: 2;
}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}
/* End new side menu stuff */




/*The below is for the new top menu2. */
#menu2 {
    width: 100%; /* set width of menu2 */
    left: 325px;
    top: 27px;
    position: absolute;
    text-align: center;
}

#menu2 ul { /* remove bullets and list indents */
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 7em;
    float: left;
}

/* style, color and size links and headings to suit */
#menu2 a, #menu2 h2 {
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: lightgrey;
    margin: 0;
    padding: 2px 3px;
}

#menu2 h2 {
    color: #fff;
    background: #000;
    text-transform: uppercase;
}

#menu2 a {
    color: #000;
    background: white;
    text-decoration: none;
}

#menu2 a:hover {
    color: #a00;
    background: #fff;
}
#menu2 li {
    /* make the list elements a containing block for the nested lists */
    position: relative;
}

#menu2 ul ul ul {
    position: absolute;
    top: 0;
    left: 100%; /* to position them to the right of their containing block */
    z-index: 2;
}
#menu2 ul ul {
    position: absolute;
    z-index: 500;
}
div#menu2 ul ul {
    display: none;
}
div#menu2 ul li:hover ul
{display: block;}
div#menu2 ul ul,
div#menu2 ul li:hover ul ul,
div#menu2 ul ul li:hover ul ul
{display: none;}

div#menu2 ul li:hover ul,
div#menu2 ul ul li:hover ul,
div#menu2 ul ul ul li:hover ul
{display: block;}

/* End new side menu2 stuff */


/*Styling for table grids */
body { font-family:Arial, Helvetica, Sans-Serif; font-size:0.8em;}
.newgrid { table-layout:fixed;border-collapse:collapse; word-wrap:break-word; width:400px;}
.newgrid h4 { margin:0px; padding:0px;}
.newgrid img { float:right;}
.newgrid ul { margin:10px 0 10px 40px; padding:0px;}
.newgrid th { background:#7CB8E2 url(/img/header_bkg.png) repeat-x scroll center left; color:#fff; padding:7px 15px; text-align:left;}
.newgrid td { background:#C7DDEE none repeat-x scroll center left; color:#000; padding:7px 15px; }
.newgrid tr.odd td { background:#fff url(/img/row_bkg.png) repeat-x scroll center left; cursor:pointer; }
.newgrid div.arrow { background:transparent url(/img/arrows.png) no-repeat scroll 0px -16px; width:16px; height:16px; display:block;}
.newgrid div.up { background-position:0px 0px;}
.newgrid td {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
/*End styling for table grids*/

.buttonnobg {
    background-color:transparent;
}

.hidden {
    display:none;
    visibility:hidden;
}

.free-day {
    background: red;
}

.free-day a {
    opacity: 0.7;
}

.hover {
    background: yellow;
}

#sortable1, #sortable2, #sortable3 { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; background: #eee; padding: 5px; width: 143px;}
#sortable1 li, #sortable2 li, #sortable3 li { margin: 5px; padding: 5px; font-size: 1.2em; width: 120px; }

#clonetolist { list-style-type: none; margin: 0; padding: 0; float: left; margin-right: 10px; /*background: #eee;*/ padding: 5px; width: 200px;}
#clonetolist li { margin: 5px; padding: 5px; font-size: 1.2em; width: 175px; }

#relationgrid{ table-layout:fixed; }
#relationgrid tr{ height:1em;  }
#relationgrid td{ overflow:hidden;white-space:nowrap; }

.relationheadercell{font-weight:bold;}

.tranheaderselect {
    background: transparent;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
    height: 32px;
    color:black;
}
.tranlabel {
    font-size:10px;
}

.entgridheaderselect {
    background: transparent;
    padding: 5px;
    font-size: 16px;
    height: 28px;
}


/* The below is required in order to display a loading image while results are
   being returned from an auto complete*/
/* 03122015 DP - Added z-index so that the loading indicator shows above the
   new/old style lookup buttons. Ref issue # 05784. */
.ui-autocomplete-loading { z-index: 1000; background: white url('images/ajax-loader.gif') right center no-repeat; }

.dataalerts {
    position:fixed;
    top:0px;
    left:0px;
    display:none;
    left:40%;
    margin-left:-100px;
    z-index:4;
    width:200px;
    height:25px;
    text-align:center;
}

.dataalerts-loadicon {
    background: url('images/ajax-loader.gif') right center no-repeat;
}

UL.jqueryFileTree {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
}

UL.jqueryFileTree LI {
    list-style: none;
    padding: 0px;
    padding-left: 20px;
    margin: 0px;
    white-space: nowrap;
}

UL.jqueryFileTree A {
    color: #333;
    text-decoration: none;
    display: block;
    padding: 0px 2px;
}

UL.jqueryFileTree A:hover {
    background: #BDF;
}

/* Core Styles */
.jqueryFileTree LI.directory { background: url(images/directory.png) left top no-repeat; }
.jqueryFileTree LI.expanded { background: url(images/folder_open.png) left top no-repeat; }
.jqueryFileTree LI.file { background: url(images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(images/spinner.gif) left top no-repeat; }
.jqueryFileTree LI.adc-attach-selected > A { background-color: #cce5ff; border-radius: 2px; }
/* File Extensions*/
.jqueryFileTree LI.ext_3gp { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_afp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_afpa { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_asp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_aspx { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_avi { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_bat { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_bmp { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_c { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cfm { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_cgi { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_com { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_cpp { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_css { background: url(images/css.png) left top no-repeat; }
.jqueryFileTree LI.ext_doc { background: url(images/doc.png) left top no-repeat; }
.jqueryFileTree LI.ext_exe { background: url(images/application.png) left top no-repeat; }
.jqueryFileTree LI.ext_gif { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_fla { background: url(images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_h { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_htm { background: url(images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_html { background: url(images/html.png) left top no-repeat; }
.jqueryFileTree LI.ext_jar { background: url(images/java.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpg { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_jpeg { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_js { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_lasso { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_log { background: url(images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_m4p { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mov { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp3 { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_mp4 { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpg { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_mpeg { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_ogg { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_pcx { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_pdf { background: url(images/pdf.png) left top no-repeat; }
.jqueryFileTree LI.ext_php { background: url(images/php.png) left top no-repeat; }
.jqueryFileTree LI.ext_png { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_ppt { background: url(images/ppt.png) left top no-repeat; }
.jqueryFileTree LI.ext_psd { background: url(images/psd.png) left top no-repeat; }
.jqueryFileTree LI.ext_pl { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_py { background: url(images/script.png) left top no-repeat; }
.jqueryFileTree LI.ext_rb { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rbx { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rhtml { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_rpm { background: url(images/linux.png) left top no-repeat; }
.jqueryFileTree LI.ext_ruby { background: url(images/ruby.png) left top no-repeat; }
.jqueryFileTree LI.ext_sql { background: url(images/db.png) left top no-repeat; }
.jqueryFileTree LI.ext_swf { background: url(images/flash.png) left top no-repeat; }
.jqueryFileTree LI.ext_tif { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_tiff { background: url(images/picture.png) left top no-repeat; }
.jqueryFileTree LI.ext_txt { background: url(images/txt.png) left top no-repeat; }
.jqueryFileTree LI.ext_vb { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_wav { background: url(images/music.png) left top no-repeat; }
.jqueryFileTree LI.ext_wmv { background: url(images/film.png) left top no-repeat; }
.jqueryFileTree LI.ext_xls { background: url(images/xls.png) left top no-repeat; }
.jqueryFileTree LI.ext_xml { background: url(images/code.png) left top no-repeat; }
.jqueryFileTree LI.ext_zip { background: url(images/zip.png) left top no-repeat; }

/*CP: some additional stuff i found*/
.questlabel {color:#797979;font-size: .8em;font-family:arial, helvetica, sans-serif;}
.questfield {
    z-index: 2; /* This was added so that fields will always have a higher stack value than hidden labels during maintenance mode. */
    box-sizing: border-box; /* 20151111 DP - Added this so that the padding and border will be included in the overall height/width. Without this memo fields would appear taller and wider than the rich client. */
}
textarea.questfield {
    resize:none;
    overflow: hidden;
    box-sizing: border-box; /* 20151111 DP - Added this so that the padding and border will be included in the overall height/width. Without this memo fields would appear taller and wider than the rich client. */
}
.holiday {background-color: red;}


.hidescrollbars {
    overflow: hidden;
    resize: none;
}

/* No Shadow or border */
input.noborder {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: none;
    background: none;
}

/*CP Ensures icons are lined up correctly for side menu items*/
.accountitems .ui-icon{
    display:inline-block;
}

#chart1wrapper-header {
    margin-bottom: .1em;
}

/* When a case is closed some fields should display in red. */
.caseclosed { background-color: red; }
.entgridstatusClosed { background-color: red; color: white;}
.entgridstatusTimeLocked {
    background-color: yellow !important;
    background: yellow !important;
}
.idbaralert { background-color: red; }

.cell-selection {
    border-right-color: silver;
    border-right-style: solid;
    background: #f5f5f5;
    color: gray;
    text-align: right;
    font-size: 10px;
}

.slick-row.selected .cell-selection {
    background-color: red; /* show default selected row background */
}



.slick-cell.selected {
    background-color: #dedede;
    color: black;
}

.loading-indicator {
    display: inline-block;
    padding: 12px;
    background: white;
    -opacity: 0.5;
    color: black;
    font-weight: bold;
    z-index: 9999;
    border: 1px solid red;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 0 0 5px red;
    -moz-box-shadow: 0 0 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    -text-shadow: 1px 1px 1px white;
}

.calendarprodcueradhoc input {
    border-width: 0px 0px 0px 0px;
    background-color: transparent;
    width:52px;
    height:15px;
}

.calpriority0  div{
    background: white;
    color: black;
    border-color: black;
}

.calpriority1 div{
    background: green;
    color: white;
}
.calpriority2 div{
    background: blue;
    color: white;

}
.calpriority3 div{
    background: orange;
    color: white;
}
.calpriority4 div{
    background: red;
    color: white;
}

/*!!!ADC: CP: 02/17/2014: Notify Customization */
/*!!!ADC: DP: 04/17/2014: Enhanced notify customization for better visualization. This can also be overridden by user configuration. */
.chat-text-wrapper.sendPPNotify p{
    color:black;
    position: relative;
    padding: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 40px;
    border: 20px;
    background: #d3d3d3;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align:center;
}
.chat-text-wrapper.recPPNotify p{
    color:white;
    position: relative;
    padding: 5px;
    margin-bottom: 5px;
    margin-left: 0px;
    margin-right: 40px;
    border: 20px;
    background: limegreen;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-align:center;
}

.avatarIDNotify {
    font-weight:bold;
}
/* 20170523 DP - Issue #97 by adding questfield as part of the class selector for required and validation fields it
                 will overrule the custom selector that is just questfield. */
.questfield.requiredquest{
    background: #FFCCCC;
}

.questfield.validationquest{
    background: #F8FD8E;
}

.sectionvalidationquest h3{
    border: 4px solid #F8FD8E !important;
    opacity: 100 !important;
}

.sectionvalidationquest {
    opacity: 100 !important;
}

#menu a.defaultquest {
    text-decoration:underline
}

.toggle {
    height: 9px;
    width: 9px;
    display: inline-block;
}

.toggle.expand {
    background: url(/img/expand.gif) no-repeat center center;
}

.toggle.collapse {
    background: url(/img/collapse.gif) no-repeat center center;
}

/* Custom JQuery button icons classes. */
.ui-button .ui-icon.custom-ui-icon-user1_add {
    background-image: url("/img/Icons/16x16/user1_add.png");
}
.ui-button .ui-icon.custom-ui-icon-trash {
    background-image: url("/img/Icons/16x16/garbage.png");
}
.ui-button .ui-icon.custom-ui-icon-user1_delete {
    background-image: url("/img/Icons/16x16/user1_delete.png");
}
.ui-button .ui-icon.custom-ui-icon-refresh {
    background-image: url("/img/Icons/16x16/refresh.png");
}
.ui-button .ui-icon.custom-ui-icon-export1 {
    background-image: url("/img/Icons/16x16/export1.png");
}
.ui-button .ui-icon.custom-ui-icon-save_as {
    background-image: url("/img/Icons/16x16/save_as.png");
}
.ui-button .ui-icon.custom-ui-icon-printer {
    background-image: url("/img/Icons/16x16/printer.png");
}

.ui-button .ui-icon.custom-ui-icon-formblue {
    background-image: url("/img/Icons/16x16/form_blue.png");
}
.ui-button .ui-icon.custom-ui-icon-mda {
    background-image: url("/img/Icons/16x16/mda.png");
}
.ui-button .ui-icon.custom-ui-icon-add2 {
    background-image: url("/img/Icons/16x16/add2.png");
}
.ui-button .ui-icon.custom-ui-icon-green-play {
    background-image: url("/img/Icons/16x16/media_play_green.png");
}
.ui-button .ui-icon.custom-ui-icon-pause {
    background-image: url("/img/Icons/16x16/media_pause.png");
}
.ui-button .ui-icon.custom-ui-icon-table {
    background-image: url("/img/Icons/16x16/table.png");
}
.ui-button .ui-icon.custom-ui-icon-check2 {
    background-image: url("/img/Icons/16x16/check2.png");
}
.ui-button .ui-icon.custom-ui-icon-help {
    background-image: url("/img/Icons/16x16/help.png");
}
.ui-button .ui-icon.custom-ui-icon-nav-right {
    background-image: url("/img/Icons/nav_right_red.png");
}
.ui-button .ui-icon.custom-ui-icon-delete2 {
    background-image: url("/img/Icons/16x16/delete2.png");
}
.ui-button .ui-icon.custom-ui-icon-users2 {
    background-image: url("/img/Icons/16x16/users2.png");
}
.ui-button .ui-icon.custom-ui-icon-calculator {
    background-image: url("/img/Icons/16x16/calculator.png");
}
.ui-button .ui-icon.custom-ui-icon-document_exchange {
    background-image: url("/img/Icons/16x16/document_exchange.png");
}
.ui-button .ui-icon.custom-ui-icon-documents {
    background-image: url("/img/Icons/16x16/documents.png");
}
.ui-button .ui-icon.custom-ui-icon-document_edit {
    background-image: url("/img/Icons/16x16/document_edit.png");
}
.ui-button .ui-icon.custom-ui-icon-document_ok {
    background-image: url("/img/Icons/16x16/document_ok.png");
}
.ui-button .ui-icon.custom-ui-icon-package {
    background-image: url("/img/Icons/16x16/package.png");
}
.ui-button .ui-icon.custom-ui-icon-id_card {
    background-image: url("/img/Icons/16x16/id_card.png");
}
.ui-button .ui-icon.custom-ui-icon-id_cards {
    background-image: url("/img/Icons/16x16/id_cards.png");
}
.ui-button .ui-icon.custom-ui-icon-document_delete {
    background-image: url("/img/Icons/16x16/document_delete.png");
}
.ui-button .ui-icon.custom-ui-icon-table_add {
    background-image: url("/img/Icons/16x16/table_add.png");
}
.ui-button .ui-icon.custom-ui-icon-funnel {
    background-image: url("/img/Icons/16x16/funnel.png");
}
.ui-button .ui-icon.custom-ui-icon-currency-dollar {
    background-image: url("/img/Icons/16x16/currency_dollar.png");
}
.ui-button .ui-icon.custom-ui-icon-table_selection_row {
    background-image: url("/img/Icons/16x16/table_selection_row.png");
}
.ui-button .ui-icon.custom-ui-icon-navigate_minus {
    background-image: url("/img/Icons/16x16/navigate_minus.png");
}
.ui-button .ui-icon.custom-ui-icon-navigate_open {
    background-image: url("/img/Icons/16x16/navigate_open.png");
}
.ui-button .ui-icon.custom-ui-icon-navigate_up {
    background-image: url("/img/Icons/16x16/navigate_up.png");
}
.ui-button .ui-icon.custom-ui-icon-window_delete {
    background-image: url("/img/Icons/16x16/window_delete.png") !important;
}
.ui-button .ui-icon.custom-ui-icon-gear {
    background-image: url("/img/Icons/16x16/gear.png") !important;
}

.ui-button .ui-icon.custom-ui-icon-navigate_right {
    background-image: url("/img/Icons/16x16/navigate_right.png");
}
.ui-button .ui-icon.custom-ui-icon-navigate_left {
    background-image: url("/img/Icons/16x16/navigate_left.png");
}
.ui-button .ui-icon.custom-ui-icon-navigate_right2 {
    background-image: url("/img/Icons/16x16/navigate_right2.png");
}
.ui-button .ui-icon.custom-ui-icon-navigate_left2 {
    background-image: url("/img/Icons/16x16/navigate_left2.png");
}
.ui-button .ui-icon.custom-ui-icon-paperclip {
    background-image: url("/img/Icons/16x16/paperclip.png");
}
.ui-button .ui-icon.custom-ui-icon-gear_information {
    background-image: url("/img/Icons/16x16/gear_information.png");
}
.ui-button .ui-icon.custom-ui-icon-funnel_new {
    background-image: url("/img/Icons/16x16/funnel_new.png");
}
.ui-button .ui-icon.custom-ui-icon-funnel_preferences {
    background-image: url("/img/Icons/16x16/funnel_preferences.png");
}
.ui-button .ui-icon.custom-ui-icon-funnel_delete {
    background-image: url("/img/Icons/16x16/funnel_delete.png");
}
.ui-button .ui-icon.custom-ui-icon-funnel_preferences {
    background-image: url("/img/Icons/16x16/funnel_preferences.png");
}
.ui-button .ui-icon.custom-ui-icon-index {
    background-image: url("/img/Icons/16x16/index.png");
}
.ui-button .ui-icon.custom-ui-icon-lock_open {
    background-image: url("/img/Icons/16x16/lock_open.png");
}
.ui-button .ui-icon.custom-ui-icon-lock {
    background-image: url("/img/Icons/16x16/lock.png");
}
.ui-button .ui-icon.custom-ui-icon-copy {
    background-image: url("/img/Icons/16x16/copy.png");
}
.ui-button .ui-icon.custom-ui-icon-history {
    background-image: url("/img/Icons/16x16/history.png");
}
.ui-button .ui-icon.custom-ui-icon-history2 {
    background-image: url("/img/Icons/16x16/history2.png");
}
.ui-button .ui-icon.custom-ui-icon-find {
    background-image: url("/img/Icons/16x16/find.png");
}
.ui-button .ui-icon.custom-ui-icon-cubes_blue {
    background-image: url("/img/Icons/16x16/cubes_blue.png");
}
.ui-button .ui-icon.custom-ui-icon-documents_gear {
    background-image: url("/img/Icons/16x16/documents_gear.png");
}
.ui-button .ui-icon.custom-ui-icon-currency_dollar {
    background-image: url("/img/Icons/16x16/currency_dollar.png");
}
.ui-button .ui-icon.custom-ui-icon-check_and_arrow{
    background-image: url("/img/Icons/16x16/check.png");
}
/* Custom JQuery button icons classes. */
.custom-ui-icon-user1_add {
    background-image: url("/img/Icons/16x16/user1_add.png");
}
.custom-ui-icon-trash {
    background-image: url("/img/Icons/16x16/garbage.png");
}
.custom-ui-icon-user1_delete {
    background-image: url("/img/Icons/16x16/user1_delete.png");
}
.custom-ui-icon-refresh {
    background-image: url("/img/Icons/16x16/refresh.png");
}

.custom-ui-icon-export1 {
    background-image: url("/img/Icons/16x16/export1.png");
}
.custom-ui-icon-save_as {
    background-image: url("/img/Icons/16x16/save_as.png");
}
.custom-ui-icon-printer {
    background-image: url("/img/Icons/16x16/printer.png");
}

.custom-ui-icon-history2 {
    background-image: url("/img/Icons/16x16/history2.png");
}
.custom-ui-icon-document_view {
    background-image: url("/img/Icons/16x16/document_view.png");
}
.custom-ui-icon-copy {
    background-image: url("/img/Icons/16x16/copy.png");
}
.custom-ui-icon-edit {
    background-image: url("/img/Icons/16x16/edit.png");
}
.custom-ui-icon-folder_document {
    background-image: url("/img/Icons/16x16/folder_document.png");
}
.custom-ui-icon-folder_edit {
    background-image: url("/img/Icons/16x16/folder_edit.png");
}
.custom-ui-icon-cubes_blue {
    background-image: url("/img/Icons/16x16/cubes_blue.png");
}
.custom-ui-icon-formblue {
    background-image: url("/img/Icons/16x16/form_blue.png");
}
.ui-icon.custom-ui-icon-formblue {
    background-image: url("/img/Icons/16x16/form_blue.png");
}
.custom-ui-icon-mda {
    background-image: url("/img/Icons/16x16/mda.png");
}
.ui-icon.custom-ui-icon-mda {
    background-image: url("/img/Icons/16x16/mda.png");
}

.custom-ui-icon-add2 {
    background-image: url("/img/Icons/16x16/add2.png");
}
.custom-ui-icon-green-play {
    background-image: url("/img/Icons/16x16/media_play_green.png");
}
.custom-ui-icon-pause {
    background-image: url("/img/Icons/16x16/media_pause.png");
}
.custom-ui-icon-table {
    background-image: url("/img/Icons/16x16/table.png");
}
.custom-ui-icon-check2 {
    background-image: url("/img/Icons/16x16/check2.png");
}
.custom-ui-icon-help {
    background-image: url("/img/Icons/16x16/help.png");
}
.custom-ui-icon-nav-right {
    background-image: url("/img/Icons/16x16/navigate_right.png");
}
.custom-ui-icon-nav-left {
    background-image: url("/img/Icons/16x16/navigate_left.png");
}
.custom-ui-icon-nav-right2 {
    background-image: url("/img/Icons/16x16/navigate_right2.png");
}
.custom-ui-icon-nav-left2 {
    background-image: url("/img/Icons/16x16/navigate_left2.png");
}
.custom-ui-icon-delete2 {
    background-image: url("/img/Icons/16x16/delete2.png");
}
.custom-ui-icon-users2 {
    background-image: url("/img/Icons/16x16/users2.png");
}
.custom-ui-icon-calculator {
    background-image: url("/img/Icons/16x16/calculator.png");
}
.custom-ui-icon-clock-reset {
    background-image: url("/img/Icons/16x16/clock_reset.png");
}
.custom-ui-icon-clock-run {
    background-image: url("/img/Icons/16x16/clock_run.png");
}
.custom-ui-icon-dictionary {
    background-image: url("/img/Icons/dictionary.png");
}
.custom-ui-icon-document_exchange {
    background-image: url("/img/Icons/16x16/document_exchange.png");
}
.custom-ui-icon-documents {
    background-image: url("/img/Icons/16x16/documents.png");
}
.custom-ui-icon-package {
    background-image: url("/img/Icons/16x16/package.png");
}
.custom-ui-icon-spellcheck {
    background-image: url("/img/Icons/spellcheck.png");
}
.custom-ui-icon-thesaurus {
    background-image: url("/img/Icons/thesaurus.png");
}
.custom-ui-icon-id_card {
    background-image: url("/img/Icons/16x16/id_card.png");
}
.custom-ui-icon-id_cards {
    background-image: url("/img/Icons/16x16/id_cards.png");
}
.custom-ui-icon-document_delete {
    background-image: url("/img/Icons/16x16/document_delete.png");
}
.custom-ui-icon-table_add {
    background-image: url("/img/Icons/16x16/table_add.png");
}
.custom-ui-icon-funnel {
    background-image: url("/img/Icons/16x16/funnel.png");
}
.custom-ui-icon-currency-dollar {
    background-image: url("/img/Icons/16x16/currency_dollar.png");
}
.custom-ui-icon-table_selection_row {
    background-image: url("/img/Icons/16x16/table_selection_row.png");
}
.custom-ui-icon-navigate_minus {
    background-image: url("/img/Icons/16x16/navigate_minus.png");
}
.custom-ui-icon-navigate_open {
    background-image: url("/img/Icons/16x16/navigate_open.png");
}
.custom-ui-icon-navigate_up {
    background-image: url("/img/Icons/16x16/navigate_up.png");
}
.custom-ui-icon-navigate_down {
    background-image: url("/img/Icons/16x16/navigate_down.png");
}
.custom-ui-icon-window_delete{
    background-image: url("/img/Icons/16x16/window_delete.png") !important;
}
.custom-ui-icon-gear{
    background-image: url("/img/Icons/16x16/gear.png") !important;
}
.custom-ui-icon-navigate_right {
    background-image: url("/img/Icons/16x16/navigate_right.png");
}
.custom-ui-icon-navigate_right2 {
    background-image: url("/img/Icons/16x16/navigate_right2.png");
}
.custom-ui-icon-navigate_left {
    background-image: url("/img/Icons/16x16/navigate_left.png");
}
.custom-ui-icon-navigate_left2 {
    background-image: url("/img/Icons/16x16/navigate_left2.png");
}
.custom-ui-icon-paperclip {
    background-image: url("/img/Icons/16x16/paperclip.png");
}
.custom-ui-icon-gear_information {
    background-image: url("/img/Icons/16x16/gear_information.png");
}
.ui-icon.custom-ui-icon-information {
    background-image: url("/img/Icons/16x16/information.png");
}

.custom-ui-icon-funnel_new {
    background-image: url("/img/Icons/16x16/funnel_new.png");
}
.custom-ui-icon-funnel_preferences {
    background-image: url("/img/Icons/16x16/funnel_preferences.png");
}
.custom-ui-icon-funnel_delete {
    background-image: url("/img/Icons/16x16/funnel_delete.png");
}
.custom-ui-icon-funnel_preferences {
    background-image: url("/img/Icons/16x16/funnel_preferences.png");
}
.custom-ui-icon-index {
    background-image: url("/img/Icons/16x16/index.png");
}
.custom-ui-icon-lock_open {
    background-image: url("/img/Icons/16x16/lock_open.png");
}
.custom-ui-icon-lock {
    background-image: url("/img/Icons/16x16/lock.png");
}
.custom-ui-icon-check_and_arrow {
    background-image: url("/img/Icons/16x16/check_and_arrow2.png");
}
.custom-ui-icon-arrow-right-blue{
    background-image: url("/img/Icons/16x16/arrow_right_blue.png");
}




#headeruserid {
    color: white;
    background-color: transparent !important;
}

#headeruserid:visited {
    color: white;
    background-color: transparent !important;
}

#headeruserid:active {
    background-color: transparent !important;
}

#headeruserid:link {
    color: white;
    background-color: transparent !important;
}

#headeradvancedsearch {
    color: white;
}

#headeradvancedsearch:visited {
    color: white;
}

#headeradvancedsearch:link {
    color: white;
}

#bar-right {
    width:130px;
    position:fixed;
}
#bar-right-static {
    width:130px;
}

.transactionportlet {
    vertical-align: top;
}

.timerlistcell1 {
    max-width: 16px;
}

.timerlistcell2 {
    max-width: 100px;
    word-wrap: break-word;

}

.timerlistheader {
    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: underline;
    color: #2779aa;
    font-size: 1.1em;
    text-align: right;
}

.timerlistitem {
    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: none;
    color: #6B6B6B !important;
    font-size: 1em;
    text-align: right;
}

.ui-dialog-title {
    font: bold 11px/16px arial, helvetica, sans-serif;
    text-decoration: none;
    color: #6B6B6B;
    font-size: 1.1em;
}

/* Added to hide close button on certain dialogs. */
/* To implement add the below two lines to the dialog initialization. */
/* dialogClass: 'no-close' */
/* closeOnEscape: false */
.no-close .ui-dialog-titlebar-close {display: none }

.timerlistcell1 img{
    border: none;
}

.notifyTime{
    color: #808080 !important;
    background: transparent !important;
    padding: 0px !important;
    font-size: .8em;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.notifyTimeNew{
    color: black !important;
    background-color: transparent !important;
    background-image: url("/img/Icons/16x16/mail_new.png") !important;
    background-repeat: no-repeat !important;
    padding: 0px !important;
    margin-bottom: 0px !important;
    font-size: .8em;
    margin-right: 0px !important;
    margin-left: 0px !important;
    text-indent: 20px;
}

.boldlabel{
    font-weight:800;
}

.maskComplete{
    background-color:lightgreen;
}

.reportitem {
    cursor: pointer;
}
.reportitem:hover {
    color: #000;
    background-color: #7CB8E2;
}

.slick-header-column.ui-state-default.headerineditmode {
    background:none;
    background-color: yellow ;
}

#matterInformationMainTable td {
    padding-right:5px;
}

.requiredField{
    background: #FFCCCC;
}

.advancedLookupBtn {
    box-shadow: none !important;
    border: none !important;
}

.portlet,.sidemenu{
    background: white !important;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

body {background-color: #f1f1f1;}

#headercontent { position:fixed; }

.ui-widget-content {
    background-color: white;
    background-image: none;
}

.ui-widget.matterinfopanel{
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.menuitemselected {
    background: #3E74E7 !important;
    color: #ffffff !important;
    border:#3E74E7 !important;

}

.sidemenuheader {
    font-size: .8em;
    background: #f1f1f1;
    padding: 5px 5px 5px 5px !important;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 6px;
    min-height: 28px;
    max-height: 28px;
    padding: 100px 0 0;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);
}

.adcnewbutton {
    cursor: pointer;
    outline: none;
    background: none;
    border: none;
    appearance: none;
    -webkit-appearance: none;
}

.adcnewbutton:hover {
    background-color: #3E74E7;
    color:#ffffff;
}

.custommenuborder {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2);
    border: 1px solid #f1f1f1;
}

.adcnewbutton-text-only {
    cursor: pointer;
    outline: none;
    background: none;
    border:none;
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 29.25px;
    width: 33.78125px;
    padding: .4em 1em .4em 2.1em;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    left: .5em;
}

.adcnewbutton-icon-only {
    cursor: pointer;
    outline: none;
    background: none;
    border:none;
    appearance: none;
    -webkit-appearance: none;
    width: 20px;
    height: 29.25px;
    width: 33.78125px;
    padding: .4em 1em .4em 2.1em;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    left: .5em;
}
.adcnewbutton-icon-only:hover {
    background: #f1f1f1;
}

.adcnewbutton-with-text {
    cursor: pointer;
    outline: none;
    background: none;
    border:none;
    appearance: none;
    -webkit-appearance: none;
    width: auto;
    height: 29.25px;
    padding: .4em 1em .4em 1em;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    left: .5em;
}
.adcnewbutton-with-text:hover {
    background: #f1f1f1;
}

.portletcontroller {
    width:100px;
}

.sidemenuitem:hover {
    color: #a00;
    background: #f1f1f1;
    border-color: #f1f1f1;
}

.sidemenuitem {
    border-color: #E9F9F9;
}

/*CP Ensures icons are lined up correctly for side menu items*/
.sidemenuitem .ui-icon{
    display:inline-block;
}

.sidemenu {
    width: 130px; /* set width of menu */
    position:fixed;
}

.sidemenu ul { /* remove bullets and list indents */
    list-style: none;
    margin: 0;
    padding: 0;
}

/* style, color and size links and headings to suit */
.sidemenu a, .sidemenu h2 {
    font: bold 11px/16px arial, helvetica, sans-serif;
    display: block;
    margin: 0;
    padding: 2px 3px;
    word-wrap: break-word;
}

.sidemenu a {
    text-decoration: none;
    color: #6B6B6B;
    font-size: .9em;
    text-align: left;
    display: block;
    left: 20px;
    padding: 10px 10px 10px 10px
}

.sidemenu a:visited {
    color: #6B6B6B;
    font-size: .9em;
}

.sidemenu a:link {
    color: #6B6B6B;
    font-size: .9em;
}

.adcnewbutton-no-padding {
    padding: 0 !important;
    left: .5em;
    top:0px;
    left:0px;
    width: 16px;
    height: 16px;
}

.adcnewbutton-icon-only .custom-ui-icon {
    float:right;
    top:0px;
    left:0px;
    width: 16px;
    height: 16px;
}

.adcselectbox {
    cursor: pointer;
    outline: none;
    background: none;
    border:none;
    height: 29.25px;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    left: .5em;
}

.ui-state-default {
    font: bold 1.1em arial, helvetica, sans-serif;
    color: #6B6B6B;
    background: #ffffff;
}

.slick-header-column.ui-state-default {
    background:none;
    background-color: #FFFFFF;
}

.adcgrid {
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);

}

.stopwatch .ui-widget-content {
    border:none !important;
}

#calendar .ui-widget-header {
    background-color: #f1f1f1;
}

.start.adcnewbutton-icon-only {
    margin: .2em;
}

.stop.adcnewbutton-icon-only {
    margin: .2em;
}

.cancel.adcnewbutton-icon-only {
    margin: .2em;
}

#quicksearch.placeholder {
    color: #BFBFBF;
}

.questform .section{
    margin-top: .5em;
    white-space:nowrap; /* Added to solve an issue whereas if you dropped a new questionnaire field on the edge of the page it would wrap the label text initially causing repositioning to fail. DP 08032015 */
}

#pie-chart-popup {
    display: none;
    position: absolute;
    text-align: center;
    padding: 10px;
    width: 120px;
    background: white;
    color: black;
    font-weight: bold;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

#usermenu .sidemenuitem{
    text-decoration: none;
    color: #6B6B6B;
    font-size: 1.1em;
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    display: block;
    left: 20px;
    padding: 10px 10px 10px 10px;
}

.quest-field-types{
    text-align: left;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: rgba(0, 0, 0, 0.1);
    display: block;
    left: 20px;
    color:#6B6B6B;
    font-size: 1.1em;
    font: bold 11px/16px arial, helvetica, sans-serif;
    display:block;
    padding:10px 10px 10px 10px;
    text-align:left;
}

.comboOptionSelected{
    margin-top:.5em !important;
}

.ui-icon-help-grey {
    background-position: -48px -144px;
    background-image: url(images/ui-icons_888888_256x240.png) !important;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

.questMaintDroppable{
    background-color: #f1f1f1;
}

.maintHiddenLabel{
    color: #b4b4b4;
    z-index: 1;
}

.introbluehelper{
    background-color: #3E74E7 !important;
}
.introwhitehelper{
    background-color: #FFFFFF !important;
}

.gridlines {
    display: none;
    position:absolute;
    background-color:#ccc;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

.ui-spinner{
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
}

/* Added because if the record was blank it appeared not to display at all. */
.ui-autocomplete .ui-menu-item .ui-corner-all{
    min-height: 20px;
}

/* 20170506 DP - Added to allow scrolling in lookup. */
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    z-index: 10050 !important;
}

.ui-tooltip{
    /* 20151123 DP - This was added so that if there is a really long word it won't go outside of the hint box. */
    word-wrap:break-word;
}

/* The overlay div is used to essentially lock the screen when you are doing certain actions.*/
#overlay {
    position:fixed;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1000;
    background-color: rgba(219, 229, 255, .2);
}

/* 20151210 DP - Increased the line height of these field maintenance buttons so that they line up with the grid button which is forced higher by the spinner object. */
button#questFieldDeleteBtn .ui-button-text{
    line-height: 1.8;
}
button#questMaintBtn .ui-button-text{
    line-height: 1.8;
    height: auto;
}

button#questMaintBtn{
    height:auto;
    padding:0;
    left:0;
}

button#questFieldDeleteBtn{
    height:auto;
    padding:0;
    left:0;
    width:125px;
}

/*button#questGridBtn{
    height:auto;
    padding:0;
    left:0;
}*/

.checkwriterfield{
    color: black;
    background-color: transparent;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #999;
}

.slick-cell{
    cursor: pointer !important;
}

.slick-row{
    cursor: pointer !important;
}

.grid-canvas{
    cursor: pointer !important;
}

.slick-viewport{
    cursor: pointer !important;
}

@media (max-width: 480px) {
    #menuButton {
        display: none;
    }
    #menu-width {
        width: 130px;
    }
}


@media (min-width: 481px) {
    #menuButton {
        display: none;
    }
    #menu-width {
        width: 130px;
    }
    /*The below is for the new side menu. */
    #menu {
        width: 130px; /* set width of menu */
        position:fixed;
    }

    #menu ul { /* remove bullets and list indents */
        list-style: none;
        margin: 0;
        padding: 0;
    }

    /* style, color and size links and headings to suit */
    #menu a, #menu h2 {
        font: bold 11px/16px arial, helvetica, sans-serif;
        display: block;
        margin: 0;
        padding: 2px 3px;
        word-wrap: break-word;
    }

    #menu a {
        text-decoration: none;
        color: #6B6B6B;
        font-size: .9em;
        text-align: left;
        border-color: rgba(0, 0, 0, 0.1);
        display: block;
        left: 20px;
        padding: 5px 5px 5px 13px
    }
}

.checkwriterfield:disabled{
    color:rgb(84, 84, 84);
}

textarea.checkwriterfield {
    color: black;
    background-color: transparent;
    border-top:none !important;
    border-left:none !important;
    border-right:none !important;
    border-bottom: 1px solid #999;
    resize:none;
}

textarea.checkwriterfield:disabled {
    color: rgb(84, 84, 84);
}

/* Base for label styling */
.specialcheck[type="checkbox"]:not(:checked),
.specialcheck[type="checkbox"]:checked {
    position: absolute;
    left: -9999px;
}
.specialcheck[type="checkbox"]:not(:checked) + label,
.specialcheck[type="checkbox"]:checked + label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
}

/* checkbox aspect */
.specialcheck[type="checkbox"]:not(:checked) + label:before,
.specialcheck[type="checkbox"]:checked + label:before {
    content: '';
    position: absolute;
    left:0; top: 2px;
    width: 17px; height: 17px;
    border: 1px solid #aaa;
    background: #f8f8f8;
    border-radius: 3px;
    box-shadow: inset 0 1px 3px rgba(0,0,0,.3)
}
/* checked mark aspect */
.specialcheck[type="checkbox"]:not(:checked) + label:after,
.specialcheck[type="checkbox"]:checked + label:after {
    content: '✔';
    position: absolute;
    top: 3px; left: 4px;
    font-size: 18px;
    line-height: 0.8;
    color: red;
    transition: all .2s;
}
/* checked mark aspect changes */
.specialcheck[type="checkbox"]:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
}
.specialcheck[type="checkbox"]:checked + label:after {
    opacity: 1;
    transform: scale(1);
}
/* disabled checkbox */
.specialcheck[type="checkbox"]:disabled:not(:checked) + label:before,
.specialcheck[type="checkbox"]:disabled:checked + label:before {
    box-shadow: none;
    border-color: #bbb;
    background-color: #ddd;
}
.specialcheck[type="checkbox"]:disabled:checked + label:after {
    /*color: #999;*/
    color: red;
}
.specialcheck[type="checkbox"]:disabled + label {
    /*color: #aaa;*/
    color: black;
}
/* accessibility */
.specialcheck[type="checkbox"]:checked:focus + label:before,
.specialcheck[type="checkbox"]:not(:checked):focus + label:before {
    border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
    border: 1px solid #4778d9!important;
}

.directoryerror {
    color: green;
}

.cell-effort-driven {
    text-align: center;
}


.slick-group-title{
    font-weight: bold;
}

.slick-group {
    border-bottom: 2px solid silver;
}

.slick-group-toggle {
    width: 9px;
    height: 9px;
    margin-right: 5px;
}

.slick-group-toggle.expanded {
    background: url(/img/slickgrid/images/collapse.gif) no-repeat center center;
}

.slick-group-toggle.collapsed {
    background: url(/img/slickgrid/images/expand.gif) no-repeat center center;
}

.slick-group-totals {
    color: gray;
    background: white;
}

.flash div{
    background:yellow;
    color: black;
    border-color: black;
}

.newGridRow {
    background: #c5e3ff !important;
}
.newGridRow .slick-cell.selected{
    background: #c5e3ff !important;
}

.invalidRow {
    background: #ff8c6d !important;
}
.invalidRow .slick-cell.selected{
    background: #ff8c6d !important;
}

.savedRow {
    background: #b0ffb3 !important;
}
.savedRow .slick-cell.selected{
    background: #b0ffb3 !important;
}

/*Quick Reports*/
.quick-reports-filter-text {
    width: 150px;
}



.slick-header.ui-state-default{
    border: none !important;
    box-shadow:none !important;
}

.slick-header-column.ui-state-default{
    border: none !important;
    box-shadow:none !important;
}

.slick-row.ui-widget-content, .slick-cell {
    border: none !important;
}

.slick-sort-indicator{
    float:right !important;
}


.right-align{
    text-align: right;
}

.slick-footer-column{
    text-align: right;
}


/* System color defaults: START */
.portlet-header{
    background-color: #f1f1f1;
}

.ui-dialog-titlebar {
    background-color: #f1f1f1;
}

input {
    border-radius: .2em;
    border-color: #f1f1f1;
}

textarea {
    border-radius: .2em;
    border-color: #f1f1f1;
}

input:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);

    border: 1px solid rgba(81, 203, 238, 1);
}

input, textarea {
    transition: focus 0.30s ease-in-out;
    -webkit-transition: focus 0.30s ease-in-out;
    -moz-transition: focus 0.30s ease-in-out;
    -ms-transition: focus 0.30s ease-in-out;
    -o-transition: focus 0.30s ease-in-out;
    outline: none;
    border: 1px solid #DDDDDD;
}

table.jqplot-table-legend{
    display: block;
    z-index: 2;
    height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    border-width: 0 !important;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
} /* the new scrollbar will have a flat appearance with the set background color */

::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
} /* this will style the thumb, ignoring the track */

::-webkit-scrollbar-button {
    background-color: #f1f1f1;
} /* optionally, you can style the top and the bottom buttons (left and right for horizontal bars) */

::-webkit-scrollbar-corner {
    background-color: f1f1f1;
} /* if both the vertical and the horizontal bars appear, then perhaps the right bottom corner also needs to be styled */

::-webkit-scrollbar {
    height: 12px;
    width: 12px;
    background: #f1f1f1;
}

.portletheadertext {
    color: #797979;
    margin:0;
}
.headings {
    color: #797979;
}

.rowHeightSpinner{
    height: 23px;
}

.jqplot-data-label{
    color: black;
}

.idbarlabel {color:#797979;font-size: .8em;font-family:arial, helvetica, sans-serif;}

select {
    cursor: pointer;
    outline: none;
    background: none;
    border:none;
    background: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    left: .5em;
}

select.questfield  {
    cursor: pointer;
    outline: none;
    background: none;
    border:1px solid #DDDDDD;
    background: #ffffff;
    box-shadow: none;
    left: .5em;
}
/* System color defaults: END */


.advancedLookupBtn{
    z-index: 2;
}

.tranGridContextMenu {
    background: #ffffff;
    border: none;
    padding: 2px;
    display: inline-block;
    min-width: 100px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    z-index: 99999;
}
.tranGridContextMenu li {
    padding: 0.4em;
    list-style: none;
    cursor: pointer;
}
.tranGridContextMenu li:hover {
    background-color: #f1f1f1;
}

.centerOnScreen{
    margin: 0;
    margin-right: 50%;
    left: 50%;
    top: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
}

.loading {
    height: 29.25px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
}

/* BEGIN Some CSS to handle auto sizing of transaction grids */

.portlet-content.contentAutoSize{
    height:100% !important;
}
.adcgrid.contentAutoSize{
    height:100% !important;
}
.slick-viewport.contentAutoSize{
    height:100% !important;
}

/* END Some CSS to handle auto sizing of transaction grids */

/* Calendar context menu header */
.css-title:before {
    content: "Enter/Edit";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #f1f1f1;
    color:#797979;
    padding: 2px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.css-title :first-child {
    margin-top: 20px;
}
/* END Calendar context menu header */


/* Calendar context menu custom icons */
.context-menu-item {
    min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px;
}
.context-menu-icon-add-custom {
    background-image: url("/img/Icons/16x16/add2.png");
}
.context-menu-icon-check2 {
    background-image: url("/img/Icons/16x16/check2.png");
}
.context-menu-icon-branch {
    background-image: url("/img/Icons/16x16/branch.png");
}
.context-menu-icon-edit2 {
    background-image: url("/img/Icons/16x16/edit.png");
}
.context-menu-icon-error {
    background-image: url("/img/Icons/16x16/delete2.png");
}
.context-menu-icon-history {
    background-image: url("/img/Icons/16x16/document_view.png");
}
.context-menu-icon-history2 {
    background-image: url("/img/Icons/16x16/history2.png");
}
.context-menu-icon-find {
    background-image: url("/img/Icons/16x16/find.png");
}
.context-menu-icon-id_card {
    background-image: url("/img/Icons/16x16/id_card.png");
}
.context-menu-icon-search {
    background-image: url("/img/Icons/16x16/view.png");
}
.context-menu-icon-copy2 {
    background-image: url("/img/Icons/16x16/copy.png");
}
.context-menu-icon-users1 {
    background-image: url("/img/Icons/16x16/users1.png");
}
.context-menu-icon-window {
    background-image: url("/img/Icons/16x16/window.png");
}
/* END Calendar context menu custom icons */

.userMaintField {
    height: 15px;
}

/* Some styling for context menus */
.context-menu-item{
    background-color: #ffffff !important;
    border: none !important;
    min-width: 100px !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26) !important;
}

.context-menu-item:hover {
    background-color: #f1f1f1 !important;
}
/* END Some styling for context menus */

.testClassNotNeeded {
    background-color: red;
}

.DocSetupBox {
    height: 75px;
    width: 150px;
    vertical-align: top;
    resize: none;
    border: none

}

.DocSetupBoxTD {
    height: 75px;
    width: 150px;
    border-style: solid;
    border-width: 2px;
    border-radius: .2em;
    border-color: #f1f1f1;
    vertical-align: top;

}

.DocDescBox {
    height: 1000px;
    width: 90%;
    border-style: solid;
    border-width: 2px;
    border-radius: .2em;
    border-color: #f1f1f1;
    vertical-align: top;
}

.lookupFooter {
    position:absolute;
    z-index: 10051;
}

.lookupFooter.ui-autocomplete {
    box-sizing: border-box;
    min-height: 36px;
    padding: 0;
}

.lookupFooter.ui-autocomplete .ui-menu-item {
    box-sizing: border-box;
    height: 36px;
    min-height: 36px;
    margin: 0;
    padding: 0;
}

.lookupFooter .lookupFooterAction {
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    width: 100%;
    height: 36px;
    min-height: 36px;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    background: #f8fafc !important;
    color: #111827 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

.lookupFooter .lookupFooterAction:hover,
.lookupFooter .lookupFooterAction.ui-state-focus,
.lookupFooter .lookupFooterAction.ui-state-active {
    background: #f3f7fd !important;
    color: #111827 !important;
    border: 0 !important;
    margin: 0 !important;
}

.portlet-header.utilityModeHeader {
    background-color: yellow;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {

    color: #797979 !important;

}

.paramField{
    height: 21px;
    width: 100%;
}

.paramFieldLabel{
    color: #797979;
}

.timeritem {
    border-top: 1px solid #DDDDDD;
}

.sectionPanelFieldSet{
    width:250px;
    border:1px solid #dddddd;
}
.CalHighlighted a{
    background-color : yellow !important;
    background-image :none !important;
    color: black !important;
    font-weight:bold !important;
    font-size: 12pt;
}

.calSlotHighlighted {
    background-color: yellow !important;
}

.file-area {
    width: 100%;
    position: relative;
    font-size: 18px;
}
.file-area input[type=file] {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}
.file-area .file-dummy {
    width: 100%;
    padding: 50px 0px;
    border: 2px dashed #ccc;
    background-color: #fff;
    text-align: center;
    transition: background 0.3s ease-in-out;
}
.file-area .file-dummy .success {
    display: none;
}
.file-area:hover .file-dummy {
    border: 2px dashed #1abc9c;
}
.file-area input[type=file]:valid + .file-dummy {
    border-color: #1abc9c;
}
.file-area input[type=file]:valid + .file-dummy .success {
    display: inline-block;
}
.file-area input[type=file]:valid + .file-dummy .default {
    display: none;
}


#viewfiles-buttonheader td {
    vertical-align: top;
}
.jstree-anchor {
    text-decoration: none;
}

#ppsettings-portlet-SecurityGroups fieldset {
    border: 1px solid #dddddd;
}

#ppsettings-portlet-SecurityGroups #jstree {
    border: 1px solid #dddddd;
}

#ppsettings-portlet-FilterGroups fieldset {
    border: 1px solid #dddddd;
}

#ppsettings-portlet-PasswordMaintPolicies fieldset {
    border: 1px solid #dddddd;
}

#ppsettings-portlet-Transactions-content fieldset {
    border: 1px solid #dddddd;
}

.mainmenuheader {
    font-size: 1em;
    background: #f1f1f1;
    padding: 5px 5px 5px 5px !important;
    text-align:left;
    font-weight:bold;
}

.slick-footerrow-column-active {
    background-color: yellow !important;
    text-align: right;
}

/* TODO: Bring lookup buttons back. They are buggy and don't look great. Re-visit when there is time. */
.advancedLookupBtn {
    display: none !important;
}

.netfield:disabled {
    background-color: #e9ecef; /* Light gray background */
    color: #6c757d;            /* Gray text */
    border: 1px solid #ced4da; /* Gray border */
    cursor: not-allowed;       /* Change cursor to indicate non-editable */
  }

.dashMenu {
    position: absolute;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 10px;
    display: none;
    z-index: 1000;
}
.dashMenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.dashMenu li {
    padding: 8px 16px;
    cursor: pointer;
}
.dashMenu li:hover {
    background-color: #f0f0f0;
}

.dashboardContainer{
    min-height:100px;
}

.trandivform{
    position: relative;
}

/* Used for transaction fields temporary hiding */
.hiddenToggle{
    display: none;
}

/* Adding some styling for file uploads for new quest Button - Doc Upl */
.upload-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  font-family: sans-serif;
}

.custom-file-label {
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  padding: 8px 12px;
  border-radius: 6px;
  cursor: pointer;
  width: 240px;
  justify-content: space-between;
}

.file-icon {
  margin-right: 10px;
  font-size: 1.2em;
}

#fileName {
  color: #333;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 160px;
}

.lookup-loading {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='35' stroke='gray' stroke-width='10' fill='none' stroke-dasharray='164.93361431346415 56.97787143782138'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1s' values='0 50 50;360 50 50' keyTimes='0;1'/%3E%3C/circle%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 8px center !important;
  background-size: 18px 18px !important;
  /*background-color: #fff !important;*/ /* Override transparent */
}


#toast-container {
  position: fixed;
  top: calc(var(--adc-app-fixed-rail-top, 58px) + 10px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.toast-message {
  min-width: 320px;
  max-width: min(520px, calc(100vw - 32px));
  padding: 13px 18px;
  margin-top: 10px;
  border: 1px solid var(--adc-border-color, #CBD5E1);
  border-left: 6px solid var(--adc-primary-color, #007bff);
  border-radius: 8px;
  background-color: var(--adc-surface-color, #FFFFFF);
  color: var(--adc-text-color, #0F172A);
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 500;
  opacity: 1;
  box-shadow: 0 18px 36px rgba(15, 23, 42, 0.28);
  animation: toast-enter 0.36s cubic-bezier(.2, .8, .2, 1);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.toast-success {
  border-color: color-mix(in srgb, var(--adc-success-color, #28a745) 42%, var(--adc-border-color, #CBD5E1));
  border-left-color: var(--adc-success-color, #28a745);
  background: color-mix(in srgb, var(--adc-success-color, #28a745) 12%, var(--adc-surface-color, #FFFFFF));
}

.toast-warning {
  border-color: color-mix(in srgb, var(--adc-warning-color, #d97706) 42%, var(--adc-border-color, #CBD5E1));
  border-left-color: var(--adc-warning-color, #d97706);
  background: color-mix(in srgb, var(--adc-warning-color, #d97706) 14%, var(--adc-surface-color, #FFFFFF));
}

.toast-error {
  border-color: color-mix(in srgb, var(--adc-danger-color, #dc3545) 42%, var(--adc-border-color, #CBD5E1));
  border-left-color: var(--adc-danger-color, #dc3545);
  background: color-mix(in srgb, var(--adc-danger-color, #dc3545) 11%, var(--adc-surface-color, #FFFFFF));
}

.toast-info {
  border-color: color-mix(in srgb, var(--adc-primary-color, #007bff) 42%, var(--adc-border-color, #CBD5E1));
  border-left-color: var(--adc-primary-color, #007bff);
  background: color-mix(in srgb, var(--adc-primary-color, #007bff) 12%, var(--adc-surface-color, #FFFFFF));
}

.toast-icon {
  margin-right: 10px;
  font-size: 16px;
}

.toast-success .toast-icon { color: var(--adc-success-color, #28a745); }
.toast-warning .toast-icon { color: var(--adc-warning-color, #d97706); }
.toast-error .toast-icon { color: var(--adc-danger-color, #dc3545); }
.toast-info .toast-icon { color: var(--adc-primary-color, #007bff); }

.toast-content {
  display: flex;
  align-items: center;
  flex: 1;
}

.toast-close {
  margin-left: 12px;
  cursor: pointer;
  font-weight: bold;
  color: var(--adc-muted-text-color, #64748B);
}

.toast-close:hover {
  color: var(--adc-text-color, #0F172A);
}

@keyframes toast-enter {
  from { opacity: 0; transform: translateY(-18px) scale(.98); }
  70%  { opacity: 1; transform: translateY(2px) scale(1); }
  to   { opacity: 1; transform: translateY(0) scale(1); }
}




#driveLetterMappings {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  table-layout: fixed;   /* lock the column widths */
}

#driveLetterMappings th {
  background-color: #4a90e2;
  color: white;
  text-align: left;
  padding: 10px;
}

#driveLetterMappings td {
  border: 1px solid #ddd;
  padding: 8px;
  word-wrap: break-word;       /* older spec */
  overflow-wrap: break-word;   /* modern spec */
}

#driveLetterMappings tr:nth-child(even) {
  background-color: #f9f9f9;
}

#driveLetterMappings tr:hover {
  background-color: #f1f7ff;
}

#driveLetterMappings td.password {
  font-family: "Courier New", monospace;
  letter-spacing: 3px;
  color: #555;
}


.ui-state-active a.ui-tabs-anchor{
    color: white !important;
}

.dialog-overlay {
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1000;
    display: none;
}

.spinner-wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner-wrapper .spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #333;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.tran-filter-cell-field {
    border: 1px solid rgb(190, 190, 190); 
    padding: 5px; 
    background-color: #3E74E7;
    color: white;
}
.tran-filter-cell {
    border: 1px solid rgb(190, 190, 190); 
    padding: 5px;
    padding-right: 8px;
    padding-left: 8px;
}