/*JM*/
html {
    background-color: #eeeeee;
}
body {
    background-color:#eeeeee;
    /*padding-bottom:6rem;*/
    position:relative;

}
/*@supports (display:contents){
    body{display: contents;}
}*/

/*/JM*/

.mainDiv {
            /*max-width: 1200px;/* uncomment this if the forms are messed up -JM*/
            margin: 0px auto;
            background-color: #EEEEEE;
            margin-bottom: 100px; /*JM*/
        }


        .mainheaderpanel {
            color: #000000;
            font-weight:bolder;
            margin-bottom: 10px;
            /*background-image: url('../Resources/headerBackground.png');*/
            background-position: top right;
            background-repeat: no-repeat;
        }

        .mainheadercontent {
            max-width:1200px;
            margin:auto;
        }
        
        /*I don't know if headerlabel had any information on it before.
          I'm 90% sure it was just used to give the header more space (which I don't need),
          but I'm gonna leave it here just in case.   -JM
        */
        .headerlabel {
            display:none;
            font-size: 3.0em;
            padding-left: 30px;
        }
        .subheaderlabel {
            font-size: 1.5em;
            padding-left: 30px;
            padding-top:20px;
        }

        .dot {
            position: relative;
            display: inline-block;
            background: black;
            border-radius: 100%;
            width: 20px;
            height: 20px;
        }
        .logo-head{
            max-width: 100%;
        height: auto;
        width: auto\9; /* ie8 */
        padding-top:10px
        }

        ./*mainheaderrightimage {
            position: absolute;
            display: inline-block;
            height: 100%;
            width: 100px;
            background-image: url('Resources/headerBackground.png');
        }*/

        .navbarTop {
            box-shadow: 0px 3px 3px #999999;
            z-index: 1;
            margin-bottom: 10px;
            background-color: #FFFFFF;
            font-weight:bold;
            padding-top: 20px;
        }

.navbarTop .navbar-nav .nav-link {
    font-weight:bolder;
    text-decoration:underline;/*JM*/
}
/*JM*/
.navbarTop .navbar-nav .nav-link:active {
    font-size: smaller;
    padding-top:11px;
}
#navListTopRight .nav-link:active{
    font-size:initial;
    padding: 8px;
}
/*/JM*/
.navbarTop .navbar-nav .nav-link, .navbarTop .navbar-brand {
    font-weight:bolder;
}
.navbarTop .navbar-nav .active>.nav-link, .navbarTop .navbar-nav .nav-link.active, .navbarTop .navbar-nav .nav-link.show, .navbarTop .navbar-nav .show>.nav-link {
    font-weight:bolder;
}

.navbarTop .navbar-nav .nav-link-active {
    font-weight:bolder;
}

/*JM*/
#navListTopRight{
    padding-right: 1em;
}
.navbar-toggler{
    border-width: 0.15rem;
}
.navbar-collapse{
    padding: 0.3em;
    border-radius: 0.25rem;
}
/*/JM*/
        #lnkHomeButton {
            display:none;
        }

        .btn {
            font-weight: bold;
            padding: .1rem .2rem
        }
        
        .btn-download {
            background: #FFFFFF url(../Resources/icon_Download-96.png) no-repeat 0 0;
            background-size:contain;
            border: 0;
            height: 30px;
            width: 30px;
        }
        .btn-print {
            background: #FFFFFF url(../Resources/icon_PDF-90.png) no-repeat 0 0;
            background-size:contain;
            border: 0;
            height: 30px;
            width: 30px;
        }
        /*JM*/
        .btn:not(:disabled):not(.disabled):hover{
            border: 1px solid black;
        }

        .navbarLeft .navbar-nav {
            background-color: #0000;
            border-radius: 10px;
        }

            .navbarLeft .navbar-nav .nav-item {
                margin: 5px -2px;
                min-width: 160px;
                /*padding-left: 10px;
                padding-right: 10px;*/
                border-radius: 10px;
            }

            .navbarLeft .navbar-nav .nav-link, .navbarLeft .navbar-brand{
                border-radius: 10px;
                padding-left:5px;
                padding-right:5px;
            }

        .mainContentPlaceholder {
            background: #FFFFFF;
            box-shadow: 0px 3px 3px #999999;
            padding: 15px /*JM*/
            /*overflow:auto;*/
        }

        /*JM*/
        #mainContentBox {
            margin: 0 auto;
        }
        .centerpanel {
            max-width:1200px;
        }
        footer {
            /*position:fixed;*/
            margin-top:10px;
            bottom:0;
            left:0;
            padding-bottom:1rem;
            min-height: 30px;
        }
        /*/JM*/

        
.hidden {
    display:none;
}
   

/*GRIDS!*/

.table {
    background: #FFFFFF;
    margin-bottom:0px;
}


.table td,.table th {
    padding:2px;
}
.table a {
    color:#000000;
    height:100%; /*JM*/
    width: 100%; /*JM*/
    display: inline-block; /*JM*/
}
/*JM*/
.table a:hover{
    color: #1C92BD;
}
/*/JM*/
.thead-dark a {
    color:#FFFFFF;
    text-decoration:underline;/*JM*/
}
.tfooter td table tbody tr td, .tfooter td table tbody tr, .tfooter tbody tr {
    border:none !important;
    background-color:#FFFFFF;
}
.tfooter td table tbody tr td a {
    /*JM background: #FFFFFF;*/
    border-color:#FFFFFF;
    color: #666666;
    border-radius:10%;
}
/*JM*/
.tfooter td table tbody tr td > a{
    padding: 1px 7px;
}
.tfooter td table tbody tr td:nth-child(even) > a{
    background-color: #e6e6e6;
    border-radius: .3em;
}
.tfooter td table tbody tr td span{
    padding: 1px 7px;
    border-radius: .3em;
}

/*/JM*/

.tfooter td table tbody tr td span {
    border-radius:20%;
}


.grid {
    
    background-color: #fff; 
      margin: 5px 0 10px 0; 
      border: solid 1px #525252; 
      border-bottom: solid 2px #000;
      border-collapse:collapse; 
      font-family:Calibri; 
      color: #474747;

}

.gridheader
{
    background:#333333;
    /*background: #333333 url(../Resources/grid_header.png) repeat-x top;
    background-size:auto 100%;*/
    color:#fff;
    width:100%;
    display:inline-block;
    /*font-weight:bold;*/
    font-size:1.3em;
    line-height:1.4em;
}

.rowheader
{
    background:#333333;
    /*background: #333333 url(../Resources/grid_header.png) repeat-x top;
    background-size:auto 100%;*/
    color:#fff;
    /*font-weight:bold;*/
    font-size:1.3em;
    line-height:1.4em;
}

.grid th, .grid th a, .grid th a:visited {
      padding : 4px 2px;
      color: #fff;
      background: #333333 url(../Resources/grid_header.png) repeat-x top;
      background-size:auto 100%;
    font-size:1.0em;
    line-height:1.2em;
    
/*position:relative;
cursor: default;

z-index: 10;*/
}
.grid td {
      padding: 2px;
      border: solid 1px #c1c1c1; 
}
.gridRow2 {
      background: #fcfcfc url(../Resources/grid_altrow.png) repeat-x top;
      background-size:auto 100%;
}

/* Locks the left column */
/*.grid td.locked, .grid th.locked {
text-align: left; 
border-width:0; 
background-color:White; 
position:relative; 
cursor: default; 
left:inherit; 
left:expression(document.getElementById("grdFormAccessesContainer").scrollLeft);
}*/

/* Keeps the header as the top most item. Important for top left item*/
/*.grid th.locked {z-index: 99;}*/

.highlightrow {
    border:1px solid black;
    /*background-color: #2973ba;*/
    background-color: #000030; 
    color: #fff;
}
.highlightrow a {
    color: #fff;
}
.highlightrow2 {
    border:1px solid black;
    /*background-color: #2973ba;*/
    background-color: #4C4C6E;
    color: #fff;    
}
.highlightrow2 a {
    color: #fff;
}
.highlightrow3 {
    border:1px solid black;
    /*background-color: #2973ba;*/
    background-color: #6f6f8b;
    color: #fff;    
}
.highlightrow3 a {
    color: #fff;
}


.rowh3
{
    background:#333333;
    color:#fff;
    font-size:1.2em;
    line-height:1.3em;
}

.rowh4
{
    background:#333333;
    color:#fff;
    font-size:1.1em;
    line-height:1.15em;
}

.rowh5
{
    background:#333333;
    color:#fff;
}


.cellred {color:red;}
.highlightrow .cellred {color:red;}
.cellgreen {color:#009900;}
.highlightrow .cellgreen {color:#66FF66;}
.cellyellow {color:darkgoldenrod;}
.highlightrow .cellyellow {color:lightgoldenrodyellow;}
.cellblue {color:blue;}
.highlightrow .cellblue {color:lightblue;}
.cellgrey {color:#8F8F8F;}
.highlightrow .cellgrey {color:#C1C1C1;}


.cellredhighlight {background-color:#d80404;color:#FFFFFF;}
.cellbluehighlight {background-color:#114df2;color:#FFFFFF;}
.cellgreenhighlight {background-color:#11f24d;color:#000000;}

.grayedrow {
    color:#666;
}
.errorrow {
    background-color: #C42D2D; 
    color: #fff;
}

.imgIcon {
    max-width:100px;
    height:auto;
}

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


        /* The Modal (background) */

        .formmodal {
            display: block;
            position: fixed; /* Stay in place */
            z-index: 9999; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
        }

        /* Modal Content/Box */
        .formmodal-content {
            background-color: #fefefe;
            margin: 5% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
        }