/*******************************************************************************
**  Project Name: responsive design
**  Object Name:  calc.css
**
**  Description:  style sheet to define application specific styles
**
**  Configuration Record
**
**  Version        Author                            Date             SCR No.
 *   1.0           Padmaja Bysani (isadpbi)          28/05/2015        WTB-75
 *   2.0.1         Padmaja Bysani (isadpbi)          06/01/2016        WTB-406
     2.0.2         Padmaja Bysani (isadpbi)          21/01/2016        WTB-421
                                                                       WTB-432
                                                                       WTB-424
**   2.0.3         Padmaja Bysani (isadpbi)           12/07/2016       WTB-1196																	   
**
**  @copyright    2015 NSW Office of State Revenue.
**
********************************************************************************
**  Revision History
**
**  Version  Description
**  1.0      Original.
**  2.0.1    Adding of print styles
**
*******************************************************************************/

table.TableApp tr td.right, table.TableApp tr th.right {
  text-align: right;
  font-weight: bold;
}

table.TableApp tr td.focus {
  padding: 0.5em;
}
/*WTB-424 - to fix the scrolling inside the IOS */
body .modal-open {
position:relative;
overflow: hidden;
}

.print_header {margin-bottom:20px; display:none;}

.baseline_1 {
	border-bottom: 2px solid #d71740;
	 margin-top:1%;
             width:100%;
}

.bold { font-weight: bold;}
.well {background-color: #fafafa;}
.underline {text-decoration: underline;}

.red-highlight {padding: 5px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; color: #a94442; background-color: #f2dede; border-color: #ebccd1;} /*WTB-421*/
.yellow-highlight {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc;}

/* Updates for WTB-406 */
@page {
  size: A4;
  padding-left: 10px;
  padding-right: 10px;
  padding-top:20px;
  padding-bottom: 12px;
  margin-top:20px;
  margin-bottom: 20px;
}
@media print {
    /* WTB-1196 start */
    .red-highlight {padding: 5px; margin-bottom: 10px; border: 1px solid transparent; border-radius: 4px; color: #a94442; background-color: #f2dede!important; border-color: #ebccd1;} /*WTB-421*/
    .yellow-highlight {padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; color: #8a6d3b; background-color: #fcf8e3!important; border-color: #faebcc;}
    .modal-backdrop.in { filter: alpha(opacity=0); opacity: 0; }
    /* WTB-1196 end */
    
    body.modal-open > div.container {display:none!important;}
    body.modal-open {opacity: 1 !important;}
    body.modal-open {padding-top: 0px!important;}
    body.modal-open > div.container > div.logoplace {display:block !important;}
    .baseline_1 {display: block!important;}
    .skiptop {display: none!important;}
    .close {display: none;}
    .modal-footer {display: none;}
    .modal-title {font-size: 22px; padding-bottom:0px;}
    .panel-title {display:none;}
    .modal-open > .modal {margin:0px!important; padding-top:0px; position:relative; width:100%; z-index:99999; height:auto; overflow-y: visible; padding-bottom:0px!important; margin-top:0px;}
      
    .print_header {display:block!important;}
    .modal-header {padding-bottom: 5px!important;}
    div.modal-dialog {overflow-y:visible; height:100%; page-break-inside: auto; margin-top:0px; padding-top:0px; margin-bottom:0px!important; padding-bottom:0px!important; display:inline;}
    div.modal-content { border-width: 0px;}
  
    .fa-print {display: none;}
    ul.nav {display:none;}
    
    .TableApp {font-size:12px;}
    p {font-size: 12px; page-break-inside: avoid;}
    input {page-break-inside: avoid;}
  }