/**
 * script: newStyle.css
 *
 * Author: J Jansen van Vuuren
 * Created: 07 Sept 2017
 * Updated: 24 July 2019
 *
*/


@import url(https://fonts.googleapis.com/css?family=Roboto:400);
body {
  background-color:#fff;
  -webkit-font-smoothing: antialiased;
  font: normal 14px Roboto,arial,sans-serif;
    
  height:100%;
  width:100%;
  margin:0;    
   
}

/* 2019-07-22 */

@media print {
    .modal {
        position: absolute;
        left: 0;
        top: 0;
        margin: 0;
        padding: 0;
        overflow: visible!important;
    }
}

.column-1 {
    float: left;
    /* height: 75vh; */
    width: 45%;
    border: 1px solid #ccc;
    font: 12px/24px Georgia, Garamond, Serif;
    overflow: auto !important;
}

.column-2 {
    float: left;
    height: 75%;
    width: 32%;
    border: 1px solid #ccc;
    font: 12px/24px Georgia, Garamond, Serif;
    overflow: auto !important;
}

.column-3 {
    float: left;
    height: 75vh;
    width: 23%;
    border: 1px solid #ccc;
    font: 12px/24px Georgia, Garamond, Serif;
    overflow: auto !important;
}


/* Clear floats after the columns */

.row:after {
    content: "";
    display: table;
    clear: both;
}

textarea {
    overflow-y: scroll;
}

.tableFix {
    /* Scrollable parent element */
    position: relative;
    overflow: auto;
    height: 75vh;
}

.tableFix table {
    width: 100%;
    border-collapse: collapse;
}

.tableFix th,
.tableFix td {
    padding: 1.5px;
    text-align: left;
}

.tableFix thead th {
    position: sticky;
    /* Edge, Chrome, FF */
    top: 0px;
    background: #fff;
    /* Some background is needed */
}


/* 2019-07-22 */


/*
.container {
    padding: 25px;
    position: fixed;
}
*/

#login-frm {
    display: flex;
    align-items: center;
    vertical-align: middle;
    /*
    margin: auto
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    position:relative;
    top: 50%;  
    */
    /*
    margin:auto;
   /*
    display: table-cell;
   text-align: center;
   vertical-align: middle;    
*/
}

#user {
    display:table-cell;
    text-align:left !important;   
}

.form-login {
    background-color: #EDEDED;
    padding-top: 10px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 15px;
    border-color:#d2d2d2;
    border-width: 5px;
    box-shadow:0 1px 0 #cfcfcf;
}


h4 { 
 border:0 solid #fff; 
 border-bottom-width:1px;
 padding-bottom:10px;
 text-align: center;
}

.form-control {
    border-radius: 10px;
}

.wrapper {
    text-align: center;
}

/* screen split */
.footer {
  background: linear-gradient(90deg, #ffffff 50%, #ff0000 50%);
}

.left {
  background: #ffffff;
}

.newsletter {
  background: #d6cfcf;
}

.table-hover thead tr:hover th, .table-hover tbody tr:hover td {
    background-color: #a9c0e5;
}
/*
.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #bedfe6; 
 }
*/

.table-condensed{
  font-size: 11px;
}

thead input {
    width: 100%;
    padding: 1px;
    box-sizing: border-box;
}

/*
.select {
 display:table;
}
.col1, .col2, .col3, .col4, .col5 {
 display:table-cell;
    padding: 5px;
}

*/
.modal
{
    overflow: hidden;
}
.modal-dialog{
  padding: 0!important;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#btn-close { 
    color: #ffffff; 
    background-color: #777; 
    border-color: #555; 
}

.margin-top-05 { margin-top: 0.5em; }
.margin-top-08 { margin-top: 0.8em; }
.margin-top-10 { margin-top: 1.0em; }
.margin-top-15 { margin-top: 1.5em; }
.margin-top-20 { margin-top: 2.0em; }
.margin-top-25 { margin-top: 2.5em; }
.margin-top-30 { margin-top: 3.0em; }

/*
input {
    display: block;
    margin: 20px;
    width: auto;
    font-family: serif;
}
*/
/* #datePicker{z-index:1151 !important;}  */
/* #datePicker{z-index:9999999 !important;} */