/*******************************************************************************
**  Project Name: Bootstrap 4 responsive design
**  Object Name:  table.css
****
**  Configuration Record
**
**  Version        Author             Date             SCR No.
 *   1.0.0        Atik Zahan      	27/03/18        Original  
**
**  @copyright    2018 Revenue NSW
**
********************************************************************************
**  Revision History
**
**  Version  Description
**  1.0      Original
**
*******************************************************************************/

 
/*Table Advance search styles*/
 .adsearch {
     display: inline-block !important;
     position: absolute !important;
     border: Solid 1px black;
}
 .adsearch {
     cursor: pointer;
}
 .divadsearch {
     position: absolute;
     border: Solid 1px #ccc;
     z-index: 999;
     border-radius: 4px;
}
 .criteria-display {
     font-size: .9em;
     padding: 5px !important;
     padding-bottom: 0px !important;
     border: Solid 1px #dddddd !important;
     background: transparent !important;
     display: none;
}
 .criteria-display label.control-label {
     font-weight: bold !important;
}
 .btn-default {
     background: #323232;
}
 .btn-default:hover, .btn-default:active, .btn-default:focus {
     background: #1e1e1e;
     color: #ffffff;
}
 @media (min-width:768px) {
     .divadsearch {
         width: 500px;
    }
}
/*End of table advance search styles*/
/*Basic table styles*/
 .moredetails {
     width: auto;
     border-collapse: collapse;
     margin: 1% 0 1% 0;
     border: 1px solid #dddddd;
     font-weight: normal;
}
/* Zebra striping */
 .moredetails tr:nth-of-type(odd) {
     background: #f5f5f5!important;
}
 .moredetails tr:nth-of-type(even) {
     background: #fff !important;
}
 .moredetails > tr > td {
     padding: 6px;
    /*border: 1px solid #dddddd;
    */
     text-align: left;
     background: #FFF;
}
 .moredetails .modaltd1 {
     padding: 6px;
}
 .moredetails .modaltd2 {
     padding: 6px;
}
/* table normal */
 .table-normal > thead > tr > th {
     font-weight: bold!important;
     color: #fff!important;
     background: #4B5995 !important;
     text-align: left!important;
     border: 1px solid #97c594!important;
}
 .table-normal {
     margin-top: 1em 
}
/* table hover colour */
 .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
     background: #f6f6f6!important;
 
}
/* Generic Styling, for Desktops/Laptops */
 .regular_table {
     width: 100%;
     border-collapse: collapse;
     margin: 1% 0 1% 0;
     font-size: 1em;
}
/* Zebra striping */
 .regular_table tr:nth-of-type(odd) {
     background: #eeeeee !important;
}
 .regular_table tr:nth-of-type(even) {
     background: #fff !important;
}
 .regular_table th {
     background: #333;;
     color: #ffffff;
     vertical-align: text-bottom;
	 font-weight:normal;
	 font-size:1.1em;
}
 .regular_table td, .regular_table th {
     border: 0.0625rem solid #cacaca;
     text-align: left;
}
/*Basic table styles*/
 .moredetails {
     width: auto;
     border-collapse: collapse;
     margin: 1% 0 1% 0;
     border: 1px solid #dddddd;
     font-weight: normal;
}
/* Zebra striping */
 .moredetails tr:nth-of-type(odd) {
     background: #f5f5f5 !important;
}
 .moredetails tr:nth-of-type(even) {
     background: #fff !important;
}
 .moredetails > tr > td {
     padding: 6px;
     text-align: left;
     background: #FFF;
}
 .moredetails .modaltd1 {
     padding: 6px;
}
 .moredetails .modaltd2 {
     padding: 6px;
}
/*End of More details table styles*/
 .regular_table > tbody > tr > td > div.form-group {
     margin-bottom: 0px !important;
}
 .regular_table > tfoot > tr > td, .regular_table > tfoot > tr > th {
     font-weight: bold!important;
     color: #0D1E0B!important;
     background: #dbebda!important;
     text-align: left!important;
     border: 1px solid #97c594!important;
}
 .moredetails {
     width: 100%!important 
}
 td.claim > .input-group > .btn-check {
     background: transparent;
     border-color: transparent;
}
 td.claim > .input-group > .btn-check:hover {
     color: #000!important;
     background: transparent!important;
     border-color: #FFF!important;
}
 td.claim > .input-group > .btn-check:focus {
     color: #000!important;
     background: transparent!important;
     border-color: #FFF!important;
}
 td.claim > .input-group > .btn-check:active {
     color: #000!important;
     background: transparent!important;
     border-color: #FFF!important;
}
 td.claim > .input-group > .btn-check.active {
     color: #000!important;
     background: transparent!important;
     border-color: #FFF!important;
}
 input.tablecheck[type=checkbox] {
     margin-left: 0.5em!important 
}
/* styles for checkbox button inside a table - end*/
 @media only screen and (max-width: 767px) {
    /*Start More Details*/
     .moredetails {
         width: 100%!important 
    }
     .moredetails tr {
         border: none;
    }
     .moredetails {
         border-bottom: 1px solid #dddddd;
    }
     .moredetails tr td {
         border: none;
         width: 50%;
    }
     .moredetails .modaltd1 {
         border-bottom: none;
    }
     .moredetails .modaltd2 {
         border-top: none;
    }
    /*End of More details table styles*/
     .regular_table {
         display: block;
    }
     .regular_table thead {
         display: block;
    }
     .regular_table tbody {
         display: block;
    }
     .regular_table tfoot {
         display: block;
         background: #eef!important;
    }
     .regular_table th {
         display: block;
    }
     .regular_table td {
         display: block !important;
    }
     .regular_table tr {
         display: block;
    }
     .regular_table thead tr {
         position: absolute !important;
         top: -9999px;
         left: -9999px;
    }
     .regular_table tr {
         border: 1px solid #ccc;
         height: auto !important;
    }
     .regular_table tr td {
         border: none !important;
        /*border-bottom: 1px solid #ACDEE6;
        */
         position: relative !important;
         padding-left: 50% !important;
         height: auto !important;
    }
     .regular_table tr td.details:before {
         position: absolute;
         top: 6px;
         left: 6px;
         width: 45%;
         padding-right: 10px;
    }
     .regular_table tr td.claim {
         border: none !important;
         position: relative !important;
         padding-left: 50% !important;
         height: auto !important;
    }
     .regular_table tr td:before {
         position: absolute !important;
         top: 6px !important;
         left: 6px !important;
         width: 45% !important;
         padding-right: 10px !important;
         content: attr(data-columnName);
    }
     .regular_table tfoot tr td:before {
         position: absolute !important;
         top: 6px !important;
         left: 6px !important;
         width: 45% !important;
         padding-right: 10px !important;
         content: attr(data-columnName);
    }
     .regular_table tr td.claim:before {
         position: absolute !important;
         top: 6px !important;
         left: 6px !important;
         width: 45% !important;
         padding-right: 10px !important;
         content: attr(data-columnName);
    }
     .regular_table tr td.list:before {
         position: absolute;
         top: 6px;
         left: 6px;
         width: 45%;
         padding-right: 10px;
        content: attr(data-columnName);
    }
     .regular_table tr td.form:before {
         position: absolute;
         top: 6px;
         left: 6px;
         width: 45%;
         padding-right: 10px;
         content: attr(data-columnName);
    }
}
 @media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
     #no-more-tables table, #no-more-tables thead, #no-more-tables tbody, #no-more-tables th, #no-more-tables td, #no-more-tables tr {
         display: block;
    }
    /* Hide table headers (but not display: none;
    , for accessibility) */
     #no-more-tables thead tr {
         position: absolute;
         top: -9999px;
         left: -9999px;
    }
     #no-more-tables tr {
         border: 1px solid #ccc;
    }
     #no-more-tables td {
        /* Behave like a "row" */
         border: none;
         border-bottom: 1px solid #eee;
         position: relative;
         padding-left: 50%;
         text-align: left;
    }
     #no-more-tables td:before {
        /* Now like a table header */
         position: absolute;
         top: 6px;
         left: 6px;
         width: 45%;
         padding-right: 10px;
         text-align: left;
         font-weight: bold;
    }
    /* Label the data */
     #no-more-tables td:before {
         content: attr(data-title);
    }
}
 .table thead th {
     vertical-align: top;
}


/*@media only screen and (min-width: 1170px) {
body
{
	overflow-x: hidden;
}

.extendfull
{
	padding-left: 2000px;
	margin-left: -2000px;
	padding-right: 2000px;
	margin-right: -2000px;
}


.regular_table {
	margin-left: -282px ;
}
}*/