/* CSS Document */
body{
	padding-top:60px;
	padding-bottom: 0px;
	height: 100%;/* The html and body elements cannot have any padding or margin. */
	background-color:#EDF0F3;
}


.Dulication_Background {
  background-color: #E4EBD8;
}
.progress-striped .Dulication_Background {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}

/*
.btn.active, .btn:active{
	background-color: #FF9;
}
*/

.table{
	width: 100%;
}
.LogoTitle{
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #0155A0;
	border: 0;
	text-align:right;
}
/* Contact section layout*/
.red{
	color:red;
}
.form-area{
	padding: 10px 40px 20px;
}
/* is used for titels in bold fount and sms blue color*/

.test-bold{
	font-weight:bold;
	color:#0155A0;
}

.EJ-Blue-Header{
	background-color:#0155A0;
	color:#FFF;
}

.test-Normal{
	font-weight:normal;
	color:#0155A0;
}

a{
	color: inherit;
}

.navbar-brand{
	padding: 0px;
}

.navbar-brand>img{
	height: 100%;
	padding: 5px;
	width: auto;
}

.navbar-alignit .navbar-brand{
	top: 50%;
	display: block;
	position: relative;
	height: auto;
	transform: translate(0, -50%);
	margin-right: 15px;
	margin-left: 15px;
}

/* - start - - - this section to make this project as favorite*/
.glyphicon:before{
	visibility: visible;
}

.glyphicon.glyphicon-star:checked:before{
	color: #FFCC00;
}

input[type=checkbox].glyphicon{
	visibility: hidden;
}

.glyphicon.glyphicon-star{
	font-size: 23px;
	color:#999999;
	cursor: pointer;
	width:35px;
	margin:0;
}
/* - End - - - this section to make this project as favorit*/



/* - Start - - - this section to make the color of the button same as the navbar button color*/
.navbar-btn{
	background-color:transparent;
	color:#777;
	margin:0;
}

.glyphicon.glyphicon-floppy-disk, .glyphicon.glyphicon-print, .glyphicon.glyphicon-plus, .glyphicon.glyphicon-list-alt, .glyphicon.glyphicon-duplicate  {
	font-size:20px;	
}
/* - End - - - - this section to make the color of the button same as the navbar button color*/


/* --- start ----- to change the width of the modal in project----------*/
.modal.modal-wide .modal-dialog {
  width: 71%;
}

.modal-wide .modal-body {
  overflow-y: auto;
}
/* --- End ----- to change the width of the modal in project----------*/

.container-fluid {
  margin-right: 35px;
  margin-left: 35px;
}

.panel-warning > .panel-heading {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}

.panel-height {
  height: 200px; /* i use this to limite the hight in some panel with a scroll down most unsed when i add table inside the panel */
  overflow-y: auto;
  overflow-x: hidden;
}

.panel-Phone-height {
  height: 300px; /* i use this to limite the hight in some panel with a scroll down most unsed when i add table inside the panel */
  overflow-y: auto;
  overflow-x: hidden;
}

/*// start /////for customer modol in workorder to display the search result in front the model not behind the modal and ilumenate the issue cosing to ide the drop down menu behind the modal////////////////////////////////*/
.ui-autocomplete-input {
  z-index: 1511;
}
.ui-autocomplete {
  z-index: 1510 !important;
}
/*// End /////for customer modol in workorder to display the search result in front the model not behind the modal and ilumenate the issue cosing to ide the drop down menu behind the modal////////////////////////////////*/


@media only screen and (min-width: 1200px){
th{text-align:center}
.form-inline .form-group label{float:left;width: 47%;margin: 4px 2px 0 0;text-align: right;min-width: 146px;}
.form-group.col-lg-7 label{width:auto;clear: inherit;margin: 8px 1% 0;}
.form-inline .form-control{width: auto;}
input[type="radio"]{width:auto;box-shadow: none;margin: 0;}
.maj-silences .col-lg-12 input[type="radio"]{margin: 7px 0 0 -20px;}
input[type="number"]{width: 92px !important; float: left !important;}
#IdSoundPressureDistanceInputB{width: 50px;padding:5px 2px;float: none !important;}
#IdSoundPressureDistanceInputA{width:70px;padding:5px 2px}
.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 0;}
#IdDisplayBPE, #IdDisplayACFM, #IdDisplayEET{margin: 0 0 0 10px;padding: 0;line-height: 34px;color: #0155A0;}
.form-inline .row:nth-child(3) .col-lg-2{text-align:right;}
.form-inline .row:first-child .col-lg-2{text-align:left}
#IdPipingItems select{padding:5px 2px;min-width: 66px;}
#IdSelectSoundPressureDistanceUniteB{padding:5px 2px}
.form-inline td .form-control{width: 100%;}
.maj-proj-info .form-control{float: right;padding-right:0;width: 50%;}
.maj-proj-info .form-group{padding-left:0}
.maj-eng-info .form-group{padding-left: 0;}
.maj-eng-info .form-control{width:50%;float: right;}
.maj-silencers .form-control{width:50%;float: right;}
.maj-silencers select{width:50%;float: right;}
.maj-exh-row .form-control{float: left;width: 88px;}
.maj-exh-row .form-control#IdselectEETUnite{width: 128px;}
.maj-exh-row .form-group label{width: auto;margin: 8px 8px 0 0;min-width: auto;}
.table-octave table td{width:70px}
.table-octave tr input[type="number"]{padding:5px 0;width: 42px;}
.table-octave th p{width: 38px;margin: 0;}
.table-octave th{padding: 0 !important;}
#IdACFMInput, #IdBPEInput, #IdEETInput{width: 92px;padding:5px 5px;}
.octv-section {clear:both;background-color: #f9f9f9;border-top: 1px solid #ccc;padding: 5px 0;min-height: 50px;border-bottom: 1px solid #ccc;}
.octv-section div{width: 3.5%;float:left;margin: 0 4px 0 0;}
.octv-section:first-child{border-bottom: none}
.octv-section .form-control{width:100%;padding: 5px 2px;}
.maj-eng-info .row{margin:0}
.maj-eng-info .input-group-addon{position: relative;right: 0;height: 34px;padding: 9px 21px 9px 3px;}
.maj-eng-oct .input-group-addon{float:right;width:20%;height: 34px;padding: 9px 0 9px 3px}
.maj-octave{margin: 0;}
.maj-oct p{margin: 8px 0 0;width: 100%;float: left;text-align: left;font-weight: bold;color: #0155A0;padding: 0;}
.maj-oct div{float: none;margin: 0 0 8px;width: calc(100% - 1em);}
.maj-oct div:first-child{font-weight: bold;color: #0155A0;text-align: left;padding:5px;width: calc(100% - 1em);float: none;clear: both;margin: 0;}
.maj-oct input.form-control{width: calc(100% - 10px);padding: 5px;}
.maj-result{width: 15%;margin-bottom:20px}
.maj-oct div b{margin-top: -14px;float:left;}
.maj-oct{width: 10%;float:left;}
.maj-label{font-weight: bold;color: #0155A0;line-height: 34px;}
.maj-silences .col-lg-2 select.form-control {width: 100%;margin-bottom: 12px;}
.maj-silences .col-lg-6 label {width: auto;clear:inherit;margin: 8px 2% 0 1%;float: none;}
#IdSelectFirstSilencers select, #IdSelectSecondeSilencers select{width:50%;float:right}
#jareaDisplaySoundPressureInput label{width:auto;margin: 8px 2% 0 1%;min-width: auto;}
#jareaDisplaySoundPressureInput{margin-bottom:10px}
.maj-silences .col-lg-6 font{line-height: 38px;}
.maj-silences .col-lg-12 label {width: auto;clear:inherit;margin: 8px 1% 0 0%;}
.panel-body .row{margin:0}
.form-inline .form-group{padding-left:0;line-height: 26px;padding-right: 0;}
.panel-default > .panel-heading{padding-left:15px}
.form-inline .maj-result label{text-align:left}
.maj-eng-info .col-lg-3 div{width:50%;float:right}
.maj-exh-detail input[type="radio"]{float: left; margin: 0;}
.maj-exh-detail .form-group label{width:auto;text-align: left;margin: 4px;}
font b{color: #FF0000;}
.table-bordered > tbody > tr > td.panelsuccess {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;font-weight: bold;}
.table-striped > tbody > tr:nth-of-type(odd){background-color:transparent}
table.dataTable.table-condensed>thead>tr>th {padding-right: 0 !important;}
#IdPipingItems .maj-td select{width:50%;min-width: auto;padding: 5px 0px;}
.maj-td b{width:50%}
.maj-td{width:100px}
.maj-blue-table tbody tr{background: #EDF0F3 !important;}
#IdDisplayAlertForACFM{width:100%;float:left}
/* .majerror{background-color:red}*/
.cat-li ul{padding:0;margin:0}
.cat-li ul li{list-style:none}
.cat-li ul.sidebar-menu{padding-left:10px}
.cat-li ul.sidebar-menu ul{padding-left:10px}
.glyphicon-chevron-left {display:none}
.treeview-menu li a:before {content: "\e080" !important;color: #0155A0;font-size: 10px;position: absolute;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 4px 0;margin: 1px 0 0 -12px;}
.glyphicon-minus:before{display:none}
.cat-li .panel-body{padding:15px !important}
.treeview li a:before {content: "\2212";color: #0155A0;font-size: 10px;position: absolute;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 4px 0;margin: 1px 0 0 -12px;}
.treeview-menu ul ul ul li a:before {content: "\2212";}
.treeview-menu .treeview-menu li a:before{display:none}
.treeview-menu .treeview-menu li {list-style: disc;}
table.dataTable.maj-tables{}
.maj-tables tr td input{width: 100%;}
.project .maj-tables tr td input{}
.project .maj-tables tr td:nth-of-type(2) input{float:left;width:67%}
.maj-tables tr td:nth-of-type(2) img{float:left;margin:6px 4px}
.maj-tables tr td select{padding:4px}
.maj-tables tr th{display: table-cell;vertical-align: middle;}
.maj-address{height: 304px;}
.maj-menu .active.progress-bar-warning{position: fixed;top: 50px;right: 0;}
.maj-menu .active.progress-bar-warning p{color:#fff}
.maj-note .row{width:50%;float:left}
.maj-note .row .col-lg-9 textarea{width:100%}
.maj-contactlist input{width: 100%;}
.maj-contactlist tr td{}
.maj-contactlist tr th{}
.panel-Phone-height .col-sm-3 input{width:100%;}
.panel-Phone-height .col-lg-2{text-align: center !important;}
.maj-shipping input{width:100%;}
.panel-Phone-height div{padding:0}
.maj-bolwebsite textarea{width:80%;float:left}
.maj-bolwebsite button{float:right;padding: 4px 5px 3px;}
.maj-shipping select{height: 26px;}

}

@media only screen and (min-width: 768px) and (max-width: 900px){
.form-inline .form-control{width:100%}
.col-lg-12{width:100%;overflow: scroll;}
.form-inline input[type="radio"]{width:auto;box-shadow: none;}
#OctaveBandTable table{width:100%}
#OctaveBandTable{width:100%}
}


@media only screen and (max-width: 480px){
#ProjectNote{width: calc(100% - 34px);}
.pull-right{float:none !important}
.form-control{width: auto;float: left;margin: 0 6px 0 0;}
.container-fluid{padding:0;margin: 0 2%;width: 96%;}
.panel-heading{width:100%;padding:5px 5%}
.row {margin-right: 0; margin-left: 0;}
.maj-exh-row .form-control{float: left;width: 88px;}
.maj-exh-row .form-control#IdselectEETUnite{width: 128px;}
.form-group{float:left;width:100%;clear: both;line-height: 38px;margin: 0;}
.maj-silences .col-lg-2 select.form-control {width: 100%;margin-bottom: 12px;}
.maj-silences .col-lg-6 label {width: auto;clear:inherit;margin: 8px 2% 0 1%;float: none;}
#IdSoundPressureDistanceInputA {width: auto;padding: 5px 2px;float: left;}
.test-bold{width:100%;float:left;line-height: 30px;}
br{display:none}
.maj-oct div:first-child{font-weight: bold;color: #0155A0;text-align: left;padding:5px;width: calc(50% - 1em);float: left;margin: 0;}
.maj-oct input.form-control{width: calc(50% - 10px);padding: 5px;margin: 7px;}
input[type="radio"]{float:left;width: 4%;border: none;box-shadow: none;margin: -2px 6px 0 4px;}
span.test-bold{width: 90%;height: 40px;}
.maj-eng-oct .col-lg-3 input{float:left;margin: -2px 6px 0 4px;}
.maj-eng-oct .col-lg-3 .maj-label{float:left;line-height: 28px;}
.maj-result p{width:50%;float:left;padding: 0 0 0 5px;}
.maj-result label{width:50%;float:left;margin: 1px 0;}
.maj-result {clear:both}
.maj-exh-detail input{float:left;width:auto;margin: -1px 8px 1px 0;}
.maj-exh-detail label{float:left;width:auto}
.maj-silences .col-lg-12 label{width:100%;float:left;clear: both;margin: 0;}
.maj-silences .col-lg-12 label input{float:left;height: 32px;position: relative;margin: 0 6px 0 0;}
.maj-silences .col-lg-12 label span{float:left;width:auto}
#collapseTwo .maj-label{float:left;line-height:30px}
#IdPipingItems th{display:none}
#IdPipingItems td {border: none;border-bottom: 1px solid #eee;position: relative;float:left;width: 100%;line-height: 26px;}
#IdPipingItems td p{float:right;padding:6px}
#IdPipingItems td select, #IdPipingItems td input{width: 32%;float:right;margin: 0;padding: 6px;}
#IdPipingItems td b{float:right;width: 30%;padding: 6px 0;}
#IdPipingItems td:before {position: relative;top: 6px;left: 6px;width: 30%;padding: 0;white-space: nowrap;float: left;text-align: left;}
#IdPipingItems td:nth-of-type(1):before { content: "#"; }
#IdPipingItems td:nth-of-type(2):before { content: "Quantity"; }
#IdPipingItems td:nth-of-type(3):before { content: "Description"; }
#IdPipingItems td:nth-of-type(4):before { content: "Note"; }
#IdPipingItems td:nth-of-type(5):before { content: "T/P"; }
#IdPipingItems td:nth-of-type(6):before { content: "Diameter"; }
#IdPipingItems td:nth-of-type(7):before { content: "Unit"; }
#IdPipingItems td:nth-of-type(8):before { content: "Length"; }
#IdPipingItems td:nth-of-type(9):before { content: "Unit"; }
#IdPipingItems td:nth-of-type(10):before { content: "Flow"; }
#IdPipingItems td:nth-of-type(11):before { content: "Back Pressure"; }
#IdPipingItems td:nth-of-type(12):before { content: "Del"; }
#IdPipingItems tr:last-child td:before{display:none}
#IdPipingItems tr:last-child td{float:left;text-align:left;width:auto;}
#IdPipingItems tr:last-child td b{width:auto;float:left;padding:0}
#IdPipingItems td:nth-of-type(2){clear:both}
}

@media only screen and (min-width: 481px) and (max-width: 767px){
#ProjectNote{width: calc(100% - 34px);}
.pull-right{float:none !important}
.form-control{width: auto;float: left;margin: 0 6px 0 0;}
.container-fluid{padding:0;margin: 0 2%;width: 96%;}
.panel-heading{width:100%;padding:5px 5%}
.row {margin-right: 0; margin-left: 0;}
.maj-exh-row .form-control{float: left;width: 88px;}
.maj-exh-row .form-control#IdselectEETUnite{width: 128px;}
.form-group{float:left;width:100%;clear: both;line-height: 38px;margin: 0;}
.maj-silences .col-lg-2 select.form-control {width: 100%;margin-bottom: 12px;}
.maj-silences .col-lg-6 label {width: auto;clear:inherit;margin: 8px 2% 0 1%;float: none;}
#IdSoundPressureDistanceInputA {width: auto;padding: 5px 2px;float: left;}
.test-bold{width:100%;float:left;line-height: 30px;}
br{display:none}
.maj-oct div:first-child{font-weight: bold;color: #0155A0;text-align: left;padding:5px;width: calc(50% - 1em);float: left;margin: 0;}
.maj-oct input.form-control{width: calc(50% - 10px);padding: 5px;margin: 7px;}
input[type="radio"]{float:left;width: 4%;border: none;box-shadow: none;margin: -2px 6px 0 4px;}
span.test-bold{width: 90%;height: 40px;}
.maj-eng-oct .col-lg-3 input{float:left;margin: -2px 6px 0 4px;}
.maj-eng-oct .col-lg-3 .maj-label{float:left;line-height: 28px;}
.maj-result p{width:50%;float:left;padding: 0 0 0 5px;}
.maj-result label{width:50%;float:left;margin: 1px 0;}
.maj-result {clear:both}
.maj-exh-detail input{float:left;width:auto;margin: -1px 8px 1px 0;}
.maj-exh-detail label{float:left;width:auto}
.maj-silences .col-lg-12 label{width:100%;float:left;clear: both;margin: 0;}
.maj-silences .col-lg-12 label input{float:left;height: 32px;position: relative;margin: 0 6px 0 0;}
.maj-silences .col-lg-12 label span{float:left;width:auto}
#collapseTwo .maj-label{float:left;line-height:30px}
}


.treeview-menu{display:none}