@charset "utf-8";
/* CSS Document */
ul {
	padding: 0;
	margin: 0;
}

li {
	list-style: none;
}

body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #e1e1e1;
}

html, body {
	height: 100%;
}

/***general css****/
.padding-leftnone {
	padding-left: 0 !important;
}

.padding-rightnone {
	padding-right: 0 !important;
}

.nopadding {
	padding-right: 0 !important;
	padding-left: 0 !important;
}

/** tab Objects **/
li.objects {
	float: right;
	text-transform: uppercase;
}

li.objects.visible {
	margin-top: 2px;
}

.contant-tabing .nav-tabs>li.objects>a {
	margin-right: 0px;
}

.contant-tabing .nav-tabs>li.objects.visible>a {
	border-radius: 5px 5px 0 0;
	background-color: #2e2f31;
	color: #acacad;
}

.cutom-navbar {
	background: #38bfe2;
	margin-bottom: 1px;
}

.navbar-default.cutom-navbar .navbar-nav>li>a {
	color: #fff;
	font-size: 19px;
}

.aside-nav .nav-pills>li>a span {
	width: 42px;
}
/***tabbing***/
.aside-nav {
	width: 75px;
	float: left;
}

.aside-nav .nav-pills>li>a {
	background: #38bfe2;
	border-radius: 0;
	padding: 18px 15px;
}

.aside-nav .nav-pills>li.active>a, .aside-nav .nav-pills>li.active>a:focus,
	.aside-nav .nav-pills>li>a:hover {
	background: #727B7E;
}

.IcoAppSelctn {
	background: url(../svg/app-selectn.svg) center center no-repeat;
	height: 30px;
	display: block;
}

.IcoSetParametr {
	background: url(../svg/set-parameter.svg) center center no-repeat;
	height: 30px;
	display: block;
}

.IcoProfOrient {
	background: url(../svg/profile-orientation.svg) center center no-repeat;
	height: 30px;
	display: block;
}

.IcoSystem {
	background: url(../svg/system.svg) center center no-repeat;
	height: 32px;
	display: block;
}

.IcoCalc {
	background: url(../svg/calculator.svg) center center no-repeat;
	height: 32px;
	display: block;
}

.IcoReport {
	background: url(../svg/report.svg) center center no-repeat;
	height: 32px;
	display: block;
}

.right-container .tab-pane ul li {
	padding: 6px 12px;
	background: #fff;
}

.right-container .tab-pane ul.selectable li.ui-selected, .Appselctor ul.selectable li.ui-selecting
	{
	background: #38bfe2;
}

.right-container .tab-pane ul.selectable li.ui-selecting {
	color: #fff;
	background: #38bfe2;
}

.right-container .tab-pane {
	margin-top: 14px;
}

.setparameter ul li {
	border: 1px solid #dddddd;
}

.setparameter ul li label {
	width: 42%;
}

.unit {
	background: #dddddd;
	display: inline-block;
	line-height: 16px;
	border: 1px solid;
	padding: 3px 6px;
}

.defineloads li {
	float: left;
}

.IcoDistLoad {
	background: url(../svg/distributed-load.svg) center center no-repeat;
	height: 24px;
	display: block;
}

.IcoPointLoad {
	background: url(../svg/point-load.svg) center center no-repeat;
	height: 24px;
	display: block;
}

.IcoAddMoment {
	background: url(../svg/add-moment.svg) center center no-repeat;
	height: 24px;
	display: block;
}

.calculatn-parameter ul li, .system-selectn ul li {
	border: 1px solid #dddddd;
}

.calculatn-parameter ul li label {
	width: 100%;
}

.unt-length {
	display: inline-block;
	margin-left: 2px;
	margin-right: 5px;
}

.system-selectn ul li label {
	width: 38%;
}

.prof-orientation ul li {
	display: inline-block;
}

.prof-orientation ul li span {
	height: 32px;
	display: block;
	width: 16px;
}

.IcoPF1 {
	background: url(../svg/bottom.svg) center center no-repeat;
}

.IcoPF2 {
	background: url(../svg/right.svg) center center no-repeat;
}

.IcoPF3 {
	background: url(../svg/top.svg) center center no-repeat;
}

.IcoPF4 {
	background: url(../svg/left.svg) center center no-repeat;
}

.prof-orientation ul {
	width: 100px;
}

.btn-next, .btn-prev {
	margin-top: 20px;
}

@media only screen and (max-width: 800px) {
	#flip-scroll .cf:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	#flip-scroll * html .cf {
		zoom: 1;
	}
	#flip-scroll *:first-child+html .cf {
		zoom: 1;
	}
	#flip-scroll table {
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	#flip-scroll th, #flip-scroll td {
		margin: 0;
		vertical-align: top;
	}
	#flip-scroll th {
		text-align: left;
	}
	#flip-scroll table {
		display: block;
		position: relative;
		width: 100%;
	}
	#flip-scroll thead {
		display: block;
		float: left;
	}
	#flip-scroll tbody {
		display: block;
		width: auto;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
	}
	#flip-scroll thead tr {
		display: block;
	}
	#flip-scroll th {
		display: block;
		text-align: right;
	}
	#flip-scroll tbody tr {
		display: inline-block;
		vertical-align: top;
	}
	#flip-scroll td {
		display: block;
		min-height: 1.25em;
		text-align: left;
	}

	/* sort out borders */
	#flip-scroll th {
		border-bottom: 0;
		border-left: 0;
	}
	#flip-scroll td {
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	#flip-scroll tbody tr {
		border-left: 1px solid #babcbf;
	}
	#flip-scroll th:last-child, #flip-scroll td:last-child {
		border-bottom: 1px solid #babcbf;
	}
}

.gray-portion {
	background-color: #58595a;
	float: left;
	padding-top: 6px;
	width: 100%;
}

.tabingbg {
	background-color: #2e2f31;
	float: left;
	padding: 10px 0px;
	width: 100%;
}

.margination {
	padding-top: 7px;
}

.channel-optimizer {
	float: left;
	margin-right: 10px;
}

.logo {
	float: left;
	padding-right: 20px;	
}

.top-icon {
	border-right: 1px solid #696a6b;
	float: left;
}

.top-icon:last-of-type {
	border-right: none;
}

.top-icon li {
	display: inline-block;
	margin-left: 8px;
}

.upload {
	height: 26px;
	width: 28px;
	float: left;
	background: url(../images/top-icon.png) no-repeat 0 0px;
	margin-top: 5px;
}

.upload:hover {
	background: url(../images/top-icon.png) no-repeat 0 -35px;
}

.download {
	height: 26px;
	width: 28px;
	float: left;
	background: url(../images/top-icon.png) no-repeat -40px 0px;
	margin-top: 5px;
}

.download-hover {
	background: url(../images/top-icon.png) no-repeat -40px -35px;
}

.print {
	height: 26px;
	width: 28px;
	float: left;
	background: url(../images/top-icon.png) no-repeat -70px -2px;
	margin-top: 5px;
	margin-left: -6px;
}

.print:hover {
	background: url(../images/top-icon.png) no-repeat -70px -37px;
}

.left-arrow {
	height: 26px;
	width: 28px;
	float: left;
	background: url(../images/top-icon.png) no-repeat -108px -2px;
	margin-top: 5px;
}

.left-arrow-image-hover {
	background: url(../images/top-icon.png) no-repeat -108px -37px;
}


.right-arrow {
	height: 26px;
	width: 24px;
	float: left;
	background: url(../images/top-icon.png) no-repeat -143px -2px;
	margin-top: 5px;
	margin-left: -6px;
}

.right-arrow-image-hover{
	background: url(../images/top-icon.png) no-repeat -143px -37px;
}

.setting {
	height: 26px;
	width: 28px;
	float: left;
	background: url(../images/top-icon.png) no-repeat -183px 0px;
	margin-top: 5px;
}

.setting:hover {
	background: url(../images/top-icon.png) no-repeat -183px -35px;
}

.import-img {
	height: 26px;
	width: 28px;
	float: left;
	margin-top: 5px;
	background: url(../images/top-icon.png) no-repeat -217px 0px;
}

.import-img:hover {
	background: url(../images/top-icon.png) no-repeat -217px -35px;
}

.channel-system h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 8px 0 10px;
}

.channel-system {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: 360px;
	margin-left: 10px;
	float: left;
}

.channel-system:hover {
	background: #58595a;
}

.calculation-parameter {
	cursor:pointer;
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: 110px;
	margin-left: 5px;
	float: left;
	position: relative;
}

.calculation-parameter:hover {
	background: #58595a;
}

.calculation-parameter h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 0px;
	padding: 8px 0 16px;
}

.channel-system label {
	font-size: 12px;
	color: #aaaaab;
	line-height: 21px;
	margin: 0;
}

.left {
	float: left;
	margin-right: 10px;
}

label {
	color: #fff;
	margin-bottom: 5px;
	font-weight: normal;
}

.analyge-system {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: 96px;
	float: left;
	margin-left: 5px;
	cursor:pointer
}

.analyge-system:hover {
	background: #58595a;
}

.analyge-system h4 {
	font-size: 14px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0 15px 0;
}

.analyze-report {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: 96px;
	float: left;
	margin-left: 5px;
	cursor:pointer
}

.analyze-report:hover {
	background: #58595a;
}

.analyze-report h4 {
	font-size: 14px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0 15px 0;
}

.aside-btn .nav-tabs>li.active a {
	border: 1px solid #2e2f31;
	background: #2e2f31;
	border-radius: 0px;
	color: #8c8d8d;
	font-size: 15px;
	line-height: 25px
}

.aside-btn .nav>li>a {
	padding: 5px 30px;
	margin-right: 3px;
}

.aside-btn  .nav-tabs>li>a {
	color: #f5f5f5;
	font-size: 15px;
	line-height: 25px;
	background: #434445;
	border: 1px solid #434445;
	border-radius: 0px;
}

.aside-btn .nav-tabs {
	border-bottom: none;
}

.application {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	margin-left: 5px;
	float: left;
	padding: 0px 15px;
	width: 180px;
	box-sizing: border-box;
}

.application h4 {
	font-size: 12px;
	color: #808081;
	margin-top: 8px;
	text-transform: uppercase;
	margin-bottom: 28px;
	text-align: center;
}

.channel-rotate {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	padding: 0 10px;
	margin-left: 5px;
	float: left;
}

.channel-rotate .ui-widget-content {
	min-height: 50px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	cursor: pointer;
	padding: 4px 5px;
}

.channel-rotate .selectable .ui-selected {
	background: #fff;
	color: #000;
}

.channel-rotate .tab-pane ul.selectable li.ui-selected, .Appselctor ul.selectable li.ui-selecting
	{
	background: #fff;
}

.channel-rotate li {
	display: inline-block;
}

.channel-rotate p {
	font-size: 14px;
	line-height: normal;
	color: #000;
	text-align: center;
	margin: 0px;
	padding-top: 0px;
}

.channel-rotate h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0 27px 0;
}

.static-system {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: auto;
	margin-left: 5px;
	padding: 0 10px;
	float: left;
}

.static-system li {
	float: left;
	width: 75px;
}

.static-system h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.static-system .ui-widget-content {
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 0px 13px 7px 13px;
	cursor: pointer;
	width: 75px;
}
.static-system .ui-widget-content-stage2{
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 10px 13px 6px 13px;
	cursor: pointer;
	width: 75px;
}

.static-system .ui-widget-content:first-child {
	margin-left: 0px;
}

.static-system-stage2 {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: auto;
	margin-left: 5px;
	padding: 0 10px;
	padding-right:0;
	float: left;
}

.static-system-stage2 li {
	float: left;
	width: 75px;
	margin-right:10px;
}

.static-system-stage2 h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.static-system-stage2 .ui-widget-content{
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 10px 13px 6px 13px;
	cursor: pointer;
	width: 75px;
}

.static-system-stage2 .ui-widget-content:first-child {
	margin-left: 0px;
}

.load {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: auto;
	margin-left: 5px;
	padding: 0 10px;
	padding-right:0;
	float: left;
}

.load li {
	float: left;
	width: 80px;
	margin-right: 10px;
}

.load h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.load .ui-widget-content {
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 11px 13px 10px 13px;
	cursor: pointer;
	width: 80px;
}

.load .ui-widget-content:first-child {
	margin-left: 0px;
}

.coordinate {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: auto;
	margin-left: 5px;
	padding: 0 10px;
	padding-right:0;
	float: left;
}

.coordinate li {
	float: left;
	width: 85px;
	margin-right: 10px;
}

.coordinate h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.coordinate .ui-widget-content {
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 5px 13px 1px 13px;
	cursor: pointer;
	width: 85px;
}

.coordinate .ui-widget-content:first-child {
	margin-left: 0px;
}

.properties {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: auto;
	margin-left: 5px;
	padding: 0 10px;
	padding-right:0;
	float: left;
}

.properties li {
	float: left;
	width: 75px;
	margin-right: 10px;
}

.properties h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.properties .ui-widget-content {
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 5px 13px 1px 13px;
	cursor: pointer;
	width: 75px;
}

.properties .ui-widget-content:first-child {
	margin-left: 0px;
}

.point-load {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.point-load li:first-child {
	margin-left: 0px;
}

.section {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.section li:first-child {
	margin-left: 0px;
}

.material {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.material li:first-child {
	margin-left: 0px;
}

.standard {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.standard li:first-child {
	margin-left: 0px;
}

.fenestration {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.fenestration li:first-child {
	margin-left: 0px;
}

.pinned {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.pinned li:first-child {
	margin-left: 0px;
}

.fixed {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 57px;
}

.fixed li:first-child {
	margin-left: 0px;
}

.distributed-load {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 80px;
}

.distribute-load {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 73px;
}

.weight-load {
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	float: left;
	width: 75px;
}

.point-load li {
	margin: 5px 0 0 10px;
}

.menu {
	background: #252627;
	border-radius: 5px;
	min-height: 118px;
	text-align: center;
	width: auto;
	margin-left: 5px;
	padding: 0 10px;
	float: left;
}

.menu h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.menu ul li {
	display: inline-block;
	font-size: 11px;
	color: #aaaaab;
	text-transform: uppercase;
	line-height: 15px;
	text-align: center;
	width: 75px;
	margin-right: 5px;
}

.menu-icons li {
	background: #252627;
	min-height: 48px;
	border-radius: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding-top: 10px;
	width: 85px;
}

.menu ul {
	line-height: 15px;
}

.yellow-dot {
	background-color: #6cff00;
	border: 2px solid #2e3031;
	border-radius: 50%;
	float: right;
	height: 14px;
	margin-left: 6px;
	margin-top: 4px;
	width: 14px;
}
.red-dot {
	background-color: red;
	border: 2px solid #2e3031;
	border-radius: 50%;
	float: right;
	height: 14px;
	margin-left: 6px;
	margin-top: 4px;
	width: 14px;
}

ul.top-icon li:last-child {
	margin-right: 8px;
}

.aside-btn {
	margin-top: 5px;
}

ul.load-tab li {
	margin: 0 0 0 10px;
}

ul.load-tab li:first-child {
	margin-left: 0px;
}

ul.load-tab {
	margin-top: 12px;
}

ul.load-tab li.own-weight {
	margin-left: 62px;
	margin-right: 20px;
}

.channel-system .form-group {
	margin-bottom: 2px;
}

.channel-system .form-control {
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	overflow: hidden;
	background: url(../images/select-arrow.png) no-repeat right center
		#e1e1e1;
	border: 0px;
	box-shadow: inherit;
	height: 23px;
}

.channel-system .form-control:focus {
	border: 0px;
	box-shadow: inherit;
}

.contant-tabing {
	float: left;
	width: 100%;
}

.contant-tabing .nav>li>a {
	padding: 4px 30px 4px 15px;
	background-color: #909192;
	color: #5a5a5b;
	border: 0px;
	border-radius: 0px;
	margin-right: 4px;
}

.contant-tabing .nav-tabs>li.active>a, .contant-tabing .nav-tabs>li.active>a:focus,
	.contant-tabing .nav-tabs>li.active>a:hover {
	background-color: #2e2f31;
	color: #acacad;
	border: 0px;
	border-radius: 0px;
}

.application .form-control {
	border-radius: 0px;
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	overflow: hidden;
	background: url(../images/select-arrow.png) no-repeat right center
		#e1e1e1;
	border: 0px;
	box-shadow: inherit;
	height: 23px;
}

.application .form-control:focus {
	border: 0px;
	box-shadow: inherit;
}

.contant-tabing .tab-content {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-left: 20px;
	padding-top: 40px;
}

.footerbg {
	background-color: #2e2f31;
	box-sizing: border-box;
	float: left;
	width: 100%;
	padding: 10px 15px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0;
}

.footerbg p {
	color: #828283;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 0px;
}

#myform {
	text-align: center;
	width: 100px;
}

.qty {
	width: 40px;
	height: 50px;
	text-align: center;
	color: #000;
	font-weight: bold;
	background-color: #e1e1e1;
	border: 0px;
}

input.qtyplus {
	color: #363636;
	border: 0px;
	background: url(../images/plus-icon.png) no-repeat center center;
	float: right;
	padding: 34px 6px 0;
	margin-right: 6px;
	outline: none;
	text-indent: -9999px;
}

input.qtyminus {
	color: #363636;
	border: 0px;
	padding: 0 6px;
	background: url(../images/minus-icon.png) no-repeat center center;
	float: left;
	padding: 34px 6px 0;
	margin-left: 6px;
	outline: none;
	text-indent: -9999px;
}

.support {
	background-color: #515152;
	min-height: 50px;
	border-radius: 5px;
	outline: none;
}

.result-desc {
	background: #e1e1e1;
}

.result-desc .table-bordered>tbody>tr>td {
	color: #2E2F31;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
}

.result-desc .table-bordered>tbody>tr>td span {
	color: black;
}

.result-desc tbody tr td, tbody tr th {
	border-bottom: 1px solid #b4b4b4 !important;
	border-right: 1px solid #b4b4b4 !important;
	border-top: 1px solid #b4b4b4 !important;
}

.result-desc tbody tr th:last-of-type {
	border-right: none !important;
}

.result-desc tbody tr td:last-of-type {
	border-right: none !important;
}

.result-desc .table-bordered>tbody>tr>th {
	background: #fff;
	color: #000;
	font-size: 14px;
	line-height: 20px;
}

.result-desc .table-bordered {
	border: none !important;
}

.result-desc .table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th,
	.table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th,
	.table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
	border: none;
}

.main-contant {
	position: relative;
	min-height: 100%;
	padding-bottom: 40px;
}

.contant-tabing .nav-tabs {
	border: 0px;
}

.center-img {
	margin: 6% auto 0 auto;
	display: table;
	vertical-align: middle;
}

.ie9 .application .form-control, .ie9 .channel-system .form-control {
	background-image: none;
	padding-right: 4px;
}

.contant-tabing .nav>li>a {
	display: inline-block;
}

/* select menu css start here */
.dd-selected {
	box-sizing: border-box;
	display: block;
	font-weight: bold;
	overflow: hidden;
	padding: 10px;
	width: 100%;
}

.dd-pointer-down {
	background: url("../images/app-select-arrow.jpg") no-repeat scroll right
		center #e1e1e1;
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
	height: 48px;
	width: 22px;
}

.dd-select {
	cursor: pointer;
	background-color: #e1e1e1;
	width: 100%;
	box-sizing: border-box;
	position: relative;
}

.dd-selected {
	display: block;
	font-weight: bold;
	overflow: hidden;
	padding: 15px 10px;
}

.dd-option-image, .dd-selected-image {
	float: left;
	max-width: 101px;
	vertical-align: middle;
}

.dd-option-selected {
	background: none repeat scroll 0 0 #e1e1e1;
}

.dd-option {
	border-bottom: 1px solid #ccc;
	color: #333;
	cursor: pointer;
	display: block;
	overflow: hidden;
	padding: 10px;
	text-decoration: none;
	transition: all 0.25s ease-in-out 0s;
}

.dd-options {
	border: solid 1px #ccc;
	list-style: none;
	display: none;
	position: absolute;
	z-index: 2000;
	margin: 0;
	padding: 0;
	background: #e1e1e1;
	overflow: auto;
	width: 100%;
}

/* sidebar menu css close here */
.sidebar-menu .sidebar-top {
	height: 50px;
	padding-left: 10px;
	padding-top: 14px;
	float: left;
	width: 100%;
}

.sidebar-menu .sidebar-top h4 {
	background-color: #2e2f31;
	display: inline-block;
	font-size: 15px;
	color: #808081;
	text-transform: uppercase;
	float: left;
	margin: 0;
	padding: 10px 30px;
	border-radius: 5px 5px 0 0;
}

.accordion-toggle {
	cursor: pointer;
}

.accordion-content {
	display: none;
}

.accordion-content.default {
	display: block;
}

.object-table {
	background-color: #2e2f31;
	padding: 13px;
	float: right;
	margin-right: 0px;
	width: 100%;
	border-radius: 5px 0 0 0;
	z-index: 100;
	position: fixed;
	top: 216px;
	right: 0px;
	width: 350px;
	bottom: 37px;
	overflow: auto;
}

#accordion h4 {
	color: #808081;
	font-weight: normal;
	font-size: 16px;
	background-color: #2E2F31;
	padding: 10px;
	margin: 5px 0;
	border-radius: 5px;
	padding-left: 30px;
	position: relative;
}

#accordion {
	background-color: #252627;
	border-radius: 5px;
	padding: 10px;
}

.first-state:before, .second-state:before {
	position: absolute;
	font-family: "FontAwesome";
	left: 8px;
}

.first-state:before {
	content: "\f077";
}

.second-state:before {
	content: "\f078";
}

.accordion-content p {
	color: #aaaaab;
	font-weight: normal;
	padding: 12px 0;
	border-bottom: 1px solid #2E2F31;
	margin: 0;
	position: relative;
}

.accordion-content p .fa-times, .accordion-content p .fa-pencil {	
	position: absolute;
}

.accordion-content p .fa-times {
	right: 0;
	color: #b2292b;
	opacity: 0.6;
}

.accordion-content p .fa-times:hover {
	opacity: 1;
}

.accordion-content p .fa-pencil {
	right: 25px;
	color: #aaaaab;
	opacity: 0.6;
}

.accordion-content p .fa-pencil:hover {
	opacity: 1;
}

.accordion-content {
	padding-bottom: 30px;
	position: relative;
}

.accordion-content .fa-plus {
	position: absolute;
	bottom: 5px;
	right: 0;
}

/* select menu css close here */
.load ul.selectable {
	position: relative;
}

.off-white {
	background-color: #252627;
	float: left;
	box-sizing: border-box;
	padding: 20px 10px 10px;
}

ul.selectable li:hover, ul.selectable li:focus, ul.selectable li:selected
	{
	background-color: #fff;
}

ul.selectable li a:hover {
	background-color: #fff;
}

ul.load-sec {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.load-sec li {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

ul.load-sec li label {
	float: left;
	width: 20%;
	margin-right: 2%;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #aaaaab;
	text-align: right;
}

ul.load-sec input[type="text"] {
	float: left;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 3px 8px;
	margin-right: 2%;
}

ul.load-sec input[type="text"]:hover, ul.load-sec input[type="text"]:focus
	{
	border: 1px solid #33b5e6;
}

ul.load-sec span {
	float: left;
	text-align: left;
	color: #aaaaab;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.load .pop-body {
	float: left;
}

.load .pop-header {
	border-bottom: 0px;
}

.load .close {
	opacity: 1;
	margin-top: 4px;
}

.load .close>span {
	color: #515152;
}

.load .pop-dialog { /*margin:17% auto;*/
	margin: 0;
	width: 400px;
}

.load .pop-content {
	background-color: #e1e1e1;
	float: left;
}

.load-sec input[type="button"], .load-sec input[type="submit"] {
	float: left;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	box-sizing: border-box;
	padding: 6px 16px;
	background-color: #4d4d4e;
	border-radius: 0px;
	border: 0px;
	text-transform: uppercase;
}

.load-sec input[type="button"]:hover, .load-sec input[type="submit"] {
	background-color: #59595a;
}
/* Popup css here  */
.load .popover {
	max-width: 100%;
	background: none;
	border: none;
	left: -1px !important;
	top: 54px !important;
}

.popover-content {
	padding: 0;
}

.popover-title {
	padding: 0;
}

#popoverOne {
	position: relative;
}

.load .popover.bottom>.arrow {
	display: none;
}

ul.load-sec li label.wid33 {
	width: 33%;
}

#analyze {
	position: relative;
}

#analyze .popover>.arrow {
	display: none;
}

#analyze .popover {
	top: 116px !important;
	left: 242px !important;
	background: none;
	border: none;
	max-width: none;
	width: 450px;
}

ul.load-sec li label.allowable-txt {
	width: 34%;
}

ul.load-sec li span.L-txt {
	width: 50px;
	padding-left: 10px;
}

#analyze ul.load-sec li input[type="text"] {
	width: 100px !important;
}

#analyze ul.load-sec li  label {
	text-align: left;
}

#analyze .off-white {
	padding: 20px;
}

ul.load-sec .radio-btn .input-group-addon {
	background: none;
	border: none;
	padding: 0 20px 0 0;
}

ul.load-sec .radio-btn .input-group-addon input[type="radio"]:focus {
	border: none;
	outline: none;
}

ul.load-sec .radio-btn .input-group label {
	width: auto;
}

/* Setting popup css here */
.setting-popup .popover.bottom>.arrow {
	display: none;
}

.setting-popup .popover {
	background: none;
	width: 500px;
	left: 322px !important;
	max-width: none;
}

.setting-popup ul.load-sec li label.allowable-txt {
	width: 100%;
	text-align: left;
}

.setting-popup .nav-tabs {
	border: 1px solid #58595a;
	float: left;
}

.setting-popup .nav-tabs li {
	width: 80px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	background: #909192;
}

.setting-popup .nav-tabs li+li {
	border-left: 1px solid #58595a;
}

.setting-popup .nav-tabs>li>a {
	padding: 0px;
	border: none;
	margin: 0;
	color: #5a5a5b;
	font-size: 12px;
}

.setting-popup .nav>li>a:focus, .setting-popup .nav>li>a:hover {
	background: none;
	padding: 0;
	border: none;
}

.setting-popup .nav-tabs>li.active>a, .setting-popup .nav-tabs>li.active>a:focus,
	.setting-popup .nav-tabs>li.active>a:hover {
	color: #fff;
	background: none;
	padding: 0;
	border: none;
}

.setting-popup .nav-tabs>li.active {
	background: #2e2f31;
}

.setting-popup .nav-tabs li:last-child {
	margin: 0;
}

#language select {
	margin-top: 15px;
	font-size: 13px;
}

.setting-popup .off-white {
	border: 1px solid #58595a;
	padding: 20px 20px 20px;
}

.setting-popup h4 {
	color: #E1E1E1;
	font-size: 13px;
}

ul.dimension-sec {
	float: left;
	width: 100%;
}

.dimension-sec li {
	float: left;
	width: 48%;
	margin: 0;
}

.dimension-sec li:nth-child(2n+2) {
	margin-left: 4%;
}

.dimension-sec .input-group-addon {
	background: none;
	border: none;
	padding: 0 5px 0 0;
}

.dimension-sec .input-group-addon a {
	background: #fff;
}

.dimension-sec .input-group-addon input[type="radio"]:focus {
	border: none;
	outline: none;
}

.dimension-sec .input-group-addon input[type="number"] {
	width: 50px;
	padding: 2px 0 1px 8px;
	float: left;
}

.dimension-sec .input-group label {
	width: auto;
	font-size: 12px;
	line-height: 21px;
}

ul.dimension-sec li:last-child {
	margin-right: 0;
}

ul.dimension-sec li.min-195 {
	min-height: 211px;
}

.txt-decimal {
	float: right;
}

#language .form-control {
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	outline: none;
	overflow: hidden;
	background: url(../images/select-arrow.png) no-repeat right center
		#e1e1e1;
	border: 0px;
	box-shadow: inherit;
	height: 23px;
}

.ie9 #language .form-control {
	background-image: none;
	padding-right: 4px;
}

.ie10 #language .form-control {
	background-image: none;
	padding-right: 4px;
}

.input-number {
	width: 50px;
	float: left;
}

#units .input-group .form-control {
	width: 40px;
	height: 22px;
	padding: 2px;
}

.ie #units .input-group .form-control {
	padding: 1 2px;
}

#units .input-group-addon {
	background: none;
}

#units .input-group-addon1 {
	width: auto;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 3px;
	color: #555555;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 0 2px;
	text-align: center;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: none;
}

.submit-btn {
	background-color: #4d4d4e;
	border: 0 none;
	box-sizing: border-box;
	color: #ffffff;
	float: left;
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 6px 16px;
	text-transform: uppercase;
}

.submit-btn:hover {
	background-color: #59595a;
}

#units .input-group-addon1 .glyphicon {
	font-size: 11px;
	top: -1px;
}

p.myclass {
	margin-top: 6px !important;
}

.black {
	color: #bfbfbf;
	font-size: 16px;
}

.form-horizontal .control-label {
	padding-top: 5px;
}

.background-pop {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-image: url("../images/pop-background.png");
	border: 2px #a6a6a6;
	border-radius: 6px;
	padding: 15px;
	-webkit-box-shadow: 0 0 50px #33a8f1;
	-moz-box-shadow: 0 0 50px #33a8f1;
	box-shadow: 0 0 50px #33a8f1;
	background-color: #333 !important;
}

.title-pop {
	color: #5c5c5c;
	letter-spacing: 2px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.head-pop {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: 0;
	padding-bottom: 0px;
}

.foot-pop {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-top: 0;
}

.form-pop {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #bfbfbf;
	font-size: 20px;
	border-radius: 6px;
	border: 1px solid #515151;
	height: 28px;
	background-color: black;
	-webkit-box-shadow: inset 0 0 9px #004466;
	-moz-box-shadow: inset 0 0 9px #004466;
	box-shadow: inset 0 0 9px #004466;
}

.submit-pop {
	display: inline-block !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #060606;
	color: #f33c00 !important;
	float: right !important;
	border-color: #060606;
	border-radius: 3px;
	padding: 11px 25px;
	box-shadow: 0 0 2px #a6a6a6;
	font-size: 16px;
	height: 30px;
	line-height: 0;
}

.literka {
	width: 8%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #bfbfbf;
	padding-left: 0px;
}

.close {
	display: none;
}

.pole-pop {
	width: 75% !important;
}

.cancel-pop {
	display: inline-block !important;
	float: left;
	margin-left: -10px !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #060606;
	color: #7e7e7e;
	border-color: #060606;
	border-radius: 3px;
	padding: 11px 25px;
	box-shadow: 0 0 2px #a6a6a6;
	font-size: 16px;
	height: 30px;
	line-height: 0;
}

.cancel-pop:hover, .submit-pop:hover {
	color: #7e7e7e;
	border-color:#060606;
	background-color: #060606;
	box-shadow: 0px 0px 2px #286090;
}

.table-products {
	width: 95%;
	margin: 0 auto;
	position: fixed;
	top: 255px;
	right: 0px;
	left: 0px;
	bottom: 57px;
	overflow: auto;
}

div.dataTables_filter label {
	color: black;
	position: fixed;
	right: 50px;
	top: 220px;
}

td.highlight {
	background-color: whitesmoke !important;
}

#example tbody tr.even:hover, #example tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

#example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

#example tr.even:hover {
	background-color: #ECFFB3;
}

#example tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

#example tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

#example tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

#example tr.odd:hover {
	background-color: #E6FF99;
}

#example tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

#example tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

#example tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}

.object-table th {
	border-bottom: 0 !important;
	border-top: 0 !important;
	border-right: 0 !important;
	border-left: 0 !important;
	text-align: center;
	color: #aaaaab;
	background-color: #2E2F31;
	border-radius: 5px;
}

.object-table td {
	text-align: left;
	color: #aaaaab;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	-moz-margin-start: 0px;
	-moz-margin-end: 0px;
	border-bottom: 1px solid #2E2F31;
}

.object-table table {
	border-color: white;
}

.object-table .jumbotron {
	padding-left: 10px !important;
	padding-right: 10px !important;
	margin-bottom: 15px;
	padding-top: 15px;
}

::-webkit-scrollbar {
	width: 8px;
	height:8px;
}

::-moz-scrollbar {
	width: 8px;
	height:8px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-moz-scrollbar-track {
	-moz-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
	background-color: #33a8f1;
	outline: 1px solid black;
}

::-moz-scrollbar-thumb {
	background-color: #33a8f1;
	outline: 1px solid black;
}

.menuObjects {
	float: right;
	margin-right: -40px;
	margin-top: -28px;
}

.przyciskObjects {
	height: 30px;
	z-index: 100;
	color: #808081;
	position: fixed;
	right: 0;
	top: 186px;
	float: right;
	width: 123px;
	text-align: center;
	vertical-align: middle;
	background-color: #2e2f31;
}

.menuIcons {
	float: left;
	margin-left: -40px;
	margin-top: -28px;
	z-index: 100;
}

.menuPrzycisk {
	z-index: 100;
	position: fixed;
	float: left;
	top: 230px;
	left:0;
	margin-top: 0px;
	width: 65px;
	text-align: center;
	vertical-align: middle;
}

.menuRoz {
	z-index: 100;
	position: fixed;
	left:0;
	top: 290px;
	bottom: 41px;
	display: block;
	overflow-y: auto;
	overflow-x: hidden;
}

.ramkaWebgl {
	position: fixed;
	top: 220px;
	left: 0px;
	right: 0px;
	bottom: 40px;
}

#example tbody tr.highlight td {
	background-color: red;
}

.selected {
	color: black !important;
	background-color: #2E2F31 !important;
}

.object-table .selected {
	color: #33a8f1 !important;
}

.selected .wybrany {
	background-color: #2E2F31;
	color: #33a8f1;
	border-radius: 5px;
}

.window-title {
	color: #808081 !important;
	margin: 0px !important;
	font-size: 18px !important;
	text-align: left !important;
}

#menuView a {
	color: black;
}

#menuView a:hover {
	text-decoration: none !important;
}

.fa {
	display: block !important;
}

.ikona {
	font-size: 28px !important;
	color: #33A8F1;
	text-align: center;
	vertical-align: middle;
}

.ikona-tekst {
	font-size: 23px !important;
	padding-bottom: 7px;
	color: #33A8F1;
	text-align: center;
	vertical-align: middle;
}

.ikona:hover {
	text-decoration: none !important;
}

.menu-icons li:hover {
	background-color: #2E2F31;
}

.scrollableContainer th .th-inner .title>span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scrollableContainer th .orderWrapper {
	position: absolute;
	top: 0;
	right: 2px;
	cursor: pointer;
}

.scrollArea table th {
	padding: 0;
	border: none;
}

.scrollArea table tr th:first-child .th-inner {
	border-left: none;
}

.scrollArea table .th-inner.condensed {
	padding: 0 3px;
}

.scrollArea table tbody tr td:first-child {
	border-left: none;
}

.scrollArea table tbody tr td:last-child {
	border-right: none;
}

.scrollArea table tbody tr:first-child td {
	border-top: none;
}

.scrollArea table tbody tr:last-child td {
	border-bottom: 1px solid #ddd;
}

table .cr {
	min-width: 30px;
}
#tableProduct .selectedProduct {
	background-color: #0083DB !important;
}
#tableProduct .goodRow {
	background-color: #C5F1CC;
}
#tableProduct .badRow {
	background-color: #F1CBC5;
}

#tableProduct .hoverProduct.selectedProduct {
	background-color: #0083DB !important;
}

#tableProduct .hoverProduct.goodRow.selectedProduct {
	background-color: #0083DB !important;
}

#tableProduct .hoverProduct.badRow.selectedProduct {
	background-color: #0083DB !important;
}

#tableProduct .hoverProduct.goodRow {
	background-color: #9CECA8 !important;
}

#tableProduct .hoverProduct.badRow {
	background-color: #ECB3AC !important;
}

.index_number {
	vertical-align: top;
	display: inline;
	font-size: 10px;
}

.red-border {
	border: 1px solid red !important;
}

.coverbackground {
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	z-index: 1000;
	background-color: rgba(200, 200, 200, 0.10);
}

/*VIEWER*/
header.toolbar ul li {
	line-height: 54px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	font-size: 14px;
}

header.toolbar {
	position: absolute;
	top: 0;
	left: 150px;
	right: 150px;
	height: 60px;
	background: rgba(255, 255, 255, 0);
	/*border-bottom: 2px solid rgba(0, 0, 0, 0.1);*/
	z-index: 202;
	display: none
}

header.toolbar.visible {
	display: block
}

header.toolbar ul {
	margin: 0;
	padding: 0 10px;
	list-style-type: none
}

header.toolbar ul li {
	line-height: 54px;
	display: inline-block;
	vertical-align: middle;
	padding: 0 20px;
	font-size: 14px
}

header.toolbar ul li button {
	display: inline-block;
	background: #FFF;
	padding: 10px;
	margin: 0 5px;
	border: 0;
	outline: 0;
	box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.3);
	border-radius: 3px;
	vertical-align: middle
}

header.toolbar ul li button:before {
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px
}

header.toolbar ul li button:hover {
	background: #F9F9F9;
	box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.4);
	cursor: pointer
}

header.toolbar ul li button:active {
	box-shadow: inset 0 1px 3px 1px rgba(0, 0, 0, 0.3);
	cursor: pointer
}

header.toolbar ul li span.title {
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	vertical-align: middle;
	margin-right: 20px
}

header.toolbar ul li input {
	display: inline-block;
	vertical-align: middle;
	margin: 3px 3px 3px 4px;
}

header.toolbar ul li label {
	display: inline-block;
	vertical-align: middle;	
	color: black;
}
.large-load{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:grey;
	z-index:2000;
	background: rgba(50, 50, 50, 0.7);
}
.small-load{
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:transparent;

}

#close-waiting{
	display: inline !important;
	left: 5%;
	top:30%;
	z-index:3000;
	font-size: 23px !important;
	color: red;
}

.large-load .load-text{
	display: inline;
	left: 5%;
	top:30%;
	color:black;
	z-index:3000;	
}

#frameHourglass{
	position: absolute;
	left: 44%;
	top:50%;
	z-index:3000;
	background: rgba(200, 200, 200, 1);
	padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;

}

#frameHourglass-small{
	position: absolute;
	left: 44%;
	top:50%;
	z-index:3000;
	background: transparent;
	padding-top: 25px;
    padding-right: 50px;
    padding-bottom: 25px;
    padding-left: 50px;

}

#info-waiting{
	display: inline;
}

#hourglass{
	display: inline;
}

.coordinate-section {
	border-radius: 5px;
	text-align: center;
	width: auto;
	padding: 0 10px;
	float: left;
	min-height:60px;
	background:none;
	margin-left: -8px;
	margin-right: 13px;
}

.coordinate-section li {
	float: left;
	width: 75px;
	margin-right: 10px;
}

.coordinate-section h4 {
	font-size: 12px;
	color: #808081;
	text-transform: uppercase;
	text-align: center;
	margin: 8px 0px 12px;
}

.coordinate-section .ui-widget-content {
	min-height: 48px;
	background: rgba(81, 81, 82, 0.9);
	border: 1px solid #434445;
	border-radius: 5px;
	padding: 5px 13px 1px 13px;
	cursor: pointer;
	width: 75px;
}

.coordinate-section .ui-widget-content:first-child {
	margin-left: 0px;
}
.section-image{
	display:inline-block;
	float:left;
}
.label-section{
	padding-right:0;
	margin-right: 14px;
}
.literka-section{
	position:fixed;
	right:14px;
}
.hidepdf{
	/*visibility: hidden;*/
	display: none;
}
.showpdf{
	position: fixed;
	top: 220px;
	bottom: 39px;
	left: 0;
	right: 0;
}

.productDisplay{
	display:table-row !important;
}
#rowProduct{
	display:none;
}
.tablePropertiesHead{
	padding:3px;
	border-bottom:none !important;
	text-align:center!important;
	background-color:#D5D6D6;
	border-left: 1px solid #b4b4b4 !important;
	border-right: 1px solid #b4b4b4 !important;
	min-height:28px;
}
.tablePropertiesHead2{
	text-align:center!important;
	border-bottom: none!important;
	padding:3px;
	background-color:#D5D6D6;
	min-height:28px;
}
.tablePropertiesHead3{
	text-align:center!important;
	border-bottom: none!important;
	padding:3px;
	background-color:#D5D6D6;
	min-height:28px;
}
.tablePropertiesHead4{
	text-align:center!important;
	border-bottom: none!important;
	padding:3px;
	background-color:#D5D6D6;
	min-height:28px;
}
.tablePropertiesHead5{
	padding:3px;
	border-bottom:none !important;
	text-align:center!important;
	background-color:#D5D6D6;
	border-left: 1px solid #b4b4b4 !important;
	border-right: 1px solid #b4b4b4 !important;
	min-height:28px;
}
.tablePropertiesInside{
	height:50px;
	text-align:center!important;
	padding:3px;
	border-bottom:none !important;
	border-top:none !important;
	background-color:#D5D6D6;
		border-left: 1px solid #b4b4b4 !important;
	border-right: 1px solid #b4b4b4 !important;
}
.tablePropertiesValues{
	text-align:center!important;
	padding:3px;
	border-bottom:none !important;
	border-top:none !important;
	border-left: 1px solid #b4b4b4 !important;
	border-right: 1px solid #b4b4b4 !important;
	background-color:white;
	height:26px;
}
#details{
	width:100%;
	margin-left:0;
	margin-bottom:35px;
	background-color:white;
}

.red.fa.fa-times{

}

.green.fa.fa-check{

}
.specialRow{
	padding:3px !important;	
	border-left: 1px solid #b4b4b4 !important;
	font-weight: normal !important;
	background-color:white;
}
.specialRow2{
	padding:3px;
	font-weight: normal;
	background-color:white;
}
.specialRow3{
	padding:3px;
	font-weight: normal;
	border-left: none !important;
	background-color:white;
}
.goodFirstColumn{
	background-color: #B5EFBE !important;
}
.badFirstColumn{
	background-color: #ECC1BC !important;
}
.hoverFirstColumnRed{
	background-color: #ECB3AC !important;
}

#invisible-checkboxes{
	z-index: -1000;
	display: none !important;
}
.hoverFirstColumnGreen{
	background-color: #9CECA8 !important;
}

#shear-forces-scale{
	height: 25px;
	width: 50px;
}

#bending-moment-scale{
	height: 25px;
	width: 50px;
}

#displacement-scale{
	height: 25px;
	width: 50px;
}
.row11{
	width:10.95%;
}
.tablePropertiesProduct{
	padding-top: 0 !important;
	padding-left:0 !important;
	padding-right:0 !important;
}
.miniTableProduct{
	width:100%;
	table-layout: fixed;
	word-wrap: break-word;
}
.propertiesTd{
	padding:2px !important;
}
.tableInsideProperties{
	width:100%;
}

#popoverSettingHiddenContent{
	display: none;
}

.units-buttons {
	font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;

	background-color: #4D4D4E;
	border-radius: 0px;
	border: 0px none;
	color: white;
	padding: 6px 16px;
	margin-top: 30px;
	
	
}

.units-buttons:hover
{
	background-color: #59595A;
}

#ben-mom-grph-scl-div {
	width: auto;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 3px;
	color: #555555;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 0 2px;
	text-align: center;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: none;
}

.option-select-big
{
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url(../images/small_white_triangle_down.gif) no-repeat 145px white;
}

.option-select-small
{
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url(../images/small_white_triangle_down.gif) no-repeat 57px white;
	display: inline;
}
.option-select-small2
{
	-moz-appearance:none;
	-webkit-appearance:none;
	background: url(../images/small_white_triangle_down.gif) no-repeat 158px white;
}

.close-confirm {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	filter: alpha(opacity=20);
	opacity: .2
}
.close-confirm:focus, .close-confirm:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5
}
button.close-confirm {
	-webkit-appearance: none;
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0
}
.modal-open-confirm {
	overflow: hidden
}
.modal-confirm {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2050;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0
}
.modal.fade-confirm .modal-dialog-confirm {
	-webkit-transition: -webkit-transform .3s ease-out;
	-o-transition: -o-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	-o-transform: translate(0, -25%);
	transform: translate(0, -25%)
}
.modal-confirm.in .modal-dialog-confirm {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.modal-open-confirm .modal-confirm {
	overflow-x: hidden;
	overflow-y: auto
}
.modal-dialog-confirm {
	position: relative;
	width: auto;
	margin: 10px
}
.modal-content-confirm {
	position: relative;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #999;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 6px;
	outline: 0;
	-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
	box-shadow: 0 3px 9px rgba(0,0,0,.5)
}
.modal-backdrop-confirm {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	background-color: #000
}
.modal-backdrop-confirm.fade-confirm {
	filter: alpha(opacity=0);
	opacity: 0
}
.modal-backdrop-confirm.in {
	filter: alpha(opacity=50);
	opacity: .5
}
.modal-header-confirm {
	min-height: 16.43px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5
}
.modal-header-confirm .close-confirm {
	margin-top: -2px
}
.modal-title-confirm {
	margin: 0;
	line-height: 1.42857143
}
.modal-body-confirm {
	position: relative;
	padding: 15px
}
.modal-footer-confirm {
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5
}
.modal-footer-confirm .btn+.btn {
	margin-bottom: 0;
	margin-left: 5px
}
.modal-footer-confirm .btn-group .btn+.btn {
	margin-left: -1px
}
.modal-footer-confirm .btn-block+.btn-block {
	margin-left: 0
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}
.modal-dialog-confirm {
	width: 600px;
	margin: 30px auto
}
.modal-content-confirm {
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
	box-shadow: 0 5px 15px rgba(0,0,0,.5)
}
.object-table-selected-row{
	background-color: #2E2F31 !important;
	color: #33a8f1 !important;
}
.pointClick{
	pointer-events: auto;
}
.pointNonClick{
	pointer-events: none;
}
.borderUnderObjectTable{
	border-bottom: 1px solid #58595a;
}
.selectedSuppport{
	border: 1px solid green !important;
}
.objectIcon{
	z-index: 100;
    position: fixed;
    float: left;
    top: 225px;
    left: 10px;
    margin-top: 0px;
    width: 70px;
    text-align: center;
    vertical-align: middle;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}
.user-details{
	height: 48px;
	float: right !important;
    position: absolute !important;
    top: 0;
    right: 0;
    padding-right: 25px;
    background-color: #2b3643 !important;
    color: white;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.button-user{
	height: 48px;
    line-height: 25px !important;
    color: #c6cfda !important;
    border-radius: 0 !important;
    border: 1px solid #2b3643 !important;
    background-color: transparent !important;
    margin-right: -4px;
    border: none;
}
.button-user:hover, .button-logout:hover{
background-color: #3f4f62 !important;
}
.dropdown:hover .dropdown-menu-users{
	display:block;
}

.button-logout{
	height: 48px;
    line-height: 25px !important;
    color: #c6cfda !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    margin-right: -4px;
    border: none;
}
.disNone{
	display:none !important;
}
.dropdown-menu-users{
	margin-top: 0px !important;
	box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
	border-radius:0;
	color: #555;
	font-weight: 300;
}
.dropdown-menu-users::after {
  position: absolute;
  top: -6px;
  right: 15px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  border-left: 6px solid transparent;
  content: '';
}
.dropdown-menu-users {
    right:-3px !important;
	left: inherit !important;
    min-width: 175px;
    position: absolute;
    z-index: 1000;
    display: none;
    float: left;
    list-style: none;
    text-shadow: none;
    padding: 0px;
    background-color: #ffffff;
    margin: 10px 0px 0px 0px;
    border: 1px solid #eee;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dropdown-menu-users > li > a {
    padding: 8px 16px;
    color: #555;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}
.hideModel{
	    width: inherit !important;
    height: inherit !important;
    background: transparent !important;
    margin-right: auto !important;
    display: inline-block !important;
}
.footerProduct{
	font-size: 20px;
    color: green;
}
.footerProductGraphicalResults{
	font-size: 20px;
    position: fixed;
    bottom: 70px;
    color: green;
    left: 0;
    right: 0;
}
.footerProductCad{
	font-size: 12px;
    position: fixed;
    bottom: 45px;
    color: green;
    left: 0;
    right: 0;
}
.webGlError{
	font-size: 20px;
    position: relative;
    top: 20px;
	left: 50%;
	transform: translate(-50%, -50%);
}
.prepareReport{
	font-size: 20px;
}
.prepareReport > table.table.table-bordered {
    width: inherit;
}
.alwaysOpen{
	/*display: block !important;*/
	visibility: hidden;
}
.alwaysOpen.active{
	display: block !important;
	visibility: visible !important;
}      
.results-Table-Report{
	width: 500px !important;
	max-height:665px !important;
	overflow: auto !important;
}
.panel-checkbox-Report{
	width: 16.5% !important;
}
.shortReportLabel{
	position: fixed;
	bottom: 41px;
	border-radius: 0 !important;
	font-size: 20px;
	cursor:pointer;
	left:0
}
.selectLoadNature {
    background: url("../images/app-select-arrow.jpg");
    background-repeat: no-repeat;
    background-position: 279px;
    text-align: left !important;
    line-height: 17px !important;
}
.selectLoadNatureDist {
    background: url("../images/app-select-arrow.jpg");
    background-repeat: no-repeat;
    background-position: 337px;
    text-align: left !important;
    line-height: 17px !important;
}
.dropdown-menu-load{
	right:15px !important;
	left:15px !important;
	background-color: #e1e1e1;
}
.calcParametersCancel{
	border:none;margin: 0 !important;
	box-shadow: none;padding: 6px 16px;
	border-radius: 3px;
	background-color: #060606;
	color: #7e7e7e;
	float: left;
	font: 13px 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.choiceReportTd{
	min-width: 180px;
    text-align: center;

}
.cover {
        position: absolute;
        border: none;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: -1;
}

.cadclick_iframe {
        border: none;
        height: 100%;
        width: 100%;
		position: fixed;
		top: 220px;
		bottom: 39px;
		left: 0;
		right: 0;
}
select::-ms-expand {
    display: none;
}

.mini-table{
	position: fixed;
	top: 570px;
	left: 10px;
	right: 20px;
}
.mini-table thead > tr{
    color: #2E2F31;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #D5D6D6;
}

.mini-table tbody > tr{
    color: #2E2F31;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #f9f9f9;
}

.mini-table tbody tr td, .mini-table tbody tr th, .mini-table thead tr td, .mini-table thead tr th {
    border-bottom: 1px solid #b4b4b4 !important;
    border-right: 1px solid #b4b4b4 !important;
    border-top: 1px solid #b4b4b4 !important;
}
.mini-table tbody tr td:last-of-type, .mini-table tbody tr th:last-of-type, .mini-table thead tr td:last-of-type, .mini-table thead tr th:last-of-type {
    border-right: none !important;
}
button.multiselect{
	padding: 2px 12px;
    text-align: left;
	 border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    outline: none;
    overflow: hidden;
    background: url(../images/select-arrow.png) no-repeat right center #e1e1e1 !important;
    border: 0px;
    box-shadow: inherit;
    height: 23px;
    width: 100%;
}
.multiselect-container.dropdown-menu{
	max-height: 400px;
    overflow: auto;
    width: 190px;
}
#systemSelect .multiselect-all{
	display: none;
}
.checkboxChannelSystem{
	transform: scale(1.2);
}
.display-user-email{
	margin-left:3px;
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 160px;
}
.imgDistributeForm{
	text-align: center;
	margin-top: -37px;
}
.imgDistributeForm > img{
	height:150px;
}

a.powerByCreoox {
	text-transform: none;
	text-decoration: none;
	color: #337ab7;
}

a.powerByCreoox:hover {
	text-transform: none;
	text-decoration: none;
	color: #2d8de0;
}

.powerByCreoox2 {
	font-size:12px;
	color: #828283;
	margin-left: 10px;
	margin-right: 5px;
}

li.saveas {
	background-color:#2e2f31;
	width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
.saveas a {
	background-color:#2e2f31;	
	color: #808081 !important;
}
.saveas a:hover  {
	background-color: #595a5b !important;
	color: #fff !important;
}