/*                 
				Author:  'Toqeer Haider'
				Version: 'V.1.1.0'
*/



.color-red{ color:red;}
.btn-12{position:relative; top:24px; background:#008d4c; color:white;}
.btn-12:hover{color:lightgray;}
.fa-plus{font-size:10px;}

.new-1{padding:10px 0px 20px 28px; }
@media only screen and (max-width: 990px) {
    .new-1 {
		width:90%;
		margin:0 auto;
    }
	
}
.heading-line{width:90%; margin:0 auto; border:2px solid #008d4c; padding:0px;}
.heading-1{background:#008d4c; align:left; padding:10px; margin:0px;color:white; font-size:19px;}
.top-margin{ margin-top:20px;}
.dataTables_length select{ padding:4px; color:darkgray; width:100px !Important;}
.dataTables_length label{ width:165px !important};}

.dataTables_filter input{ margin-top:10px;border:1px solid lightgray;  margin-right:10px}
.dataTables_filter input[type="search"]{ color:darkgray; padding:6px; border:1px solid lightgray;}
table.dataTable{ border:none; width:95%;}
table.dataTable.no-footer{ border-bottom:none;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{ margin:2%; position:relative; top:-35px;}
.angle-down{ position:relative; color:darkgray; left:40%; top:13px;}
.th-hide{ display:none;}
table.dataTable thead th, table.dataTable thead td{ border-bottom:none;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover{ background-color:#008d4c; border-color:#008d4c}
.pagination>li>a:hover{color:#0E633B !important}
.excel-copy{ height:40px; width:34%;  position:relative; left:31%; top:10px;    border-left: 10px Solid #3c8dbc;
    
    border-bottom: 1px solid #3c8dbc;
    border-top: 1px solid #3c8dbc;
    border-right: 1px solid #3c8dbc;}
.fa-file-excel-o{font-size:20px; color:green; position:relative; left:1%; top:3px; font-weight:bold;}
.fa-files-o{font-size:20px; color:#1acab9; position:relative; left:1%; top:3px; font-weight:bold;}
.print{ float:right; position:relative; bottom:38px; right:1%; border-radius:0px; background:#3c8dbc;}
@media only screen and (max-width: 1170px) {
    .excel-copy{  width:100%; left:0px;}
    .dataTables_wrapper{top:45px;}
	}


.input1 input[type="text"]
{   
    width: 232px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: none;
    border: none;
    border: 1px solid #dcdbdb;
    height: 33px;}
.new-1 select{ border-radius:1px}
.input2 input[type="text"]{
	width: 232px;
    padding: 10px;
    border-radius: 3px;
    box-shadow: none;
    border: none;
    border: 1px solid #dcdbdb;
    height: 33px;
	background:#f9f9f9;
}
.new-2{left:10px;}
.new-2 select{ border-radius:1px; width:90%;}
.new-2 input[type="text"]{ width:90%; border-radius:1px;}


@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%; 
		white-space: normal;
		text-align:left;
	}
 
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}
.add-new-1{ position:relative; left:45%; border-radius:1px; top:10px;}
#demo-1{  margin:12px 10px 28px 10px;}
.bps{
	    padding: 21px;
    position: relative;
    top: 4px;
    font-weight: bold;
}
.coll-1{border:1px solid lightgray;    margin-left: 14px;
    height: 34px;}
.coll-2{border:1px solid lightgray; 
    height: 34px; }
	.input-bps input[type="text"]{ 
	border:none;
    padding: 3px;
    position: relative;
    width:100%;
	top:2px;
	font-weight:bold;
}
.coll-3{ width:30%; height:34px; border:1px solid lightgray}
.save-1{ 
    font-weight: bold;
    font-size: 15px;
    position: relative;
    padding: 2px;
	float: right;
	margin-left:5px;
	}

.btn-background{ background:white; color:black;}
.btn-background:hover{background:#008d4c; color:white;}

.box {
	width:100px;
  background: #008d4c;

  -webkit-transition: background-color 0.6s ease-out;
  -moz-transition: background-color 0.6s ease-out;
  -o-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}
.box:hover {
  background-color:white !important;
  color:#008d4c;
 
}
.btn-primary.focus, .btn-primary:focus{background:#008d4c}

.box1{
  background: white;
  color:#008d4c;
  border: 1px solid #008d4c;

  -webkit-transition: background-color 0.6s ease-out;
  -moz-transition: background-color 0.6s ease-out;
  -o-transition: background-color 0.6s ease-out;
  transition: background-color 0.6s ease-out;
}

.box1:hover {
  background-color:#008d4c;
  color:white;
 
}

/* The Modal (background) */
.modalx {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-contentx {
    /*background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;*/
    background-color: #fefefe;
    padding: 18px;
    border: 1px solid #888;
    width: 68%;
    margin-left: 220px;
    margin-top: 39px;
}

/* The Close Button */
.closex {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closex:hover,
.closex:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.panel-headingxx {
    font-size: 18px;
    color: white;
    font-weight: bold;
    text-align: center;
    background-color: #008d4c !important;
    margin-top: -20px;
    margin-right: -10px;
    padding: 14px;
}

.table-scrolled{ 
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;;
}

.table-scrolled .table { 
    width: 1800px;
    margin-bottom: 0;
    max-width: none;
}