/* 

    2022-05-26 Doug P   PRC 285114 
               Added copy filename feature to file upload.  Reformatted display to accomodate adding this feature.

*/

/* vietnamese */
@font-face {
  font-display: auto;
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira SemiCondensed Regular'), local('SairaSemiCondensed-Regular'), url(fonts/Saira/U9MD6c-2-nnJkHxyCjRcnMHcWVWV1cWRRX8DaOYuqA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-display: auto;
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira SemiCondensed Regular'), local('SairaSemiCondensed-Regular'), url(fonts/Saira/U9MD6c-2-nnJkHxyCjRcnMHcWVWV1cWRRX8CaOYuqA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-display: auto;
  font-family: 'Saira Semi Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Saira SemiCondensed Regular'), local('SairaSemiCondensed-Regular'), url(fonts/Saira/U9MD6c-2-nnJkHxyCjRcnMHcWVWV1cWRRX8MaOY.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html, body, xh1, xh2 {
    margin: 0; xmargin-left: -50px;
    padding: 0;
    xmin-width: 800px;
    max-width: auto;
}

body {
    xfont-family: 'Bree Serif', serif;
    font-family: 'Saira Semi Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    background-color: #e5edf1; background-color: white;
}

a:hover {
	font-weight: bold;
}

input:hover:enabled {
	font-weight: bold;
	cursor: pointer;
}

.userControl { 
    position: fixed; z-index: 10; top:0px; bottom: 0px; width: 165px; margin-left: 0px; width: 200px;

}
.applicationContainer {
    position: absolute; top: 200px; left: 182px; right: 0px; bottom: 0px; left: 230px;
    xborder: 1px solid black; padding: 20px 10px; 
    text-align: left; min-height: 768px; background-color: #f2f4f5; background-color: #e5edf1;
    background-color: white;
}



.controlContent {
    position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;
    min-width: 165px; min-height: 500px; min-width: 200px;
    padding: 20px 10px 20px 7px;
    overflow:hidden;
    font-family: Arial, Helvetica; font-size: 16px;
    background: #3d3d3d; background: #006395; xxxbackground: #319fdc;
}

/* ***** Panel Group Title ***** */

/* IE ignores the external fonts 'saira semi condensed', Arial Narrow is the fallback */
.controlContent div.title { 
    list-style: none; white-space: nowrap; overflow: none;
    display: block; width: 100%; height: 0.8em; 
    margin-top: 0px; margin-bottom: 15px;
    font-size: 0.9em; color: lightgrey;
    font-family: 'Saira Semi Condensed', 'Arial Narrow', Arial, Helvetica, sans-serif;
    color: black;
}

.controlContent div.title { 
    font-size: 1.4em; margin: 0px 0px 5px -2px; background-color: #6d6d6d; padding: 0px 1px 1px 1px; height: auto; text-align: center; background-color: #000099;
    background-color: transparent; color: white; text-align: left;
}





/* ***** Deposit List ***** */
.controlContent .instructions { display: block; clear: both; }
.controlContent .instructions li { display: block; }
.controlContent .instructions div { dislay: block; margin-bottom: 15px; color: #e3edf3; font-size:14px; }
.controlContent .instructions hr { 
    height: 1px; width: 90%; margin-left: 0px; display: block; text-align: left;
    background: rgba(0, 0, 0, 0.6); border: none; border-bottom: 1px solid rgba(200, 200, 200, 0.6);
    margin: 0px 0px 5px 0px;
}






        .dropzone {
            background: #92b0b3;
            border-radius: 2px;
            border: 2px dashed rgb(0, 135, 247);
            border-image: none;
            xmax-width: 75%;
            margin: 3px;
            margin-left: auto;
            margin-right: auto;
            min-height: 300px;

            xheight:     300px;
            min-height: 300px;
            xmax-height: 300px;
            xbackground: #268ac2;
            background: #2c618b;
        } 
        .dropzone:hover {
            background-color: #e5edf1;
            background-color: #319fdc;
        }

        #outer-dropzone { 
            background: #92b0b3; 
            padding: 2px; 
            margin: 40px;
            width:      420px;
            min-width:  420px;
            max-width:  420px;
            border-radius: 2px;
            position: relative;
        }

        section {
            xwidth: 600px; display: inline-block;
            }
        .box__input {
            position: relative; top:30px; left:0px; right:0px; bottom:0px; z-index:1;
        }

        #upload-status table {
            margin: 10px auto;
        }
        #upload-status table th, #upload-status table td {
            font-size: 12px; font-family: Arial, Helvetica; text-align: left;
            vertical-align: top; padding: 0px 5px 6px;
            white-space: nowrap; overflow: hidden;
        }
        #upload-status table tr :nth-child(1) {
            text-align: center; width: 55px;
        }
        #upload-status table tr th:nth-child(1) div {
            text-align: center; width: 55px; border-bottom: 1px solid;
        }
        #upload-status table tr td:nth-child(1) input {
            text-align: center; width: 13px; 
        }

        #upload-status table tr :nth-child(2) {
            text-align: left; width: 410px;
        }
        #upload-status table tr th:nth-child(2) div {
            text-align: left; width: 410px; border-bottom: 1px solid;
        }
        #upload-status table tr td:nth-child(2) input {
            text-align: left; width: 406px; border: none;
        }

        #upload-status table tr :nth-child(3) {
            text-align: right; width: 80px; 
        }
        #upload-status table tr th:nth-child(3) div {
            text-align: center; width: 80px; border-bottom: 1px solid;
        }

        #upload-status table tr :nth-child(4) {
            text-align: center; width: 65px; 
        }
        #upload-status table tr th:nth-child(4) div {
            text-align: center; width: 65px; border-bottom: 1px solid;
        }

        #upload-status table tr :nth-child(5) {
            text-align: left; width: 300px; 
        }
        #upload-status table tr th:nth-child(5) div {
            text-align: left; width: 300px;
        }

        #upload-status table tr.error td, #upload-status table tr.error td input {
            color: red;
        }

        #upload-status table tr.success td, #upload-status table tr.success td input {
            color: green;
        }

   .actHeader { xbackground: no-repeat url("act-logo.png") #f2f4f5; background-position: 230px 10px; xwidth: 960px; width: 100%; height: 98px; background-color: #e5edf1; background-color: white;}


@media (max-width: 700px) { .controlContent { display: none; } .applicationContainer { left: 0px; } .actHeader {background-position: 0px 20px;} }