/**********************************************************************
 * Styles.css                                                         *
 *                                                                    *
 * This file is initially empty and you can add any additional styles *
 * or modify any of the styles defined in BaseStyles.css              *
 * This file will never be overwritten.                               *
 *                                                                    *
 * For example, if you want to override just the top padding for a    *
 * menu, you can simply add the following lines:                      *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	}                                                             *
 *                                                                    *
 * This will keep all the other styles of the "menus" style as-is,    *
 * but modify the top padding to be 20px.                             *
 *                                                                    *
 * You can also, add a new style by just specifying it.               *
 *                                                                    *
 * .menus {                                                           *
 * 	padding-top: 20px;                                            *
 * 	text-align: center;                                           *
 * 	}                                                             *
 * 	                                                              *
 * In the above case, we added the text-align style.  This style was  *
 * not specified in the original declaration of the menus style.      *
 *                                                                    *
 **********************************************************************/
h3 {
    font-family: arial;
}

.QPageSize-Large { /* dimensions of quick page */
    height: 800px;
    width: 805px;
}

.QSContainer-Large .scrollRegion {
    height: 728px;
    left: 0;
    overflow: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: 32px;
    width: 785px;
    z-index: 2;
}

    .QSContainer-Large .scrollRegion .pageButtonsContainer {
        background: -moz-linear-gradient(center top, #ececec 5%, #fbfbfb 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        height: 40px;
        left: 0;
        padding-left: 10px;
        padding-right: 10px;
        position: fixed;
        top: 760px;
        width: 100%;
        z-index: 3;
    }

.QSContainer-Large .dv {
    width: 100%;
}

.tch a {
    font-weight: bold;
}

.tableCellValue, column_header a, .column_header_scrolling a, .tch a, .tchs a, .tableCellLabel {
    font-size: 12.5pt;
    color: #505050;
}

.field_input, .fi, .Filter_Input {
    font-size: 12.5pt;
}

.themeButtonMini a.button_link, .themeButtonMini a.button_link:hover, .themeButtonMini a, .themeButtonMini a:hover {
    font-size: 12.5pt;
}

.QSttc {
    cursor: pointer;
    font-size: 12.5pt;
}

a.button_link, .bC a.button_link, .buttonPadding a.button_link, .dBody a.button_link, .galleryttc a.button_link, .popupTableCellValue a.button_link, .tableCellValue a.button_link, .thc a.button_link, .tic a.button_link, .ttc a.button_link {
    font-size: 11pt;
    color: #22599c;
    text-shadow: none;
}

.dialog_header_text, .dht {
    color: #22599c;
    font-size: 15pt;
    font-weight: bold;
    text-shadow: none;
}

.marginTL, .marginTR, .pcT {
    background-color: #fff;
}

.pHeaderC {
    background-image: url(../../images/logo.png);
    height: 105px;
    background-repeat: no-repeat;
}

.pHeaderR {
    vertical-align: top;
    background-image: url(../../images/aceso.png);
    background-repeat: no-repeat;
    background-position: 200px center;
    width: 400px;
}

.signInBar {
    padding-top: 10px;
    color: black;
}

    .signInBar a {
        display: block;
        width: 200px;
    }

.pHeaderR > table > tbody > tr > td > table > tbody > tr > td:first-child > span {
    display: block;
    width: 200px;
    text-align: left;
}

.MLMmenuAlign {
    width: 1020px;
}

.MLMmoC {
    background: -moz-linear-gradient( center top, #FF5E6E 5%, #FF0F0F 100% );
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF5E6E), color-stop(1, #FF0F0F) );
    background: -ms-linear-gradient(top, #FF5E6E 5%, #FF0F0F 100%);
    border-left: 1px solid #bbbbbb;
    border-right: 1px solid #bbbbbb;
    border-top: 1px solid #bbbbbb;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5E6E', endColorstr='#FF0F0F');
}

.pcC {
    height: 300px;
}

.MLMmC a {
    font-size: 10pt !important;
}
.MLMmC {
    padding:7px;
}
div.home-reportpanel {
    border: 1px solid #bbbbbb;
    font-family: Arial;
    text-align: center;
    background-color: #fff;
    height:502px;
}

#loadImg {width:990px;height:497px;position:absolute;z-index:999;}
#loadImg div{display:table-cell;width:990px;height:497px;background:#fff;text-align:center;vertical-align:middle;}

div.home-reportpanel iframe {
    height: 502px;
    height: 100%;
    width: 100%;
    display: block;
}

div.home-footer {
    background-image: url(../../images/secamb-footer.png);
    background-repeat: no-repeat;
    height: 150px;
}

div.medicine_header {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 14pt;
}

table.medicine_stock_table {
    width: 800px;
    margin-bottom: 20px;
    border-collapse: collapse;
}

    table.medicine_stock_table th {
        font-weight: bold;
        width: 150px;
        border: 1px solid #bbbbbb;
        background-color: #cccccc;
        color: #fff;
        padding: 5px;
    }

    table.medicine_stock_table td {
        border: 1px solid #8e8e8e;
        padding: 5px;
    }

.no_stock {
    margin-bottom: 10px;
    display: block;
}

.red {
    color: red;
}

h2, p {
    font-family: Arial;
}

    h2.dialogHeader {
        margin-top: 0px;
    }

label {
    font-family: Arial;
}

.HiddenButton {
    display: none;
}

div.packing_list table {
    font-family: Arial;
}

    div.packing_list table.headertable > tbody > tr > td {
        padding: 10px;
    }

div.packing_list .medicineBag {
    border: 1px solid black;
    padding: 10px;
}

div.packing_list .tableCellValue, div.packing_list .thc {
    border: 1px solid #505050;
    padding: 10px;
}

.blank {
    background-image: none;
}

    .blank .pcC {
        height: 0;
        border-bottom: none;
    }

.stock_comments {
    font-size: 8pt;
    color: red;
    display: block;
}

.page_header {
    text-align: left;
}

    .page_header p {
        font-weight: bold;
        font-size:15pt;
    }

.page_header table {
    font-family: Arial;
}

.page_header table td {
    padding-right: 10px;
    padding-bottom: 10px;
}
.thc {
    color: #505050;
    font-size: 12.5pt;
    font-weight:bold;
}
.upload_bag td
{
    font-size:8pt !important;
}
.nowrap span
{
    white-space: normal !important;
}
.highlight_min td
{
    background-color:#cccccc;
}
.red_tag
{
    font-weight:bold;
    margin-left:10px;
}
body{
  -webkit-print-color-adjust:exact;
}
div.content
{
    border-radius: 4px;
    box-shadow: 0 0 3px #bbbbbb;

    text-align:left;
    background-color:#fff;
    padding:20px;
    margin-bottom:10px;
    font-family:Arial;
    font-size:10pt;
}
div.content h3
{
    margin-top:2px;

}
div.content table
{
    border:1px solid #bbbbbb;
}
div.content table td, div.content table th
{
    padding:5px;
}

.highlight_notrecorded td.staff_no, .highlight_notrecorded td.incident_no
{
    background-color:#cccccc;
}
.update_stock_expired
{
background-color:#FF0F0F;
color:#fff;
font-weight:bold;
}

#barcodearea
{
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color:#fff;
    padding:5px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
    font-family:arial;
}

span.barcode {
   -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 2px 2px 4px #888;
	-moz-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
    padding:10px;
    margin:5px;
    background-color:#c84b4b;
    color:#fff;
    display:inline-block;
}
#barcodearea table > tbody > tr > td:first-child
{
    width:250px;
    text-align:left;
    vertical-align:top;
}   
#barcodearea table > tbody > tr > td:last-child
{
    vertical-align:top;
    width:500px;
}
#barcodearea table > tbody > tr > td:last-child input[type='button']
{
    float:right;
}

#barcodearea table > tbody > tr > td:first-child > div:first-child
{
    font-weight:bold;
}
#barcodearea select
{
    font-size:8pt;
    width:150px;
}
img.loading
{
   float:left; 
}
span.trafficlight_amber
{
    display: block;
    border:0px;
    width:20px;
    height:20px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    background-image:url(../../images/traffic-orange.png);
}
span.trafficlight_green
{
    display: block;
    border:0px;
    width:20px;
    height:20px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    background-image:url(../../images/traffic-green.png);
}
span.trafficlight_red
{
    display: block;
    border:0px;
    width:20px;
    height:20px;
    float:left;
    margin-left:10px;
    margin-right:10px;
    background-image:url(../../images/traffic-red.png);
}