@media print {
  .no-print {
    display: none;
  }
}
body {
	background: #fff ;
	/*url('images/bg2.jpg') repeat-x fixed;*/
	font-family: 'Lato', sans-serif;
	font-size:13px;
	margin:0;
	padding:0;
}
.wrapper {
	width:100%;
	margin:0 auto;
    max-width: 100%;
}
#header {
	width:100%;
	float:left;
	background:#1e6c41;
	color:#fff;
	padding:0px 0 0 0px;
	text-align:center;
}
#header h2 {font-size:30px; text-transform:uppercase; color:#fff;
    
    background: transparent url(https://pba.org.pk/media/2017/04/PBALogo.gif) no-repeat 41% 0;
    background-size: contain;
    min-height: 80px;
    vertical-align: middle;
    line-height: 81px;
    
    
}
.row {
	float:left;
	width:100%;
}
#navigation {
	background:#0f3822;
	width:100%;
	float:left;
	padding:0px;
}
#navigation ul {
	margin:0;
	padding:0;
	width:100%;
	float:none;
	text-align: center;
    list-style-type: none;
}
#navigation li {
	float:none;
	padding:10px;
	color:#fff;
	text-align:center;
	display: inline-block; 
    float: none;
}
#navigation li a {
	color:#fff;
	display:block;
	font-size:16px;
}
#navigation li:hover {
	background:#333;
	color:#000;
}
.main {
	float:left;
	width:98.5%;
	margin:20px 0;
	padding:10px;
}
#tbheader td {background:#000; color:#fff;padding:5px;}
.tbdata td {padding:5px;font-size:16px;text-transform:capitalize;}
.notification {background: #7E011E; padding:10px; color:#fff; border:1px dotted #000;}
body .dataTable thead td {background: #1e6c41!important;color: #fff!important;}
.dataTable tbody td:nth-child(1), .dataTable tbody td:nth-child(2), 
.dataTable tbody td:nth-child(3) {text-align: center;}
.addcase td {padding:5px;}
#casedetails tr {margin:10px 0;}
#casedetails td {padding:5px;}

#pagination {
	float:left;
	width:100%;
	color:#fff;
	font-weight:bold;
	margin:40px auto;
}
.pagination li {
	list-style-type:none;
	float:left;
}
#pagination .paginationwrap {
	margin:0 auto;
	width:100%;
	float:left;
	display:inline-block;
	text-align:center;
}
.pagination li.dot {
	height:35px;
}
#pagination {
	display:inline-block;
	text-align:center;
}
#pagination ul {
	padding:0;margin:0;
}
.pagination li {
	background:#993366;
	color:#fff;
	margin:4px 2px;
	display:block;
}
.pagination li a {
	width: 43px;
	height: 17px;
	display: block;
	padding: 9px 0;
	color:#fff;
}

.pagination li:hover {
	background:#ECBD02;
	color:fff;
}
#pagination li.current a, #pagination li a.current {
	background:#469DCA;
	color:#000;
}

#tbheader td {border-bottom:1px dotted #111;}
.printbutton {text-align:right;width:100%; margin:0px 0;}
.printbutton input[type="button"] {padding:2px 10px; font-size:20px;}

.logo {text-align:center;}
.loginscreen {
    width:60%;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
}
.loginscreen input[type="password"],
.loginscreen input[type="text"] {
    padding: 10px 15px;
    margin: 5px;
    width:50%;
}
.loginscreen input[type="submit"] {
    padding: 10px 15px;
    margin: 5px;
    width:55%;
}

a {color:#046172;text-decoration:none;}
.tbdata a:hover {text-decoration:underline;}
input[type=text], select {padding:5px; width:99%;}
.dataTables_length select {width:auto;}
.bigbutton {
	padding:5px 35px;
	margin:10px;
}
.addcase input[type="submit"] {background:#1e6c41; color:#fff; padding:20px;}
table#casedetails {
    background: #fff;
    border: 4px solid #000;
    padding: 0 15px;
}
table#casedetails td {
    padding: 15px 0;
}
#casedetails h2 {
    color: #1e6c41;
    font-weight: bolder;
}
#casedetails .labelcol {
    background-color: #eee; color:#000;
    padding: 15px 15px;
     max-width: 18%;
}
#casedetails .casedetailcont  {
    padding:15px 15px;
    max-width: 32% !important;
} 
tr#tbheader td {
    background-color: #1e6c41;
}

.dateoffiling span {background:#1e6c41; color:#fff;padding:10px;}
table.hearingdetailstable tr td {
    border-bottom: 1px dotted #ccc;
    background: #fff;
    padding: 10px;
}
table.hearingdetailstable tr td:last-child {
    min-width: 130px;
    background: #ffea98;
    font-weight: bold;
}
table.dataTable tr.odd {
    background-color: #fff9d8!important;
}
table.dataTable td {
    padding: 3px 10px;
    font-size: 14px;
}
body .dataTable thead td {
    color: #fff !important;
    background: linear-gradient(to bottom right, #ffffff, #e0e0e0);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.hearingdetailstable .tbdata td:nth-child(2) {
    background-color: #c6f2ff;
}
table#casedetails tr td {
    border-bottom: 1px dotted #ccc;
}
.ck.ck-content {
    min-height: 132px;
}
h3.casetitle {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color:#1e6c41;    margin: 0;
}
.partydetails {display:none; }
.richeditor p {margin:0;}
.showDetailsButton {
    color:#fff;text-align:Center;
        margin: 0 auto;
    display: block;
    padding: 15px;
    font-size:16px;
  background: rgb(30,108,65);
background: -moz-linear-gradient(180deg, rgba(30,108,65,1) 11%, rgba(109,182,142,1) 100%);
background: -webkit-linear-gradient(180deg, rgba(30,108,65,1) 11%, rgba(109,182,142,1) 100%);
background: linear-gradient(180deg, rgba(30,108,65,1) 11%, rgba(109,182,142,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1e6c41",endColorstr="#6db68e",GradientType=1);  
}
.hearings select,
.hearings textarea,
.hearings input[type=date],
.hearings input[type=text],
.addcase select,
.addcase textarea,
.addcase input[type=date],
.addcase input[type=text] {
    padding: 15px 10px !important;
    width:100%;
}
input#casefile {
    background: url(https://legalcases.pba.org.pk/images/pdficon.png) no-repeat;
    background-size: contain;
}
tr.tbdata td {
    vertical-align: top;
}
.dtsp-panesContainer {
    border: 3px solid #2c6a7c;
    padding: 20px !important;
}
.dtsp-titleRow * {
    background: #ccc !important;
    color: #000 !important;
    margin: 0 10px;
    padding: 5px !important;
}
td.editcase a {
    color: #006da2;
    font-weight: bold;
}