/* 
    ---------------------------------------------------------------------------------------------------------------------
    File Name:   acois.common.css
    Author:      Keith Culpepper
    Created:     07/11/2014
    Updated:     Andrew Turner (20140929)
    Version:     1.0.1
    Description: This stylesheet was created during the code consolidation began and a new task was started to add 508
    compliance to the web portal.  All generic styles should reside in this stylesheet and should included for all sites. 
    --------------------------------------------------------------------------------------------------------------------- 
*/

/* Base HTML Element Styling */
body {

}

/* custom classes for 508 work on master pages ie. WhiteUIPMaster */
/* AGT 20140916 Case:42825 508 CSS layout */
.height-10px { height: 10px; }
.height-35px { height: 35px; }
.width-150px { width: 150px; }

/*MAG 06/24/2015 case 63412 Search for Orders Full Text Search text box much smaller than in previous version*/
.searchPhraseTextBox{
    width: 389px; height: 77px;
}

.pscordersearchTextBoxLabel {
    text-align: left;
    font-weight: normal;
    float: left;
    width: 200px;
    margin: 5px;
}

.pscorderTextBox, .pscorderdate-to, .pscorderdate-from {
    width: 178px;
    margin: -5px;
}


.button-bar{
    padding: 20px; width: 90%; text-align: center; margin-top: 10px; vertical-align: middle;
}
/* MAG 7/6/2015 Case 63412 changes end.*/

/*MAG 07/06/2015 Case 63805 Recent Orders font smaller than previous version.*/
.pscdocketdetailtext {
    font-weight: normal;
    float: left;
    text-align: left;
}

/* Common Attributes */
.width-full { width: 100%; }
.width-fullborder { width: 100%; border: 1px;} /* MAG 7/2/2015 case 63414 Added to display border*/
.width-fullro
.width-half { width: 50%; }
.width-1 { width: 1%; }
.width-5 { width: 5%; }
.width-10 { width: 10%; }
.width-15 { width: 15%; }
.width-25 { width: 25%; }
.width-33 { width: 33%; }
.width-48 { width: 48%; }
.width-50 { width: 50%; }
.width-65 { width: 65%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-90 { width: 90%; }
.width-95 { width: 95%; }
.width-98 { width: 98%; }

.height-30 { height: 30px; }
.height-96 { height: 96px; }

.min-height-25 { min-height: 25px; }
.min-height-280 { min-height: 280px; }
.min-height-30 { min-height: 30px; }
.min-height-550-important { min-height: 550px !important; }

.padding-15 { padding: 15px; }
.padding-1 { padding: 1px; }
.padding-2 { padding: 2px; }
.padding-30 { padding: 30px; }
.padding-3 { padding: 3px; }
.padding-4 { padding: 4px; }
.padding-8 { padding: 8px; }
.padding-left-10 { padding-left: 10px; }
.padding-left-115 { padding-left: 115px; }
.padding-left-45 { padding-left: 45px; }
.padding-left-5 { padding-left: 5px; }
.padding-right-10 { padding-right: 10px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-25 { padding-top: 25px; }
.padding-top-4 { padding-top: 4px; }
.padding-top-5 { padding-top: 5px; }

.hide { display: none; }

.noborder { border: none; }  /* also use for "border-width: 0px;" */
.border-8B857C { border: solid 1px #8B857C; }
.border-A5ACB2 { border: solid 1px #A5ACB2; }
.border-BB5503 { border: solid 1px #BB5503; }
.border-darkgray { border: solid 1px #807E7F; }

.border-solid { border-style: solid; }
.border-right-2 { border-right: solid 2px #000 } /* one off crap */

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

.text-top { vertical-align: top; }
.text-middle { vertical-align: middle; }
.text-bottom { vertical-align: bottom; }

.text-xx-large { font-size: 5em; }
.text-x-large { font-size: 3.75em; }
.text-large { font-size: 2.5em; }
.text-mediumlarge { font-size: 1.75em; }
.text-medium { font-size: 1.25em; }
.text-normal { font-size: 1em; }
.text-small { font-size: small; } /*MAG 07/09/2015 case 63805 recent order header size change to match client production (/* 0.75em */
.text-x-small { font-size: 0.5em; }
.text-xx-small { font-size: 0.25em; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal; }

.uppercase { text-transform: uppercase; }

.text-00CCFF { color: #00CCFF; }
.text-284775 { color: #284775; }
.text-333333 { color: #333333; }  /* LimeGreen*/
.text-ACA899 { color: #ACA899; }
.text-000000 { color: #000000; }  /* Black */
.text-0000FF { color: #0000FF; }  /* Blue */
.text-808080 { color: #808080; }  /* Gray */
.text-CD5C5C { color: #CD5C5C; }  /* IndianRed */
.text-800000 { color: #800000; }  /* Maroon */
.text-000080 { color: #000080; }  /* Navy */
.text-red { color: #FF0000; }
.text-white { color: #FFFFFF !important;}

.text-white td, .text-white th, .text-white a { color: #fff !important; text-decoration: none; }

.a.no-underline { text-decoration: none; }

.backcolor-000084 { background-color: #000084; }
.backcolor-0066FF { background-color: #0066FF; }
.backcolor-008A8C { background-color: #008A8C; }
.backcolor-2461BF { background-color: #2461BF; }
.backcolor-507CD1 { background-color: #507CD1; }
.backcolor-5D7B9D { background-color: #5D7B9D; }
.backcolor-766F69 { background-color: #766F69; }
.backcolor-808080 { background-color: #808080; }
.backcolor-999999 { background-color: #999999; }
.backcolor-B2B4BF { background-color: #B2B4BF; }
.backcolor-CCCCCC { background-color: #CCCCCC; }
.backcolor-D1DDF1 { background-color: #D1DDF1; }
.backcolor-D7D7E5 { background-color: #D7D7E5; }
.backcolor-DCDCDC { background-color: #DCDCDC; }
.backcolor-E2DED6 { background-color: #E2DED6; }
.backcolor-E5E5E5 { background-color: #E5E5E5; }
.backcolor-EEEEEE { background-color: #EEEEEE; }
.backcolor-EFF3FB { background-color: #EFF3FB; }
.backcolor-F7F7DE { background-color: #F7F7DE; }
.backcolor-FBE694 { background-color: #FBE694; }
.backcolor-aliceblue { background-color: #F0F8FF; }
.backcolor-blue { background-color: #0000FF; }
.backcolor-gray { background-color: #5A7394; }
.backcolor-lightsteelblue { background-color: #B0C4DE; }
.backcolor-silver { background-color: #C0C0C0; }
.backcolor-steelblue { background-color: #4682B4; }
.backcolor-transparent { background-color: none; }
.backcolor-white { background-color: #FFFFFF; }
.backcolor-whitesmoke { background-color: #F5F5F5; }

.button-sm { min-width: 16px; height: 12px; padding: 1px; }
.button-md { min-width: 36px; height: 24px; padding: 3px; }
.button-lg { min-width: 48px; height: 32px; padding: 5px; }
.button-xl { min-width: 56px; height: 38px; padding: 5px; }


/* Table Classes */
.wrap-normal { white-space: normal; }
.nowrap { white-space: nowrap; }
.no-padding { padding: 0px; }
.padding-5 { padding: 5px; }
.padding-20 { padding: 20px;  }

.row-separator { height: 1px }

.table-border-space-1 { border-spacing: 1px; }
.table-border-space-2 { border-spacing: 2px; }
.table-border-space-3 { border-spacing: 3px; }
.table-border-space-4 { border-spacing: 4px; }
.table-border-space-5 { border-spacing: 5px; }

.table-noborder { 
    border-collapse: collapse; 
    border-spacing: 0; 
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }

/* BKC - 02.09.2015 - Commented this out as it was forcing the background color of table cells. */
/*.table td {
    background-color: #fff !important;
}*/

.table th {
    background-color: #000080 !important;
}

.table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd;
  }

.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  /*border-top: 1px solid #dddddd;*/
}

.table thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table caption + thead tr:first-child th,
.table colgroup + thead tr:first-child th,
.table thead:first-child tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

/* CASE #62084 - BKC - 05.15.2015 - Set to none instead of #fff (white) */
.table .table {
  background-color: none;
}

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

table col[class*="col-"] {
  display: table-column;
  float: none;
}

table td[class*="col-"],
table th[class*="col-"] {
  display: table-cell;
  float: none;
}

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > thead > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > thead > tr:last-child > td,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}


/* End Table Classes */

/* Layout */
.div-centered { margin: 0px auto; }

.margin-0 { margin: 0; }
.margin-0-important { margin: 0px !important; }
.margin-5 { margin: 5px; }

.margin-top-3 { margin-top: 3px; }
.margin-top-5 { margin-top: 5px; }
.margin-top-8 { margin-top: 8px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-13 { margin-top: 13px; }
.margin-top-15 { margin-top: 15px; }

.margin-left-0 { margin-left: 0px; }
.margin-left-10 { margin-left: 10px; }
.margin-left-15 { margin-left: 15px; }
.margin-left-30 { margin-left: 30px; }
.margin-left-5 { margin-left: 5px; }
.margin-left-6 { margin-left: 6px; }
.margin-left-8 { margin-left: 8px; }

.margin-bottom-5 { margin-bottom: 5px; }

.margin-right-0 { margin-right: 0px; }

.clear-both { clear: both; }
.clear-right { clear: right; }
.clear-left { clear: left; }

.position-relative { position: relative; }

.float-left { float: left }
.float-right { float: right }

.top-0 { top: 0px; }

/* Navigation */

/* Search Results */

/* 508 Compliance */
.accessKey {
   display: none;
    border: solid 1px black;
    padding: 1px;
    font-size: 8.5px;
    position:relative;
    z-index:5000;
    background-color: #ffffe0;
    overflow: scroll
}

.LinkStylebutton {
    background:none!important;
     border:none; 
     padding:0!important;
     border-bottom:1px solid blue; 
     cursor: pointer;
     color:blue!important;
     position:relative;
}

.element-invisible {
  position: absolute;
  top: -999999em;
  left: auto;
  width: 1px;
  height: 1px;
  overflow:hidden;
}
.element-invisible.element-focusable:active,
.element-invisible.element-focusable:focus {
  position: static;
  overflow:visible; 
}

/* BKC CASE #00043494 - Added styles for reportviewer */
.report-wrapper {
    width: 100%;
    height: 100%;
}

.rssMessage {
    font-size: x-small;
    padding-left: 5px;
    float: left;
    }
    
.report-viewer {
    width: 100% !important;
    height: 100% !important;
    background-color: #fff;
    padding: 0px;
    margin: 0px auto;
}

/*all tables whose id ends with _fixedTable*/
table[id$="_fixedTable"] {
    width: 100% !important;
}

.ui-datepicker-trigger { 
    background-color: Transparent; 
    border: none;
}

.grid-view-header-left { text-align: left; }

.downloadButtonHidden
{
    display: none;
}

.downloadDiv
{
    display: none;
    clear: both;
    border: hidden;
}

#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=50);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9;
    z-index: 10000;
}

#overlayWrapper
{
    position: relative;
    width: 20%;
    height: 20%;
    padding-top: 30%;
    padding-left: 20%;
}

#overlayWrapper p
{
    text-align: center;
    font-size: large;
    color: whitesmoke;
    
}

.cancelDownload
{
    position: relative;
    font: bold;
    left: 30%;
}

.hiddenPath
{
    visibility: hidden;
}