@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,300italic,600,600italic,700,700italic);

html,
body {
	height: 100%
}

body {
	font-family: 'Open Sans', sans-serif;
}

/* Scrollbar Styling */

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

::-webkit-scrollbar-track {
	background-color: trasparent;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #a5a5a5;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.input-box a.ellipsis {
	color: #fff !important;
}

.required {
	color: red;
}

.alert {
	padding: 8px 15px;
	font-size: 13px;
	float: left;
	width: 100%;
}

a,
a:hover,
a:focus,
button,
.btn {
	outline: none !important;
	text-decoration: none !important;
	color: #2675b4;
	cursor: pointer;
}

.btn-success {
	color: #fff !important;
	background-color: #22a740;
	border: none !important;
}

.btn-success:hover {
	color: #fff;
	background-color: #218838;
}

.btn-theme {
	color: #fff !important;
	background: #292f4c;
	border-radius: 3px !important;
	box-shadow: none;
	font-size: 14px;
}

.btn-theme:hover {
	background: #181c2f;
}

.btn-white {
	background-color: #e0e6eb;
	color: #616c76 !important;
	border-radius: 3px !important;
	box-shadow: none;
	font-size: 14px;
}

.btn-white:hover {
	background: #d0dae1;
}

.page-loader {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background-color: rgba(76, 76, 76, 0.3);
}

.page-loader .fa {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -32px;
	margin-top: -32px;
	display: block;
	color: #292f4c;
	font-size: 50px;
	height: 50px;
	width: 50px;
}

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

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
	padding-right: 10px;
	padding-left: 10px;
}

p {
	font-size: 14px;
	color: #6e6e6e;
}

.text-green {
	color: #28c715 !important;
}

.btn,
button {
	box-shadow: none !Important;
	outline: none !important;
	padding: 5px 12px;
	font-size: 13px;
	border: none;
}

.checkbox-theme {
	padding-left: 30px !important;
	margin: 10px 0px;
}

.checkbox-theme label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	margin-bottom: 0px;
	line-height: 20px;
	font-size: 13px;
	color: #000;
	width: auto;
	font-weight: normal;
	min-width: 120px;
}

.checkbox-theme label::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	left: 0;
	margin-left: -25px;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: white;
	text-align: center;
	color: #fff;
}

.checkbox-theme label::after {
	/* display: inline-block;
     */
	/* position: absolute;
     */
	width: 18px;
	/* height: 18px;
     */
	left: 1px;
	top: 0px;
	margin-left: -26px;
	font-size: 10px;
	color: #ffffff;
	line-height: 18px;
	text-align: center;
	border: none !important;
	border-radius: 4px;
	background: #268dcd;
}

.checkbox-theme input[type="checkbox"] {
	opacity: 0;
	z-index: 1;
	margin: 0px 0px 0px -22px;
	cursor: pointer;
}

.checkbox-theme input[type="checkbox"]:focus+label::before {
	outline: none;
}

.checkbox-theme input[type="checkbox"]:checked+label::before {
	font-family: "FontAwesome";
	content: "\f00c";
	color: #ffffff;
	background: #2675b4;
	border: 1px solid #2675b4;
}

.radio-theme {
	padding-left: 30px !important;
	margin: 10px 0px;
}

.radio-theme label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	color: #000;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 20px;
	width: auto;
	font-weight: normal;
	min-width: 120px;
}

.radio-theme label::before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	left: 0;
	margin-left: -25px;
	border: 1px solid #bdbdbd;
	border-radius: 50%;
	background-color: transparent;
	text-align: center;
	color: #fff;
}

.radio-theme input[type="radio"] {
	opacity: 0;
	z-index: 1;
	margin: 0px 0px 0px -22px;
	cursor: pointer;
}

.radio-theme input[type="radio"]:disabled+label {
	opacity: 0.65;
}

.radio-theme input[type="radio"]:disabled+label::before {
	background-color: #eeeeee;
	cursor: not-allowed;
}

.radio-theme.checkbox-circle label::before {
	border-radius: 50%;
}

.radio-theme.checkbox-inline {
	margin-top: 0;
}

.radio-theme input[type="radio"].styled:checked+label:after {
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	line-height: 18px;
	font-size: 11px;
	left: 5px;
	top: 5px;
	margin-left: -25px;
	border-radius: 50%;
	background-color: #268dcd;
	text-align: center;
	color: #fff;
}

.radio-theme input[type="radio"] .styled:checked+label::before {
	color: #fff;
}

.radio-theme input[type="radio"] .styled:checked+label::after {
	color: #fff;
}

.spacer-top-5 {
	margin-top: 5px !important;
}

.spacer-top-10 {
	margin-top: 10px !important;
}

.spacer-top-15 {
	margin-top: 15px !important;
}

.spacer-top-20 {
	margin-top: 20px !important;
}

.spacer-top-25 {
	margin-top: 25px !important;
}

.spacer-top-30 {
	margin-top: 30px !important;
}

.spacer-top-35 {
	margin-top: 35px !important;
}

.spacer-top-40 {
	margin-top: 40px !important;
}

.spacer-top-45 {
	margin-top: 45px !important;
}

.spacer-top-50 {
	margin-top: 50px !important;
}

.spacer-bottom-5 {
	margin-bottom: 5px !important;
}

.spacer-bottom-10 {
	margin-bottom: 10px !important;
}

.spacer-bottom-15 {
	margin-bottom: 15px !important;
}

.spacer-bottom-20 {
	margin-bottom: 20px !important;
}

.spacer-bottom-25 {
	margin-bottom: 25px !important;
}

.spacer-bottom-30 {
	margin-bottom: 30px !important;
}

.spacer-bottom-35 {
	margin-bottom: 35px !important;
}

.spacer-bottom-40 {
	margin-bottom: 40px !important;
}

.spacer-bottom-45 {
	margin-bottom: 45px !important;
}

.spacer-bottom-50 {
	margin-bottom: 50px !important;
}

.spacer-left-5 {
	margin-left: 5px !important;
}

.spacer-left-10 {
	margin-left: 10px !important;
}

.spacer-left-15 {
	margin-left: 15px !important;
}

.spacer-left-20 {
	margin-left: 20px !important;
}

.spacer-left-25 {
	margin-left: 25px !important;
}

.spacer-left-30 {
	margin-left: 30px !important;
}

.spacer-left-35 {
	margin-left: 35px !important;
}

.spacer-left-40 {
	margin-left: 40px !important;
}

.spacer-left-45 {
	margin-left: 45px !important;
}

.spacer-left-50 {
	margin-left: 50px !important;
}

.spacer-right-5 {
	margin-right: 5px !important;
}

.spacer-right-10 {
	margin-right: 10px !important;
}

.spacer-right-15 {
	margin-right: 15px !important;
}

.spacer-right-20 {
	margin-right: 20px !important;
}

.spacer-right-25 {
	margin-right: 25px !important;
}

.spacer-right-30 {
	margin-right: 30px !important;
}

.spacer-right-35 {
	margin-right: 35px !important;
}

.spacer-right-40 {
	margin-right: 40px !important;
}

.spacer-right-45 {
	margin-right: 45px !important;
}

.spacer-right-50 {
	margin-right: 50px !important;
}

.tab-small-theme {
	width: 100%;
	float: left;
}

.tab-small-theme .nav-tabs {
	border-bottom: 1px solid #cccccc;
	float: left;
	padding-left: 0;
}

.tab-small-theme .nav-tabs li {
	position: relative;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}

.tab-small-theme .nav-tabs a {
	color: #888888;
	margin: 0px !important;
	padding: 0px 10px 6px 10px !important;
	background: transparent !important;
	border: none !important;
	line-height: 20px;
	font-size: 13px;
	font-weight: 500;
}

.tab-small-theme .nav-tabs a .fa {
	margin-right: 10px;
}

.tab-small-theme .nav-tabs li.recomended a:after {
	content: "\f14a";
	font-family: FontAwesome;
	color: green;
	margin-left: 6px;
	font-size: 16px;
	line-height: 20px;
}

.tab-small-theme .nav-tabs a::before {
	-moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	background: #2675b4;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	bottom: -3px;
	transition: transform 0.3s;
	width: 100%;
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.tab-small-theme .nav-tabs a.active,
.tab-small-theme .nav-tabs li:hover a {
	background-color: #fff;
	border-bottom: none;
	color: #333333;
	font-weight: 500;
}

.tab-small-theme .nav-tabs a.active::before,
.tab-small-theme .nav-tabs li:hover a::before {
	width: 100%;
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.tab-small-theme .tab-content {
	background-color: transparent !important;
	width: 100%;
	float: left;
	margin-top: 20px;
	border-radius: 4px;
	min-height: 250px;
}

.tab-small-theme .tab-content .tab-pane {
	width: 100%;
	float: left;
}

.navbar-theme {
	border: none;
	background: #fff;
	margin-bottom: 0px;
	width: 100%;
	float: left;
	height: 60px;
	border-radius: 0px;
	z-index: 8;
	position: relative;
	top: 0px;
	padding: 0px 15px;
	display: block;
}

.navbar-theme .navbar-brand {
	float: left;
	height: 70px;
	width: auto;
	padding: 10px 0px;
	margin-right: 50px;
}

.navbar-theme .navbar-brand img {
	float: left;
	width: auto;
	max-height: 50px;
}

.navbar-theme .navbar-nav {
	float: left;
}

.navbar-theme .navbar-nav li {
	padding: 0px 15px;
}

.navbar-theme .navbar-nav li a {
	font-size: 14px;
	line-height: 70px;
	color: #8f8f8f;
	background: transparent !important;
	padding: 0px !important;
}

.navbar-theme .navbar-nav.left-side li a {
	padding: 15px 14px;
}

.navbar-theme .navbar-nav li.active a,
.navbar-theme .navbar-nav li:hover a {
	color: #2675b4;
}

.login-page-group {
	height: 100%;
	width: 100%;
	position: relative;
	background: url(../images/login-leftbg.jpg) center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	-o-background-size: cover;
	float: left;
	display: table;
}

.login-page-center {
	padding: 0px 15px;
	overflow: hidden;
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.login-page-center .login-header {
	text-align: left;
	position: absolute;
	left: 30px;
	top: 30px;
}

.login-logo {
	float: left;
	width: 100%;
	text-align: left;
}

.login-logo img {
	max-height: 50px;
	width: auto;
}

.login-form-group {
	display: inline-block;
	max-width: 420px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 20px 20px 35px 20px;
	position: relative;
	overflow: hidden;
}

.login-form-group:before {
	content: "";
	width: 100%;
	height: 35px;
	position: absolute;
	background: #282f4b;
	left: 0px;
	bottom: 0px;
}

.login-form-center {
	/* position: relative;
     */
	/* display: table-cell;
     */
	/* vertical-align: middle;
     */
	/* text-align: center;
     */
	/* ; */
}

.login-form {
	width: 100%;
	padding: 20px 30px;
	float: left;
	text-align: left;
}

.login-form .login-title {
	font-size: 28px;
	font-weight: 100;
	color: #292f4c;
	width: 100%;
	display: block;
	float: left;
}

.login-form .login-subtitle {
	display: block;
	font-size: 14px;
	color: #a8a8a8;
	width: 100%;
	float: left;
}

.login-form .login-body {
	width: 100%;
	float: left;
	margin-top: 20px;
}

.login-form .login-body .input-theme {
	width: 100%;
	float: left;
	border-radius: 0px;
	position: relative;
	margin-bottom: 15px;
}

.login-form .login-body .input-theme .btn {
	padding: 10px 12px;
	font-size: 14px;
}

.login-form .login-body .input-theme .input-label {
	width: 100%;
	margin-bottom: 4px;
	font-size: 13px;
	text-transform: capitalize;
	text-align: left;
	color: #353535;
	font-weight: 500;
	line-height: 20px;
}

.login-form .login-body .input-theme .form-control {
	width: 100%;
	border: 1px solid #d7d7d7;
	height: 46px;
	border-radius: 6px !important;
	padding: 0 16px;
	font-size: 14px;
	color: #596377;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	box-shadow: none;
}

.login-form .login-body .input-theme textarea.form-control {
	min-height: 100px;
	resize: none;
	padding: 8px 16px;
}

.login-form .login-body .input-theme .form-control:hover,
.login-form .login-body .input-theme .form-control:focus {
	border: 1px solid #2675b4;
	outline-color: transparent;
	box-shadow: none;
}

.breadcrumb-group {
	width: 100%;
	float: left;
	position: relative;
	padding: 10px 20px 10px 20px;
	background: #fff;
	min-height: 40px;
	border-bottom: 1px solid #e1e6ec;
	z-index: 3;
}

.main-page-body {
	width: 100%;
	float: left;
	right: 0px;
	padding: 15px 20px;
	position: absolute;
	top: 101px;
	height: calc(100% - 101px);
}

.main-page-body:before {
	content: "";
	background: #ebf0f4;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main-page-body.page-theme-tabs {
	padding: 0;
}

.main-page-body.page-tabs {
	padding: 0px 0px 0px 300px;
	background: #ffffff;
}

.main-page-body.page-tabs:before {
	content: "";
	background: #ebf0f4;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	height: 100%;
	z-index: 1;
}

.main-page-body.page-tabs:after {
	content: "";
	background: white;
	position: fixed;
	top: 0px;
	right: 17px;
	width: calc(100% - 377px);
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page-area.full-menu-active .main-page-body.page-tabs:after {
	width: calc(100% - 517px);
}

.main-page-body.page-tabs .page-left-tabs {
	position: relative;
	width: 300px;
	height: 100%;
	padding: 12px 0px 12px 15px;
	margin-left: -300px;
	background: #ebf0f4;
	z-index: 1;
}

.main-page-body.page-tabs .tab-content {
	width: 100%;
	float: left;
	padding: 12px 15px;
	position: relative;
	z-index: 2;
	background: #fff;
}

.page-left-tabs {
	width: 100%;
	float: left;
	position: relative;
}

.page-left-tabs .nav-tabs {
	width: 100%;
	float: left;
	position: relative;
	margin: 0px;
	border: none;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
}

.page-nav-tabs .nav-tabs li {
	position: relative;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}

.page-left-tabs .nav-tabs .nav-item {
	color: #292f4c;
	padding: 10px 16px !important;
	background: #ebf0f4 !important;
	line-height: 20px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 0px;
	border-radius: 0px 0px 0px 0px;
	font-weight: 600;
	border: none !important;
	border-right: none !important;
	border-left: 8px solid #ebf0f4 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page-left-tabs .nav-tabs .nav-item:after {
	content: "";
	height: 1px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: calc(100% - 15px);
	z-index: 1;
	background: rgba(0, 0, 0, 0.1);
}

.page-left-tabs .nav-tabs .nav-item:last-child:after,
.page-left-tabs .nav-tabs .nav-item.active:after {
	display: none;
}

.page-left-tabs .nav-tabs .small-title {
	width: 100%;
	float: left;
	font-size: 12px;
	color: gray !important;
	font-weight: normal;
	margin-top: 0px;
}

.page-left-tabs .nav-tabs .nav-item:hover {
	color: #22a740;
}

.page-left-tabs .nav-tabs .nav-item .fa {
	margin-right: 10px;
}

.page-left-tabs .nav-tabs li.recomended .nav-item:after {
	content: "\f14a";
	font-family: FontAwesome;
	color: green;
	margin-left: 6px;
	font-size: 16px;
	line-height: 20px;
}

.page-left-tabs .nav-tabs .nav-item.active,
.page-left-tabs .nav-tabs .nav-item.active:hover {
	border-bottom: none;
	color: #22a740;
	background-color: #ffffff !important;
	border-left: 8px solid #22a740 !important;
	padding: 20px 16px !important;
	box-shadow: 0px 3px 25px rgb(204, 207, 224);
	z-index: 1;
	margin-top: -1px;
}

.main-page-body.page-tabs .tab-content .tab-title {
	float: left;
	width: 100%;
	color: #292f4c;
	font-size: 18px;
	text-transform: capitalize;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}

.main-page-body.page-tabs .tab-content .tab-title .small-title {
	font-size: 13px;
	color: gray;
	font-weight: normal;
}

.bid-logo {
	position: absolute;
	right: 80px;
	bottom: 80px;
	width: auto;
}

.bid-logo img {
	width: 80%;
	position: relative;
	float: right;
	opacity: 0.1;
}

.login-footercopy {
	color: rgba(0, 0, 0, 0.8);
	font-size: 13px;
	width: 100%;
	border-top: 1px solid #e8e7e7;
	text-align: center;
	float: left;
	position: relative;
	left: 0px;
	padding: 10px;
}

.btn-default {
	background-color: #ededed;
}

.btn-xs {
	border-radius: 3px;
	font-size: 12px;
	padding: 0px 7px;
	line-height: 19px;
}

.btn-default {
	background-color: #ebf0f4;
	color: #6a6c6f;
}

.table-responsive {
	margin-bottom: 15px;
}

.table-theme.table-gray {
	border: 1px solid #d4d5db !important;
}

.table-theme .align-right,
.table-theme .align-right .td-span-input {
	text-align: right;
}

.table-theme {
	width: 100%;
	float: left;
	text-align: left;
	margin: 0px;
}

.table-theme strong {
	font-weight: 600;
}

.table-theme thead tr {
	border-radius: 2px 2px 0px 0px;
}

.table-theme thead tr th:first-child {
	border-radius: 2px 0px 0px 0px;
	border: none;
}

.table-theme thead tr th:last-child {
	border-radius: 0px 2px 0px 0px;
}

.table-theme thead tr th {
	background: #000000;
	border: none;
	color: #ffffff;
	padding: 8px 10px;
	border: none;
	font-size: 14px;
	font-weight: 600;
	vertical-align: top;
	border-left: 1px solid #dee2e6;
}

.table-theme tbody tr {
	border-bottom: 1px solid white !important;
}

.table-theme tbody tr td {
	border-top: none;
	padding: 8px 10px;
	font-size: 13px;
	font-weight: 400;
	color: #252525;
	position: relative;
	border-bottom: 1px solid #dee2e6;
	background: #fff;
	line-height: 20px;
	border-left: 1px solid #dee2e6;
}

.table-theme tbody tr.highlight-green td {
	font-size: 15px;
	background: #22a740 !important;
	color: #ffffff;
	font-weight: 600;
}

.table-theme tbody tr td .form-control {
	height: 24px;
	font-size: 12px;
	max-width: 200px;
	padding: 0px 10px;
	line-height: 22px;
	border: 1px dashed rgba(0, 0, 0, 0.1);
	outline: none !important;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.05);
}

.table-theme tbody tr td:first-child {
	/* border-left: none !important;
     */
}

.table-theme tbody tr.highlight td {
	background: #e0e6eb;
	color: #000000 !important;
	font-weight: 600;
	border-bottom: 1px solid #dee2e6;
	border-top: 1px solid #e0e6eb;
	border-left: 1px solid rgba(0, 0, 0, 0.19);
}

.table-theme tbody tr+tr td {
	border-top: 1px solid #dee2e6;
}

.table-theme tbody tr:hover td {
	background: #f6f7f9;
}

.table-theme tbody tr.highlight:hover td {
	background: #e0e6eb;
}

.table-action {
	white-space: nowrap;
	text-align: left;
}

.table-action .switch-group {
	display: inline-block;
	vertical-align: top;
}

.table-action .candidate-link {
	float: left;
}

.table-action .candidate-link.show-data .candidate-profile-link {
	display: block;
	margin-top: 25px;
}

.table-action .fa {
	display: inline-block;
	vertical-align: top;
	float: none;
	line-height: 20px;
	width: 20px;
	text-align: center;
	font-size: 16px;
	color: #2675b4;
}

.main-page-content {
	width: 100%;
	float: left;
	display: flex;
}

.main-page-content .left-content {
	background: #fff;
	width: 300px;
	top: 0px;
	height: 100%;
	float: left;
	border-radius: 10px;
	overflow: hidden;
	min-width: 300px;
	padding: 12px;
}

.main-page-content .right-content {
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0 2px;
	float: left;
}

.pagination-theme {
	width: 100%;
	float: left;
	margin: 0;
	text-align: left;
}

.pagination-theme ul {
	width: 100%;
	height: 26px;
	float: left;
	margin: 0 0 15px 0;
	padding: 0px;
}

.pagination-theme ul li {
	list-style: none;
	display: inline-block;
	padding: 0px;
	margin: 0 2px;
	float: left;
}

.pagination-theme ul li a {
	line-height: 24px;
	padding: 0px 12px;
	float: left;
	font-weight: normal;
	font-size: 13px;
	color: #292f4c;
	position: relative;
	border-radius: 3px;
	border: 1px solid #d3d5e0;
	margin: 0px !important;
	background: #fff;
}

.pagination-theme ul li.active a,
.pagination-theme ul li:hover a {
	background: #ccebff !important;
	color: #2675b4 !important;
	border: 1px solid #ccebff;
}

.theme-panel .attach-field-form-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.theme-panel .attach-field-form-group .btn {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

.theme-panel {
	width: 100%;
	float: left;
	position: relative;
	background: #fff;
	margin-bottom: 15px;
	border-radius: 3px;
	border: 1px solid #e1e6ec;
}

.theme-panel .collapse-data {
	width: 100%;
	float: left;
	position: relative;
}

.theme-panel .collapse-data .theme-panel-form {
	width: 100%;
	float: left;
	position: relative;
}

.theme-panel .icon-theme-panel {
	position: absolute;
	left: 160px;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	top: 5px;
}

.theme-panel .icon-theme-panel:before {
	content: "";
	border: 4px solid #ebebeb;
	position: absolute;
	top: -10px;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	left: -10px;
	background: #fff;
}

.theme-panel-body {
	width: 100%;
	float: left;
	padding: 20px;
	border-top: 1px solid #e1e6ec;
}

.form-group {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative;
	text-align: left;
	background: #ffffff;
	padding-left: 180px;
}

.form-group .input-group {
	width: 100%;
	float: left;
	position: relative;
	flex-wrap: inherit;
}

.form-group .input-group.dollar-field {
	width: 100%;
	float: left;
	position: relative;
}

.form-group .input-group.dollar-field .dollar-sign {
	position: absolute;
	line-height: 32px;
	text-align: right;
	width: 25px;
	z-index: 20;
	padding-right: 3px;
}

.form-group .input-group.dollar-field .form-control {
	padding: 0px 12px 0px 25px;
}

.form-group .input-group.percentage-field {
	width: 100%;
	float: left;
	position: relative;
	padding-right: 30px;
}

.form-group .input-group.percentage-field .percentage-sign {
	position: absolute;
	width: 30px;
	z-index: 20;
	right: 0px;
	line-height: 32px;
	text-align: center;
}

.form-group .input-group.percentage-field .form-control {
	padding: 0px 12px;
}

.form-group .input-group .checkbox-theme {
	margin: 2px 0px;
}

.form-group .input-group .view-mode-data {
	width: 100%;
	float: left;
	padding-top: 4px;
	position: relative;
	padding-left: 8px;
	font-size: 13px;
	color: #000;
	word-break: break-word;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-group .input-group .view-mode-data:before {
	content: ":";
	position: absolute;
	left: 0px;
	top: 3px;
	font-weight: 700;
}

.form-group .input-group.icon-active .form-control {
	padding-left: 36px;
}

.form-group .input-group.icon-active .text-alignment .form-control {
	padding: 0;
}

.form-group .input-group.multi-form-control .single-form-control+.single-form-control {
	margin-left: 10px;
}

.form-group .input-group .fa-right-icon {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
	line-height: 32px;
	width: 32px;
	text-align: center;
	color: #2675b4;
	font-size: 14px;
}

.form-group .input-group .pe-icon {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 3;
	line-height: 32px;
	width: 32px;
	text-align: center;
	color: #2675b4;
	font-size: 20px;
}

.form-group .input-group.sub-input-group .form-control {
	padding-right: 70px;
}

.form-group .input-group.sub-input-group .value-type {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 3;
	line-height: 32px;
	width: 70px;
	text-align: center;
	color: #292f4c;
	font-size: 13px;
	background: #e7eaeb;
	border-radius: 0px 3px 3px 0px !important;
}

.form-group .theme-label {
	width: 180px;
	float: left;
	position: relative;
	color: #8a8c90;
	font-size: 13px;
	margin-bottom: 4px;
	margin-left: -180px;
	text-align: left;
	padding-right: 10px;
	padding-top: 5px;
}

.form-group.md-input-focused .theme-label {
	color: #292f4c;
}

.form-group .form-control {
	width: 100%;
	margin: 0px;
	border: 1px solid #d3d8da;
	float: left;
	outline: none !important;
	box-shadow: none !important;
	font-size: 13px;
	padding: 0px 12px;
	height: 32px;
	line-height: 30px;
	border-radius: 3px !important;
	position: relative;
}

.form-group .form-control:disabled,
.form-group .form-control[readonly] {
	cursor: no-drop;
}

.form-group textarea.form-control {
	min-height: 80px;
}

.form-group .form-control:focus {
	border-color: #2675b4;
}

.form-group .agency-name {
	font-size: 17px;
	margin: 5px 0px;
	font-weight: 500;
}

.theme-panel-header {
	width: 100%;
	float: left;
	padding: 0px;
}

.theme-panel-footer {
	width: 100%;
	float: left;
	padding: 10px 20px;
	border-top: 1px solid #eaeaea;
	text-align: right;
}

.theme-panel-footer .btn {
	display: inline-block;
	vertical-align: top;
	margin: 2px;
}

.theme-panel-header .panel-title {
	float: left;
	font-weight: 600;
	font-size: 14px;
	color: #292f4c;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	padding: 10px 20px;
	width: 100%;
	cursor: pointer;
	background-color: #fff;
}

.theme-panel-header .panel-title.collapsed+.panel-actions .fa-pencil {
	display: none;
}

.theme-panel-header .panel-title+.panel-actions .fa-pencil {
	display: inline-block;
}

.theme-panel-header .panel-actions {
	text-align: right;
	position: absolute;
	right: 20px;
	top: 10px;
	padding: 0px;
	height: 20px;
}

.theme-panel-header .panel-actions .fa {
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	color: #999ba9;
	width: 20px;
	text-align: center;
	font-size: 15px;
}

.theme-panel-header .panel-actions .show-hide-panel {
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	color: #292f4c;
	width: 20px;
	text-align: center;
	position: relative;
	font-size: 19px;
}

.theme-panel-header .panel-title+.panel-actions .show-hide-panel:before {
	font-family: FontAwesome;
	content: "\f147";
}

.theme-panel-header .panel-title.collapsed+.panel-actions .show-hide-panel:before {
	content: "\f196";
}

.multi-field-wrapper {
	width: 100%;
	float: left;
	position: relative;
}

.multi-field-wrapper .multi-fields {
	width: 100%;
	float: left;
	position: relative;
}

.multi-field-wrapper .single-group-multifiled {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding: 15px 15px 5px 15px;
	border-radius: 9px;
	background: #ebf0f4;
}

.single-group-multifiled .form-group {
	margin-bottom: 15px;
	padding-left: 180px;
	position: relative;
}

.single-group-multifiled .form-group .theme-label {
	width: 180px;
	padding-right: 10px;
	float: left;
	margin-left: -180px;
	text-align: right;
	padding-top: 7px;
}

.single-group-multifiled .form-group .input-group .number-list {
	position: relative;
	color: #292f4c;
	font-size: 13px;
	font-weight: 600;
	line-height: 34px;
	padding: 0px 12px;
}

.single-group-multifiled .form-group .form-control {
	width: 100%;
	margin: 0px;
	border: 1px solid #dbe1e2;
	float: left;
	outline: none;
	box-shadow: none;
	font-size: 13px;
	padding: 0px 12px;
	height: 36px;
	line-height: 34px;
	border-radius: 5px;
	position: relative;
}

.single-group-multifiled .form-control-group {
	display: flex;
}

.multi-field-wrapper .single-group-multifiled .form-control-group .form-control+.form-control {
	margin-left: 10px;
}

.multi-field-wrapper .single-group-multifiled textarea.form-control {
	min-height: 70px;
}

.multi-field-wrapper .single-group-multifiled .fa {
	text-align: center;
	position: absolute;
	right: 12px;
	top: 12px;
	border-radius: 3px;
	font-size: 11px;
	line-height: 1.5;
	padding: 1px 7px;
}

.multi-field-wrapper .single-group-multifiled .fa.add-field {
	color: #228a15;
	border: 1px solid #c1debd;
	background: #e8f3e7;
}

.alternate-section {
	width: 100%;
	float: left;
}

.ui-datepicker {
	border-radius: 10px !important;
	border: 1px solid #a9b8ca !important;
	padding: 5px !important;
	color: #585858 !important;
	line-height: 2;
	float: left;
	background: #fff !important;
	font-family: 'Open Sans', sans-serif !important;
	max-width: 240px;
	z-index: 2000 !important;
}

.ui-datepicker .ui-datepicker-header {
	background: #292f4c;
	border-radius: 10px;
	padding: 4px !important;
	position: relative;
	height: 36px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
	height: 28px;
	background: #22a740;
	border-radius: 5px;
	bottom: 3px !important;
	left: 3px !important;
	position: absolute;
	width: 30px;
	cursor: pointer;
	top: 3px !important;
	font-size: 14px;
	border: none !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
	height: 28px;
	background: #22a740;
	border-radius: 5px;
	bottom: 3px !important;
	right: 3px !important;
	position: absolute;
	cursor: pointer;
	width: 30px;
	top: 3px !important;
	font-size: 14px !important;
	border: none !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
	content: "\f104";
	font-family: FontAwesome;
	position: absolute;
	width: 30px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	top: 0px;
	left: 0px;
	font-size: 14px;
	color: #fff;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next:after {
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	width: 30px;
	text-align: center;
	height: 28px;
	line-height: 28px;
	top: 0px;
	font-size: 14px;
	left: 0px;
	color: #fff;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next span {
	display: none;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
	margin: 0px 32px;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month,
.ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
	width: calc(50% - 4px);
	margin: 0px 2px;
	border: none;
	line-height: 28px;
	height: 28px;
	border-radius: 6px;
	font-size: 13px;
	padding: 0px 5px;
	vertical-align: top;
	outline: none !important;
	color: #fff;
}

.ui-datepicker .ui-datepicker-calendar {
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	margin: 0px;
}

.ui-datepicker .ui-datepicker-calendar thead tr th {
	padding: 5px;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
}

.ui-datepicker .ui-datepicker-calendar thead tr th span {
	color: #585858;
	font-weight: 600;
	float: left;
	width: 100%;
	text-align: center;
}

.ui-datepicker .ui-datepicker-calendar thead tr th.ui-datepicker-week-end span {
	color: #2675b4;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a,
.ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
	border-radius: 5px !important;
	border: 1px solid #d6dee9 !important;
	background: #ffffff;
	text-align: center;
	color: #292f4c;
	padding: 0px 3px;
	line-height: 22px;
	width: 100%;
	float: left;
	font-size: 12px;
	font-weight: 600;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today .ui-state-default {
	background: #2675b4;
	color: #fff;
	border: 1px solid #2ab7d8 !important;
}

.ui-datepicker .ui-datepicker-calendar td.ui-state-disabled .ui-state-default {
	opacity: 0.3;
	cursor: no-drop;
	background: transparent !important;
	color: gray !important;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td a:hover {
	border: 1px solid #a9b8ca !important;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-week-end a {
	background: #f3f3f3;
}

.ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a {
	background: #00b4ff;
	border: 1px solid #00b4ff !important;
	color: #ffffff;
}

.nodata-display {
	width: 100%;
	float: left;
	padding: 250px 0px 50px 0px;
	text-align: center;
	position: relative;
	color: rgb(40, 59, 83);
	font-size: 18px;
	z-index: 2;
}

.nodata-display:before {
	content: "";
	background-image: url(../images/nodata-display.png);
	position: absolute;
	top: 30px;
	width: 200px;
	height: 200px;
	left: 50%;
	margin-left: -100px;
	background-size: 200px;
}

.center-page-actions {
	width: 100%;
	float: left;
	position: relative;
	border-top: 1px solid #ebf0f4;
	margin-top: 25px;
	padding-top: 20px;
	text-align: right;
}

.breadcrumb-theme {
	width: auto;
	float: left;
	padding: 0px 0px;
	margin: 3px 0px;
}

.breadcrumb-theme li {
	vertical-align: inherit;
	font-size: 13px;
	line-height: 22px;
	color: #1c75bc;
	font-weight: normal;
	position: relative !important;
	display: inline-block;
	vertical-align: top;
}

.breadcrumb-theme li .current-page {
	color: #22a740;
	font-size: 15px;
}

.breadcrumb-theme li+li {
	padding-left: 10px;
}

.breadcrumb-theme li+li:before {
	content: "/";
	position: absolute;
	left: -1px;
	top: 0px;
	padding: 0px;
	width: 10px;
	text-align: center;
	color: #b6b9bb;
}

.breadcrumb-theme li a {
	float: left;
	color: #2675b4;
	font-weight: normal;
	font-size: 13px;
	line-height: 22px;
	background: #ffffff;
}

.breadcrumb-theme li.active {
	color: #292f4c;
}

.tab-theme {
	width: 100%;
	float: left;
}

.tab-theme .nav-tabs {
	border: none;
	float: left;
	padding-left: 0;
}

.tab-theme .nav-tabs .nav-item {
	position: relative;
	display: block;
	color: #292f4c;
	margin: 0px 15px 15px 0px !important;
	padding: 10px 20px !important;
	background: white;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	border: none !important;
	border-radius: 3px;
}

.tab-theme .nav-tabs .nav-item.active {
	background: #292f4c;
	color: #ffffff;
}

.tab-theme .tab-content {
	width: 100%;
	float: left;
	border-radius: 3px;
	padding: 15px;
	background: #fff;
}

.tab-theme .tab-content .tab-pane {
	width: 100%;
	float: left;
}

.theme-form {
	width: 100%;
	float: left;
}

.theme-form.view-mode .form-group {
	margin-bottom: 5px;
}

.main-page-left-side {
	width: calc(100% - 570px);
	float: left;
}

.main-page-right-side {
	float: left;
	width: 550px;
	margin-right: -550px;
	margin-left: 20px;
}

.page-title-group {
	width: 100%;
	float: left;
	background: #ffffff;
	padding: 15px 20px 5px 60px;
	z-index: 4;
	position: relative;
	min-height: 6px;
}

.page-title-group .show-hide-menu {
	position: absolute;
	left: 20px;
	top: 15px;
	padding: 0px;
	border-radius: 180px;
	float: left;
	height: 30px;
	width: 30px;
	text-align: center;
}

.page-title-group .show-hide-menu:before {
	content: "\e684";
	font-family: pe-icon-7-stroke;
	position: absolute;
	line-height: 30px;
	width: 30px;
	top: 0px;
	left: 0px;
	text-align: center;
	font-size: 25px;
	color: #8f8f8f;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	height: 30px;
	border-radius: 50%;
	border: 1px solid #cacaca;
}

.page-title-group .show-hide-menu:hover:before {
	border: 1px solid #676767;
	background: #ebf0f4;
}

.page-area.full-menu-active .page-title-group .show-hide-menu:before {
	transform: rotate(-180deg);
}

.page-title-group .page-title {
	float: left;
	color: #292f4c;
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
}

.page-title-group .page-title .project-title {
	max-width: 500px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
	vertical-align: top;
}

.page-top-actions {
	padding: 0px;
	position: relative;
	margin: 0px;
	text-align: right;
	float: right;
}

.page-top-actions li {
	display: inline-block;
	vertical-align: top;
	float: none;
	margin-left: 5px;
}

.page-top-actions li a {
	float: left;
	height: 30px;
	font-size: 13px;
	line-height: 28px !important;
	padding: 0px 20px !important;
	background: #292f4c;
	border-radius: 360px;
	color: #ffffff !important;
	border: 1px solid #292f4c;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: 600;
	margin: 0 !important;
	cursor: pointer;
}

.page-top-actions li a.lock-btn {
	background: #a70101 !important;
	border: 1px solid #a90606;
}

.page-top-actions li a span {
	background: #fff;
	color: #000;
	font-size: 10px;
	font-weight: 600;
	padding: 0px 5px;
	line-height: 12px;
	border-radius: 180px;
	margin-top: 5px;
	display: inline-block;
	vertical-align: top;
	margin-right: -12px;
}

.page-top-actions li a:hover {
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
}

.header-action {
	display: inline-block;
	vertical-align: top;
}

.header-action .user-photo {
	width: 30px;
	height: 30px;
	float: left;
}

.header-action .user-photo img {
	float: left;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}

.header-action .user-name {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	padding-left: 10px;
	color: #8f8f8f;
	font-size: 13px;
	position: relative;
}

.header-action .user-name:hover {
	color: #2675b4;
}

.header-action .dropdown-toggle {
	float: left;
	line-height: 30px;
	text-align: center;
	cursor: pointer;
	margin-left: 10px;
	padding: 0px;
}

.header-action .dropdown-toggle:after {
	display: none;
}

.header-action .icon-group {
	border: 1px solid #cacaca;
	padding: 0px 12px 0px 8px;
	border-radius: 180px;
	float: left;
	height: 30px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.header-action .icon-group:hover {
	border: 1px solid #676767;
}

.header-action .icon-group .pe-icon {
	font-size: 20px;
	line-height: 28px;
	width: 28px;
	text-align: center;
	color: #8f8f8f;
}

.header-action .icon-group .qty {
	display: inline-block;
	vertical-align: top;
	font-size: 15px;
	line-height: 28px;
	padding: 0px 0px 0px 10px;
	text-align: center;
	color: #292f4c;
	font-weight: normal;
	position: relative;
}

.header-action .icon-group .qty:before {
	content: "/";
	color: gray;
	position: absolute;
	left: 0px;
}

.header-action ul.dropdown-menu {
	right: 0px;
	left: initial !important;
	margin: 0px;
	margin-top: 40px;
	transform: initial !important;
	padding: 6px;
	border: none;
	width: 150px;
	background: #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 6px 10px 10px rgba(0, 0, 0, 0.05);
}

.header-action ul.dropdown-menu.dropdown-log {
	min-width: 350px;
}

.header-action ul.dropdown-menu .log-list-theme .log-inner .log-user {
	margin-bottom: 0px !important;
}

.header-action ul.dropdown-menu .log-list-theme .log-inner .log-message {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.header-action ul.dropdown-menu li {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
}

.header-action ul.dropdown-menu li.view-all {
	background: #ffffff;
}

.header-action ul.dropdown-menu li.view-all a {
	color: #2675b4 !important;
	padding: 0px;
	border: none;
	background: white;
	line-height: 20px;
	width: 100%;
	text-align: center;
	max-width: initial;
}

.header-action ul.dropdown-menu li a {
	width: 100%;
	float: left;
	line-height: 30px;
	padding: 4px 15px;
	font-size: 13px;
	color: #495057;
	text-align: left;
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
}

.header-action ul.dropdown-menu li a .fa {
	line-height: 30px;
	display: inline-block;
	width: 20px;
	margin-right: 8px;
	float: none;
	font-size: 14px;
	background: transparent;
	border-radius: 0px;
	vertical-align: top;
	float: left;
}

.header-action ul.dropdown-menu li:hover a {
	color: #2675b4;
}

.profile-page {
	width: 100%;
	float: left;
	position: relative;
}

.profile-page .profile-page-header .tab-small-theme {
	text-align: center;
}

.profile-page .profile-page-header .tab-small-theme .nav-tabs {
	text-align: center;
}

.profile-page .profile-page-header {
	width: 100%;
	float: left;
	background: #ffffff;
	position: relative;
	padding: 0px 80px 0px 80px;
	text-align: center;
}

.profile-page .profile-page-header .profile-user-name {
	color: rgb(40, 59, 83);
	font-size: 24px;
	line-height: 30px;
	font-weight: 100;
}

.profile-page .profile-page-body {
	width: 100%;
	float: left;
	background: #ebf0f4;
	position: relative;
	padding: 15px 80px;
}

.upload-photo-group {
	width: 140px;
	float: none;
	height: 140px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 15px;
}

.upload-photo-group .upload-user-photo {
	width: 140px;
	float: left;
	height: 140px;
	overflow: hidden !important;
	border-radius: 50% !important;
	position: relative;
	top: 0px;
}

.upload-photo-group .upload-user-photo img {
	max-width: 100%;
	max-height: 100%;
	width: auto !important;
	height: auto !important;
	position: absolute;
	bottom: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.upload-photo-group .fileupload {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	padding: 0px;
	z-index: 1;
	width: 100%;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.upload-photo-group .fileupload {
	opacity: 0;
}

.upload-photo-group:hover .fileupload {
	opacity: 1;
}

.upload-photo-group .fileupload .btn-file {
	position: absolute;
	width: 140px;
	left: 0px;
	top: 0px;
	text-align: center;
	height: 140px;
	background: rgba(40, 59, 83, 0.4);
	line-height: 110px;
	color: #ffffff;
	border-radius: 50%;
	border: 15px solid rgba(40, 59, 83, 0.6);
	font-size: 40px;
}

.upload-photo-group .btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
}

.upload-photo-group .btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	direction: ltr;
	cursor: pointer;
}

.profile-page .tab-profile {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	margin-top: 15px;
}

.profile-page .tab-profile .nav-tabs {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	margin: 0px;
	border: none;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
}

.profile-page .tab-profile .nav-tabs li {
	position: relative;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}

.profile-page .tab-profile .nav-tabs a {
	color: #292f4c;
	margin: 0px !important;
	padding: 0px 10px 10px 10px !important;
	background: transparent !important;
	border: none !important;
	line-height: 20px;
	font-size: 13px;
	font-weight: 500;
	float: none;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
	position: relative;
}

.profile-page .tab-profile .nav-tabs a .fa {
	margin-right: 10px;
}

.profile-page .tab-profile .nav-tabs li.recomended a:after {
	content: "\f14a";
	font-family: FontAwesome;
	color: green;
	margin-left: 6px;
	font-size: 16px;
	line-height: 20px;
}

.profile-page .tab-profile .nav-tabs a::before {
	-moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	background: #329b09;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	bottom: 0px;
	transition: transform 0.3s;
	width: 100%;
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.profile-page .tab-profile .nav-tabs a.active,
.profile-page .tab-profile .nav-tabs li:hover a {
	background-color: #fff;
	border-bottom: none;
	color: #000000;
	font-weight: 500;
}

.profile-page .tab-profile .nav-tabs a.active::before,
.profile-page .tab-profile .nav-tabs li:hover a::before {
	width: 100%;
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.alternate-actions {
	width: 100%;
	float: left;
	position: relative;
	text-align: right;
}

.theme-panel-white {
	border: 1px solid #eaeaea;
}

.theme-form-title {
	width: 100%;
	float: left;
	position: relative;
	color: #2675b4;
	font-size: 14px;
	margin-bottom: 16px;
	border-bottom: 1px dashed #292f4c;
	padding-bottom: 5px;
}

.forgot-password {
	margin: 10px 0px;
	float: right;
	font-size: 13px;
	padding-top: 5px;
}

.modal-theme {
	text-align: left;
}

.modal-theme:before,
.modal-theme.show:before {
	content: "";
	position: fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.modal-theme .modal-dialog {
	width: 60%;
	border: none;
	margin: 30px auto;
	box-shadow: none;
	max-width: 800px;
}

.modal-theme .modal-dialog .modal-content {
	border-radius: 0px;
	border: none;
	width: 100%;
	float: left;
	box-shadow: none;
}

.modal-theme .modal-dialog .modal-content .modal-header {
	background: #22a740;
	padding: 20px;
	width: 100%;
	float: left;
	border: none;
	padding-right: 90px;
	border-radius: 0px;
}

.modal-theme .modal-dialog .modal-content .modal-header .modal-title {
	color: #fff;
	font-weight: 500;
	font-size: 16px;
	line-height: 30px;
}

.modal-theme .modal-dialog .modal-content .modal-header .close-dismiss {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 70px;
	height: 70px;
	background: rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.modal-theme .modal-dialog .modal-content .modal-header .close-dismiss:before {
	content: "";
	background-image: url(../images/theme-plus-icon.png);
	background-size: 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 25px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modal-theme .modal-dialog .modal-content .modal-body {
	padding: 20px;
	width: 100%;
	float: left;
}

.modal-theme .modal-dialog .modal-content .modal-footer {
	padding: 20px;
	width: 100%;
	float: left;
	border: none;
	padding-top: 0px;
	display: inline-block;
	text-align: right;
}

.modal-backdrop.in {
	opacity: .8 !important;
}

.top-sheet-detail-group {
	width: 100%;
	float: left;
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	height: 100%;
}

.top-sheet-detail-group .top-sheet-left {
	width: 600px;
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.top-sheet-detail-group .top-sheet-right {
	width: 100%;
	float: left;
	position: relative;
	/*overflow-x: hidden;*/
	overflow-x: auto;
	overflow-y: hidden;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	padding-left: 600px;
}

.top-sheet-group {
	padding-top: 35px;
	position: relative;
	width: 100%;
	float: left;
}

.top-sheet-group .top-sheet-header {
	/* font-weight: 600;
     */
	/* width: 100%;
     */
	/* float: left;
     */
}

.spec-summary-header-hide {
	display: none;
}

.top-sheet-group .top-sheet-header .single-td {
	border: none;
	background: #000000 !important;
	border: none;
	color: #ffffff !important;
	min-height: 34px;
	border-left: 1px solid #dee2e6;
	line-height: 22px;
	/* text-align: left !important;
     */
	font-weight: 600;
	font-size: 14px;
}

.top-sheet-group .top-sheet-header .top-sheet-single {
	display: flex;
	/* width: 100%;
     */
}

.top-sheet-group .top-sheet-header .top-sheet-single.top-sheet-single-total-amount .single-td {
	background: #22a740 !important;
	color: #fff !important;
}

/* .top-sheet-group .top-sheet-header:last-child .top-sheet-single .single-td {
	background: #22a740 !important;
	color: #fff !important;
} */

.top-sheet-group .top-sheet-single.main-spec.top-sheet-single-amount .single-td {
	background: #22a740 !important;
	color: #fff !important;
}

.top-sheet-group .top-sheet-body {
	position: relative;
	width: 100%;
}

.top-sheet-group .top-sheet-body .top-sheet-single {
	white-space: nowrap;
	display: flex;
}

.top-sheet-group .top-sheet-body .top-sheet-single.not-assigned .single-td {
	background: #fff9f2;
}

.top-sheet-group .top-sheet-body .top-sheet-single.not-assigned .single-td.bid-package {
	color: rgb(255 255 255 / 0.5);
}

.top-sheet-group .single-td.inactive {
	display: none !important;
}

.top-sheet-group .single-td {
	font-size: 12px;
	font-weight: 400;
	color: #000000;
	position: relative;
	border-bottom: 1px solid #dee2e6;
	background: #ffffff;
	display: grid;
	width: 100%;
	height: 32px;
	padding: 4px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	border-left: 1px solid #dee2e6;
	line-height: 24px;
}

.top-sheet-group .top-sheet-single.black-bg .single-td {
	background: #000 !important;
	border-top: 1px solid #000000;
	margin-top: -1px;
}

.matrix-detail-group .top-sheet-group .top-sheet-single.black-bg .single-td.bid-package.white {
	background: #000 !important;
	border-top: 1px solid #000000;
	margin-top: -1px;
}

.top-sheet-group .top-sheet-single.black-bg .single-td .checkbox-theme label {
	color: #fff;
}

.top-sheet-group .single-td.input-box {
	padding: 4px 5px;
	display: flex;
	width: 100%;
}

.top-sheet-group .top-sheet-single.main-spec .single-td {
	font-size: 18px;
	background: #bcdff6;
	color: #2675b4;
	font-weight: 600;
	min-height: 35px;
	padding: 5px 5px 5px 5px;
	height: 35px;
}

.top-sheet-group .top-sheet-single.main-spec .single-td {
	font-size: 16px;
	background: #22a740 !important;
	color: #ffffff;
	font-weight: 600;
}

.top-sheet-group .top-sheet-single.main-spec .single-td span.spec {
	width: 100%;
}

.top-sheet-group .top-sheet-single.main-spec .single-td .td-span-input {
	font-size: 16px;
	color: #ffffff;
	font-weight: 600;
}

.top-sheet-group .top-sheet-single.sub-spec .single-td,
.top-sheet-group .top-sheet-single.sub-spec .single-td .td-span-input {
	font-size: 14px;
	font-weight: 600;
	height: 24px;
}

.top-sheet-group .single-td .td-span-input {
	width: 100%;
	position: relative;
	padding: 0px 2px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 23px;
	border: 1px dashed transparent;
	outline: none !important;
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	margin: 0 0 0 4px;
	line-height: 1.5;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: #000000;
}

.top-sheet-group .single-td .indents-input {
	margin-left: 10px;
	width: calc(100% - 10px);
}

.top-sheet-group .single-td .sub-indents-input {
	margin-left: 20px;
	width: calc(100% - 20px);
}

.top-sheet-group .single-td .sub-indents-input-30 {
	margin-left: 30px;
	width: calc(100% - 30px);
}

.top-sheet-group .single-td .sub-indents-input-40 {
	margin-left: 40px;
	width: calc(100% - 40px);
}

.top-sheet-group .single-td select::-ms-expand {
	display: none;
}

.top-sheet-group .single-td select {
	-webkit-appearance: none;
	appearance: none;
}

.top-sheet-group .single-td.input-box-active .td-span-input {
	border: 1px dashed rgba(137, 137, 137, 0.57);
	background: rgba(160, 160, 160, 0.19);
}

.top-sheet-group .single-td.team-member {
	min-width: 180px;
	width: 180px;
}

.top-sheet-group .single-td.estimatebudget {
	min-width: 130px;
	width: 130px;
	text-align: right;
}

.top-sheet-group .single-td.quantity {
	min-width: 80px;
	width: 80px;
	text-align: left;
}

.top-sheet-group .single-td.units {
	min-width: 55px;
	width: 55px;
}

.top-sheet-group .single-td.dollarunit {
	min-width: 100px;
	width: 100px;
	text-align: right;
}

.top-sheet-group .single-td.subname {
	min-width: 150px;
	width: 150px;
	text-align: left;
	color: #22a740;
}

.top-sheet-group .top-sheet-body .top-sheet-single .single-td.minority {
	padding: 4px 5px;
}

.main-page-body.page-theme-tabs.spec-summary-alt-tabs.show-menu .tab-content .tab-pane .top-sheet-group .single-td.mbewbe {
	min-width: 124px;
	width: 124px;
}

.fullscreen-active .main-page-body.page-theme-tabs.spec-summary-alt-tabs.show-menu .tab-content .tab-pane .top-sheet-group .single-td.mbewbe {
	width: 100%;
}

.top-sheet-group .single-td.subamount {
	min-width: 105px;
	width: 105px;
	text-align: right;
}

.top-sheet-group .single-td.dollarpersf {
	min-width: 150px;
	width: 150px;
	text-align: right;
}

.top-sheet-group .single-td.mbewbe {
	min-width: 124px;
	width: 124px;
	text-align: right;
	color: #22a740;
}

.top-sheet-group .single-td.subbonding {
	min-width: 140px;
	width: 140px;
	text-align: right;
}

.top-sheet-group .single-td.minority {
	/* min-width: 120px;
     */
	/* width: 120px;
     */
	text-align: right;
	/* padding: 4px 5px;
     */
	;
}

.main-page-body.page-theme-tabs.spec-summary-alt-tabs .tab-content .tab-pane .top-sheet-group .single-td.mbewbe {
	min-width: initial;
	width: 100%;
}

.top-sheet-group .single-td.minority .td-span-input {
	text-align: right;
	color: #22a740 !important;
}

.top-sheet-group .single-td.quantity .td-span-input,
.top-sheet-group .single-td.dollarunit .td-span-input,
.top-sheet-group .single-td.estimatebudget .td-span-input,
.top-sheet-group .single-td.subamount .td-span-input {
	text-align: right;
}

.top-sheet-group .top-sheet-single.main-spec .single-td.row-action,
.top-sheet-group .single-td.row-action {
	min-width: 25px;
	width: 25px;
	background: #ffffff !important;
	border-right: 1px solid #ebf0f4 !important;
	border-bottom: 1px solid #ffffff !important;
	padding: 0px;
	overflow: initial;
	border-left: none !important;
}

.top-sheet-group .single-td.row-action .dropdown-menu {
	position: absolute;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
	left: 7px !important;
	margin: 0px;
	border: none !important;
	padding: 8px 0px !important;
	overflow: hidden;
}

.top-sheet-group .single-td.row-action .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	padding: 4px 12px;
	cursor: pointer;
	color: #333333;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;
	white-space: nowrap;
	text-decoration: none;
	background: #fff !important;
}

.top-sheet-group .single-td.row-action .dropdown-menu .dropdown-item>.fa {
	font-size: 13px;
	line-height: 20px;
	width: 20px;
	text-align: left;
	opacity: 0.7;
}

.top-sheet-group .single-td.row-action .dropdown-menu .dropdown-item:hover {
	color: #2675b4;
}

.top-sheet-group .single-td.row-action .dropdown-menu .dropdown-divider {
	background-color: #ffffff;
	border-top: 1px solid #E1E1E1;
	margin: 8px 0px;
}

.top-sheet-group .top-sheet-single .single-td.row-action .caret-action {
	display: none;
}

.top-sheet-group .top-sheet-single:hover .single-td.row-action .caret-action {
	display: block;
}

.top-sheet-group .top-sheet-single .single-td.row-action .caret-action .dropdown-toggle::after {
	display: none;
}

.top-sheet-group .single-td.row-action .caret-action {
	width: 16px;
	height: 16px;
	margin: 7px 4px;
}

.top-sheet-group .single-td.row-action .caret-action .dropdown-toggle .fa {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	background: #ffffff;
	text-align: center;
	border-radius: 50%;
	color: #424242;
	cursor: pointer;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-spec .single-td.row-action .caret-action .dropdown-toggle .fa {
	background: #2675b4;
	color: #fff;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-spec .single-td.row-action {
	padding: 5px 0px;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td {
	font-size: 14px;
	font-weight: 600;
	min-height: 34px;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.vendor {
	color: #22a740;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td .td-span-input {
	color: #000000;
	font-size: 14px;
	font-weight: 600;
}

.top-sheet-group .top-sheet-single.main-spec .single-td.specnumber {
	padding-left: 10px;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.specnumber {
	padding-left: 10px !important;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.input-box {
	padding: 4px 5px 4px 5px;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.input-box.indents-input {
	padding: 4px 5px 4px 20px !important;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.row-action .caret-action .dropdown-toggle .fa {
	background: #c4c9d2;
	color: #000;
}

.top-sheet-group .single-td.quantity .td-span-input {
	/* color: #ea0000;
     */

}

.top-sheet-group .single-td.units .td-span-input {
	/* color: #ea0000;
     */

}

.top-sheet-group .single-td.dollarunit .td-span-input {
	/* color: #ea0000;
     */

}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.estimatebudget {
	/* color: #ea0000;
     */

}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.dollarunit .td-span-input {
	color: #ea0000;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.units .td-span-input {
	color: #ea0000;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.quantity .td-span-input {
	color: #ea0000;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.dollarpersf {
	color: #ea0000;
}

.top-sheet-group .top-sheet-body .top-sheet-single .single-td.dollarpersf {
	color: #ea0000;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-spec .dollarpersf {
	color: #ffffff;
}

.page-nav-tabs {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 15px;
}

.page-nav-tabs .nav-tabs {
	width: 100%;
	float: left;
	text-align: LEFT;
	position: relative;
	margin: 0px;
	border: none;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
}

.page-nav-tabs .nav-tabs li {
	position: relative;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}

.page-nav-tabs .nav-tabs a {
	color: #292f4c;
	margin: 0px !important;
	padding: 0px 10px 10px 10px !important;
	background: transparent !important;
	border: none !important;
	line-height: 20px;
	font-size: 14px;
	font-weight: 500;
	float: none;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
	position: relative;
	opacity: 0.8;
}

.page-nav-tabs .nav-tabs a .fa {
	margin-right: 10px;
}

.page-nav-tabs .nav-tabs li.recomended a:after {
	content: "\f14a";
	font-family: FontAwesome;
	color: green;
	margin-left: 6px;
	font-size: 16px;
	line-height: 20px;
}

.page-nav-tabs .nav-tabs a::before {
	-moz-transition: -moz-transform 0.3s;
	-webkit-transition: -webkit-transform 0.3s;
	background: #d93434;
	content: '';
	height: 3px;
	left: 0;
	position: absolute;
	bottom: 0px;
	transition: transform 0.3s;
	width: 100%;
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-webkit-transform: scale(0);
	transform: scale(0);
}

.page-nav-tabs .nav-tabs a.active,
.page-nav-tabs .nav-tabs li:hover a {
	background-color: #fff;
	border-bottom: none;
	color: #292f4c;
	font-weight: 500;
	opacity: 1;
}

.page-nav-tabs .nav-tabs a.active::before,
.page-nav-tabs .nav-tabs li:hover a::before {
	width: 100%;
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.page-area {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.page-area.full-menu-active .page-working-area {
	width: calc(100% - 200px);
}

.page-area .left-menu {
	background: #292f4c;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 200px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page-area .left-menu .left-brand {
	width: 100%;
	height: 60px;
	float: left;
}

.page-area .left-menu .left-brand .logo-small {
	display: block;
}

.page-area .left-menu .left-brand .logo-large {
	display: none;
}

.page-area.full-menu-active .left-menu .left-brand .logo-small {
	display: none;
}

.page-area.full-menu-active .left-menu .left-brand .logo-large {
	display: block;
}

.page-area .left-menu .left-brand .logo-small {
	width: 60px;
	float: left;
	height: 60px;
	position: relative;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.fullscreen-active .page-area .left-menu {
	display: none;
}

.page-area .left-menu .left-brand .logo-small img {
	padding: 10px;
	position: absolute;
	bottom: auto;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	max-width: 100%;
	max-height: 100%;
}

.page-area .left-menu .left-brand .logo-large {
	width: 100%;
	float: left;
	height: 60px;
	position: relative;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.page-area .left-menu .left-brand .logo-large img {
	padding: 15px;
	position: absolute;
	bottom: auto;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	max-width: 100%;
	max-height: 100%;
}

.page-area .left-menu .navbar-left {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 60px;
}

.page-area .left-menu .navbar-left .nav-item {
	width: 100%;
	height: 50px;
	float: left;
	position: relative;
}

.page-area .left-menu .navbar-left .nav-item .nav-link {
	width: 100%;
	height: 50px;
	float: left;
	padding: 0px 0px 0px 60px;
	position: relative;
}

.page-area .left-menu .navbar-left .nav-item .nav-link i {
	width: 60px;
	height: 50px;
	float: left;
	line-height: 50px;
	text-align: center;
	opacity: 0.5;
	font-size: 22px;
	position: absolute;
	top: 0px;
	left: 0px;
	color: #ffffff;
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon:before {
	content: "";
	background-size: 20px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	position: absolute;
	margin: 15px 20px;
	top: 0px;
	left: 0px;
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.project-icon:before {
	background-image: url(../images/menu-icon/project-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.bid-icon:before {
	background-image: url(../images/menu-icon/bid-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.scope-icon:before {
	background-image: url(../images/menu-icon/scope-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.assignteam-icon:before {
	background-image: url(../images/menu-icon/assignteam-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.addons-icon:before {
	background-image: url(../images/menu-icon/addons-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.contractor-icon:before {
	background-image: url(../images/menu-icon/contractor-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.myteam-icon:before {
	background-image: url(../images/menu-icon/myteam-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .menu-icon.configuration-icon:before {
	background-image: url(../images/menu-icon/configuration-icon.png);
}

.page-area .left-menu .navbar-left .nav-item .nav-link .nav-name {
	line-height: 50px;
	width: 100%;
	font-size: 14px;
	color: #fff;
	float: left;
	white-space: nowrap;
}

.page-area .left-menu .navbar-left .nav-item.active .nav-link i,
.page-area .left-menu .navbar-left .nav-item:hover .nav-link i {
	opacity: 1;
}

.page-area .left-menu .navbar-left .nav-item.active {
	background: rgba(0, 0, 0, 0.2) !important;
}

.page-area .left-menu .navbar-left .nav-item.dropdown .dropdown-menu {
	transform: initial !important;
	top: 100% !important;
	left: 0px !important;
	right: 0px !important;
	background: transparent !important;
	border-radius: 0px !important;
	width: 100% !important;
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
}

.page-area .left-menu .navbar-left .nav-item.dropdown .dropdown-menu .dropdown-item {
	width: 100%;
	float: left;
	position: relative;
	padding: 0px 0px 0px 60px;
	margin: 0px;
	background: transparent !important;
}

.page-area .left-menu .navbar-left .nav-item.dropdown .dropdown-menu .dropdown-item .nav-link {
	float: left;
	padding: 0px;
	position: relative;
	line-height: 46px;
	height: 46px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0.5);
	border-top: 1px dashed #000;
}

.page-area .page-working-area {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: calc(100% - 60px);
	border-radius: 0px;
	overflow: auto;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #ebf0f4;
}

.header-action-right {
	float: right;
	text-align: left;
}

.header-action-right .current-time-and-date {
	display: inline-block;
	vertical-align: top;
	line-height: 30px;
	padding-left: 10px;
	color: #000000;
	font-size: 14px;
	position: relative;
}

/*.header-action-right .current-date {
	display: block;
	vertical-align: top;
	line-height: 20px;
	color: #000000;
	font-size: 14px;
	position: relative;
}*/
.header-action-right .current-time {
	display: block;
	vertical-align: top;
	line-height: 10px;
	color: #000000;
	font-size: 12px;
	position: relative;
}

.switch-group .switch {
	position: relative;
	width: 34px;
	height: 16px;
	outline: none !important;
	box-shadow: none !important;
	display: inline-block;
	vertical-align: top;
	margin: 2px 0px;
}

.switch-group .switch input {
	opacity: 0;
	width: 0;
	height: 0;
	outline: none !important;
	box-shadow: none !important;
}

.switch-group .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #bfbfbf;
	-webkit-transition: .4s;
	transition: .4s;
	border: 1px solid;
	color: #bfbfbf;
	outline: none !important;
	box-shadow: none !important;
}

.switch-group .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: -2px;
	top: -3px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
	color: #cccccc;
	border: 1px solid;
}

.switch-group input:checked+.slider {
	background-color: #22a740;
	border-color: #22a740;
}

.switch-group input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

.switch-group input:checked+.slider:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
	border-color: #3e9a3e;
}

.switch-group .slider.round {
	border-radius: 34px;
}

.switch-group .slider.round:before {
	border-radius: 50%;
}

.table-theme.table-role tr th:first-child,
.table-theme.table-role tr td:first-child {
	text-align: left;
	/* border-left: none !important;
     */
}

.table-theme.table-role tr th,
.table-theme.table-role tr td {
	text-align: center;
	border-left: 1px solid #dee2e6;
}

.page-header-actions {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 10px;
	text-align: right;
}

.page-header-actions .btn {
	display: inline-block;
	vertical-align: top;
	float: none;
}

.btn-notes {
	height: 20px;
	position: relative;
}

.btn-notes .fa {
	font-size: 20px;
	line-height: 20px;
	height: 20px;
	position: absolute;
	top: -2px;
}

.btn-notes .notes-qty {
	position: absolute;
	color: #ffffff;
	left: 9px;
	top: 9px;
	line-height: 9px;
	font-size: 10px;
	font-weight: 400;
	background: #2675b4;
	border-radius: 10px;
	text-align: center;
	padding: 2px 4px;
}

.modal-slider {
	padding: 0px !important;
}

.modal-slider .modal-dialog {
	border: none;
	margin: 0px auto;
	box-shadow: none;
	height: 100%;
	right: 0px;
	z-index: 1;
	width: 100%;
	position: absolute;
	max-width: 600px;
}

.modal-slider .modal-dialog .modal-content {
	border-radius: 0px;
	border: none;
	box-shadow: none;
	overflow: auto;
	height: 100%;
	z-index: 1;
	display: inline-block;
	position: absolute;
	right: 0px;
	left: initial;
	min-width: 600px;
	background: #ebf0f4;
	text-align: left;
}

.modal-slider .modal-dialog .modal-content .modal-header {
	padding: 30px 30px 0px 30px;
	width: 100%;
	float: left;
	border: none;
	height: 110px;
	position: fixed;
	top: 0px;
	left: 0px;
	background: white;
	z-index: 1050;
}

.modal-slider .modal-dialog .modal-content .modal-header .modal-title {
	color: #1367a9;
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	text-transform: capitalize;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.modal-slider .modal-dialog .modal-content .close-dismiss-group {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

.modal-slider .modal-dialog .modal-content .close-dismiss {
	position: relative;
	width: 18px;
	height: 18px;
	background: transparent;
	cursor: pointer;
	float: right;
	color: transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1;
}

.modal-slider .modal-dialog .modal-content .close-dismiss-group:hover .close-dismiss {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.modal-slider .modal-dialog .modal-content .close-dismiss .hamb-top {
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	background-color: #1a1a1a;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	top: 50%;
}

.modal-slider .modal-dialog .modal-content .close-dismiss .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #1a1a1a;
	top: 50%;
}

.modal-slider .modal-dialog .modal-content .modal-body {
	padding: 30px;
	width: 100%;
	float: left;
	overflow: visible !important;
}

.modal-slider .modal-dialog .modal-content .modal-footer {
	padding: 0px;
	width: 100%;
	float: left;
	border: none;
	text-align: right;
	margin-top: 10px;
}

.modal-slider .comment-header {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 100%;
	text-align: left;
	background: #ffffff;
	padding: 15px 50px 15px 20px;
	float: left;
	color: #292f4c;
	font-size: 18px;
	text-transform: capitalize;
	line-height: 30px;
	font-weight: 600;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.box-popup-content {
	height: 100%;
	width: 100%;
	position: relative;
	box-shadow: none;
	padding: 80px 20px 110px 20px;
	background: #ebf0f4;
}

.box-popup-content .boxpopup-header {
	width: 100%;
	float: left;
	position: absolute;
	top: 20px;
	left: 0px;
	padding: 0px 20px;
	line-height: 18px;
	z-index: 1;
}

.box-popup-content .boxpopup-header .title-section {
	float: right;
	position: relative;
}

.box-popup-content .boxpopup-header .title-section .title {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	font-weight: normal;
	color: #1376b5;
}

.box-popup-content .boxpopup-header .right-section {
	float: left;
	position: relative;
}

.box-popup-content .boxpopup-header .right-section .box-popup-close {
	color: #1367a9;
	z-index: 5;
	position: relative;
	text-align: center;
	padding: 5px;
	float: left;
	height: 21px;
	line-height: 11px;
}

.box-popup-content .boxpopup-body {
	width: 100%;
	float: left;
	overflow-y: auto;
	height: 100%;
	overflow-x: hidden;
}

.log-list-theme {
	padding: 0;
	width: 100%;
	float: left;
	position: relative;
	margin: 0px;
}

.log-list-theme .log-inner {
	padding: 12px;
	position: relative;
	border-radius: 6px;
	border: 1px solid #cdd7de;
	width: 100%;
	min-height: 80px;
	float: left;
	margin-bottom: 5px;
	list-style: none;
	background: #fff;
}

.log-list-theme .log-inner:hover {
	background: #f3f6f9;
	border: 1px solid #9bacb7;
}

.log-list-theme .log-inner .log-user {
	width: 100%;
	float: left;
	position: relative;
	padding-left: 50px;
	min-height: 40px;
	margin-bottom: 5px;
	/* display: none;
     */
	padding-right: 40px;
}

.log-list-theme .log-inner .log-user .log-user-img {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 0px;
	left: 0px;
	border-radius: 50%;
}

.log-list-theme .log-inner .log-user .log-user-img img {
	width: 40px;
	height: 40px;
	position: relative;
	border-radius: 50%;
}

.log-list-theme .log-inner .log-user .log-user-name {
	color: #000000;
	font-weight: 600;
	width: 100%;
	white-space: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	float: left;
	font-size: 14px;
}

.log-list-theme .log-inner .log-user .log-user-time {
	width: 100%;
	position: relative;
	float: left;
	font-size: 11px;
	color: #a7a7a7;
}

.log-list-theme .log-inner .log-message {
	width: 100%;
	float: left;
	position: relative;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 20px;
}

.log-list-theme .log-inner .log-message strong {
	padding-right: 3px;
}

.send-message {
	width: 100%;
	float: left;
	position: absolute;
	padding: 20px;
	bottom: 0px;
	right: 0px;
}

.send-message .left-selected {
	float: left;
	line-height: 29px;
	font-size: 14px;
}

.send-message .left-selected span {
	font-weight: 600;
}

.send-message .right-actions {
	float: right;
}

.send-message .right-actions .btn {
	margin-left: 5px;
}

.send-message textarea.form-control {
	font-size: 12px;
	border-radius: 9px;
	padding: 8px 12px;
	line-height: 20px;
	box-shadow: none;
	min-height: 70px;
	resize: none;
	width: calc(100% - 45px);
}

.send-message .comment-file {
	width: 34px;
	height: 34px;
	line-height: 32px;
	text-align: center;
	font-size: 17px;
	border-radius: 50%;
	border: 1px solid #268ccc !important;
	position: relative;
	overflow: hidden;
	min-width: 34px;
	margin-left: 5px;
	cursor: pointer;
	background: #fff;
}

.send-message .comment-file input[type="file"] {
	width: 34px;
	padding: 0;
	opacity: 0;
	z-index: 1;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 34px;
	cursor: pointer;
}

.send-message .fa-paperclip {
	color: #268ccc;
	border-radius: 50%;
	width: 32px;
	height: 32px;
	line-height: 32px;
	font-size: 16px;
	min-width: 32px;
}

.send-message .send-action {
	width: 100%;
	float: left;
	position: absolute;
	display: flex;
	justify-content: space-between;
	margin: 20px;
	top: 0px;
	right: 0px;
}

.send-message .send-action .checkbox-theme {
	width: 100%;
}

.send-message .send-action .send-theme {
	width: 100%;
	display: flex;
	justify-content: flex-end;
}

.send-message .sent-btn {
	right: 10px;
	background-color: #268dcd;
	color: #fff;
	border-radius: 50%;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	font-size: 16px;
	min-width: 34px;
	margin-left: 5px;
}

.checkbox-new {
	width: 18px;
	height: 18px;
	position: relative;
}

.checkbox-new .checkbox-input[type="checkbox"] {
	opacity: 0;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	padding-left: 18px;
}

.checkbox-new .checkbox-label {
	width: 18px;
	height: 18px;
	margin: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

.checkbox-new .checkbox-label:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	left: 0;
	margin: 0px;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: white;
	text-align: center;
	color: #fff;
	font-weight: normal;
}

.checkbox-new input[type="checkbox"]:checked+.checkbox-label:before {
	font-family: "FontAwesome";
	content: "\f00c";
	background: #2675b4;
	border: 1px solid #2675b4;
}

.masterformat-group.masterformat-common {
	padding: 40px 0px 0px 0px;
}

.masterformat-group.masterformat-common .masterformat-head {
	left: 0px;
	top: 0px;
	width: 100%;
}

.masterformat-group.masterformat-common .masterformat-body {
	height: 100%;
	margin: 0px 0 10px;
	border-right: 1px solid rgb(235, 240, 244);
}

.masterformat-group {
	height: 100%;
	width: 100%;
	position: relative;
	box-shadow: none;
	padding: 120px 20px 70px 20px;
	/* background: #ebf0f4;
     */
	float: left;
}

.masterformat-group .search-theme-group {
	position: absolute;
	top: 70px;
	left: 0px;
	padding: 0px 20px;
	width: 98%;
}

.masterformat-group .masterformat-head {
	position: absolute;
	width: calc(100% - 40px);
	left: 20px;
	overflow-y: scroll;
}

.masterformat-group .masterformat-body {
	width: 100%;
	float: left;
	overflow-y: scroll;
	height: calc(100% - 40px);
	overflow-x: hidden;
	margin-top: 40px;
}

.masterformat-group .masterformat-body.masterformat-scope-question {
	height: 100%;
	margin: 0px;
}

.masterformat-group .masterformat-single {
	display: flex;
}

.masterformat-group .masterformat-head .masterformat-single .single-box {
	background: #22a740;
	/* border: none;
     */
	color: #ffffff;
	padding: 10px 10px;
	font-size: 14px;
	font-weight: 600;
	height: 40px;
	line-height: 20px;
	border-left: 1px solid #dee2e6;
}

.masterformat-group .masterformat-single.main-spec .single-box {
	font-size: 16px;
	background: #22a740;
	color: #ffffff;
	font-weight: 600;
	min-height: 35px;
	padding: 5px 10px;
}

.masterformat-group .masterformat-single.sub-spec .single-box {
	font-size: 15px;
	font-weight: 600;
}

.masterformat-group .masterformat-single.main-spec .single-box.number,
.masterformat-group .masterformat-single.sub-spec .single-box.number,
.masterformat-group .masterformat-head .masterformat-single .single-box.number {
	padding-left: 12px;
}

.masterformat-group .masterformat-single .single-box {
	font-size: 13px;
	font-weight: 400;
	color: #252525;
	position: relative;
	border-bottom: 1px solid #dee2e6;
	background: #ffffff;
	display: grid;
	width: 100%;
	min-height: 31px;
	padding: 3px 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: middle;
	line-height: 28px;
	border-left: 1px solid #dee2e6;
}

.masterformat-group .masterformat-single.dark-highlight-blue .single-box {
	text-align: center !important;
	color: #329b09;
	font-weight: 600;
}

.masterformat-group .masterformat-single.dark-highlight .single-box {
	font-weight: 600;
}

.masterformat-group .masterformat-single.highlight .single-box {
	background: #e0e6eb;
	color: #000000;
	font-weight: 600;
}

.masterformat-group .masterformat-single .single-box.value-price {
	max-width: 125px;
	text-align: right;
}

.masterformat-group .masterformat-single .single-box.yellow-box {
	background: #ffd025;
	text-align: center;
	font-weight: 600;
}

.masterformat-group .masterformat-single .single-box.amount {
	max-width: 100px;
	text-align: right;
}

.masterformat-group .masterformat-single .single-box.surcharge {
	max-width: 85px;
	text-align: center;
	border-right: 1px solid #dee2e6 !important;
}

.masterformat-group .masterformat-single .single-box.checkbox-group {
	max-width: 40px;
	padding: 9px 10px;
}

.masterformat-group .masterformat-single .single-box.number {
	max-width: 150px;
	padding-left: 16px;
}

.masterformat-group .masterformat-single .single-box.desired-scope {
	max-width: 150px;
}

.masterformat-group .masterformat-single .single-box .form-control {
	height: 24px;
	font-size: 12px;
	max-width: 200px;
	padding: 0px 10px;
	line-height: 22px;
	border: 1px dashed rgba(0, 0, 0, 0.1);
	outline: none !important;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.05);
}

.masterformat-group .masterformat-single.main-sub-spec .single-box {
	background: #f0f0f0;
	color: #2675b4;
	font-size: 14px;
	font-weight: 600;
	line-height: 30px;
}

.masterformat-group .masterformat-single.sub-spec .single-box.number {
	padding-left: 20px;
}

.masterformat-group .masterformat-single.main-sub-spec-detail .single-box.number {
	padding-left: 20px;
}

.masterformat-group .masterformat-single.sub-spec-detail .single-box.number {
	padding-left: 24px;
}

.page-search-group {
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
	margin-bottom: 5px;
}

.page-search-group .form-group {
	width: auto;
	background: transparent;
	padding: 0px;
	float: none;
	vertical-align: top;
	margin: 0px 10px 10px 0px;
	display: inline-block;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .page-search-group .form-group {
	float: right;
	margin: 0;
}

.page-search-group .form-group .checkbox-theme {
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 4px 15px 4px 4px;
}

.performance-group {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 20px;
	padding-left: 375px;
}

.performance-group .performance-group-left {
	width: 375px;
	border-right: 1px solid #c4c9d2;
	float: left;
	margin-left: -375px;
}

.performance-group .performance-group-right {
	width: 100%;
	margin-left: -1px;
	float: left;
	display: flex;
	overflow-x: auto;
	overflow-y: hidden;
}

.performance-group .performance-group-right .masterformat-group {
	min-width: 700px;
}

.search-theme-group {
	width: 100%;
	position: relative;
	float: left;
}

.search-theme-group .form-control {
	border-radius: 4px;
	box-shadow: none;
	outline: none;
	padding: 0px 50px 0px 15px;
	font-size: 13px;
	height: 38px;
	line-height: 36px;
}

.search-theme-group .fa {
	position: absolute;
	top: 0px;
	right: 20px;
	line-height: 38px;
	width: 38px;
	text-align: center;
	padding: 0;
	background: transparent;
}

.dropdown-tablefilter.active .dropdown-menu {
	display: block;
}

.dropdown-tablefilter .dropdown-menu {
	display: none;
	right: 0px;
	left: initial !important;
	margin: 0px;
	margin-top: 11px;
	transform: initial !important;
	padding: 7px 12px;
	border: none;
	background: #FFF;
	border-radius: 10px;
	box-shadow: 0px 6px 10px 10px rgba(0, 0, 0, 0.05);
	max-width: 200px;
}

.dropdown-tablefilter .dropdown-menu .single-checkbox {
	width: 100%;
	float: left;
	padding: 0px 0px 0px 25px;
	position: relative;
	font-size: 13px;
	line-height: 18px;
	margin: 5px 0px;
	cursor: pointer;
}

.dropdown-tablefilter .dropdown-menu .single-checkbox:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	left: 0;
	margin: 0px;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: white;
	text-align: center;
	color: #fff;
	font-weight: normal;
}

.dropdown-tablefilter .dropdown-menu .single-checkbox.active:before {
	font-family: "FontAwesome";
	content: "\f00c";
	background: #2675b4;
	border: 1px solid #2675b4;
}

.scopesheet-detail-group {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
	padding-left: 930px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #fff;
}

.scopesheet-detail-group .scopesheet-left {
	width: 930px;
	float: left;
	margin-left: -930px;
	position: relative;
	display: flex;
	background-color: #fff;
	z-index: 1;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.scopesheet-detail-group .scopesheet-left:after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 1px;
	background: #292f4c;
	z-index: 2;
}

.scopesheet-detail-group .scopesheet-right {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 930px;
	float: left;
	display: flex;
	overflow-y: hidden;
	/*overflow-x: hidden;*/
	overflow-x: auto;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
}

.scopesheet-detail-group .scopesheet-right .scopesheet-group {
	overflow: auto;
}

.scopesheet-group {
	position: relative;
	width: 100%;
}

.scopesheet-group.scopesheet-center {
	max-width: 135px;
	text-align: center;
}

.scopesheet-group.scopesheet-center .single-td {
	border-left: none !important;
}

.scopesheet-group.scopesheet-center:after {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 1px;
	background: #292f4c;
}

.scopesheet-group.sub-scopesheet-group {
	width: 200px;
	min-width: 200px;
}

.scopesheet-group.sub-scopesheet-group.inactive {
	display: none;
}

.scopesheet-group.sub-scopesheet-group {
	display: block;
}

.scopesheet-group.sub-scopesheet-group:after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 1px;
	background: rgba(38, 117, 180, 0.5);
}

.scopesheet-detail-group .scopesheet-left .scopesheet-header-left {
	width: calc(100% - 80px);
}

.scopesheet-group .scopesheet-header {
	border: none;
	font-weight: 600;
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
}

.scopesheet-group .scopesheet-header .scopesheet-single.subhead .single-td {
	overflow: visible;
	text-overflow: inherit;
}

.scopesheet-group .scopesheet-header .single-td {
	/* border: none;
     */
	color: #fff;
	border-left: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
	background: #000000;
	font-weight: 600;
}

.scopesheet-group .scopesheet-header .scopesheet-single.contactinfo .single-td {
	background: #ffffff;
	text-align: center;
	color: #2675b4;
}

.scopesheet-group .scopesheet-header .scopesheet-single {
	display: flex;
	width: 100%;
}

/* .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-single.subhead {
	cursor: move;
} */

.scopesheet-group .scopesheet-body {
	position: relative;
	width: 100%;
	padding-bottom: 35px;
}

.scopesheet-group .scopesheet-body:after {
	content: "";
	width: 100%;
	height: 35px;
	background: #ffffff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 12;
}

.scopesheet-group .scopesheet-body .scopesheet-single {
	white-space: nowrap;
	display: flex;
}

.scopesheet-group .scopesheet-single.edit-mode .single-td {
	background-color: #d1ecf1 !important;
}

.scopesheet-group .single-td.inactive {
	display: none !important;
}

.scopesheet-group .scopesheet-single.superhead .single-td {
	border-left: 1px solid #dee2e6;
	background: #000000;
	color: #fff;
	font-weight: 600;
	font-size: 13px;
	/* height: 96px;
     */
	vertical-align: middle;
	line-height: 24px;
	white-space: initial;
	text-align: center;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name {
	font-size: 20px;
	height: 100%;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name .td-span-input {
	height: auto;
	font-size: 20px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
}

.scopesheet-group .scopesheet-single.subhead .single-td {
	border-left: 1px solid #dee2e6;
	background: #22a740;
	color: #ffffff;
	font-weight: 600;
	font-size: 13px;
	height: 32px;
	vertical-align: middle;
	line-height: 18px;
	border-top: 1px solid #dee2e6;
	text-align: center;
	/*text-transform: capitalize;*/
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

.scopesheet-group .scopesheet-single.subhead:after {
	content: "";
	position: absolute;
	top: 0px;
	right: 0px;
	height: 32px;
	width: 1px;
	/* background: rgba(255, 255, 255, 0.4);
     */
	z-index: 1;
}

.scopesheet-group.sub-scopesheet-group .single-td:first-child {
	border-left: none !important;
}

.scopesheet-group .single-td {
	font-size: 12px;
	font-weight: 600;
	color: #000000;
	position: relative;
	border-top: 1px solid #dee2e6;
	background: #ffffff;
	width: 100%;
	height: 32px;
	padding: 4px 6px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	border-left: 1px solid #dee2e6;
	line-height: 24px;
}

.scopesheet-group .single-td.red-highlight {
	background: rgb(255 0 0 / 0.5);
}

.scopesheet-group .single-td.red-highlight.removeRed {
	background: transparent;
}

.scopesheet-group .single-td.submodule {
	padding: 6px 8px 6px 26px;
}

.scopesheet-group .single-td.input-box {
	padding: 4px 8px;
}

.scopesheet-group .single-td.input-box .copy-row {
	width: 100%;
	float: left;
	display: flex;
}

.scopesheet-group .single-td.input-box .copy-row .copy-row-actions {
	width: 52px;
	height: 23px;
	min-width: 52px;
}

.scopesheet-group .single-td.input-box .copy-row .copy-row-actions .fa {
	float: left;
	width: 23px;
	text-align: center;
	line-height: 23px;
	margin-left: 3px;
	background: #056fc0;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
}

.scopesheet-group .single-td.input-box .copy-row .copy-row-actions .fa:hover {
	background: #292f4c;
}

.scopesheet-group .single-td .td-span-input {
	width: 100%;
	position: relative;
	padding: 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 23px;
	border: 1px dashed transparent;
	outline: none !important;
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	-webkit-appearance: none;
	color: #000;
}

.scopesheet-group .single-td .td-span-input.indents-input {
	margin-left: 10px;
	width: calc(100% - 10px);
	overflow: initial;
	white-space: normal;
	text-overflow: initial;
}

.scopesheet-group .single-td .td-span-input.sub-indents-input {
	margin-left: 20px;
	width: calc(100% - 20px);
}

.scopesheet-group .single-td.input-box .td-span-input {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: 600;
}

.scopesheet-group .single-td.input-box .td-span-input .locked-speccode {
	display: inline-block;
	vertical-align: top;
	width: auto;
	overflow: initial;
	text-overflow: initial;
	height: 22px;
	float: left;
	position: relative;
}

.scopesheet-group .single-td.input-box .td-span-input .locked-speccode:after {
	content: "";
	background: transparent;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	cursor: no-drop;
}

.scopesheet-group .single-td.input-box .td-span-input .sub-specnumber {
	width: 30px;
	height: 22px;
	margin-left: 4px;
	text-align: center;
	border-radius: 4px;
	border: none;
	background: #ececec;
}

.scopesheet-group .single-td.input-box.input-box-active .td-span-input {
	border: 1px dashed rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.15);
}

.scopesheet-group .single-td.spec-list {
	max-width: 110px;
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
	line-height: 16px !important;
}

.scopesheet-group .single-td.basebid {
	text-align: left;
	font-weight: 600;
	font-size: 15px;
	line-height: 19px;
	background: #22a740;
	color: #fff;
}

.scopesheet-group .single-td.spec-desiredscope {
	max-width: 100px;
	text-align: center;
	font-weight: 600;
}

.scopesheet-group .single-td.spec-desiredscope.yes {
	background: #c9e3d2;
	color: #08980c;
}

.scopesheet-group .single-td.spec-desiredscope.no {
	background: #fbd9dd;
	color: #ea0000;
}

.scopesheet-group .single-td.spec-quantity {
	/* min-width: 80px;
     */
	text-align: right;
}

.scopesheet-group .single-td.spec-unit {
	/* min-width: 50px;
     */
	text-align: center;
}

.scopesheet-group .single-td.spec-unitcost {
	/* min-width: 100px;
     */
	text-align: right;
}

.scopesheet-group .single-td.spec-quantity input,
.scopesheet-group .single-td.spec-unitcost input,
.scopesheet-group .single-td.included input {
	text-align: right;
	/* color: #ea0000;
     */
	;
}

.scopesheet-group .single-td.spcost {
	text-align: right;
	background: rgba(209, 214, 224, 0.32);
	font-weight: 600;
	/* color: #ea0000;
     */
	text-overflow: inherit !important;
}



.scopesheet-group .single-td.align-center {
	text-align: center;
}

.scopesheet-group .single-td.yesno {
	max-width: 72px;
	text-align: center;
	font-weight: 600;
}

.scopesheet-group .single-td.yesno.adjustedbasebid {
	text-align: center;
}

.scopesheet-group .single-td.yesno.yes {
	color: #08980c;
	background: #ffffff;
}

.scopesheet-group .single-td.subtotal {
	color: #ea0000;
	text-align: right;
	font-weight: 600;
	text-overflow: inherit !important;
}

.scopesheet-group .scopesheet-single.subtotal-row .single-td {
	min-height: 40px;
	padding: 7px 8px;
	border-top: 1px solid #2675b4;
	line-height: 25px;
	font-weight: 600;
	font-size: 14px;
}

.scopesheet-group .scopesheet-single.adjustedbasebid-row .single-td {
	min-height: 40px;
	padding: 7px 8px;
	line-height: 25px;
	font-weight: 600;
	font-size: 14px;
	background-color: #22a740 !important;
	color: #fff !important;
}

.scopesheet-group .scopesheet-single.notes-row .single-td {
	min-height: 40px;
	padding: 7px 8px;
	line-height: 25px;
	font-weight: 600;
	font-size: 14px;
	background-color: #dedede !important;
	color: #4a4a4a !important;
	text-align: right;
}

.scopesheet-group .scopesheet-single.notes-row .single-td.notes-active {
	background-color: #dedede !important;
}

.scopesheet-group .scopesheet-single.notes-row .single-td.row-action {
	background-color: #ffffff !important;
}

.scopesheet-group .scopesheet-single.notes-row .single-td.notes-td {
	width: 100%;
	text-align: center;
}

.scopesheet-group .scopesheet-single.notes-row .single-td.notes-td.blank-space {
	width: 65px !important;
	min-width: 65px !important;
	background: #fff !important;
}

.scopesheet-group .scopesheet-single.notes-row .single-td.notes-td .fa {
	display: inline-block;
	vertical-align: top;
	float: none;
	line-height: 24px;
	width: 26px;
	height: 26px;
	text-align: center;
	font-size: 14px;
	color: #2675b4;
	background: #fff;
	border-radius: 8px;
	border: 1px solid rgb(0 0 0 / 0.2);
}

.scopesheet-group .scopesheet-single.notes-row .single-td.notes-td.notes-active .fa {
	background: #ffbb00;
	color: #000;
}

.scopesheet-group .scopesheet-single.notes-row .single-td.notes-td .fa:hover {
	background: #0070c0;
	color: #fff;
}

.scopesheet-group .scopesheet-single.adjustedbasebid-row.selected-contractor .single-td {
	background: #9dd49d !important;
}

.scopesheet-group .scopesheet-body .scopesheet-single.adjustedbasebid-row .single-td {
	border-bottom: 1px solid #dee2e6;
}

.scopesheet-group .scopesheet-body .scopesheet-single.adjustedbasebid-row .single-td.active {
	background-color: #000 !important;
}

.scopesheet-group .scopesheet-body .scopesheet-single.adjustedbasebid-row .single-td.row-action {
	border-color: #fff;
	background-color: #ffffff !important;
}

.scopesheet-group .scopesheet-single.adjustedbasebid-row .single-td .switch-group.switch-small .switch {
	margin: 5px 0px;
}

.scopesheet-group .single-td.subtotal input {
	color: #2675b4;
	text-align: right;
	font-weight: 600;
}

.scopesheet-group .single-td.adjustedbasebid {
	/* color: #ea0000;
     */
	text-align: right;
	font-weight: 600;
	background: #fff !important;
}

.scopesheet-group .single-td.yesno.no {
	color: #ea0000;
	background: #ffffff;
}

.scopesheet-group .single-td.included-type {
	min-width: 65px;
	width: 65px;
	text-align: center;
}

.scopesheet-group .single-td.value-price {
	text-align: right;
	font-weight: 600;
}

.scopesheet-group .single-td.other-sub {
	background: #bcdff6;
}

.scopesheet-group .single-td.other-sub .td-span-input {
	text-align: right;
}

.scopesheet-group .single-td.estimate .td-span-input {
	text-align: right;
	/* color: #ea0000;
     */
	;
}

.scopesheet-group .single-td.value-price.adjustedbasebid {
	color: #4c4c4c;
}

.scopesheet-group .single-td.value-price.high-low-value {
	background-color: #ffbb00;
	color: #fff;
}

.scopesheet-group .single-td.value-price.high-low-value .td-span-input {
	color: #000;
}

.scopesheet-group .single-td.notincluded {
	color: #ea0000;
	text-align: center;
}

.scopesheet-group .single-td.included {
	color: #08980c;
	text-align: center;
}

.scopesheet-group .single-td.yellow-price {
	text-align: right;
	font-weight: 600;
	font-size: 15px;
	line-height: 19px;
	background: #22a740;
	color: #fff;
}

.scopesheet-group .scopesheet-body .scopesheet-single.basebid .single-td {
	background: #22a740;
	color: #fff;
}

.scopesheet-group .scopesheet-body .scopesheet-single.adjustedbasebid-row .single-td.sub-contractor-selection {
	background-color: #ffffff !important;
}

.scopesheet-group .single-td.yellow-price input {
	font-size: 15px;
	text-align: right;
	font-weight: 600;
	color: #ffffff;
}

.scopesheet-group .single-td.estimatebudget .td-span-input {
	text-align: right;
}

.scopesheet-group .single-td.row-action {
	min-width: 25px;
	width: 25px;
	background: #ffffff !important;
	border-right: 1px solid #ebf0f4 !important;
	border-top: 1px solid #ffffff !important;
	padding: 0px;
	overflow: initial;
	border-left: none !important;
}

.scopesheet-group .single-td.row-action .dropdown-menu {
	position: absolute;
	border-radius: 8px;
	background-color: #ffffff;
	box-shadow: 0 4px 17px 6px rgba(0, 0, 0, 0.1);
	left: 7px !important;
	margin: 0px;
	border: none !important;
	padding: 8px 0px !important;
	overflow: hidden;
}

.scopesheet-group .single-td.row-action .dropdown-menu .dropdown-item {
	display: flex;
	align-items: center;
	padding: 4px 12px;
	cursor: pointer;
	color: #333333;
	font-weight: 400;
	font-size: 13px;
	line-height: 20px;
	letter-spacing: 0px;
	white-space: nowrap;
	text-decoration: none;
	background: #fff !important;
}

.scopesheet-group .single-td.row-action .dropdown-menu .dropdown-item>.fa {
	font-size: 13px;
	line-height: 20px;
	width: 20px;
	text-align: left;
	opacity: 0.7;
}

.scopesheet-group .single-td.row-action .dropdown-menu .dropdown-item:hover {
	color: #2675b4;
}

.scopesheet-group .single-td.row-action .dropdown-menu .dropdown-divider {
	background-color: #ffffff;
	border-top: 1px solid #E1E1E1;
	margin: 8px 0px;
}

.scopesheet-group .scopesheet-single .single-td.row-action .caret-action {
	display: none;
}

.scopesheet-group .scopesheet-single:hover .single-td.row-action .caret-action {
	display: block;
}

.scopesheet-group .scopesheet-single .single-td.row-action .caret-action .dropdown-toggle::after {
	display: none;
}

.scopesheet-group .single-td.row-action .caret-action {
	width: 16px;
	height: 16px;
	margin: 7px 4px;
}

.scopesheet-group .single-td.row-action .caret-action .dropdown-toggle .fa {
	float: left;
	width: 16px;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
	background: #ffffff;
	text-align: center;
	border-radius: 50%;
	color: #424242;
	cursor: pointer;
}

.scopesheet-group .scopesheet-body .scopesheet-single.division-selected .single-td.row-action .caret-action .dropdown-toggle .fa {
	background: #2675b4;
	color: #fff;
}

.scopesheet-group .scopesheet-body .scopesheet-single.division-selected .single-td {
	background: #bcdff6;
	color: #2675b4;
	font-weight: 600;
	font-size: 16px;
	min-height: 39px;
}

.scopesheet-group .scopesheet-body .scopesheet-single.main-spec-alt .single-td {
	color: #ffffff;
	background: #0070c0;
	font-weight: 600;
}

.scopesheet-group .scopesheet-body .scopesheet-single.main-spec-alt .single-td .td-span-input {
	color: #2675b4;
	font-weight: 600;
}

.scopesheet-scroll-group .scopesheet-alternate-group .single-td.input-box.spec-description {}

.scopesheet-detail-group.scopesheet-unitprice-group .single-td.spec-description {
	/*max-width: 525px;
     */
}

.switch-group.switch-small .switch {
	width: 26px;
	height: 14px;
	margin: 5px 0px;
}

.switch-group.switch-small .switch input {
	opacity: 0;
	width: 0;
	height: 0;
	outline: none !important;
	box-shadow: none !important;
}

.switch-group.switch-small .slider {
	color: #bfbfbf;
	background: #bfbfbf;
}

.switch-group.switch-small .slider:before {
	height: 14px;
	width: 14px;
	left: -1px;
	top: -1px;
	color: #bfbfbf;
}

.switch-group.switch-small input:checked+.slider {
	background-color: #22a740;
	border-color: #22a740;
}

.switch-group.switch-small input:focus+.slider {
	box-shadow: 0 0 1px #2196F3;
}

.switch-group.switch-small input:checked+.slider:before {
	-webkit-transform: translateX(12px);
	-ms-transform: translateX(12px);
	transform: translateX(12px);
	border-color: #3e9a3e;
}

.switch-group.switch-small .slider.round {
	border-radius: 26px;
}

.table-bts {
	display: inline-block;
	vertical-align: top;
	float: none;
	white-space: nowrap;
}

.table-bts .btn-table {
	display: inline-block;
	vertical-align: top;
	float: none;
	white-space: nowrap;
	line-height: 20px;
	text-align: center;
	font-size: 11px;
	padding: 0px 6px;
	background: #ebf0f4;
	margin-right: 5px;
	border-radius: 3px;
	color: #292f4c;
	font-weight: 600;
}

.table-bts .btn-table:hover {
	background: #c4c9d2;
}

.chosen-container {
	width: 100%;
	margin: 0px;
	border: 1px solid #d3d8da;
	float: left;
	outline: none;
	box-shadow: none;
	font-size: 13px;
	padding: 0px 12px;
	min-height: 32px;
	line-height: 30px;
	border-radius: 3px !important;
	position: relative;
}

.chosen-container ul.chosen-choices {
	width: 100%;
	margin: 0px;
	border: 0;
	float: left;
	outline: none;
	box-shadow: none;
	font-size: 13px;
	padding: 0;
	height: auto;
	position: relative;
	background-image: none;
}

/*06-04-2020-start*/

.theme-panel-top-actions {
	width: 100%;
	float: left;
	position: relative;
	text-align: right;
	margin-bottom: 1rem;
}

.theme-panel-top-actions a {
	float: right;
	height: 30px;
	font-size: 13px;
	line-height: 28px;
	padding: 0px 20px;
	background: #292f4c;
	border-radius: 360px;
	color: #ffffff;
	border: 1px solid #292f4c;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: 600;
}

.checkbox-list {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
	max-height: 200px;
	overflow-y: auto;
	padding-left: 1px;
}

.table-theme tbody tr.archived-tr td {
	background-color: #e6e6e6 !important;
	opacity: 0.4;
	cursor: auto !important;
}

.table-theme tbody tr.archived-tr td:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.table-theme tbody tr.disable-tr td {
	background-color: #e6e6e6 !important;
	opacity: 0.4;
	cursor: auto !important;
}

.table-theme tbody tr.disable-tr td:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.table-theme tbody tr td.disable-td {
	background-color: #e6e6e6 !important;
	opacity: 0.4;
	cursor: auto !important;
}

.table-theme tbody tr td.disable-td:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.page-top-actions li .header-action ul.dropdown-menu li a {
	color: #495057 !important;
	background-color: transparent;
	float: none;
	display: inline-block;
	margin: 4px 0px !important;
	text-align: center;
}

.page-top-actions li .header-action ul.dropdown-menu li {
	text-align: center;
}

.page-top-actions li .header-action ul.dropdown-menu {
	width: 100px !important;
	min-width: 100px !important;
}

.page-top-actions li .upload-btn {
	cursor: pointer;
	overflow: hidden;
	position: relative;
}

.page-top-actions li .upload-btn .upload-input {
	cursor: pointer;
	width: 100%;
	opacity: 0;
	position: absolute;
	right: 0;
	left: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
}

.page-top-actions li .upload-btn .upload-text {
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.fileupload {
	width: 100%;
	float: left;
	position: relative;
}

.fileupload .drag-drop-box {
	width: 100%;
	border-radius: 8px;
	float: left;
	padding: 10px;
	border: 2px dashed #d3d2d2 !important;
	background: #fff;
	max-height: 260px;
	overflow-x: auto;
	font-size: 14px !important;
	/* line-height: 76px !important; */
	vertical-align: middle;
	position: relative;
	top: 0px;
}

.fileupload .btn-file>input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	font-size: 23px;
	width: 100%;
	cursor: pointer;
	height: 100%;
}

.fileupload .drag-drop-box .fileupload-new {
	font-size: 15px;
	color: #6e6e6e;
	margin: 0px 0px 10px;
	padding: 4px 8px;
	background: #e0e6eb;
	display: inline-block;
	width: calc(50% - 5px);
	border-radius: 4px;
	text-align: center;
}

.fileupload .drag-drop-box .fileupload-new:nth-child(odd) {
	margin-right: 10px;
}

.fileupload .drag-drop-box .fileupload-new i {
	padding-right: 9px;
}

.dummy-file {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 20px;
	font-size: 14px;
	color: #000000;
	line-height: 26px;
	font-weight: 600;
}

.top-sheet-detail-group.matrix-detail-group .top-sheet-right {
	padding-left: 800px;
}

.matrix-detail-group .top-sheet-left {
	width: 800px;
	float: left;
	background-color: #fff;
}

.matrix-detail-group .top-sheet-group {
	padding-top: 35px;
}

.matrix-detail-group .top-sheet-single.check-header .single-td {
	border-bottom: 1px solid #dee2e6;
}

.matrix-detail-group .top-sheet-single.check-header .single-td.row-action {
	border-bottom: 1px solid #ffffff !important;
}

.matrix-detail-group .top-sheet-single .single-td .checkbox-theme {
	margin: 0;
}

.matrix-detail-group .single-td.alt {
	min-width: 60px;
	width: 60px;
}

.matrix-detail-group .top-sheet-group .top-sheet-body .single-td.alt.up {
	background-color: rgba(255, 193, 7, 0.11);
}

.matrix-detail-group .top-sheet-group .top-sheet-body .single-td.alt {
	background-color: rgba(158, 158, 158, 0.14);
}

.matrix-detail-group .single-td.alt.unitprice-start {
	border-left: 10px solid #354388 !important;
}

.matrix-detail-group .single-td.base-bid .checkbox-new,
.matrix-detail-group .single-td.alt .checkbox-new {
	margin: 0;
	width: 100%;
	float: left;
	position: relative;
}

.matrix-detail-group .top-sheet-group .bid-package {
	background-color: #000000 !important;
	color: #ffffff;
}

.matrix-detail-group .top-sheet-group .bid-package.white {
	/* background-color: #ffffff !important;
     */
	/* color: #000000;
     */
}

.matrix-detail-group .top-sheet-group .top-sheet-single.main-spec .single-td .bid-package,
.matrix-detail-group .top-sheet-group .top-sheet-header .bid-package {
	background: #22a740;
	color: #ffffff;
}

.top-sheet-group .top-sheet-single.main-spec .single-td .checkbox-new {
	padding-left: 28px !important;
	margin-top: 4px;
}

.form-group .input-group.add-new.disabled:after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.form-group .input-group.add-new .form-control {
	padding-right: 34px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.form-group .input-group.add-new:hover .add-items {
	display: block;
}

.form-group .input-group.add-new .add-items {
	position: absolute;
	width: 32px;
	height: 32px;
	top: 0;
	right: 0;
	text-align: center;
	line-height: 30px;
	color: #616c76;
	border: 1px solid #d3d8da;
	border-radius: 0 4px 4px 0;
	background: #e0e6eb;
	display: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	z-index: 1;
}

.scopesheet-group .scope-question-body.scopesheet-body {
	padding-bottom: 0;
}

.scopesheet-group .scope-question-body.scopesheet-body:after {
	display: none;
}

.scopesheet-group .scope-question-body.scopesheet-body .scopesheet-single .single-td.yesno {
	width: 100%;
	max-width: 100%;
}

.scopesheet-group .scope-question-body.scopesheet-body .field-input .single-td {
	padding: 4px;
}

.scopesheet-group .scope-question-body.scopesheet-body .td-span-input {
	border: 1px dashed rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.05);
}

.scopesheet-group .scope-question-body.scopesheet-body .single-td .number-range {
	width: 100%;
	float: left;
	position: relative;
	padding: 0 45px;
}

.scopesheet-group .scope-question-body.scopesheet-body .single-td .number-range .number-left {
	width: 45px;
	margin-left: -45px;
	float: left;
}

.scopesheet-group .scope-question-body.scopesheet-body .single-td .number-range .number-right {
	width: 45px;
	margin-right: -45px;
	float: right;
}

.scopesheet-group .scope-question-body.scopesheet-body .single-td .number-range span {
	font-size: 12px;
	font-weight: 400;
	color: #4c4c4c;
	width: 100%;
	float: left;
	text-align: center;
	line-height: 23px;
}

.table-theme.table-role tr th.left,
.table-theme.table-role tr td.left {
	text-align: left;
}

.filter-body-group {
	width: 100%;
	float: left;
	position: relative;
}

.filter-body-group .form-theme {
	width: 100%;
	float: left;
	position: relative;
}

.filter-body-group .form-theme .form-group {
	padding: 0;
	margin: 0;
}

.filter-body-group .form-theme .form-group label {
	float: left;
	position: relative;
	color: #8a8c90;
	font-size: 13px;
	width: 100%;
	margin: 0;
}

.filter-body-group .form-theme {
	width: 100%;
	float: left;
	position: relative;
	padding: 15px;
	margin-bottom: 15px;
	background-color: #fff;
	border: 1px solid #e1e6ec;
	border-radius: 2px;
}

.filter-body-group .form-theme .form-group {
	padding: 0;
	margin: 0;
}

.filter-body-group .form-theme .form-group .check-group {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.filter-active {
	position: relative;
}

.filter-active:before {
	position: absolute;
	content: '';
	background-color: #e74c3c;
	border-radius: 50%;
	display: inline-block;
	top: 2px;
	right: 2px;
	width: 6px;
	height: 6px;
}

.project-detail-header {
	width: 100%;
	float: left;
	position: relative;
	background: #fff;
	margin-bottom: 10px;
}

.project-detail-header .header-tab {
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
}

.project-detail-header .header-tab .form-group {
	width: auto;
	background: transparent;
	padding: 0px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin: 0px 10px 0px 0px;
}

.project-detail-header .header-tab .form-group .btn-theme.active {
	background: #292f4c;
}

.top-sheet-group .single-td.bluenumber {
	min-width: 140px;
	width: 140px;
	text-align: right;
}

.top-sheet-group .top-sheet-body .top-sheet-single.unit-spec .single-td {
	background: #ffffff;
	font-size: 18px;
	line-height: 22px;
}

.top-sheet-group .top-sheet-body .top-sheet-single.unit-spec .single-td.input-box {
	background: black;
}

.top-sheet-group .top-sheet-body .top-sheet-single.unit-spec .single-td .td-span-input {
	background: black;
	font-size: 18px;
	color: #fff;
}

.top-sheet-group .single-td.base-value {
	min-width: 180px;
	text-align: right;
}

.top-sheet-group .single-td.manual-markup {
	min-width: 180px;
	width: 180px;
	text-align: right;
}

.top-sheet-group .single-td.total {
	min-width: 180px;
	width: 180px;
	text-align: right;
}

.top-sheet-group .single-td.asbid {
	min-width: 180px;
	width: 180px;
	text-align: right;
}

.top-sheet-group .single-td.vendor {
	min-width: 180px;
	width: 180px;
	text-align: right;
}

.top-sheet-group .single-td.asbid .td-span-input {
	text-align: right;
}

.top-sheet-group .single-td.manual-markup .td-span-input {
	text-align: right;
}

.table-theme tbody tr.team-member-bid-package td:first-child {
	padding-left: 50px;
}

.team-member-role.table tbody+tbody {
	border-top: 0px solid #dee2e6;
}

.left-tab-menu {
	width: 100%;
	float: left;
	position: relative;
}

.left-tab-menu .nav-tabs {
	width: 100%;
	float: left;
	position: relative;
	margin: 0px;
	border: none;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
}

.page-nav-tabs .nav-tabs li {
	position: relative;
	display: block;
	margin: 0px !important;
	padding: 0px !important;
	background: transparent !important;
	border: none !important;
}

.left-tab-menu .nav-tabs .nav-item {
	color: #292f4c;
	padding: 12px 20px !important;
	background: #ebf0f4 !important;
	line-height: 20px;
	font-size: 15px;
	display: inline-block;
	vertical-align: top;
	flex-wrap: initial;
	position: relative;
	width: 100%;
	float: left;
	margin-bottom: 0px;
	border-radius: 0px 0px 0px 0px;
	font-weight: 600;
	border: none !important;
	border-right: none !important;
	border-left: 8px solid #ebf0f4 !important;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.left-tab-menu .nav-tabs .nav-item:after {
	content: "";
	height: 1px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: calc(100% - 20px);
	z-index: 1;
	background: rgba(0, 0, 0, 0.1);
}

.left-tab-menu .nav-tabs .nav-item:last-child:after,
.left-tab-menu .nav-tabs .nav-item.active:after {
	display: none;
}

.left-tab-menu .nav-tabs .small-title {
	width: 100%;
	float: left;
	font-size: 12px;
	color: gray !important;
	font-weight: normal;
	margin-top: 0px;
}

.left-tab-menu .nav-tabs .nav-item:hover {
	color: #329b09;
}

.left-tab-menu .nav-tabs .nav-item .fa {
	margin-right: 10px;
}

.left-tab-menu .nav-tabs li.recomended .nav-item:after {
	content: "\f14a";
	font-family: FontAwesome;
	color: green;
	margin-left: 6px;
	font-size: 16px;
	line-height: 20px;
}

.left-tab-menu .nav-tabs .nav-item.active,
.left-tab-menu .nav-tabs .nav-item.active:hover {
	border-bottom: none;
	color: #329b09;
	background-color: #ffffff !important;
	border-left: 8px solid #329b09 !important;
	padding: 12px 20px !important;
	box-shadow: 0px 3px 25px rgb(204, 207, 224);
	z-index: 1;
	margin-top: -1px;
}

.main-page-body.page-theme-tabs .left-tab-menu {
	position: relative;
	width: 230px;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin-left: -230px;
	background: #ebf0f4;
	z-index: 1;
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	display: none;
}

.main-page-body.page-theme-tabs.show-menu .left-tab-menu {
	display: block;
}

.main-page-body.page-theme-tabs .tab-content {
	width: 100%;
	float: left;
	padding: 0px;
	position: absolute;
	z-index: 2;
	background: #fff;
	top: 0px;
	right: 0px;
	height: 100%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main-page-body.page-theme-tabs.show-menu .tab-content {
	width: calc(100% - 230px);
}

.main-page-body.page-theme-tabs .tab-content .tab-pane {
	padding: 20px 20px 75px 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

.main-page-body.page-theme-tabs .tab-content.general-conditions-tab .tab-pane .table-general-conditions {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
}

.main-page-body.page-theme-tabs .tab-content.general-conditions-tab .tab-pane .table-general-conditions .table-responsive {
	height: auto;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group {
	width: auto;
	float: right;
	position: relative;
	right: inherit;
}

.main-page-body.page-theme-tabs.show-menu {
	padding: 0px 0px 0px 230px;
	background: #ffffff;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.main-page-body.page-theme-tabs:before {
	content: "";
	background: #ebf0f4;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	height: 100%;
	z-index: 1;
}

.main-page-body.page-theme-tabs:after {
	content: "";
	background: white;
	position: fixed;
	top: 0px;
	right: 17px;
	width: calc(100% - 307px);
	height: 100%;
	z-index: 1;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.page-area.full-menu-active .main-page-body.page-theme-tabs:after {
	width: calc(100% - 447px);
}

.left-menu-ul {
	background: #ebf0f4;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-left: 0px;
}

.left-menu-ul .nav-item-li {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.left-menu-ul .nav-item-li:before {
	position: absolute;
	content: '';
	left: 22px;
	height: 100%;
	top: 0;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.2);
}

.left-menu-ul .nav-item-li:after {
	position: absolute;
	content: '';
	top: 20px;
	left: 16px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #dee2e6;
	background-color: #fff;
}

.left-menu-ul .nav-item-li.active:after {
	background-color: #22a740;
}

.left-menu-ul .nav-item-li:first-child {
	border-top: 0;
}

.left-menu-ul .nav-item-li:first-child:before {
	top: 28px;
	height: 21px;
}

.left-menu-ul .nav-item-li:last-child:before {
	top: 0;
	height: 28px;
	/* width: 0;
     */
	;
}

.left-menu-ul .nav-item-li:last-child .dropdown-menu:before {
	width: 0;
}

.left-menu-ul .nav-item-li.active>.nav-item {
	color: #000000;
}

.left-menu-ul .nav-item-li.active .dropdown-menu .nav-item.active {
	background: #292f4c;
	color: #fff;
}

.left-menu-ul .nav-item-li .nav-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 12px 15px 12px 40px;
	font-size: 14px;
	line-height: 26px;
	color: #292f4c;
	font-weight: 600;
}

.left-menu-ul .nav-item-li .nav-item:before {
	content: "";
	position: absolute;
	right: 0px;
	width: calc(100% - 40px);
	top: -1px;
	height: 1px;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 4;
}

.left-menu-ul .dropdown-menu {
	width: 100%;
	display: none;
	vertical-align: top;
	position: relative !important;
	padding: 10px 10px 10px 40px;
	margin: 0px;
	background: rgb(207, 215, 224) !important;
	border-radius: 0px;
	transform: initial !important;
	top: 100% !important;
	border: none !important;
}

.left-menu-ul .dropdown-menu:before {
	content: "";
	position: absolute;
	content: '';
	left: 22px;
	height: 100%;
	top: 0;
	width: 1px;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 4;
}

.left-menu-ul .dropdown-menu.show {
	display: block;
}

.left-menu-ul .dropdown-menu .nav-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 5px 15px 5px 0px;
	line-height: 25px;
	color: #828282;
	font-size: 12px;
	position: relative;
	background: #fff;
	padding: 5px 14px;
	border-radius: 8px;
	font-weight: normal;
}

.left-menu-ul .dropdown-menu .nav-item:before {
	content: "";
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 1px;
}

.left-menu-ul .dropdown-menu .nav-item:first-child:before {
	display: none;
}

.scopesheet-group .scopesheet-header .scopesheet-single.contactinfo .single-td .fa {
	font-size: 16px;
	color: #2675b4;
}

.table-theme tbody tr td.select-bid-package .td-span-input {
	width: 100%;
	position: relative;
	padding: 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 23px;
	border: 1px dashed transparent;
	outline: none !important;
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.table-theme tbody tr td.select-bid-package select {
	-webkit-appearance: none;
	appearance: none;
}

.table-theme tbody tr td.select-bid-package.input-box-active .td-span-input {
	border: 1px dashed rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.05);
}

.page-header-actions .dropdown {
	display: inline-block;
	vertical-align: top;
	float: none;
}

.page-header-actions .dropdown .dropdown-menu {
	right: 0px;
	left: initial !important;
	margin: 0px;
	margin-top: 40px;
	transform: initial !important;
	padding: 6px;
	border: none;
	width: 100px !important;
	min-width: 100px !important;
	background: #FFF;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0px 6px 10px 10px rgba(0, 0, 0, 0.05);
}

.page-header-actions .dropdown .dropdown-menu li {
	width: 100%;
	float: left;
	margin: 0px;
	padding: 0px;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

.page-header-actions .dropdown .dropdown-menu li a {
	color: #1e7e34;
	background-color: transparent;
	float: none;
	display: inline-block;
	margin: 4px 0px;
	text-align: center;
	border: 1px solid #1e7e34;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-weight: 600;
	height: 30px;
	font-size: 13px;
	line-height: 28px;
	border-radius: .2rem;
	width: 100%;
}

.project-detail-header .nav-tabs {
	float: left;
	position: relative;
	border: none;
	height: 40px;
	padding: 0;
	margin-bottom: 0;
}

.project-detail-header .nav-tabs li.summery-tab-theme {
	width: 100%;
	float: left;
}

.project-detail-header .nav-tabs li.summery-tab-theme .tab-list {
	margin: 0px;
	padding: 0px 0px 4px 0px;
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	width: 100%;
	float: left;
}

.project-detail-header .nav-tabs li.summery-tab-theme .tab-list li {
	width: auto;
	float: none;
	padding: 0px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin: 0px 5px 0px 0px;
}

.project-detail-header .nav-tabs li.summery-tab-theme .tab-list li a {
	float: left;
	margin: 0px;
}

.project-detail-header .nav-tabs li.summery-tab-theme .tab-list::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.project-detail-header .nav-tabs li {
	float: left;
	position: relative;
	flex-shrink: 0;
	list-style: none;
}

.project-detail-header .nav-tabs li a {
	position: relative;
	padding: 0px 13px;
	float: left;
	font-size: 13px;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #dee4e8;
	margin: 0 2px;
	min-height: 30px;
	line-height: 28px;
}

.project-detail-header .nav-tabs li.active a {
	background-color: #ebf0f4;
}

.page-header-actions .dropdown-tablefilter {
	display: inline-block;
	vertical-align: top;
	float: none;
}

.top-sheet-detail-group.add-spec-group {
	padding: 0;
}

.top-sheet-detail-group.add-spec-group .top-sheet-left {
	width: 100%;
	margin-left: 0;
	position: relative;
}

.top-sheet-detail-group.bid-summary-group .top-sheet-right {
	padding-left: 700px;
}

.bid-summary-group .top-sheet-left {
	width: 700px;
	float: left;
}

.top-sheet-group .single-td.amount {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.top-sheet-group .single-td.comment {
	min-width: 230px;
	width: 230px;
}

.top-sheet-group .single-td.comment .td-span-input {
	/* color: #ea0000;
     */

}

.top-sheet-group .single-td.basebid {
	min-width: 120px;
	width: 120px;
	text-align: right;
}

.top-sheet-group .single-td.alternate {
	width: 120px;
	min-width: 120px;
	text-align: right;
}

.top-sheet-group .single-td.alternate .switch-group {
	float: right;
	margin: 4px 0 0 4px;
}

.top-sheet-group .single-td.basebid .td-span-input {
	text-align: right;
}

.top-sheet-group .single-td.alternate .td-span-input {
	text-align: right;
}

.bid-summary-group .top-sheet-body .top-sheet-single.total-amount {
	padding-bottom: 12px;
}

.theme-panel-footer.footer-action {
	border: 0;
}

.page-top-actions li.export-dropdown .dropdown-menu {
	right: 0 !important;
	left: inherit !important;
	margin-top: 30px;
	transform: initial !important;
	text-align: right;
	padding: 5px;
	border-radius: 18px;
	top: 5px !important;
	width: auto;
	min-width: initial;
}

.page-top-actions li.export-dropdown .dropdown-menu a {
	white-space: nowrap;
	margin: 4px !important;
	background: #2675b4;
	border: 1px solid #2675b4;
}

.project-step-actions {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	float: none;
	position: absolute;
	right: 0px;
	bottom: 0px;
	padding: 20px 20px;
	background: #fff;
	z-index: 1;
}

.project-step-actions .left-actions {
	float: left;
	text-align: left;
}

.project-step-actions .left-actions .alert {
	margin: 0px;
	padding: 5px 12px;
	font-size: 13px;
}

.project-step-actions .left-actions .btn {
	margin: 0px 5px 5px 0px;
}

.project-step-actions .right-actions {
	float: right;
	text-align: left;
}

.project-step-actions .right-actions .btn {
	margin: 0px 0px 5px 5px;
}

body.fullscreen-active .page-title-group {
	z-index: 0;
}

body.fullscreen-active .breadcrumb-group {
	z-index: 200;
	top: 0px;
	left: 0px;
	position: fixed;
	padding: 10px 50px 10px 20px;
}

body.fullscreen-active .breadcrumb-group .menu-step,
body.fullscreen-active .breadcrumb-group .breadcrumb-theme,
body.fullscreen-active .breadcrumb-group #fullscreen {
	display: none;
}

body.fullscreen-active .breadcrumb-group .menu-step {
	display: none;
}

body.fullscreen-active .scopesheet-fixed {
	position: fixed;
	top: 51px;
	left: 0px;
	width: 100%;
	height: calc(100% - 51px);
	z-index: 20000000;
	background: #fff;
}

body.fullscreen-active .close-fullscreen {
	display: block;
}

.close-fullscreen {
	display: none;
	position: fixed;
	top: 10px;
	right: 10px;
	width: 30px;
	height: 30px;
	background: rgb(11, 72, 121);
	cursor: pointer;
	z-index: 1000 !important;
	border-radius: 50%;
	z-index: 200;
}

.close-fullscreen:before {
	content: "";
	background-image: url(../images/theme-plus-icon.png);
	background-size: 15px;
	width: 15px;
	height: 15px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 8px;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.project-info-group {
	width: 100%;
	float: left;
	background: #ffffff;
	padding: 6px 20px 0px 20px;
	z-index: 2;
	position: relative;
	text-align: left;
}

.project-info-group .project-info-single {
	margin-bottom: 5px;
	vertical-align: top;
	margin-right: 3px;
	white-space: nowrap;
	display: flex;
	float: left;
	background: #ebf0f4;
	/*padding: 3px 12px;
	font-size: 13px;*/
	padding: 3px 8px;
	font-size: 12px;
	border-radius: 180px;
	align-items: center;
}

.project-info-group .project-info-single .theme-label {
	white-space: nowrap;
	position: relative;
}

.project-info-group .project-info-single .input-group {
	white-space: nowrap;
	font-weight: 700;
	margin-left: 5px;
	padding-left: 5px;
	position: relative;
}

.project-info-group .project-info-single .theme-label:before {
	content: ":";
	position: absolute;
	right: -7px;
	top: 0px;
}

.project-info-group .project-info-single.buliding-sf .input-group:before {
	top: 7px !important;
}

.project-info-group .project-info-single.buliding-sf .input-group .input-group-label {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.project-info-group .project-info-single.buliding-sf .input-group .input-group-amount {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.project-info-group .project-info-single.buliding-sf .input-group .input-group-label span {
	width: 33.3%;
	text-align: center;
}

.project-info-group .project-info-single.buliding-sf .input-group .input-group-amount span {
	width: 33.3%;
	text-align: center;
}

.page-title-group .page-title .status {
	float: right;
	padding-left: 18px;
	font-size: 16px;
	font-weight: normal;

}

.page-title-group .page-title .status .fa {
	color: #22a740;
	font-size: 18px;
}

.ui-tooltip {
	font-size: 12px !important;
	padding: 5px !important;
	background-color: #292f4c !important;
	color: #fff !important;
	box-shadow: none !important;
}

body.fullscreen-active .top-sheet-detail-group {
	position: fixed;
	top: 51px;
	left: 5px;
	width: 100%;
	height: calc(100% - 51px);
	z-index: 20000000;
	background: #fff;
}

body.fullscreen-active .top-sheet-detail-group .my-user-page .project_list.op_project_list {
	height: calc(100vh - 80px) !important;
	margin: 5px;
}

body.fullscreen-active .top-sheet-detail-group .top-sheet-body {
	padding-bottom: 20px;
}

.monthday-group {
	width: 100%;
	float: left;
	position: relative;
	display: flex;
}

.monthday-group .monthday-single {
	width: 100%;
	float: left;
	position: relative;
	display: flex;
}

.monthday-group .monthday-single+.monthday-single {
	margin-left: 30px;
}

.monthday-group .monthday-single span {
	line-height: 30px;
	padding: 0px 10px;
	font-size: 12px;
	color: #252525;
	border: 1px solid #d3d8da;
	border-radius: 3px !important;
	background: #d3d8da;
	margin-left: 5px;
	white-space: nowrap;
}

.monthday-group .monthday-single .lumpsum-select {
	line-height: 30px;
	padding: 0px 10px;
	font-size: 12px;
	color: #252525;
	border: 1px solid #d3d8da;
	border-radius: 3px !important;
	background: #d3d8da;
	margin-left: 5px;
	white-space: nowrap;
	outline: none;
	box-shadow: none;
}

.left-menu-reports {
	background: #ebf0f4;
	padding: 0px;
	margin: 0px;
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-left: 0px;
	margin-top: 25px;
	margin-bottom: 25px;
}

.left-menu-reports .nav-item-li {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	position: relative;
}

.left-menu-reports .nav-item-li.active>.nav-item {
	color: #000000;
}

.left-menu-reports .nav-item-li.active .dropdown-menu .nav-item.active {
	background: #292f4c;
	color: #fff;
}

.left-menu-reports .nav-item-li .nav-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	padding: 12px 20px 12px 20px;
	font-size: 14px;
	line-height: 26px;
	color: #292f4c;
	font-weight: 600;
}

.left-menu-reports .dropdown-menu {
	width: 100%;
	display: none;
	vertical-align: top;
	position: relative !important;
	padding: 0px 20px;
	margin: 0px;
	background: rgb(235, 240, 244) !important;
	border-radius: 0px;
	transform: initial !important;
	top: 100% !important;
	border: none !important;
}

.left-menu-reports .dropdown-menu.show {
	display: block;
}

.left-menu-reports .dropdown-menu .nav-item {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	margin: 5px 15px 5px 0px;
	line-height: 25px;
	color: #828282;
	font-size: 12px;
	position: relative;
	background: #fff;
	padding: 5px 14px;
	border-radius: 8px;
	font-weight: normal;
}

.project-info-group .project-info-single.highlight {
	font-weight: 600;
	color: #11922e;
}

.page-top-actions li a.btn-success {
	background-color: #22a740;
	border: 1px solid #22a740 !important;
	outline: none !important;
}

.btn-success:focus {
	box-shadow: none !important;
}

.form-group .input-group .view-mode-data.description-length {
	white-space: inherit;
	overflow: inherit;
	text-overflow: inherit;
	max-height: 100px;
	overflow-y: auto;
}

.change-version-group-main {
	width: 100%;
	float: left;
	position: relative;
}

.change-version-group-main .masterformat-group {
	padding-bottom: 20px;
}

.change-version-group-main .masterformat-group .change-version-group {
	width: 100%;
	float: left;
	overflow-y: auto;
	height: 100%;
	overflow-x: hidden;
}

.change-version-group-main .masterformat-group .change-version-group .table-responsive {
	margin-bottom: 0;
}

.form-group.no-label {
	padding: 0;
}

.table-theme tbody tr.team-member-tr td {
	/* background: #bcdff6 !important;
     */

}

.full-alert {
	margin: 25px 0 0;
}

.alert .btn {
	margin-left: 10px;
}

/*19-05-2020-start*/

.custom-model {
	max-width: 100%;
	width: 100% !important;
}

.custom-model mat-dialog-container {
	padding: 0 !important;
	width: 100% !important;
	float: left !important;
}

.custom-model mat-dialog-container .modal-theme {
	width: 100%;
	float: left;
	position: relative;
}

.custom-model mat-dialog-container .modal-theme .modal-dialog {
	float: left;
	margin: 0 !important;
	width: 100% !important;
}

.custom-model .modal-dialog {
	position: relative;
	height: 100%;
	width: 60%;
	border: none;
	margin: 0px auto;
	box-shadow: none;
	max-width: 800px;
}

.custom-model .modal-dialog .modal-content {
	border: 0;
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
	z-index: 9999 !important;
}

.session-timeout {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 20px;
	min-width: 500px;
	text-align: center;
	box-shadow: 0px 6px 10px 10px rgba(0, 0, 0, 0.05);
	border: 1px solid #d2d6f1;
	border-radius: 10px;
}

.session-timeout .timeout-img {
	width: 100%;
	position: relative;
	margin-bottom: 20px;
}

.session-timeout .timeout-img img {
	height: 200px;
}

.session-timeout .session-title {
	color: #292f4c;
	font-size: 26px;
	text-transform: capitalize;
	line-height: 30px;
	font-weight: 600;
	margin-bottom: 20px;
}

.session-timeout .description {
	margin: 0;
	font-size: 16px;
	line-height: 30px;
}

.session-timeout .description a {
	text-decoration: underline !important;
	color: #2675b4 !important;
}

.login-form .login-body .input-theme .form-control.is-invalid {
	border-color: #dc3545;
	background-image: none;
}

.login-form .input-theme .form-control.is-invalid {
	border-color: #dc3545 !important;
}

.login-form .input-theme .validation-tooltip .tooltiptext {
	width: auto;
	font-size: 12px;
	border-radius: 2px;
	top: -18px;
	right: 10px;
	visibility: visible;
	padding: 0;
}

.login-form .input-theme .fa-exclamation {
	position: absolute;
	right: 0px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	color: #dc3545;
	border-radius: 50%;
	text-align: center;
	font-size: 11px;
	border: 1px solid #dc3545;
	top: 32px;
	cursor: pointer;
}

@-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@-webkit-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes blink {
	0% {
		opacity: 1;
	}

	50% {
		opacity: 0.2;
	}

	100% {
		opacity: 1;
	}
}

.login-form .input-theme .validation-tooltip .tooltiptext .error {
	padding: 0px 8px;
	font-size: 13px;
	line-height: 26px;
}

.form-group .form-control.is-invalid {
	border-color: #dc3545 !important;
	background-image: none !important;
}

.form-group .form-control.is-invalid+.fa-right-icon {
	color: #dc3545 !important;
}

.form-group .validation-tooltip .tooltiptext {
	width: auto;
	font-size: 10px;
	border-radius: 2px;
	top: -18px;
	right: 18px;
	line-height: 15px;
	visibility: visible;
	padding: 6px 0px;
}

.form-group .validation-tooltip .fa-exclamation {
	position: absolute;
	right: 0px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	color: #dc3545;
	border-radius: 50% !important;
	text-align: center;
	font-size: 11px;
	border: 1px solid #dc3545;
	top: 26px;
	cursor: pointer;
	padding: 0;
	background-color: #fff;
	margin: 0 !important;
}

.form-group .validation-tooltip .tooltiptext .error {
	padding: 0px 8px;
	font-size: 13px;
	min-width: 120px;
}

.fa-right-icon {
	cursor: pointer;
}

.page-search-group .form-group .switch-group {
	padding-top: 8px;
	color: #495057;
	font-size: 13px;
}

.pagination-theme ul li.pagination-previous.disabled,
.pagination-theme ul li.pagination-next.disabled {
	line-height: 24px;
	padding: 0px 12px;
	float: left;
	font-weight: normal;
	font-size: 13px;
	color: #292f4c;
	position: relative;
	border-radius: 3px;
	border: 1px solid #d3d5e0;
	background: #fff;
	text-align: center;
}

.pagination-theme ul li.current {
	background: #ccebff !important;
	color: #2675b4 !important;
	border: 1px solid #ccebff;
	line-height: 24px;
	padding: 0px 12px;
	float: left;
	font-weight: normal;
	font-size: 13px;
	position: relative;
	border-radius: 3px;
	text-align: center;
}

/*19-05-2020-close*/

.disabledbutton {
	pointer-events: none;
	opacity: 0.4;
}

.input-actions {
	width: 46px;
	text-align: center;
	min-width: 46px;
	height: 23px;
	float: right;
}

.input-actions .fa {
	float: left;
	line-height: 23px;
	width: 23px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	color: #2675b4;
}

.input-actions .fa-close {
	float: right;
}

.top-sheet-group .top-sheet-single.main-spec .single-td .fa {
	/* color: #fff;
     */

}

.main-page-body.page-theme-tabs.spec-summary-tabs {
	height: calc(100% - 136px);
	top: 136px;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .tab-content .tab-pane {
	padding: 20px 20px 123px 20px;
}

.main-page-body.page-theme-tabs.spec-summary-tabs.spec-summary-version-tabs .tab-pane {
	padding: 20px 20px 160px 20px;
}

.main-page-body.page-theme-tabs.scope-sheet-tabs .tab-pane {
	padding: 20px 10px 20px 5px;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane {
	padding: 20px 20px 20px 20px;
}

.main-page-body.page-theme-tabs.spec-summary-tabs.spec-summary-version .tab-pane {
	padding: 20px 20px 242px 20px;
}

.main-page-body.page-theme-tabs.div-summary-tabs {
	height: calc(100% - 136px);
	top: 136px;
}

.main-page-body.page-theme-tabs.div-summary-tabs .top-sheet-group .top-sheet-single.main-spec .single-td.estimatebudget {
	color: #000000;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .top-sheet-single.main-spec .single-td.included-scope {
	color: #ea0000;
	text-align: right;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .top-sheet-single.main-spec .single-td.subcontractor,
.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .top-sheet-single.main-spec .single-td.building {
	text-align: right;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left {
	overflow-x: auto;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .single-td.subcontractor {
	min-width: 180px;
	width: 180px;
	text-align: right;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .single-td.included-scope {
	min-width: 145px;
	width: 145px;
	text-align: right;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .single-td.building {
	min-width: 150px;
	width: 150px;
	text-align: right;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .single-td.minority {
	min-width: 150px;
	width: 150px;
}

.top-sheet-group .single-td.div-description {
	width: 100%;
	min-width: 500px;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-left .top-sheet-group .single-td.bluenumber {
	min-width: 150px;
	width: 150px;
}

/*addons-start*/

.addons-top-actions {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 20px;
}

.addons-top-actions .tab-title {
	width: auto !important;
	margin: 0 !important;
	float: left;
	color: #292f4c;
	font-size: 18px;
	text-transform: capitalize;
	line-height: 30px;
	font-weight: 600;
}

.addons-actions {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	float: none;
	position: relative;
	padding: 20px 20px;
}

.addons-actions .right-actions {
	float: right;
	text-align: left;
}

.addons-actions .right-actions .btn {
	margin: 0px 0px 5px 5px;
}

.addons-note {
	width: 100%;
	float: left;
	position: relative;
	background-color: rgba(34, 167, 64, 0.11);
	padding: 10px 15px;
	border-radius: 10px;
	color: #000000;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	margin-bottom: 25px;
}

ul.addons-note li {
	width: 100%;
	float: left;
	position: relative;
	list-style: none;
	color: #000000;
	font-size: 13px;
	line-height: 22px;
	padding-left: 15px;
	text-align: left;
}

ul.addons-note li:after {
	position: absolute;
	content: '';
	top: 8px;
	left: 0px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background-color: #22a740;
}

.addons-note p {
	width: 100%;
	float: left;
	position: relative;
	list-style: none;
	color: #000000;
	font-size: 13px;
	line-height: 22px;
	text-align: left;
	margin: 0;
}

.table-theme tbody tr td.input-box .td-span-input {
	width: 100%;
	position: relative;
	padding: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 23px;
	border: 1px dashed transparent;
	outline: none !important;
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	padding: 0 10px;
}

.table-theme tbody tr td.input-box.input-box-active .td-span-input {
	border: 1px dashed rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.05);
}

.table-theme tbody tr.highlight td .td-span-input {
	color: #000;
}

.page-top-actions li.action-form .form-group {
	padding-left: 0;
	display: flex;
	align-items: flex-end;
	margin: 0;
}

.page-top-actions li.action-form .form-group label {
	width: auto;
	min-width: 80px;
	color: #8a8c90;
	font-size: 13px;
	margin: 0;
	line-height: 32px;
}

.performance-group.bond-table .performance-group-right {
	padding-left: 10px;
}

.performance-group.bond-table .performance-group-right .accordion,
.performance-group.bond-table .performance-group-right .accordion-addons {
	width: 100%;
	float: left;
	position: relative;
}

.performance-group.bond-table .performance-group-right .masterformat-group {
	/* border-right: 1px solid rgb(235, 240, 244);
     */
}

.table-theme tbody tr.default td {
	background-color: #f6f6f6;
	opacity: 0.8;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .accordion {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
	overflow-y: auto;
	overflow-x: hidden;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table .performance-group-right .accordion-addons .theme-panel .collapse-data {
	overflow-x: auto;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group {
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group .performance-group-left {
	height: 100%;
	overflow-y: auto;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group .performance-group-left .masterformat-body {
	overflow-x: initial;
	overflow-y: initial;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group .performance-group-right {
	overflow-y: auto;
	height: 100%;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table .performance-group-right .accordion-addons {
	height: 100%;
	overflow-y: auto;
}

.mCSB_scrollTools {
	width: 12px !important;
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	z-index: 9999;
}

.mCSB_scrollTools .mCSB_draggerRail,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 12px !important;
}

.bootstrap-timepicker-widget table td input {
	width: 32px !important;
}

.addons-insurance-main {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
	overflow-y: auto;
}

.addons-insurance {
	width: 100%;
	float: left;
	position: relative;
	border-bottom: 1px solid #e1e6ec;
	margin-bottom: 20px;
}

/*addons-close*/

.bootstrap-timepicker-widget table td {
	height: auto !important;
}

.bootstrap-timepicker-widget table td a {
	text-decoration: none;
	background-color: #eee;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-color: #ddd;
	padding: 0 !important;
	float: left;
}

.bootstrap-timepicker-widget table td a span.glyphicon {
	position: relative;
	width: 38px;
	float: left;
}

.bootstrap-timepicker-widget table td a span.glyphicon.glyphicon-chevron-down:after {
	content: "\f107";
	font-family: FontAwesome;
}

.bootstrap-timepicker-widget table td a span.glyphicon.glyphicon-chevron-up:after {
	content: "\f106";
	font-family: FontAwesome;
}

.bottom-actions {
	width: 100%;
	display: inline-block;
	vertical-align: top;
	float: none;
	position: relative;
	padding: 20px 20px;
}

.bottom-actions .right-actions {
	float: right;
	text-align: left;
}

.bottom-actions .right-actions .btn {
	margin: 0px 0px 5px 5px;
}

.two-fields .form-control+.form-control {
	margin-left: 10px;
}

.top-sheet-detail-group.add-spec-group .bid-package-add .add-items {
	position: absolute;
	width: 23px;
	height: 23px;
	top: 4px;
	right: 5px;
	text-align: center;
	line-height: 21px;
	color: #616c76;
	border: 1px solid #d3d8da;
	border-radius: 0 4px 4px 0;
	background: #e0e6eb;
	display: none;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	z-index: 1;
}

.top-sheet-detail-group.add-spec-group .bid-package-add.input-box-active .add-items {
	display: block;
}

.top-sheet-detail-group.add-spec-group .bid-package-add.input-box-active .td-span-input {
	padding-right: 25px;
}

.masterformat-group .masterformat-single .single-box.action {
	width: 110px;
	text-align: left;
	min-width: 110px;
}

.masterformat-group .masterformat-single .single-box.action.input-actions {
	width: 100%;
}

.bid-package-list .masterformat-group .td-span-input-modal {
	width: 100%;
	position: relative;
	padding: 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 23px;
	border: 1px dashed transparent;
	outline: none !important;
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.bid-package-list .masterformat-group .input-box-active .td-span-input-modal {
	border: 1px dashed rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0.05);
}

.loader-msg {
	width: 100%;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	padding: 0px 5px;
	color: #808080cc;
}

@keyframes blink {
	0% {
		opacity: .2;
	}

	20% {
		opacity: 1;
	}

	100% {
		opacity: .2;
	}
}

.loader-msg span {
	animation-name: blink;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	font-size: 16px;
}

.loader-msg span:nth-child(2) {
	animation-delay: .2s;
}

.loader-msg span:nth-child(3) {
	animation-delay: .4s;
}

.top-sheet-group .single-td.input-box .validation-msg {
	width: 100%;
	font-size: 12px;
	height: 23px;
	line-height: 23px;
	padding: 0px 5px;
	color: #ff6464;
}

.masterformat-group .search-theme-group .is-invalid {
	background-image: none;
}

.bid-package-list .masterformat-group .input-box-active .td-span-input-modal.is-invalid {
	border-color: #dc3545;
}

.highlight .single-td {
	background-color: rgba(255, 0, 0, 0.1);
}

.notification-toaster {
	/*width: 100%;*/
	width: max-content;
	margin: 0 auto;
	float: none;
	display: inline-block;
	text-align: center;
	position: fixed;
	top: 5px;
	right: 0;
	left: 0;
	z-index: 999999;
	padding: 0;
}

.notification-toaster .alert {
	padding: 2px 35px 3px 15px !important;
	font-size: 12px;
	margin: 0;
	width: initial;
	display: inline-block;
	float: none;
}

.notification-toaster button.close {
	padding: 2px 8px;
	cursor: pointer;
	line-height: 18px;
}

.notification-toaster .loader-msg {
	padding: 0;
	color: #856404;
	height: auto;
	font-size: 12px;
	max-width: 600px;
	line-height: 24px;
}

.notification-toaster .loader-msg .fa-spinner {
	font-size: 16px;
}

.add-spec-data {
	width: 100%;
	float: left;
	padding: 250px 0px 50px 0px;
	text-align: center;
	position: relative;
	color: rgb(40, 59, 83);
	font-size: 18px;
	z-index: 2;
}

.add-spec-data:before {
	content: "";
	background-image: url(../images/add-division.png);
	position: absolute;
	top: 30px;
	width: 200px;
	height: 200px;
	left: 50%;
	margin-left: -100px;
	background-size: 200px;
}

.add-spec-data .btn-theme:hover {
	background: #16192a;
}

.add-spec-data .btn-theme {
	background: #292f4c;
}

.masterformat-group.bid-packages-list.show {
	padding: 408px 20px 70px 20px;
}

.masterformat-group.bid-packages-list .search-theme-group .btn {
	float: right;
	margin-top: 5px;
}

.masterformat-group.bid-packages-list .search-theme-group .add-div-bid {
	margin-top: 10px;
	width: 100%;
	float: left;
	position: relative;
	border: 1px solid #ced4da;
	border-radius: 4px;
	padding: 10px;
	background-color: #fff;
	display: none;
	z-index: 3;
	box-shadow: 0px 0px 9px 0px #838383;
}

.masterformat-group.bid-packages-list.show .search-theme-group .add-div-bid {
	display: block;
}

.masterformat-group.bid-packages-list .search-theme-group .add-div-bid .form-control {
	padding: 0px 15px 0px 15px;
	margin-bottom: 10px;
}

.top-sheet-detail-group.add-spec-group .top-sheet-left .single-td.bid-package {
	background-color: #000000;
	color: #ffffff;
}

.top-sheet-detail-group.add-spec-group .top-sheet-left .single-td.bid-package .td-span-input {
	color: #ffffff;
}

/* .top-sheet-detail-group.add-spec-group .top-sheet-left .top-sheet-header .single-td.bid-package */

.top-sheet-detail-group.add-spec-group .top-sheet-single.main-spec .single-td.bid-package {
	background-color: #22a740;
	color: #ffffff;
}

.table-theme tbody tr td.bid-package {
	background-color: #000000;
	color: #ffffff;
}

.top-sheet-group .top-sheet-header .single-td .checkbox-theme label {
	color: #ffffff;
	font-size: 12px;
}

.top-sheet-detail-group .top-sheet-left .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td {
	background-color: #000000;
	color: #ffffff;
}

.top-sheet-detail-group .top-sheet-right .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.subamount,
.top-sheet-detail-group .top-sheet-right .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td.subamount .td-span-input {
	background-color: #000000;
	color: #ffffff;
}

.top-sheet-detail-group .top-sheet-left .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec .single-td {
	background-color: #0070c0;
	color: #ffffff;
}

.top-sheet-detail-group .top-sheet-left .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec .single-td .td-span-input {
	background-color: transparent;
	color: #ffffff;
}

.top-sheet-detail-group .top-sheet-left .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec .single-td.input-box-active .td-span-input {
	background-color: rgba(0, 0, 0, 0.21);
}

.top-sheet-detail-group .top-sheet-left .top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec .single-td .td-span-input {
	color: #ffffff;
}

.top-sheet-detail-group.bid-summary-group .top-sheet-group .top-sheet-single.main-spec .single-td.basebid,
.top-sheet-detail-group.bid-summary-group .top-sheet-group .top-sheet-single.main-spec .single-td.alternate {
	background-color: #000000;
	color: #ffffff;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .top-sheet-group .top-sheet-body .top-sheet-single.unit-spec .single-td.asbid {
	background-color: #000000;
	color: #ffffff;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .top-sheet-group .top-sheet-body .top-sheet-single.unit-spec .single-td.asbid .td-span-input {
	background: transparent;
	color: #ffffff;
}

.scopesheet-group .scopesheet-body .scopesheet-single.main-spec-alt .single-td .td-span-input {
	color: #fff;
}

.scopesheet-group .scopesheet-header .scopesheet-single.green-header .single-td {
	background: #000000;
	color: #fff;
}

.scopesheet-group .scopesheet-header .scopesheet-single.green-header .spec-list {
	line-height: 26px !important;
}

.scopesheet-group .single-td.spec-list .td-span-input {
	margin: 0 !important;
	padding: 0 !important;
	white-space: nowrap;
	/* text-overflow: ellipsis; */
	/* overflow: hidden; */
	line-height: 30px;
}

.scopesheet-group .scopesheet-header.green-header .scopesheet-single .single-td {
	background: #22a740;
	color: #fff;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .table-responsive {
	height: 100%;
}

.menu-step {
	float: left;
	display: flex;
	align-items: center;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	padding: 0px 12px;
	color: #1b1b1b;
	font-size: 13px;
	line-height: 24px;
	height: 24px;
	cursor: pointer;
	border-radius: 360px;
	margin: 3px 10px 3px 0px;
}

.menu-step .fa {
	color: #1b1b1b;
	font-size: 15px;
	margin-right: 7px;
}

.menu-step:hover {
	background: #ebf0f4;
}

.masterformat-group.bid-packages-list.show .search-theme-group .add-div-bid .form-group {
	padding: 0;
	margin-bottom: 10px;
}

.masterformat-group.bid-packages-list.show .search-theme-group .add-div-bid .btn {
	margin-left: 5px;
}

.top-sheet-group .single-td.input-box app-bid-package-dropdown {
	width: 100%;
	float: left;
	position: relative;
}

.session-timeout-modal .modal-dialog {
	max-width: 500px;
	height: 100%;
}

.session-timeout-modal .modal-dialog .modal-header {
	padding: 20px !important;
}

.session-timeout-modal .modal-dialog .modal-header .session-timeout-header {
	width: 100%;
	text-align: center;
}

.session-timeout-modal .modal-dialog .modal-header .session-timeout-header img {
	height: 100px;
}

.session-timeout-modal .modal-dialog .modal-header .session-timeout-header p {
	font-size: 18px;
	color: #fff;
	width: 100%;
	float: left;
	margin: 20px 0 0;
}

.session-timeout-modal .modal-dialog .login-form {
	padding: 0 20px;
}

ngb-datepicker .ngb-dp-header {
	background: #292f4c !important;
	padding: 4px !important;
	position: relative;
}

ngb-datepicker .ngb-dp-header .ngb-dp-arrow {
	background: #22a740;
	border-radius: 5px;
	cursor: pointer;
	border: none !important;
	margin: 0 2px;
	height: 25px;
	line-height: 25px;
}

ngb-datepicker .ngb-dp-header .ngb-dp-arrow .ngb-dp-arrow-btn {
	color: #fff;
}

ngb-datepicker .ngb-dp-navigation-select {
	margin: 0 2px;
}

ngb-datepicker .ngb-dp-header .custom-select {
	height: 25px;
	line-height: 23px;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-weekdays {
	background: #ffffff !important;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-weekdays .ngb-dp-weekday {
	font-weight: 600;
	font-style: inherit;
	color: #585858;
	font-size: 12px;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-day .btn-light {
	border-radius: 5px !important;
	border: 1px solid #d6dee9 !important;
	background: #ffffff;
	text-align: center;
	color: #292f4c !important;
	padding: 0px 3px;
	width: 100%;
	float: left;
	font-size: 12px;
	font-weight: 600;
	height: 25px;
	line-height: 25px;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-day {
	margin: 1px;
	height: 25px;
	line-height: 25px;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-day .btn-light.bg-primary.text-white {
	background: #2675b4 !important;
	color: #fff !important;
	border: 1px solid #2ab7d8 !important;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-day .btn-light.text-muted.outside {
	background: #f3f3f3;
}

ngb-datepicker .ngb-dp-months ngb-datepicker-month-view .ngb-dp-day .btn-light:hover {
	border-color: #989898 !important;
}

.matrix-detail-group .top-sheet-group .single-td .td-span-input,
.matrix-detail-group .top-sheet-group .single-td,
.matrix-detail-group .checkbox-theme label {
	font-weight: 600;
}

.matrix-detail-group .top-sheet-group .top-sheet-single.main-spec .single-td .checkbox-theme label {
	color: #ffffff;
}

.top-sheet-group .single-td .td-span-input,
.top-sheet-group .single-td {
	font-weight: 600;
}

.top-sheet-group .single-td.align-right,
.top-sheet-group .single-td.align-right .td-span-input {
	text-align: right;
	min-width: 25%;
}

.manual-markup {
	float: right;
	display: flex;
	margin-bottom: 15px;
	margin-left: 15px;
}

.manual-markup .theme-label {
	float: left;
	position: relative;
	color: #5f5f5f;
	font-size: 13px;
	text-align: left;
	line-height: 34px;
	white-space: nowrap;
	padding-right: 15px;
}

.manual-markup .form-control {
	width: 100%;
	margin: 0px;
	border: 1px solid #d3d8da;
	float: left;
	outline: none !important;
	box-shadow: none !important;
	font-size: 13px;
	padding: 0px 12px;
	height: 32px;
	line-height: 30px;
	border-radius: 3px !important;
	position: relative;
	max-width: 100px;
}

.percentage-input {
	position: relative;
	max-width: 200px;
	padding-right: 25px;
}

.percentage-input .form-control {
	padding: 0px 10px 0px 10px !important;
	width: 100% !important;
	text-align: right;
}

.percentage-input .percentage-icon {
	position: absolute;
	top: 0px;
	right: 0px;
	line-height: 24px;
	width: 30px;
	text-align: center;
	height: 24px;
	font-size: 12px;
	padding-left: 4px;
}

.status-notassigned {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
	position: relative;
}

.status-notassigned:before {
	content: "";
	background: #b7b7b7;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 6px;
}

.status-assigned {
	display: inline-block;
	vertical-align: top;
	padding-left: 15px;
	position: relative;
	color: #22a740;
}

.status-assigned:before {
	content: "";
	background: #22a740;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	position: absolute;
	left: 0px;
	top: 6px;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane.project-permit-table .table-responsive {
	height: auto;
}

/*new-06-08-2020-changes*/

/* 
/*matrix-page-changes-start* 
/*/

/* .matrix-detail-group .top-sheet-group .top-sheet-header .single-td {
     */

/* background: #22a740 !important;
     */

/* color: #ffffff !important;
     */

/* 
}
 */

/* .matrix-detail-group .top-sheet-group .top-sheet-single.black-bg .single-td {
     */

/* background: #22a740 !important;
     */

/* color: #ffffff !important;
     */

/* 
}
 */

/* .matrix-detail-group .top-sheet-group .top-sheet-single .single-td.bid-package.white {
     */

/* background: #22a740 !important;
     */

/* color: #ffffff !important;
     */

/* 
}
 */

/* .matrix-detail-group .top-sheet-group .single-td .checkbox-theme label {
     */

/* color: #fff;
     */

/* 
}
 */

/* .matrix-detail-group .top-sheet-group .top-sheet-single.main-spec .single-td {
     */

/* background-color: #000000 !important;
     */

/* color: #ffffff;
     */

/* 
}
 */

/*matrix-page-changes-close*/

/*Unit-price-page-changes-start*/

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec:first-child {
	padding-top: 0;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec {
	padding-top: 25px;
	position: relative;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec:first-child {
	padding-top: 0;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec:after {
	content: "";
	width: 100%;
	height: 25px;
	background: #ffffff;
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 12;
	border-bottom: 1px solid #dee2e6;
}

.top-sheet-group .top-sheet-body .top-sheet-single.main-sub-spec.unit-spec:first-child:after {
	display: none;
}

/*Unit-price-page-changes-close*/

/*Scopesheet-page-changes-start*/

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select {
	padding: 0;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-select-container {
	height: 36px !important;
	min-height: 36px !important;
	font-size: 20px;
	line-height: 28px;
	color: #ffffff;
	font-weight: 600;
	text-align: center;
	width: 100%;
	position: relative;
	padding: 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	vertical-align: top;
	border: 1px dashed rgba(0, 0, 0, 0.1);
	outline: none !important;
	box-shadow: none;
	background: rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-appearance: none;
	padding-left: 10px;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-select-container .ng-value-container {
	width: 100%;
	float: left;
	padding: 0;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-select-container .ng-value-container .ng-placeholder {
	color: rgba(255, 255, 255, 0.62);
	width: 100%;
	float: left;
	position: relative;
	font-size: 20px;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-select-container .ng-value-container .ng-value {
	width: 100%;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-clear-wrapper {
	color: #fff;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-clear-wrapper .ng-clear {
	font-size: 28px;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-select-container .ng-input {
	top: 0;
	height: 100%;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-select-container .ng-input input {
	height: 100%;
}

ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
	font-size: 14px;
	padding: 5px 10px !important;
	background-color: #fff;
	color: #000;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name ng-select .ng-arrow-wrapper span {
	font-size: 28px;
	border-color: #fff transparent transparent;
	border-style: solid;
	border-width: 6px 6px 3.5px;
}

.scopesheet-detail-group .scopesheet-right ngx-sortable .sortable-container {
	border: 0;
}

.scopesheet-group .scopesheet-single.basebid {
	display: flex;
	width: 100%;
}

.scopesheet-group .scopesheet-single.basebid .single-td {
	background: #22a740;
	color: #fff;
}

.scopesheet-group .scopesheet-single.basebid .included-type {
	background: #fff !important;
	color: #000 !important;
}

.scopesheet-group .single-td.value-price.blue-amount {
	color: #ffffff;
	background: #0070c0;
}

.scopesheet-group .single-td.value-price.blue-amount .td-span-input {
	color: #ffffff;
}

.scopesheet-group .single-td.value-price.blue-amount .td-span-input:focus {
	background: rgba(84, 84, 84, 0.3686274509803922);
}

.scopesheet-group .scopesheet-single.adjustedbasebid-row .single-td.included-type {
	background-color: #ffffff !important;
	color: #000 !important;
}

.scopesheet-group .scopesheet-single.scope-questions .single-td {
	background: #22a740;
	color: #fff;
}

.scopesheet-group .scopesheet-header .scopesheet-single.superhead>.single-td.row-action {
	min-width: 25px;
	width: 25px;
}

.scopesheet-group .scopesheet-header .scopesheet-single.superhead>.single-td,
.scopesheet-group .scopesheet-single.superhead .single-td.spec-list {
	height: 128px;
	width: 110px;
	min-width: 110px;
}

.scopesheet-group .scopesheet-single.superhead .single-td .logo-small {
	width: 100%;
	float: left;
	height: 100%;
	position: relative;
}

.scopesheet-group .scopesheet-single.superhead .single-td .logo-small img {
	padding: 10px;
	position: absolute;
	bottom: auto;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	text-align: center;
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
	max-width: 100%;
	max-height: 100%;
}

.scopesheet-group .scopesheet-header .scopesheet-single .bid-name-header {
	width: calc(100% - 113px);
	float: left;
	/*height: 128px;*/
	height: 64px;
	position: relative;
	background: #000000;
	color: #fff;
}

.scopesheet-group .scopesheet-single.superhead .single-td.project-name .td-span-input:focus {
	background-color: rgba(255, 255, 255, 0.38);
}

.scopesheet-group .scopesheet-body.unitprice-body:after {
	content: 'UNIT PRICES';
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	color: #22a740;
}

.scopesheet-group .scopesheet-body.alternate-body:after {
	content: 'ALTERNATES';
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 35px;
	color: #22a740;
}

/*Scopesheet-page-changes-close*/

/*Bidsummary-page-changes-Start*/

.top-sheet-group .single-td.amount.red-cell {
	background-color: #ffd3d3;
}

.top-sheet-group .top-sheet-body .top-sheet-single.black-cell .single-td {
	background-color: #000 !important;
	color: #fff;
}

/*Bidsummary-page-changes-close*/

/*team-bid-package-permission-changes-Start*/
.table-theme.table-bid-package-permission .team-member-tr td {
	background: #22a740;
	color: #ffffff;
}

/*.table-theme.table-bid-package-permission .team-member-tr td {
	background: #efefef;
	color: #252525;
}*/
.table-theme.table-bid-package-permission .bid-package {
	background-color: #fff;
	color: #000;
}

/*team-bid-package-permission-changes-close*/

/*bold-text-changes-Start*/

.bold-text {
	font-weight: 600 !important;
}

.bold-text .login-title,
.bold-text .login-form .login-body .input-theme .input-label,
.bold-text .checkbox-theme label,
.bold-text .login-form .login-body .input-theme .btn,
.bold-text .breadcrumb-theme li,
.bold-text .breadcrumb-theme li a,
.bold-text .header-action .icon-group .qty,
.bold-text .table-theme tbody tr td,
.bold-text .pagination-theme ul li a,
.bold-text .form-group .form-control,
.bold-text .btn,
.bold-text button,
.bold-text .modal-theme .modal-dialog .modal-content .modal-header .modal-title,
.bold-text .left-menu-ul .dropdown-menu .nav-item,
.bold-text .masterformat-group .masterformat-single .single-box,
.bold-text .search-theme-group .form-control,
.bold-text .bid-package-list .masterformat-group .td-span-input-modal,
.bold-text .table-theme tbody tr td .form-control,
.bold-text .table-theme tbody tr td.input-box .td-span-input,
.bold-text .profile-page .profile-page-header .profile-user-name,
.bold-text .profile-page .tab-profile .nav-tabs a,
.bold-text .log-list-theme .log-inner .log-user .log-user-time,
.bold-text .log-list-theme .log-inner .log-message,
.bold-text .page-title-group .page-title .status,
.bold-text .top-sheet-group .single-td .indents-input,
.bold-text .table-bts .btn-table,
.bold-text .theme-panel-header .panel-title {
	font-weight: 600;
}

/*bold-text-changes-close*/

/*assign-bid-package-changes-Start*/

/*assign-bid-package-changes-close*/

.version-alert {
	padding: 3px 15px;
}

.scopesheet-fixed {
	width: 100%;
	float: left;
	position: relative;
	padding-top: 232px;
	height: 100%;
}

.scopesheet-fixed .scopesheet-main-header {
	height: 160px;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: hidden;
	border-bottom: 1px solid #dee2e6;
	width: calc(100% - 12px);
}

.scopesheet-fixed .scopesheet-copy-header {
	height: 72px;
	position: absolute;
	top: 160px;
	left: 0px;
	overflow: hidden;
	float: left;
	width: calc(100% - 12px);
}

.scopesheet-fixed .scopesheet-scroll-group {
	position: absolute;
	height: calc(100% - 232px);
	top: 232px;
	width: 100%;
	overflow-y: scroll;
}

.scopesheet-fixed .scopesheet-scroll-group .scopesheet-question-group {
	height: auto;
	overflow-y: hidden;
}

.scopesheet-fixed .scopesheet-scroll-group .scopesheet-bid-group {
	overflow-y: hidden;
	height: auto;
}

.scopesheet-fixed .scopesheet-scroll-group .scopesheet-alternate-group {
	overflow-y: hidden;
	height: auto;
	/*margin-bottom: 15px;
     */
}

.scopesheet-fixed .scopesheet-scroll-group .scopesheet-unitprice-group {
	overflow-y: hidden;
	height: auto;
	margin-bottom: 15px;
	padding-bottom: 0px;
}

.scopesheet-fixed .scopesheet-scroll-group .scopesheet-alternate-group:after,
.scopesheet-fixed .scopesheet-scroll-group .scopesheet-unitprice-group:after,
.scopesheet-fixed .scopesheet-copy-header .scopesheet-alternate-group:after,
.scopesheet-fixed .scopesheet-copy-header .scopesheet-unitprice-group:after,
.scopesheet-fixed .scopesheet-copy-header .scopesheet-question-group:after {
	content: "";
	position: absolute;
	background: white;
	height: 34px;
	width: calc(100% - 675px);
	z-index: 30;
	top: -1px;
	right: 0px;
}

.scopesheet-fixed .scopesheet-single-title {
	height: 32px;
	position: relative;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	color: #22a740;
	text-transform: uppercase;
	z-index: 10;
	padding-left: 32px;
}

.scopesheet-fixed .scopesheet-group .scopesheet-body {
	padding-bottom: 0px;
}

.scopesheet-fixed .scopesheet-group .scopesheet-body:after {
	display: none;
}

.scopesheet-fixed .scopesheet-section-group {
	width: 100%;
	float: left;
	position: relative;
}

.scopesheet-fixed .scopesheet-section-group .scopesheet-single-title {
	width: 795px;
	text-align: center;
}

.scopesheet-fixed .scopesheet-section-group .scopesheet-alternate-group:after,
.scopesheet-fixed .scopesheet-section-group .scopesheet-unitprice-group:after,
.scopesheet-fixed .scopesheet-section-group .scopesheet-bid-group:after {
	display: none !important;
}

.scopesheet-fixed .scopesheet-section-group .scopesheet-group .scopesheet-header {
	width: 100%;
	padding-top: 0px;
}

.scopesheet-fixed .scopesheet-copy-header .scopesheet-detail-group {
	overflow: hidden;
}

.top-sheet-detail-group.spec-fixed {
	padding-top: 35px;
	overflow: hidden !important;
}

.top-sheet-detail-group.spec-fixed .top-sheet-group {
	padding: 0;
	position: relative;
}

.top-sheet-detail-group.spec-fixed .spec-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
	padding-right: 12px;
	z-index: 2;
}

.top-sheet-detail-group.spec-fixed .spec-body {
	position: absolute;
	width: 100%;
	height: calc(100% - 35px);
	overflow-y: scroll;
	overflow-x: hidden;
}

.table-fixed {
	padding-top: 36px;
	position: relative;
	margin-bottom: 15px;
	height: 100%;
}

.table-fixed-role {
	padding-top: 86px;
	overflow: hidden;
}

.table-fixed .table-fixed-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 36px;
	padding-right: 12px;
}

.table-fixed-role .table-fixed-header {
	height: 86px;
	width: calc(100% - 12px);
	padding-right: 0;
	overflow-x: hidden;
	overflow-y: hidden;
}

.table-fixed .table-fixed-header tr th,
.table-fixed .table-fixed-header tr td {
	width: 100px;
	min-width: 100px;
}

.table-fixed .table-fixed-header tr td {
	border-bottom: 1px solid #dee2e6;
}

.table-fixed .table-fixed-header tr th:nth-child(2),
.table-fixed .table-fixed-header tr td:nth-child(2) {
	width: 150px;
}

.table-fixed .table-fixed-body tr td:nth-child(2) {
	width: 150px;
}

.table-fixed .table-fixed-header tr th:nth-child(1),
.table-fixed .table-fixed-header tr td:nth-child(1) {
	width: 150px;
	min-width: 150px;
}

.table-fixed .table-fixed-body tr td:nth-child(1) {
	width: 150px;
	min-width: 150px;
}

/*.table-fixed .table-bid-package-permission tr th:nth-child(1), .table-fixed .table-bid-package-permission tr td:nth-child(1) {
    width: 230px;
    max-width: 230px;
}
.table-fixed .table-bid-package-permission tr th:nth-child(2), .table-fixed .table-bid-package-permission tr td:nth-child(2) {
    width: 100px;
    max-width: 100px;
}
.table-fixed .table-bid-package-permission tr th:last-child, .table-fixed .table-bid-package-permission tr td:last-child {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}*/
.table-fixed .table-fixed-body {
	position: absolute;
	width: 100%;
	height: calc(100% - 36px);
	overflow-y: scroll;
	overflow-x: hidden;
}

.table-fixed-role .table-fixed-body {
	height: calc(100% - 86px);
	overflow-y: scroll;
}

.table-fixed .table-fixed-body tr td {
	width: 100px;
	min-width: 100px;
}

.spec-summary-fixed {
	padding-top: 35px;
	overflow: hidden !important;
}

.spec-summary-fixed .top-sheet-group {
	padding: 0px;
}

.spec-summary-fixed .spec-summary-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 48px;
	padding-right: 12px;
}

.spec-summary-fixed .spec-summary-header .top-sheet-left {
	height: 48px;
}

.spec-summary-fixed .spec-summary-header .top-sheet-right {
	overflow: hidden !important;
	height: 48px;
}

.spec-summary-fixed .spec-summary-body {
	position: absolute;
	width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 48px;
	left: 0px;
	height: calc(100% - 62px);
}

.spec-summary-fixed .spec-summary-body.bid-tab-spec-summary-body {
	top: 0px;
}

.spec-summary-fixed .spec-summary-body .spec-summary-body-header .top-sheet-single .single-td {
	background: #000 !important;
	color: #fff !important;
}

.bid-summary-fixed {
	padding-top: 35px;
	overflow: hidden !important;
}

.bid-summary-fixed .top-sheet-group {
	padding-top: 0px;
	position: relative;
}

.bid-summary-fixed .bid-summary-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 35px;
	padding-right: 12px;
}

.bid-summary-fixed .bid-summary-header .top-sheet-left {
	height: 35px;
}

.bid-summary-fixed .bid-summary-header .top-sheet-right {
	overflow: hidden !important;
	height: 35px;
	box-shadow: none;
}

.bid-summary-fixed .bid-summary-body {
	position: absolute;
	width: 100%;
	height: calc(100% - 35px);
	overflow-y: scroll;
	overflow-x: hidden;
	top: 35px;
	left: 0px;
}

.bid-summary-fixed .bid-summary-body .top-sheet-right {
	overflow-y: hidden;
	overflow-x: auto;
}

.main-page-body.page-theme-tabs.div-summary-tabs .tab-content .tab-pane .top-sheet-detail-group.spec-fixed .spec-header .top-sheet-left {
	overflow-x: inherit !important;
}

.matrix-detail-group.matrix-fixed {
	padding-top: 67px;
	overflow: hidden !important;
}

.matrix-detail-group.matrix-fixed .top-sheet-group {
	padding-top: 0px;
	position: relative;
}

.matrix-detail-group.matrix-fixed .matrix-header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 67px;
	padding-right: 12px;
	background: #000;
}

.matrix-detail-group.matrix-fixed .matrix-header .top-sheet-left {
	height: 67px;
}

.matrix-detail-group.matrix-fixed .matrix-header .top-sheet-right {
	overflow: hidden !important;
	height: 70px;
}

.matrix-detail-group.matrix-fixed .matrix-body {
	position: absolute;
	width: 100%;
	height: calc(100% - 67px);
	overflow-y: scroll;
	overflow-x: hidden;
	top: 67px;
	left: 0px;
}

.top-sheet-detail-group.matrix-fixed .top-sheet-right {
	overflow: hidden;
}

.page-area .scroll_modifier {
	margin: 0 20px;
	overflow: scroll;
	position: fixed;
	bottom: 4px;
	right: 0;
	z-index: 100;
	background-color: #fff;
	width: calc(100% - 101px) !important;
	transition: all 0.3s;
	display: none;
}

.page-area.full-menu-active .scroll_modifier {
	width: calc(100% - 241px) !important;
}

.page-area .scroll_modifier .inner-temp-scroll {
	height: 8px;
	width: 100% !important;
}

.nodata-scopesheet {
	width: 100%;
	float: left;
	min-height: 140px;
	text-align: center;
	position: relative;
}

.nodata-scopesheet-data {
	width: 100%;
	float: left;
	padding: 100px 0px 20px 0px;
	text-align: center;
	position: relative;
	color: #292f4b;
	font-size: 14px;
	z-index: 2;
}

.nodata-scopesheet-data:before {
	content: "";
	background-image: url(../images/nodata-display.png);
	position: absolute;
	top: 20px;
	width: 70px;
	height: 70px;
	left: 50%;
	margin-left: -35px;
	background-size: 70px;
}

.scopesheet-group.scopesheet-center .nodata-scopesheet:after {
	content: "";
	width: 60px;
	position: absolute;
	height: 100%;
	background: white;
	right: -40px;
	top: 0px;
	z-index: 3;
}

.scopesheet-group.scopesheet-center .nodata-scopesheet:before {
	content: "";
	width: 20px;
	position: absolute;
	height: 100%;
	background: white;
	left: -10px;
	top: 0px;
	z-index: 1;
}

.scopesheet-detail-group .scopesheet-left .loadmore-theme {
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	color: #000000;
	position: absolute;
	bottom: 7px;
	left: 35px;
	z-index: 1;
	background: #ffbb00;
	padding: 0px 10px;
	border-radius: 4px;
	cursor: pointer;
}

@keyframes blink {
	0% {
		opacity: .2;
	}

	20% {
		opacity: 1;
	}

	100% {
		opacity: .2;
	}
}

.scopesheet-detail-group .scopesheet-left .loadmore-theme span {
	animation-name: blink;
	animation-duration: 1.4s;
	animation-iteration-count: infinite;
	animation-fill-mode: both;
	font-size: 16px;
}

.scopesheet-detail-group .scopesheet-left .loadmore-theme span:nth-child(2) {
	animation-delay: .2s;
}

.scopesheet-detail-group .scopesheet-left .loadmore-theme span:nth-child(3) {
	animation-delay: .4s;
}

.notes-group {
	width: 100%;
	float: left;
}

.notes-group textarea.form-control {
	min-height: 190px;
	resize: none;
	font-size: 13px;
	line-height: 22px;
	outline: none;
	box-shadow: none;
}

.notes-group .viewmode {
	min-height: 190px;
	resize: none;
	font-size: 13px;
	line-height: 22px;
	outline: none;
	box-shadow: none;
}

.custum-modal-theme {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
}

.custum-modal-theme:before {
	content: "";
	position: fixed;
	height: 100%;
	top: 0px;
	left: 0px;
	width: 100%;
	background: rgba(0, 0, 0, 0.6);
}

.custum-modal-theme .custum-modal-content {
	width: 60%;
	border: none;
	box-shadow: none;
	max-width: 500px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	padding: 15px;
}

.custum-modal-theme .custum-modal-content .custum-modal-body {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
}

.custum-modal-theme .custum-modal-content .custum-modal-body p {
	width: 100%;
	margin-bottom: 0;
	font-size: 13px;
	text-align: left;
	color: #353535;
}

.custum-modal-theme .custum-modal-content .custum-modal-footer {
	padding: 10px 0 0;
	width: 100%;
	float: left;
	border: none;
	display: inline-block;
	text-align: right;
	margin-top: 20px;
	border-top: 1px solid #c7c7c7;
}

/* Auyti Width for Scopesheet */

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group.sub-scopesheet-group,
.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-header,
.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-header .scopesheet-single,
.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-header .single-td {
	width: initial;
	white-space: nowrap;
	text-overflow: initial;
	overflow: initial;
	min-width: initial;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-single {
	width: 100%;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group.sub-scopesheet-group {
	min-width: auto;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-single .single-td {
	width: 100%;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-fixed .scopesheet-detail-group .scopesheet-right .scopesheet-single-title {
	width: auto;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-single .single-td.included-type {
	width: 70px;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-single .single-td.value-price {
	width: 100%;
}

.project-detail-header .scrtabs-tab-container {
	width: 100%;
	float: left;
	height: auto;
	height: 30px;
	overflow: hidden;
}

.project-detail-header .scrtabs-tab-container .scrtabs-tabs-fixed-container {
	height: 30px;
	overflow: hidden;
}

.project-detail-header .tall {
	float: left;
	height: 30px;
	overflow: hidden;
}

.project-detail-header .tall .nav-tabs li .scrtabs-tab-scroll-arrow,
.project-detail-header .tall .scrtabs-tab-container .scrtabs-tab-scroll-arrow {
	height: 30px;
	padding: 0;
	margin: 0;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #dee4e8;
	background: #ebf0f4;
}

.project-detail-header .tall .nav-tabs li .scrtabs-tab-scroll-arrow .glyphicon,
.project-detail-header .tall .scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon {
	position: relative;
	font-size: 16px;
	width: 20px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	display: inline-block;
	color: #2675b4;
}

.project-detail-header .tall .scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon.glyphicon-chevron-left:after {
	position: absolute;
	content: "\f104";
	font-family: FontAwesome;
	top: 0;
	left: 0;
	font-size: 16px;
	width: 20px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.project-detail-header .tall .scrtabs-tab-container .scrtabs-tab-scroll-arrow .glyphicon.glyphicon-chevron-right:after {
	position: absolute;
	content: "\f105";
	font-family: FontAwesome;
	top: 0;
	right: 0;
	font-size: 16px;
	width: 20px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

.main-page-body.page-theme-tabs.spec-summary-tabs .tab-content .tab-pane .project-detail-header.summary-tabs-inner {
	padding-left: 82px;
}

.project-detail-header .nav-tabs-base {
	float: left;
	position: relative;
	border: none;
	height: 30px;
	overflow: hidden;
	margin-left: -84px;
	width: 82px;
}

.project-detail-header .nav-tabs-base li {
	float: left;
	position: relative;
}

.project-detail-header .nav-tabs-base li.active a {
	background-color: #ebf0f4;
}

.project-detail-header .nav-tabs-base li a {
	position: relative;
	padding: 0px 13px;
	float: left;
	font-size: 13px;
	border-radius: 4px;
	font-weight: 600;
	border: 1px solid #dee4e8;
	min-height: 30px;
	line-height: 28px;
}

.subcontractor-name-group {
	width: 100%;
	float: left;
	height: 22px;
	position: relative;
	overflow: hidden;
}

.subcontractor-name-group .subcontractor-name {
	width: 100%;
	float: left;
	line-height: 22px;
}

.subcontractor-name-group .subcontractor-action {
	height: 22px;
	line-height: 22px;
	width: 48px;
	position: absolute;
	right: 0px;
	top: 0px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #22a740;
	padding: 0px 0px 0px 8px;
	opacity: 0;
}

.subcontractor-name-group .bid-tab-subcontractor-action {
	background: #000000;
}

.subcontractor-name-group:hover .subcontractor-action {
	right: 0px;
	opacity: 1;
}

.subcontractor-name-group .subcontractor-action .fa {
	width: 20px;
	float: left;
	line-height: 22px;
	color: #fff;
	opacity: 0.5;
	cursor: pointer;
	font-weight: normal;
}

.subcontractor-name-group .subcontractor-action .fa:hover {
	opacity: 1;
}

.table-scopesheet.table-scopesheet-left {
	width: 100%;
}

.table-scopesheet.table-scopesheet-left .scopesheet-center {
	max-width: initial;
}

.table-scopesheet {
	width: auto;
	border-spacing: 0px;
}

.table-scopesheet th {
	text-align: left
}

.table-scopesheet tbody {
	background-color: #eee
}

.table-scopesheet tbody:nth-of-type(2n) {
	background-color: #ccc
}

.table-scopesheet {
	border-collapse: collapse;
	border: 0px solid #000
}

.table-scopesheet thead {
	background: #000;
	color: #fff
}

.table-scopesheet td,
.table-scopesheet th {
	padding: 0px;
	border: 0px solid #fff;
	white-space: nowrap;
}

.scopesheet-resizeable .scopesheet-detail-group .scopesheet-right {
	min-width: 2600px;
}

.scopesheet-fixed.scopesheet-autowidth .scopesheet-detail-group .scopesheet-right .scopesheet-group .scopesheet-single .single-td span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	vertical-align: middle;
}

.top-sheet-detail-group .top-sheet-left table.top-sheet-header td.single-td {
	width: 100%;
}

table.top-sheet-header td.single-td {
	min-width: initial;
	width: initial;
}

.scopesheet-resizable {
	padding: 0px 0px 5px 0px !important;
	overflow: hidden;
}

.scopesheet-resizable .table-scopesheet-resizable {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
}

.scopesheet-resizable .table-scopesheet-resizable td {
	padding: 0px;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.scopesheet-resizable .table-scopesheet-resizable .scopesheet-left {
	width: 100%;
	margin: 0px !important;
}

.scopesheet-resizable .table-scopesheet-resizable .scopesheet-right {
	padding: 0px;
	min-width: initial;
	overflow-x: scroll;
	/* min-width: 1400px;
     */
}

.table-scopesheet-left-resizable {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
}

.table-scopesheet-left-resizable td {
	padding: 0px;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.table-scopesheet-left-resizable .scopesheet-group.scopesheet-center {
	max-width: initial;
	min-width: 120px;
}

.scopesheet-resizable .table-scopesheet-resizable td:last-child>div+div {
	display: none;
}

.table-scopesheet-single-left {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
}

.table-scopesheet-single-left td {
	padding: 4px 8px !important;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.table-scopesheet-single-left .single-td {
	max-width: initial !important;
}

.table-scopesheet-single-right {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
}

.table-scopesheet-single-right td {
	padding: 0px !important;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.table-scopesheet-single-right .scopesheet-group {
	min-width: 200px !important;
	width: auto;
}

.spec-summary-resizable .table-spec-summary-resizable {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
}

.spec-summary-resizable .table-spec-summary-resizable td {
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.spec-summary-resizable .table-spec-summary-resizable .top-sheet-left {
	width: 100%;
	margin: 0px !important;
}

.spec-summary-resizable .table-spec-summary-resizable .top-sheet-right {
	padding: 0px;
	min-width: initial;
	overflow-x: scroll;
	/* min-width: 1400px;
     */
}

.matrix-resizable {
	padding: 0px 0px 5px 0px !important;
	overflow: hidden;
}

.matrix-resizable .table-matrix-resizable {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
}

.matrix-resizable .table-matrix-resizable td {
	padding: 0px;
	border-left: 2px solid #fff;
	white-space: nowrap;
}

.matrix-resizable .table-matrix-resizable .top-sheet-left {
	width: 100%;
	margin: 0px !important;
}

.matrix-resizable .table-matrix-resizable .top-sheet-right {
	padding: 0px;
	min-width: initial;
	overflow-x: scroll;
	/* min-width: 1400px;
     */
}

.table-matrix-resizable-left {
	width: 100%;
	float: left;
	position: relative;
	border-spacing: 0px;
	border-collapse: collapse;
	border: 0px solid #000;
	display: table;
}

.table-matrix-resizable-left.top-sheet-group td.single-td {
	padding: 4px 10px !important;
	border-left: 2px solid #fff;
	white-space: nowrap;
	width: 100%;
	min-width: initial;
	display: table-cell;
}

.modal-body .add-child-row {
	width: 100%;
	float: left;
	position: relative;
	text-align: left;
}

.modal-body .add-child-row .theme-label {
	width: 100%;
	float: left;
	position: relative;
	color: #8a8c90;
	font-size: 13px;
	margin-bottom: 4px;
	text-align: left;
	padding: 0 10px;
}

.modal-body .add-child-row .multiple-child-row {
	width: 100%;
	float: left;
	position: relative;
	max-height: 350px;
	overflow-y: auto;
	overflow-x: hidden;
}

.modal-body .add-child-row .multiple-child-row .multiple-row {
	width: 100%;
	float: left;
	position: relative;
}

.modal-body .add-child-row .input-group {
	width: 100%;
	float: left;
	position: relative;
	flex-wrap: inherit;
	margin-bottom: 10px;
	padding: 0 10px;
}

.modal-body .add-child-row .input-group .form-control {
	width: 100%;
	margin: 0px;
	border: 1px solid #d3d8da;
	float: left;
	outline: none !important;
	box-shadow: none !important;
	font-size: 13px;
	padding: 0px 12px;
	height: 32px;
	line-height: 30px;
	border-radius: 3px !important;
	position: relative;
}

.modal-body .add-child-row .input-group .add-field {
	color: #228a15;
	border: 1px solid #c1debd;
	background: #e8f3e7;
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	border-radius: 3px;
	font-size: 17px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.modal-body .add-child-row .input-group .remove-icon {
	width: 32px;
	height: 32px;
	text-align: center;
	line-height: 30px;
	color: red;
	border: 1px solid #ffb7b7;
	border-radius: .25rem;
	background: #ffe5e5;
	font-size: 17px;
	float: none;
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
}

.main-page-body.page-theme-tabs.assign-bid-package-tab .tab-content .tab-pane {
	padding: 20px 20px 123px 20px;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign {
	float: left;
	width: 100%;
	text-align: left;
	padding-left: 25px;
	margin: 0;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign .form-group {
	float: left;
	padding-left: 150px;
	display: none;
	height: 32px;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign .form-group .theme-label {
	width: 150px;
	margin-left: -150px;
	color: #8a8c90;
	font-size: 14px;
	padding-top: 0;
	line-height: 32px;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign .form-group .form-control {
	max-width: 250px;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign .form-group .btn {
	margin-left: 10px;
	padding: 6px 12px;
}

.top-sheet-group .top-sheet-single .single-td.specnumber .checkbox-new {
	display: none;
}

.main-page-body.page-theme-tabs.assign-bid-package-tab.show-bulk-assign .tab-content .tab-pane .page-search-group.bulk-assign .form-group {
	display: block;
}

.main-page-body.page-theme-tabs.assign-bid-package-tab.show-bulk-assign .top-sheet-group .top-sheet-single .single-td.specnumber .checkbox-new {
	display: block;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign .bulk-assign-label {
	font-size: 13px;
	padding: 0 15px;
	line-height: 30px;
	display: flex;
	align-items: center;
	float: left;
	background: #292f4c;
	border-radius: 360px;
	color: #ffffff !important;
	border: 1px solid #292f4c;
}

.main-page-body.page-theme-tabs .tab-content .page-search-group.bulk-assign .bulk-assign-label .fa {
	font-weight: 700;
	font-size: 20px;
	padding-left: 5px;
}

.main-page-body.page-theme-tabs.assign-bid-package-tab.show-bulk-assign .tab-content .tab-pane .page-search-group.bulk-assign .bulk-assign-label {
	display: none;
}

.main-page-body.page-theme-tabs.assign-bid-package-tab.show-bulk-assign .top-sheet-group .top-sheet-single .single-td.specnumber.specnumber-checkbox {
	padding-left: 5px;
}

.scopesheet-group .single-td.input-box.input-box-active .td-span-input.required,
.scopesheet-group .single-td.input-box .td-span-input .sub-specnumber.required,
.top-sheet-group .single-td .required,
.table-theme tbody tr td.required,
.table-theme tbody tr td .required {
	border: 1px dashed #de0000 !important;
	background-color: rgba(255, 0, 0, 0.05) !important;
}

.main-page-body.page-theme-tabs.matrix-tab .tab-content .tab-pane {
	padding: 20px 20px 123px 20px;
}

.matrix-indication {
	width: 100%;
	float: left;
	position: relative;
	text-align: right;
}

.matrix-indication .indication-inner {
	/* width: 100px;
     */
	float: none;
	position: relative;
	color: #292f4c;
	font-size: 13px;
	margin-left: 10px;
	line-height: 22px;
	padding-left: 25px;
	display: inline-block;
	text-align: left;
}

.matrix-indication .indication-inner:after {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	top: 3px;
	left: 1px;
	border: 1px solid #00000030;
	border-radius: 2px;
}

.matrix-indication .indication-inner.alt:after {
	background-color: rgba(158, 158, 158, 0.14);
}

.matrix-indication .indication-inner.unitp:after {
	background-color: rgba(255, 193, 7, 0.11);
}

.log-list-theme.log-list-fixed {
	position: fixed;
	z-index: 2000;
	top: 15px;
	right: 15px;
	max-width: 300px;
}

.log-list-theme.log-list-fixed.hidden-log {
	display: none;
}

.log-list-theme.log-list-fixed .log-inner {
	box-shadow: 4px 4px 10px 0px rgb(0 0 0 / 0.2);
}

.log-list-theme.log-list-fixed .close-dismiss-group {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1;
}

.log-list-theme.log-list-fixed .close-dismiss {
	position: relative;
	width: 18px;
	height: 18px;
	background: transparent;
	cursor: pointer;
	float: right;
	color: transparent;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 1;
}

.log-list-theme.log-list-fixed .close-dismiss-group:hover .close-dismiss {
	transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.log-list-theme.log-list-fixed .close-dismiss .hamb-top {
	-webkit-transform: rotate(45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	background-color: #1a1a1a;
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	top: 50%;
}

.log-list-theme.log-list-fixed .close-dismiss .hamb-bottom {
	-webkit-transform: rotate(-45deg);
	-webkit-transition: -webkit-transform .2s cubic-bezier(.73, 1, .28, .08);
	position: absolute;
	left: 0;
	height: 2px;
	width: 100%;
	background-color: #1a1a1a;
	top: 50%;
}

.main-page-body.page-theme-tabs.assign-bid-package-tab .tab-content .tab-pane .project-detail-header {
	height: 32px;
}

.scopesheet-resizable .scopesheet-group .single-td {
	max-width: initial !important;
}

.main-page-body.my-user-page .table-fixed .table-fixed-header tr th,
.main-page-body.my-user-page .table-fixed .table-fixed-body tr td {
	width: 130px;
	min-width: 130px;
	max-width: 130px;
}

.main-page-body.my-user-page .table-fixed .table-fixed-header tr th:nth-child(2),
.main-page-body.my-user-page .table-fixed .table-fixed-body tr td:nth-child(2) {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
}

.main-page-body.my-user-page .table-fixed .table-fixed-header tr th:nth-child(4),
.main-page-body.my-user-page .table-fixed .table-fixed-body tr td:nth-child(4) {
	width: 70px;
	min-width: 70px;
	max-width: 70px;
}

.main-page-body.my-user-page .table-fixed .table-fixed-header tr th:nth-child(6),
.main-page-body.my-user-page .table-fixed .table-fixed-body tr td:nth-child(6) {
	width: 200px;
	min-width: 200px;
	max-width: 200px;
}

.main-page-body.my-user-page .table-fixed .table-fixed-header tr th:last-child,
.main-page-body.my-user-page .table-fixed .table-fixed-body tr td:last-child {
	width: 80px;
	min-width: 80px;
}

.main-page-body.my-user-page .table-fixed {
	height: calc(100% - 47px);
	overflow-x: hidden;
}

.top-sheet-detail-group.add-spec-group .top-sheet-group .single-td.row-action {
	min-width: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.top-sheet-detail-group.add-spec-group .top-sheet-group .single-td.row-action .collapse-icon {
	width: 16px;
	height: 16px;
	margin: 7px 4px;
}

.top-sheet-detail-group.add-spec-group .top-sheet-group .single-td.row-action .collapse-icon .fa {
	text-align: center;
	color: #292f4c;
	font-size: 18px;
	vertical-align: top;
	cursor: pointer;
}

.top-sheet-detail-group.add-spec-group .top-sheet-group .single-td.row-action .caret-action {
	display: block;
	opacity: 0;
	visibility: hidden;
}

.top-sheet-group .top-sheet-single:hover .single-td.row-action .caret-action {
	opacity: 1;
	visibility: visible;
}

.page-top-actions li .edit-msg {
	background: #ffbb00;
	box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.1);
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	padding: 0px 15px;
	color: #fff;
	float: left;
	position: relative;
	border-radius: 360px;
}

.page-top-actions li .edit-msg a {
	float: none;
	padding: 0 !important;
	background-color: transparent;
	border: 0;
	color: #292f4c !important;
	text-decoration: underline !important;
	font-weight: bold;
}

.page-top-actions li .edit-msg.imported-msg {
	padding-right: 40px;
	padding-left: 10px;
}

.page-top-actions li .edit-msg .close {
	font-size: 28px;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	opacity: 1;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.15);
}

.page-top-actions li .edit-msg .fa {
	font-size: 20px;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 10px;
}

.summery-tab-group {
	padding-left: 113px !important;
	position: relative !important;
	padding-right: 125px !important;
}

.summery-tab-group .li-active-fix {
	position: absolute !important;
	left: 0px;
	top: 0px;
}

.summery-tab-group .li-unitprice-fix {
	position: absolute !important;
	right: 0px;
	top: 0px;
}

.summery-tab-group .summery-tab-list {
	width: calc(100% - 90px);
	position: absolute !important;
	top: 0px;
	right: 0px;
	padding: 0px 40px;
	background: #fff;
	height: 30px;
	overflow: hidden;
}

.summery-tab-group .summery-tab-list .scroller-left {
	position: absolute;
	left: 0px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 0px;
	z-index: 2;
	padding: 0px;
	background: #e8e8e8;
	border-radius: 4px;
	color: #292f4c;
}

.summery-tab-group .summery-tab-list .scroller-right {
	position: absolute;
	right: 0px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	top: 0px;
	z-index: 2;
	padding: 0px;
	background: #e8e8e8;
	border-radius: 4px;
	color: #292f4c;
}

.summery-tab-group .summery-tab-list .list {
	width: calc(100% - 00px);
	padding: 0px 25px;
	right: 0px;
	white-space: nowrap;
	overflow: hidden;
	display: inline-flex;
}

.main-page-body.page-theme-tabs.show-menu .tab-content-menu .tab-pane {
	padding: 20px 20px 124px 20px;
}

.breadcrumb-group .page-top-actions li .matrix-indication {
	display: none;
}

body.fullscreen-active .breadcrumb-group .page-top-actions li .matrix-indication {
	display: block;
}

.access-denied {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	max-width: 420px;
	text-align: center;
	background: #fff;
	border-radius: 20px;
	padding: 20px 20px 35px 20px;
	overflow: hidden;
	box-shadow: 0px 6px 10px 10px rgba(0, 0, 0, 0.05);
}

.access-denied .access-denied-logo {
	float: left;
	width: 100%;
}

.access-denied .access-denied-logo img {
	max-width: 120px;
}

.access-denied .access-title {
	font-size: 28px;
	font-weight: 600;
	color: #292f4c;
	width: 100%;
	display: block;
	float: left;
	margin: 15px 0;
}

.access-denied .access-content {
	display: block;
	font-size: 14px;
	color: #3c3c3c;
	width: 100%;
	float: left;
}

.access-denied .input-action {
	width: 100%;
	float: left;
	border-radius: 0px;
	position: relative;
	margin: 15px 0 0;
}

.access-denied .input-action .btn-white {
	padding: 10px 20px;
	font-size: 14px;
}

.main-page-body.page-tabs.addons-tabs .bond-table {
	padding: 0;
}

.bold-text .masterformat-group .masterformat-single .single-box.insurance-range {
	width: 50%;
}

.main-page-body.page-tabs.addons-tabs .bond-table .masterformat-group .masterformat-single .single-box.value-price {
	width: 50%;
	max-width: 100%;
}

.table-fixed.project-configuration-table {
	overflow: hidden;
}

.table-fixed.project-configuration-table .table-fixed-header tr th:last-child,
.table-fixed.project-configuration-table .table-fixed-body tr td:last-child {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.table-fixed.project-configuration-table .table-fixed-header tr th:nth-child(1),
.table-fixed.project-configuration-table .table-fixed-body tr td:nth-child(1) {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.table-fixed.project-configuration-table .table-fixed-body tr td:nth-child(1) {
	text-transform: uppercase;
}

.table-fixed.alternates-table .table-fixed-header tr th:nth-child(2),
.table-fixed.alternates-table .table-fixed-body tr td:nth-child(2) {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}

.table-fixed.alternates-table .table-fixed-header tr th:nth-child(3),
.table-fixed.alternates-table .table-fixed-body tr td:nth-child(3) {
	width: 400px;
	min-width: 400px;
	max-width: 400px;
}

.table-fixed.unitprice-table .table-fixed-header tr th:nth-child(2),
.table-fixed.unitprice-table .table-fixed-body tr td:nth-child(2) {
	width: 150px;
	min-width: 150px;
	max-width: 150px;
}

.table-fixed.unitprice-table .table-fixed-header tr th:nth-child(3),
.table-fixed.unitprice-table .table-fixed-body tr td:nth-child(3) {
	width: 400px;
	min-width: 400px;
	max-width: 400px;
}

.table-fixed.addendum-table .table-fixed-header tr th:nth-child(2),
.table-fixed.addendum-table .table-fixed-body tr td:nth-child(2) {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.table-fixed.addendum-table .table-fixed-header tr th:nth-child(3),
.table-fixed.addendum-table .table-fixed-body tr td:nth-child(3) {
	width: 400px;
	min-width: 400px;
	max-width: 400px;
}

.table-fixed.scope-question-table .table-fixed-header tr th:nth-child(1),
.table-fixed.scope-question-table .table-fixed-body tr td:nth-child(1) {
	width: 400px;
	min-width: 400px;
	max-width: 400px;
}

.table-fixed.scope-question-table .table-fixed-header tr th:nth-child(2),
.table-fixed.scope-question-table .table-fixed-body tr td:nth-child(2) {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

.table-fixed.scope-question-table .table-fixed-header tr th:nth-child(3),
.table-fixed.scope-question-table .table-fixed-body tr td:nth-child(3) {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}

.table-fixed.scope-question-table .table-fixed-header tr th:nth-child(4),
.table-fixed.scope-question-table .table-fixed-body tr td:nth-child(4) {
	width: 90px;
	min-width: 90px;
	max-width: 90px;
}

.table-fixed .table-fixed-body tr td:last {
	border-right: 1px solid #dee2e6;
}

.table-fixed.scope-list-table .table-fixed-header tr th:nth-child(1),
.table-fixed.scope-list-table .table-fixed-body tr td:nth-child(1) {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.table-fixed.scope-list-table .table-fixed-header tr th:nth-child(2),
.table-fixed.scope-list-table .table-fixed-body tr td:nth-child(2) {
	width: 400px;
	min-width: 400px;
	max-width: 400px;
}

.table-fixed.scope-list-table .table-fixed-header t6r th:nth-child(3),
.table-fixed.scope-list-table .table-fixed-body tr td:nth-child(3) {
	width: 100px;
	min-width: 100px;
	max-width: 100px;
}

.spec-summary-fixed .top-sheet-group .single-td.specnumber {
	min-width: 150px;
	width: 150px;
}

.checkbox-input {
	-webkit-appearance: inherit;
	position: relative;
	outline: none;
}

.checkbox-input:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 11px;
	left: 0;
	margin: 0px;
	border: 1px solid #bdbdbd;
	border-radius: 4px;
	background-color: white;
	text-align: center;
	color: #fff;
	font-weight: normal;
}

.checkbox-input:checked:before {
	font-family: "FontAwesome";
	content: "\f00c";
	background: #2675b4;
	border: 1px solid #2675b4;
	/* background: #292f4c;
	border: 1px solid #292f4c; */
}

.ui-resizable-e {
	width: 3px;
	right: -2px;
}

.ui-resizable-e:hover {
	background: #fff;
}

.last-child .ui-resizable-e {
	display: none !important;
}

.input-gc {
	position: relative;
}

.input-gc .td-span-input {
	padding-right: 25px !important;
}

.input-gc .icon {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 25px;
	line-height: 23px;
	text-align: center;
}

body.fullscreen-active .matrix-theme {
	position: fixed;
	top: 51px;
	left: 5px;
	width: 100%;
	height: calc(100% - 60px);
	z-index: 20000000;
	background: #fff;
}

.matrix-theme {
	width: 100%;
	float: left;
	position: relative;
	height: 100%;
}

.matrix-theme-left {
	height: 67px;
}

.matrix-theme-right {
	margin-top: 0px;
}

.main-page-body.page-theme-tabs.matrix-tab .tab-content .tab-pane {
	padding: 20px 20px 126px 20px !important;
}

.zui-table tbody tr td.zui-alt {
	background-color: #f1f1f1;
}

.zui-table tbody tr td.zui-unp {
	background-color: #fff8e4;
}

.zui-table tbody tr td {
	white-space: nowrap;
	font-size: 12px;
	color: #000000;
	position: relative;
	background: #ffffff;
	padding: 4px 10px;
	border: 1px solid #dee2e6;
	line-height: 24px;
	font-weight: 600;
	height: 32px;
}

.zui-table tbody tr td .td-span-input {
	width: 100%;
	position: relative;
	padding: 0px 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	height: 23px;
	border: 1px dashed transparent;
	outline: none !important;
	box-shadow: none;
	background: transparent;
	border-radius: 4px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	color: #000000;
	font-weight: 600;
}

.zui-table tbody tr td .td-span-input:focus {
	border: 1px dashed rgba(137, 137, 137, 0.57);
	background: rgba(160, 160, 160, 0.19);
}

.zui-table thead tr {
	height: 33px;
}

.zui-table thead tr th {
	border-right: 1px solid #ffffff;
}

.zui-table {
	border: none;
	border-collapse: separate;
	border-spacing: 0;
}

.zui-table thead th {
	background-color: #000000;
	border-left: solid 1px #ffffff;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 22px;
	min-height: 33px;
	position: relative;
	height: 33px;
	padding: 4px 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*  overflow: hidden;*/
	/* float: left; */
	font-weight: 600;
}

.zui-table thead th.zui-sticky-base-bid {
	height: 34px;
}

.zui-table thead th.checkbox-th {
	text-align: left;
	height: 34px;
}

.zui-table thead th.checkbox-th .checkbox-input {
	margin-top: 4px;
}

.zui-table tbody td.zui-division {
	font-size: 16px;
	background: #22a740 !important;
	color: #ffffff;
	font-weight: 600;
	border-top: none;
}

.zui-wrapper {
	position: relative;
}

.zui-scroller {
	margin-left: 800px;
	overflow-x: hidden;
	overflow-y: hidden;
	width: calc(100% - 800px);
	/* background-color: #fff; */
}

.zui-scroller.zui-scroller-left {
	width: calc(100% - 812px);
}

.zui-table .zui-sticky-specnumber {
	left: 0;
	position: absolute;
	top: auto;
	width: 140px;
	height: 34px;
}

.zui-table .zui-sticky-specnumber .specnumber {
	width: 100%;
	padding-left: 10px;
}

.zui-table .zui-sticky-description {
	left: 140px;
	position: absolute;
	top: auto;
	width: 310px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-left: none;
	height: 34px;
	padding: 4px 5px;
}

.zui-table .zui-sticky-description.zui-division {
	padding: 4px 10px;
}

.zui-table .zui-sticky-bid-package {
	left: 450px;
	position: absolute;
	top: auto;
	width: 270px;
	border-left: none;
	height: 34px;
}

.zui-table .zui-sticky-base-bid {
	left: 720px;
	position: absolute;
	top: auto;
	width: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	border-left: none;
	height: 34px;
}

.zui-table .zui-alt,
.zui-table .zui-unp {
	width: 75px;
	max-width: 75px;
	min-width: 75px;
	border-bottom: none;
	border-left: none;
}

.zui-table .zui-unp .checkbox-input,
.zui-table .zui-alt .checkbox-input,
.zui-table .zui-sticky-base-bid .checkbox-input {
	width: 18px;
	height: 18px;
	position: relative;
	margin-top: 3px;
	vertical-align: middle;
	float: left;
}

.zui-table .zui-sticky-left table.zui-table td.bidpackage {
	background-color: #000000;
	color: #fff;
}

.zui-table .hidden-zui {
	visibility: hidden;
}

.scopesheet-group .scopesheet-single.scope-questions.double-line .single-td,
.scopesheet-group .scopesheet-header .scopesheet-single.double-line .single-td {
	height: 40px;
	line-height: 30px;
}

.scopesheet-group .scopesheet-single.scope-questions.double-line .single-td.estimated-value,
.scopesheet-group .scopesheet-header .scopesheet-single.double-line .single-td.estimated-value {
	line-height: 16px;
}

.top-sheet-group .top-sheet-header.double-line .single-td {
	height: 48px;
	line-height: 20px;
	font-size: 14px;
}

.top-sheet-group .top-sheet-header.double-line .single-td .ellipsis {
	white-space: initial;
	text-overflow: initial;
	overflow: initial;
}

.top-sheet-group .top-sheet-header.double-line .single-td .ellipsis .subcontractor-action a {
	color: #fff;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table {
	overflow-y: hidden;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table .performance-group-left {
	overflow-y: hidden;
	border-right: 0;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table .performance-group-left .masterformat-body {
	overflow-y: auto;
	border-right: 0;
}

.bidsummary-multiplier .multiplier-select {
	line-height: 22px;
	margin-left: 15px;
	padding: 0 10px !important;
}

.bidsummary-multiplier .multiplier-select:focus {
	border: 1px dashed #a7a7a7;
}

.fullscreen-active virtual-scroller {
	height: calc(100% - 74px) !important;
}

/* Styling for owl carousel begins here */

.summery-tab-theme .owl-item a.active {
	background-color: #ebf0f4;
}

.summery-tab-theme .owl-carousel .owl-stage-outer {
	background-color: #f9f9f9;
}

.summery-tab-theme .owl-item {
	width: auto !important;
	display: inline;
	font: none;
}

.summery-tab-theme .owl-item a {
	margin-bottom: 0 !important;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.owl-theme .owl-nav {
	margin-top: 0 !important;
}

.owl-theme .owl-nav .owl-next,
.owl-theme .owl-nav .owl-prev {
	background-color: #f9f9f9 !important;
	border: 1px solid #dee4e8;
	margin: 0 !important;
	position: absolute;
	top: 0;
}

.owl-theme .owl-nav .owl-next i,
.owl-theme .owl-nav .owl-prev i {
	color: #2675b4;
}

.owl-theme .owl-nav .owl-next {
	right: -22px;
}

.owl-theme .owl-nav .owl-prev {
	left: -22px;
}

.owl-theme .owl-nav .owl-next.disabled {
	pointer-events: none;
}

/* Styling for owl carousel ends here */

#session-timeout {
	z-index: 1051;
}

.zui-scroller.zui-scroller_modifier {
	overflow-x: auto;
}

.scopesheet-group .single-td .indents-input {
	margin-left: 5px;
	width: calc(100% - 5px);
}

.scopesheet-group .single-td .sub-indents-input-20 {
	margin-left: 10px;
	width: calc(100% - 10px);
}

.scopesheet-group .single-td .sub-indents-input-30 {
	margin-left: 15px;
	width: calc(100% - 15px);
}

.scopesheet-group .single-td .sub-indents-input-40 {
	margin-left: 20px;
	width: calc(100% - 20px);
}

.scopesheet-group .scopesheet-body .scopesheet-single.grandtotal-row .single-td.row-action {
	border-color: #fff;
	background-color: #ffffff !important;
}

.scopesheet-group .scopesheet-body .scopesheet-single.grandtotal-row .single-td {
	border-bottom: 1px solid #dee2e6;
}

.scopesheet-group .scopesheet-single.grandtotal-row .single-td {
	min-height: 40px;
	padding: 7px 8px;
	line-height: 25px;
	font-weight: 600;
	font-size: 20px;
	background-color: #ebf0f4 !important;
	color: #292f4c !important;
	text-align: right;
}

.scopesheet-group .scopesheet-single.grandtotal-row .single-td.included-type {
	background-color: #ffffff !important;
	color: #000 !important;
}

.main-page-body.page-tabs .tab-content .tab-pane .addons-top-actions .btn-theme {
	border-radius: 360px !important;
}

.main-page-body.page-tabs .tab-content .tab-pane .addons-top-actions .btn-border {
	float: right;
	display: flex;
	align-items: center;
	background-color: #fff;
	border: 1px solid #d6d6d6;
	color: #1b1b1b;
	cursor: pointer;
	border-radius: 360px;
	margin-left: 5px;
	padding: 5px 12px;
	font-size: 13px;
}

.main-page-body.page-tabs .tab-content .tab-pane .addons-top-actions .btn-border .fa {
	color: #1b1b1b;
	font-size: 15px;
	margin-right: 7px;
}

.main-page-body.page-tabs .tab-content .tab-pane .addons-top-actions .btn-border:hover {
	background: #ebf0f4;
}

.theme-panel-body .addons-top-actions {
	margin-bottom: 10px;
}

.masterformat-group .masterformat-single.highlight .single-box .addons-top-actions {
	margin: 0;
	width: auto;
}

.single-td.subname.highlight_column {
	background-color: #ffd27f;
	color: #000000;
}

.highlight_column {
	background-color: #ffa500 !important;
}

.highlight_column .td-span-input {
	color: #ffffff !important;
}

.table-fixed.scope-question-table .table-fixed-body .add_serial tr td:nth-child(1) {
	padding-left: 40px;
}

.table-fixed.scope-question-table .table-fixed-body .add_serial tr td:nth-child(1)::after {
	content: " (" attr(title) ")";
	position: absolute;
	left: 10px;
}

.hide_arrow::-webkit-inner-spin-button,
.hide_arrow::-webkit-outer-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

.hide_arrow {
	-moz-appearance: textfield !important;
}

.editable i.fa {
	position: absolute;
	cursor: pointer;
	font-size: 14px;
	color: #292f4c;
	right: 10px;
	top: 10px;
}

.editable i.fa.fa-floppy-o {
	right: 8%;
}

.editable input {
	background-color: transparent;
	pointer-events: none;
	padding: 0 10px;
	width: 95%;
	border: 0;
}

.editable input.enabled {
	background-color: #ffffff;
	pointer-events: unset;
}

.switch-group.second_company_label {
	margin-left: 10px;
	margin-bottom: 10px;
	display: table;
	clear: both;
}

.switch-group.second_company_label .switch,
.switch-group.second_company_label .label {
	vertical-align: middle;
}

.switch-group.second_company_label .label {
	padding: 0 16px;
	line-height: 20px;
	font-size: 14px;
	color: #292f4c;
}

.masterformat-group.masterformat-common .masterformat-body.hide {
	display: none;
}

.masterformat-single .single-box.value-price.is-invalid,
.masterformat-single.is-invalid .single-box input.hide_arrow:hover,
.masterformat-single.is-invalid .single-box input.hide_arrow:focus,
.masterformat-single.is-invalid .single-box input.hide_arrow:active,
.masterformat-single.is-invalid .single-box input.hide_arrow {
	border: 1px solid #dc3545 !important;
}

.masterformat-single input {
	outline: none;
}

.masterformat-single .tooltiptext {
	position: absolute;
	z-index: 3;
	background-color: #dc3545;
	color: #fff;
	text-align: left;
	padding: 6px 0px;
	width: auto;
	font-size: 10px;
	border-radius: 2px;
	top: -40px;
	right: 18px;
	line-height: 15px;
}

.masterformat-single .tooltiptext .fa-exclamation {
	position: absolute;
	right: 18px;
	width: 18px;
	height: 18px;
	line-height: 16px;
	color: #dc3545;
	border-radius: 50% !important;
	text-align: center;
	font-size: 11px;
	border: 1px solid #dc3545;
	top: 50px;
	cursor: pointer;
	padding: 0;
	background-color: #fff;
	margin: 0 !important;
}

.masterformat-single .tooltiptext .error {
	padding: 0px 8px;
	min-width: 120px;
	font-size: 13px;
}

.masterformat-group .masterformat-single.is-invalid .single-box {
	overflow: visible;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table.new_bond_table {
	padding-left: 0;
}

.main-page-body.page-theme-tabs .tab-content .tab-pane .performance-group.bond-table.new_bond_table .performance-group-left {
	margin-left: 0;
	height: auto;
	width: 100%;
}

button.row_option {
	position: absolute;
	height: 38px;
}

.bid-packages-list .form-group .validation-tooltip .tooltiptext {
	top: 15px;
}

.invalid-feedbacks {
	color: #dc3545;
}

.zui-scroller.zui-scroller_modifier::-webkit-scrollbar,
.top-sheet-detail-group .top-sheet-right::-webkit-scrollbar {
	display: none;
}

.zui-scroller.zui-scroller_modifier,
.top-sheet-detail-group .top-sheet-right {
	scrollbar-width: none;
	/* Firefox */
	-ms-overflow-style: none;
	/* IE 10+ */
}

.single-td-total-amount {
	font-size: 14px;
}

form.theme-form.userdetails-edit-mode.users_form {
	border-top: 1px solid #dddddd;
	padding: 15px 70px 15px 0;
	margin-top: 15px;
}

form.theme-form.userdetails-edit-mode.users_form.users_form-first {
	border-top: 0px;
	padding: 0px;
	margin-top: 0px;
}

.users_form .form-group .theme-label,
.users_form .form-group .input-group {
	margin-left: 0;
	width: 100%;
}

.users_form .form-group {
	padding: 0;
}

.users_form .row.users_row {
	position: relative;
}

.users_form .row.users_row .btns-group {
	position: absolute;
	bottom: 22px;
	right: -70px;
}

.disabled_button {
	pointer-events: none;
	opacity: 0.5;
}

.table-fixed.addendum-list-table .table-fixed-header tr th,
.table-fixed.addendum-list-table .attachment_table tr td {
	width: 120px;
	max-width: 120px;
	min-width: 120px;
}


/*New css starts here*/

.note-info {
	display: flex;
	width: 100%;
	color: #cd8b38;
	font-size: 12px;
	padding-top: 10px;
}


.scopesheet-group .single-td.spcost input {
	font-weight: 600;
}

.fullscreen-active .main-page-body.page-theme-tabs .tab-content {
	width: 100% !important;
}


.page-top-actions {
	zoom: 87%;
}

.page-title-group .page-title {
	font-size: 16px;
}


.page-title-group {
	display: flex;
	width: 100%;
}

.page-title-group .page-title {
	display: flex;
	width: 60%;
}

.page-title-group .page-title .project-title {
	max-width: 40%;
}

.page-title-group .page-title .normal-title {
	max-width: 21%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.header-action-right {
	display: flex;
	width: 40%;
	justify-content: end;
}

.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
	border: 1px solid #292f4c !important;
	background: #292f4c !important;
	border-radius: 11px !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	/* margin-bottom: 0px !important; */
}



li.no-data h5 {
	font-size: 12px !important;
	opacity: .5;
}

.multiselect_custom .multiselect-dropdown .dropdown-list .item2 .no-filtered-data h5 {
	font-size: 12px !important;
	opacity: .5;
}

.multiselect_custom .multiselect-dropdown .dropdown-list {
	overflow: hidden;
}

.multiselect_custom .multiselect-dropdown .dropdown-btn {
	padding-right: 30px !important;
}

.multiselect_custom .multiselect-dropdown .dropdown-list .item1 {
	display: flex;
	flex-direction: column-reverse;
}

.multiselect_custom .multiselect-dropdown .dropdown-list .item2 {
	border-bottom: 1px solid #CCCCCC !important;
}

.multiselect-item-checkbox input[type=checkbox]+div:before {
	border: 1px solid #292f4c !important;
}


.multiselect-item-checkbox input[type=checkbox]:checked+div:before {
	background: #292f4c !important;

}



.subcontractor-name-group .tooltip {
	z-index: 1 !important;
	display: flex;
	top: 7px !important;
	border-radius: 0px;
}

.subcontractor-name-group .tooltip .arrow:before {
	border-left-color: #1c2972;
}

.op-table .table-fixed-header tr th:nth-child(1),
.op-table .table-fixed-header tr td:nth-child(1),
.op-table .table-fixed-header tr th:nth-child(2),
.op-table .table-fixed-header tr td:nth-child(2) {
	width: 50%;
}

.op-table .table-fixed-body tr td:nth-child(1),
.op-table .table-fixed-body tr td:nth-child(2) {
	width: 50%;
}



.my-custom-class .tooltip-inner {
	background-color: #292F4C;
	/* max-width: 1000px !important;
	color: #fff; */
}

.bs-tooltip-top .arrow::before {
	border-top-color: #292F4C !important;
}

.bs-tooltip-left .arrow::before {
	border-left-color: #292F4C !important;
}

.bs-tooltip-right .arrow::before {
	border-right-color: #292F4C !important;
}

.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #292F4C !important;
}

.tooltip .show {
	opacity: 1 !important;
}


.custom_select_btn {
	background-color: #292F4C !important;
	color: #ffff !important;
	float: right !important;
	margin: 10px !important;
}

textarea.form-control {
	line-height: 22px !important;
}


.multiselect_custom .multiselect-dropdown .dropdown-btn {
  border-radius: 50px !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  position: relative;
  background: #fff;
  box-shadow: 0px 0px 8px -2px #00000036;
  border: none !important;
}

  .multiselect_custom .multiselect-dropdown .dropdown-btn span.selected-item-container span {
    margin-bottom: 0 !important;
  }

  .multiselect_custom .multiselect-dropdown .dropdown-btn span.dropdown-multiselect__caret {
    top: 0px !important;
  }

    .multiselect_custom .multiselect-dropdown .dropdown-btn span.dropdown-multiselect__caret:before {
      top: 74% !important;
      margin-top: 0 !important;
    }

.multiselect_custom .multiselect-dropdown .dropdown-list {
  border-radius: 10px;
  box-shadow: 0 0px 11px -4px #959595;
  border: none;
}


@media (max-width:1350px) {
  .table_container .first-table {
    position: static !important;
  }
}