/*
* Place css styles below.
*/
body{
	/*background: #283246;*/
	background: #7F7F7F;
	color: #444;
	font: 15px/1.7 Arial, Helvetica, sans-serif;
}

.splash-img{
	margin-top: 37px;
}

.pagination .disabled a.white-text {
	color: #fff;
}

#drawingLinks {
	height: 300px;
}

#img-activities {
	height: 300px;
}

#link-span {
	display:flex;
	width: 100%;
}

.alert {
	width:45%;
}

.icon-link {
	background: #05677d url('images/drawing.png') repeat-y 0 0;
	margin-top: 10px;
}

a {
	/*color: #73b8a1;*/
	text-decoration: none;
}

a:hover {
	color: #9a9a9a;
}

p{
	padding: 0px 0px 0px 15px;
}


input {
	border: 1px solid #ccc;
	padding: 8px;
}

table#pay-table {
	border-collapse: collapse;
	/*border: 1px solid #ddd;*/
	border-spacing: 5px;
  	border: none;

	width: 100%;

	font-size: 12px;
	text-align: left;

	margin: 25px 0px 0px 0px ;
}

table th {
	background: #52bae5;
	border-right: 1px solid #000;
	padding: 8px;
}

table tr td {
	border-right: 1px solid #000;
	padding: 6px;
}

table tr.alt td {
	background: #e2e2e2;
}

table tr:hover {
	background: #b3b4b4;
}

.td-end {
	border: none;
}

.tr-title {
	background: #CCD3D6;
    border-top: 1px solid #000;
    /*border-bottom: 1px solid #000;*/
}

.tr-light {
	background: #e9eaec;
}

.tr-dark {
	background: #d2d5da;
}

.navbar {
	border: #7586A8;
	background: #535b6b;
}

.navbar-default .navbar-brand {
	color: #fff;
}

.navbar-default .navbar-nav>li>a {
color: #fff;
}

#rgt-panel-body
{
	background: #a9adb5;
	min-height: 400px;
}


.panel-scroll
{
	max-height: 700px;
	overflow-y: scroll;
}

.row {
	background: #a9adb5;
	/*background: #283246;*/

}

#lft-panel-body
{
	background: #283246;
	min-height: 710px;
	padding: 0px;
}

#components
{
	border: 1px solid #000;
}

#boq
{
	border: 1px solid #000;
}

#images
{
	border: 1px solid #000;
	font: 15px/1.7 Arial, Helvetica, sans-serif;
}

#pay_items
{
	border: 1px solid #000;
	font: 15px/1.7 Arial, Helvetica, sans-serif;
}

.paginate_nav
{
	width: 99%;
	/*border: 1px dashed #000;*/
}

.paginate_count
{
	margin-left: 235px;
}

.icon_bg
{
	background-color: #d3d3d3;
}

#prev_page
{

}

.page_next
{
	float: right;
}

#data
{
	border: 1px solid #000;
	margin: 5px 0px 0px 10px;
}

span
{
	display: table;
	float: left;
	margin: 3px 3px 3px 3px;
}

.icon-link-drawing {
	margin: -5px 0px 10px 10px;
	width: 29px;
	height: 29px;
	background: #78B9E6 url('../images/ui/drawings.png') left top no-repeat;
}

.icon-link-tasks {
	margin: -5px 0px 10px 10px;
	width: 29px;
	height: 29px;
	background: #78B9E6 url('../images/ui/tasks.png') left top no-repeat;
}

.icon-link-pdf {
	margin: 10px 10px 10px 10px;
	padding: 52px 0px 0px 0px;
	width: 50px;
	height: 50px;
	background: #fff url('../images/ui/pdf-icon.png') left top no-repeat;
	font-size: 55%;
}

.icon-link-pdf-sm {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	width: 20px;
	height: 20px;
	background:  url('../images/ui/pdf-icon-sm.png') center center no-repeat;
}

.thumb_span
{
	display: table;
	float: left;
	width: 200px;
	height: 200px;
	padding: 5px 5px 5px 5px;
}

.tab_active {
	border: none;
	background-color: #e0983c;
	/*padding: 10px 75px 10px 15px;*/
}


ul a{
	color: #fff;
}

#comp_ul, #boq_ul, .data_ul
{
	list-style-type: none;
	border: hidden;
	background: #283246;
	/*font: 15px/1.7 Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 5px;*/
}

.list-group-item {
	border: none;
	/*background-color: #e0983c;8*/
}

.list-group-item a {
	color: #bec2c7;

}


.list-active-0 {
	border: none;
	background-color: #283246;
	/*padding: 10px 75px 10px 15px;*/
}

.list-active-1 {
	border: none;
	background-color: #e0983c;
	/*padding: 10px 75px 10px 15px;*/
}

.list-active-2 {
	border: none;
	background-color: #C7A579;
}

.list-active-3 {
	border: none;
	background-color: #EDD2B0;
}

.list-active-1 a, .level_2 a, .level_3 a {
	text-decoration: none;
	color: #283246;
}

.list-active-selected {

}

.list-active-selected:after {
	content:"";
    border-color: transparent transparent transparent #283246;

    border-style:solid;
    border-width:10px;
    width:0;
    height:0;
    position:absolute;
    bottom:13px;
    left:280px;
}

.li_spacer{
	height: 1px;
	background-color: #e0983c;
}
/* Framework elements */
.wrapper {
	margin: auto;
	width: 960px;
}

.clear {
	clear: both;
}

.pagination li {
	display: inline;
	margin-right: 5px;
}

#imageDesc {
	/*background-color: #69a5d2;*/
	color: #000;
	font-weight:bold;
}

.imageFile{
	margin-left: 10px;
}


#page_nav {
	float: right;
}

#nav_header {
	/*background-color: #69a5d2;
	margin: 0px;*/
}

#nav_header span {
	background-color: #69a5d2;
	border-color: #69a5d2;
	margin: 0px;
	color: #000;
}

#nav_header .spacer {
	background-color: #69a5d2;
	color: #69a5d2;
	height: 35px;
}

#component-name {
	font-weight: bold;
}

.error {
	background: rgba(247,72,59,.1);
	border: 1px solid #f7483b;
	color: #444;

	max-width: 100%;
	padding: 20px;
	margin: 20px 0;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
