/*
 * Base structure
 */

* {
  -ms-touch-action: none;
  -ms-user-select:none;
  -moz-user-select: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;

  -ms-user-select:none;
  user-select:none;
  -o-user-select:none;
  font-family: 'Poppins', sans-serif;
}

input, textarea {
	-webkit-user-select: text !important;
}

html
{
	font-size:11px;
}

@media(min-width:1000px)
{
	html
	{
		font-size:10px;
	}
}

@media(min-width:1200px)
{
	html
	{
		font-size:12px;
	}
}

@media(min-width:1500px)
{
	html
	{
		font-size:16px;
	}
}


html, body {
  height: 100%;
  width: 100%;
  position: fixed;
}

input::-webkit-calendar-picker-indicator
{
  display: none;
}

input::-webkit-list-button
{
  display: none;
}

body {
  background-color: #0A0A0A;
  color: #ffffff;
}

th
{
	position: sticky;
	top: 0; /* Don't forget this, required for the stickiness */
	z-index: 1;
}


@media (max-width: 767px) {

	.projects-search-text
	{
		font-size: 1.1rem!important;
		font-weight:400;
	}

.project_list_container_name_phone {

	width:40%;
}

	.btn-table-head {

		font-size:.75rem!important;
	}

	.sign-in-up-logo-header {
	  font-size: 2rem!important;
	}

	.mobile-project-screen-logo-header {
	  font-size: 1.25rem!important;
	}

	.signin-text {

	color:white;
	}

	.bg-login-mobile {
		background-image: url(../img/bg_sign_in.jpg);
	  background-repeat: no-repeat;
	  border-style: hidden;
	  border-radius: 1vh;
	  background-position: center;
	  background-size: cover;
	  padding: 5% 7%;
	}
}

.bg-login {
	background-image: url(../img/bg_sign_in.jpg);
  background-repeat: no-repeat;
  border-style: hidden;
  border-radius: 1vh;
  background-position: center;
  background-size: cover;
  padding: 5% 7%;
}

/*
.bg-signup {
    background-image: url(../img/bg_sign_up.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 20%;
    min-width: 20%;
    max-width: 100%;
    max-height: 100%;
    border-style: hidden;
    border-radius: 1vh;
}
*/

.bg-signup {
  background-image: url(../img/bg_sign_up.jpg);
  background-repeat: no-repeat;
  /* min-height: 25%; */
  /* min-width: 25%; */
  /* max-width: 100%; */
  /* max-height: 100%; */
  border-style: hidden;
  border-radius: 1vh;
  background-position: center;
  background-size: cover;
  padding: 5% 7%;
}


body.screen-wrong-size {
	background-image: url(../img/screen_wrong_size.svg);
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.ellipsis
{
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

/*
 * Pallette
 */

.bg-dark {
  background-color: #2b2c2d!important;
}

.bg-blue {
  background-color: #0046E2;
}
.blue {
  color: #0046E2;
}

.bg-orange {
  background-color: #FFBE0D;
}
.orange {
  color: #FFBE0D;
}
.orange-muted {
  color: #93741E;
}

.bg-grey {
    background-color: #1C1C1C;
}
.bg-grey-26
{
	background-color:#262626;
}

.bg-grey-D9
{
	background-color: #D9D9D9;
}

.yellow {
  background-color: yellow;
}

.grey-user {
  background-color: #262626;
}
.grey-sidebar {
  background-color: #2A2A2A;
}
.grey-header {
  background-color: #1C1C1C;
}

.user {
  background: rgb(38,38,38);
  background: linear-gradient(0deg, rgba(38,38,38,1) 0%, rgba(50,50,50,1) 100%);
}

.sidebar {
  background-color: #1C1C1C;
}

.header {
  background: rgb(25,25,25);
  background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(38,38,38,1) 100%);
}
.page {
  background: rgb(25,25,25);
  background: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(38,38,38,1) 100%);
}

.side-tab-blue {
  border-left: 2px solid #00C5F6;
}
.side-tab-pink {
    border-left: 10px solid #E30CBD;
}

.side-tab-sqc {
  background-image: url(../img/gradient_sqc.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-sqn {
  background-image: url(../img/gradient_sqn.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-snc {
  background-image: url(../img/gradient_snc.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-snn {
  background-image: url(../img/gradient_snn.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-nqc {
  background-image: url(../img/gradient_nqc.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-nqn {
  background-image: url(../img/gradient_nqn.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-nnc {
  background-image: url(../img/gradient_nnc.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-nnn {
  background-image: url(../img/gradient_nnn.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-s {
  background-image: url(../img/gradient_s.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-q {
  background-image: url(../img/gradient_q.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-c {
  background-image: url(../img/gradient_c.png);
  background-repeat: no-repeat;
  background-size: 4px 100%;
}

.side-tab-pink {
    border-left: 10px solid #E30CBD;
}


/*
 * Height utility classes
 */

.h-1-5 {
height: 1.5% !important;
}
.h-3 {
	height: 3% !important;
}
.h-4 {
height: 4% !important;
}
.h-5 {
height: 5% !important;
}
.h-6 {
  height: 6% !important;
}
.h-7 {
  height: 7% !important;
}
.h-10 {
height: 10% !important;
}
.h-15 {
  height: 15% !important;
}
.h-20 {
height: 20% !important;
}
.h-25 {
height: 25% !important;
}
.h-30 {
height: 30% !important;
}
.h-35 {
height: 35% !important;
}
.h-65 {
 height: 65% !important;
}
.h-66 {
 height: 66% !important;
}
.h-70 {
 height: 70% !important;
}
.h-80 {
 height: 80% !important;
}
.h-85 {
 height: 85% !important;
}
.h-90 {
 height: 90% !important;
}
.h-92 {
height: 92% !important;
}
.h-93 {
height: 93% !important;
}
.h-94 {
 height: 94% !important;
}

.h-95 {
 height: 95% !important;
}

.h-97 {
 height: 97% !important;
}

.inactive {
  display: none;
}

.no-pad {
  padding-left: 0;
  padding-right: 0;
}


/*
 * Typography
 */

h1 {
  font-size: 1.8rem;
  text-transform: uppercase;
  font-weight: 400;
}
h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.signin-heading h1 {
  font-size: 2.5rem;
  text-transform: none;
  font-weight: 400;
}
.signin-sub-heading h2{
  font-size: 2.5rem;
  font-weight: 400;
}

/* Links */
a,
a:focus,
a:hover {
  color: #fff;
}

/*
 * Buttons
 */

.btn {
  border-radius: 0.25rem;
}

.btn-round {
  border-radius: 50%;
}

.btn-primary {
  border-radius: 25%;
  background-color: #0041E3;
}
.btn-outline-primary {
  border-radius: 25%;
}

 .btn-outline-delete {
	 border-radius:50%;
	 background-image: url(../img/icon_delete.svg);
	 background-position: center;
 	background-repeat: no-repeat;
 	width: 28px;
 	height: 28px;
	border-color: #FFFFFF;
}

.btn-outline-delete-sm {
	border-radius:50%;
	background-color: #DC2F25;
	background-image: url(../img/icon_delete.svg);
	background-position: center;
  	background-repeat: no-repeat;
  	width: 16px;
  	height: 16px;
  	border-color: #FFFFFF;
}

.btn-outline-block {
	border-radius:50%;
	background-image: url(../img/icon_block.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	border-color: #FFFFFF;
}

.btn-outline-archive {
	border-radius:50%;
	background-image: url(../img/icon_archive.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	border-color: #FFFFFF;
}


.btn-outline-archive {
	border-radius:50%;
	background-image: url(../img/icon_archive.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	border-color: #FFFFFF;
}

.btn-outline-can-view-pricing {
	border-radius:50%;
	background-image: url(../img/icon_can_view_pricing.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	border-color: #FFFFFF;
}

.btn-outline-deleted-filter {
	background-image: url(../img/icon_delete_filter.svg);
	background-position: center;
  	background-repeat: no-repeat;
  	width: 16px;
	height: 16px;
	border-color: #FFFFFF;
	padding-right: 30px;
}
.btn-outline-archived-filter {
	background-image: url(../img/icon_archive-filter.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	border-color: #FFFFFF;
	padding-right: 30px;
}

.btn-outline-projects-filter {
	background-image: url(../img/icon_projects-filter.svg);
	background-position: center;
  	background-repeat: no-repeat;
  	width: 16px;
	height: 16px;
	border-color: #FFFFFF;
	padding-right: 30px;

}

.btn-outline-view-pricing {
	background-image: url(../img/icon_archive.svg);
	background-position: center;
	background-repeat: no-repeat;
	height: 28px;
	border-radius: 50%;
	border-color: #FFFFFF;
}

.btn-outline-reset-password {
  font-size: 20px;
  color: #6C757D;
  border-color: #6c7577d;
}

/* this tile is set to a fixed size to display three in a row @1280 wide viewport */

.mounting-tile-description
{
	font-size:0.8rem;
	font-weight:400;
	color:#262626;
	padding-right:10%;
}

.mounting-tile-description-modal
{
	font-size:0.6rem;
	font-weight:400;
	color:#262626;
}

.mounting-tile-description-modal-row
{
    font-size: 1.2rem;
    font-weight: 400;
}

.btn-tile {
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-size: 130px 137px;
  background-position: 130px 10px;
  position: relative;
  width: 12rem;
  height: 20rem;
  transition:all 0.3s ease;
  margin: 0 10px 10px 0;
  border-radius: .25rem;
}
.btn-tile:hover {
  background-color: #0041E3;
}
.btn-tile-label-main{
  color: #black;
  position: absolute;
  top: 76%;
  left: 6%;
  font-size: 1.0rem;
  transition:all 0.3s ease;
}
.btn-tile-label-sub{
  color: #333;
  position: absolute;
  top: 86%;
  left: 6%;
  font-size: 0.8rem;
  transition:all 0.3s ease;
}


.btn-tile:hover > .btn-tile-label {
  color: #ffffff;
}
.btn-tile.home {
  background-color: #444444;
}
.btn-tile.home:hover {
  background-color: #0046E2;
}
.btn-tile-label.home {
  color: #ffffff;
}

.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #D9D9D9;
  border: .25rem none;
}

.btn-secondary-pulldown-background {

	background-color: #D9D9D9;
	border-style: none;
}

.btn-positive {
  background-color: #0046E2;
  color: #ffffff;
  border-radius: .25rem;
  padding: .15rem 1rem .15rem 1rem;
}

.btn-login {
  background-image: linear-gradient(to bottom right, #4485FB, #523BFB);
  color: #ffffff;
  border-radius: .25rem;
  padding: .15rem 2rem .15rem 2rem;
  height: 4rem;
}

.btn-negative {
  background-color: #FFBE0D;
  color: #333333;
  border-radius: .25rem;
  padding: .15rem 1rem .15rem 1rem;
}

.btn-negative-fixture-options
{
	background-color:transparent;
	color: #333333;
	border-style:solid;
	border-color:#4d4d4d;
	border-radius: .25rem;
	padding: .15rem 0.25rem .15rem 0.25rem;
	font-size:1.5vh;
	font-weight:400;
}

.btn-dropdown-label-light {
  background-color: #BFBFBF;
  color: #262626;
  text-align: left;
  border-style: none;
  font-size: 14px;
}

.btn-dropdown-label-light:focus {
	outline: none;
	box-shadow: none;
}

.btn-dropdown-toggler-light {
  background-color: #BFBFBF;
  color: #262626;
  border-style: none;
}

.btn-dropdown-toggler-light:focus {
	outline: none;
	box-shadow: none;
}


.btn-dropdown-label {
  background-color: #2A2A2A;
  color: #6C757D;
  text-align: left;
  border: 1px solid #6C757D;
  font-size: 14px;
}
.btn-dropdown-label:hover {
  color: #0046E2;
}
.btn-dropdown-toggler {
  background: #BFBFBF;
  border: n
}

.btn-login-blue {
    background-color: #0041E3;
    color: #ffffff;
    border:0;
}
.btn-login-orange {
    background-color: #FFBE0D;
    color: #333333;
    border:0;
}

.gradient-spec-ed-create-project
{
	background: linear-gradient(180deg, rgba(115,40,255,1) 0%, rgba(155,40,255,1) 100%);

}

/* this tile is set to a fixed size to display three in a row @1280 wide viewport */

.btn-tile-create-project {
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-size: 130px 137px;
  background-position: 130px 10px;
  position: relative;
  width: 250px;
  height: 400px;
}
.btn-tile-mounting {
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-size: 130px 137px;
  background-position: 130px 10px;
  position: relative;
  transition:all 0.3s ease;
  border-radius:0.75rem;
  margin-bottom: 10%;
  border-style:solid;
  border-color:transparent;
  border-width:6px;
}
.btn-tile-mounting-new-type {
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-size: 130px 137px;
  background-position: 130px 10px;
  position: relative;
  transition:all 0.3s ease;
  border-radius:0.75rem;
  margin-bottom: 10%;
}
.btn-tile-mounting-row {
  position: relative;
  transition:all 0.3s ease;
  border-radius: 0.25rem;
  margin-bottom: 2%;
}

.btn-tile-action {
  color: #fff;
  position: absolute;
  top: 76%;
  left: 6%;
  font-size: 0.8rem;
  transition:all 0.3s ease;
}
.btn-tile-description {
  color: #ffffff;
  position: absolute;
  top: 76%;
  left: 6%;
  font-size: 0.8rem;
  transition:all 0.3s ease;
}
.btn-tile:hover > .btn-tile-label {
  color: #ffffff;
}

.btn-tile-small {
  background-color: #D9D9D9;
  background-repeat: no-repeat;
  background-size: 130px 137px;
  background-position: 130px 10px;
  position: relative;
  width: 225px;
  height: 150px;
  transition:all 0.3s ease;
  margin: 0 20px 20px 0;
}
.btn-tile-small:hover {
  background-color: #0041E3;
}
.btn-tile-small-action {
  color: #fff;
  position: absolute;
  top: 76%;
  left: 6%;
  font-size: 0.8rem;
  transition:all 0.3s ease;
}
.btn-tile-small-label, .btn-tile-label-home-new-project {
  color: #aaa;
  position: absolute;
  top: 76%;
  left: 6%;
  font-size: 1.2rem;
  transition:all 0.3s ease;
}
.btn-tile-small-label-home-new-project {
  color: #304AFF;
}

.btn-tile-small.home {
  background-color: #444444;
}
.btn-tile-small.home:hover {
  background-color: #0046E2;
}
.btn-tile-small-label.home {
  color: #ffffff;
}

.btn-plus {
    color: #ffffff;
    border-radius: 2.5rem;
    padding: 0rem 1.0rem 0.0rem 1.0rem;
    text-transform: uppercase;
	background: rgb(2,67,226);
	background: linear-gradient(0deg, rgba(2,67,226,1) 0%, rgba(115,10,255,1) 100%);}

.btn-medium-plus {
    color: #ffffff;
    border-radius: 2.5rem;
    padding: 0rem 0.5rem 0.0rem 0.5rem;
    text-transform: uppercase;
	background: rgb(2,67,226);
	background: linear-gradient(0deg, rgba(2,67,226,1) 0%, rgba(115,10,255,1) 100%);}

.btn-small-plus {
    color: #ffffff;
    border-radius: 2.5rem;
    padding: 0rem 0.25rem 0.0rem 0.25rem;
    text-transform: uppercase;
	background: rgb(2,67,226);
	background: linear-gradient(0deg, rgba(2,67,226,1) 0%, rgba(115,10,255,1) 100%);}

.btn-text {
	color: #ffffff;
	background-color: transparent;
	border: none;
}

/*
 * Forms
 */
 .form-control-signup-sign-in {
   border-radius: .25rem !important;
   background-color:inherit;
   height: 3rem;
   border-width:.1rem;
   border-color:grey;
   border-style:solid;
   width:100%;

 }

 .form-control-signup-sign-in:focus {
 	border-width:.1rem;
	border-style:solid;
   border-color: #4575FB;
  /* box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);*/
 }

 .form-control-grey-block {
   border-radius: .25rem !important;
   background-color:#323232;
   height: 2.0rem;
   border-width:.15rem;
   border-color:grey;
   border-style:none;
   width:100%;
 }

 .form-control-grey-block-lg {
   border-radius: .25rem !important;
   background-color:#323232;
   height: 2rem;
   border-width:.15rem;
   border-color:grey;
   border-style:none;
   width:100%;
 }

 .form-control-modal-grey-block {
   border-radius: .25rem !important;
   background-color:#323232;
   height: 2rem;
   border-width:.15rem;
   border-color:grey;
   border-style:none;
   width:100%;
   padding-left:0.5rem;

 }

 .form-control-modal-grey-block-textinput {
   border-radius: .25rem !important;
   background-color:#323232;
   border-width:.15rem;
   border-color:grey;
   border-style:none;
   padding-left:0.5rem;
   width: 60%;
 }

 .form-control {
   border-radius: 0.25rem;
   background-color: transparent;
 }

 .feather {
   width: 16px;
   height: 16px;
   vertical-align: text-bottom;
 }

 .small-radius-corners {
   border-radius: 1.0rem !important;
   padding: 1.5rem 2.0rem !important;
 }

 .form-control-dark {
	 color: #fffff;
	background-color: rgba(255, 255, 255, .1);*/
	border-color: rgba(255, 255, 255, .1);*/
 }
 .form-control-dark:focus {
 	border-width:2pt;
   border-color: #4271FF;
  /* box-shadow: 0 0 0 3px rgba(255, 255, 255, .25);*/
 }

/*
 * Content
 */

 .content {
   height: 93%;
 }

.avatar {
  width: 25%;
  height: 25%;
}

.main {
  background-color: #282828;
}

.main-content-canvas {
}

.btn-navbar {
  color: #ffffff;
  background-color: #262626;
  width: 100%;
  border: none;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.btn-navbar.selected {
  background-color: #1955DE;
}

.user {}
.user-wrap {}
.user-meta {
  font-size: 12px;
}
.user-meta .name{}
.user-meta .address {
  display: block;
  font-size: 10px;
  color: #aaaaaa;
}

/*
 * Content - sidebar
 */
.sidebar-meta {
	font-size: 12px;
	color:#9A9A9A;
}
 .sidebar-meta.home .heading1 {
   display: block;
   color: #434343;
   font-size: 11px;
   font-weight: 600;
   line-height: 0.5;
 }
 .sidebar-meta .heading1 {
   display: block;
   font-size: 16px;
   font-weight: 600;
   line-height: 0.5;
 }
 .sidebar-meta .heading2 {
   display: block;
   color: #ffffff;
   font-size: 16px;
   font-weight: 600;
 }
 .sidebar-meta .project-id {
   display: block;
   color: #aaaaaa;
 }
 .sidebar-main .dropdown-title {
   color: #687078;
 }

 .user-prompt {
   font-size: 20px;
 }
 .page-label {
   font-size: 12px;
   color: #aaaaaa;
 }

 .editor-sidebar-left {
   background-color: #E6E6E6;
 }
 .editor-main {
   background-color: #D1D1D1;
 }
 .editor-sideBar-right {
   background-color: #070707;
 }
 .editor-meta {
   font-size: 1.2vh;
 }
 .editor-meta .heading1 {
   display: block;
   color: #444444;
   font-size: 20px;
   font-weight: 400;
   line-height: 1.5vh;
 }
 .editor-meta .project-id {
   display: block;
   text-transform: uppercase;
   color: #aaaaaa;
 }
  .label{
   color: #444444;
 }
 .form-control {
     border: 1px solid #888888;
 }

 .span {
   display: block;
 }
 .table-wrap .btn-outline-secondary{
	background-color: #4D4D4D;
	color: #D5D5D5;
 }

 .table {
   color: #9c9c9c;
 }

 .table td, .table th {
   vertical-align: middle;
   border-top: 0;
   border-bottom: 1px solid #333333;
 }
 .table thead th {
   border-bottom: 1px solid #333333;
 }

.btn-admin-table-head
{
	background-color: #141414;
	color: #ffffff;
	font-size: .6rem;
	font-weight:600;
	padding: .5rem;
	border-radius: .25rem;
	display: inline-block;
	overflow: hidden;
	text-overflow:ellipsis;
}
.btn-table-head {
  background-color: #141414;
  color: #ffffff;
  font-size: 1.75vh;
  font-weight:600;
  padding: 1vh;
  border-radius: .25rem;
  display: inline-block;
  overflow: hidden;
  text-overflow:ellipsis;
}
.btn-table-head-bom {
  background-color: #141414;
  color: #d9d9d9;

  font-weight:600;
  font-size: 1vh;
  text-transform: uppercase;
  padding:0.25rem;
  border-radius: .25rem;
}

.editor-main, .modal-content-project-summary-lightbox {
  background-color: #D1D1D1;
}

.form-control-label
{
	padding: 0.45rem 1rem;
	color: #888888;
}

.table_suppress_border_bottom {
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
      border-top: 0px solid #00ff00 !important;
    }

.user-list.project-id {
  font-size: 14px;
}

/*
 * Content - My Projects modals
 */

.modal-body {
  padding: 3rem 1rem 1rem 1rem;
}
.modal-header {
  padding: 2rem 1rem;
  border-bottom: 1px solid #717171;
}
.modal-header {
  display: block;
}

.modal-title3 {
  color: #888888;
}
.modal-content {
  background-color: #222222;
}
.modal-footer {
  border:0;
  display: block;
}

.close {
	text-shadow: none;
	font-size:3vh!important;
	color: #9A9A9A;
    opacity: 1;
}

/*
 * Content - Mounting code blobs
 */
 .square-small
 {
	padding:0 0 0 0;
	border-width:.125rem;
	border-color:#FFBE0D;
	border-style:solid;
	border-radius:.25rem;
 }

.square-small-label-formatting
{
	width:100%;
	text-align:center;
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

 .square-small-row
 {
	padding:0 0 0 0;
	background-color:#304AFF;
	border-radius:.25rem;
 }

.square-small-row-label-formatting
{
	width:100%;
	text-align:center;
	position:relative;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
}

.circle-small {
    width: 20%;
    text-align: center;
	 text-align: middle;
    line-height: 1;
    padding: 7.5% 0;
    border-radius: 50%;
    background: #09f;
}
.circle-small-label-amount {
  font-size: 0.7;
  font-weight:600;
}

/*
 * Content - Project summary blobs
 */

.circle {
  width:50%;
  height:0;
  text-align:center;
  line-height:0;
  padding:25% 0;
  border-radius:50%;
  background:#09f;
}
.circle-label-amount {
  display: block;
  font-size: 38px;
  padding-bottom: 20%;
}
.circle-label-description {
  display: block;
  font-size: 16px;
}
.circle.mountings {
  background-color: #222222;
}
.circle-label-amount.mountings {
  color: #ffffff;
}
.circle-label-description.mountings {
  color: #FFBE0D;
}
.circle.runs {
  background-color: #D1D1D1;
  border: 5px solid #222222;
}
.circle-label-amount.runs {
  color: #0145E2;
}
.circle-label-description.runs {
  color: #222222;
}
.circle.watts {
  background-color: #FFBE0D;
}
.circle-label-amount.watts {
  color: #222222;
}
.circle-label-description.watts {
  color: #222222;
}
.circle.length {
  background-color: #D1D1D1;
  border: 5px solid #1955DE;
}
.circle-label-amount.length {
  color: #222222;
}
.circle-label-description.length {
  color: #222222;
}
.circle.cct {
  background-color: #1955DE;
}
.circle-label-amount.cct {
  color: #ffffff;
}
.circle-label-description.cct {
  color: #ffffff;
}
.summary-option {
  font-size: 14px;
  text-align: center;
  color: #323232;
  line-height: 1.8;
}
.export .btn-outline-secondary {
    border-radius: 1.5rem;
}
.hand {
  cursor: pointer;
  cursor: hand;
}

.move {
  cursor: move;
}

.pointer {
  cursor: default;
}

.selected_tile {
}

.selected_tile_type {
  border-style:solid;
  border-width:3px;
  border-color:#1955DE;
  cursor: hand;
}

.selected_tile .selected_tile_loc {
  border-style:solid;
  border-width:6px;
  border-color:#FFBE0D;
  cursor: hand;
}

.btn-tile-mounting:hover {
  border-style:solid;
  border-width:6px;
  border-color:#1955DE;
  cursor: hand;
}


.selected_tile_loc_row {
  border-style:solid;
  border-width:1px;
  border-color:#707070;
  cursor: hand;
}

.selected_tile .selected_tile_loc_row {
  border-style:solid;
  border-width:1px;
  border-color:#1955DE;
  cursor: hand;
}

.selected_drawing_tile
{
  border-style:solid;
  border-width:3px;
  border-color:#1955DE;
  cursor: hand;
}

.selected_tile_dragging {
  border-style:solid;
  border-width:3px;
  border-color:#ffff00;
  cursor: hand;
  z-offset:100;
}

.drawing {
	background: rgb(44,45,45);
	background: linear-gradient(0deg, rgba(44,45,45,1) 0%, rgba(10,10,10,1) 75%);
	bottom: 0;
}

@media (min-width: 992px) {
  .lightbox-lg,
  .lightbox-xl {
    max-width: 85%;
  }
}

.lightbox-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: .3rem;
    outline: 0;
}

.modal-content-project-summary-lightbox {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}


/* Lightbox: end /*

.lightbox-open {
  overflow: hidden;
}

.lightbox-open .lightbox {
  overflow-x: hidden;
  overflow-y: auto;
}

.lightbox {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.lightbox-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.lightbox.fade .lightbox-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -50px);
  transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
  .lightbox.fade .lightbox-dialog {
    transition: none;
  }
}

.lightbox.show .lightbox-dialog {
  -webkit-transform: none;
  transform: none;
}

.lightbox-dialog-scrollable {
  display: -ms-flexbox;
  display: flex;
  max-height: calc(100% - 1rem);
}

.lightbox-dialog-scrollable .lightbox-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}

.lightbox-dialog-scrollable .lightbox-header,
.lightbox-dialog-scrollable .lightbox-footer {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.lightbox-dialog-scrollable .lightbox-body {
  overflow-y: auto;
}

.lightbox-dialog-centered {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - 1rem);
}

.lightbox-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  content: "";
}

.lightbox-dialog-centered.lightbox-dialog-scrollable {
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
}

.lightbox-dialog-centered.lightbox-dialog-scrollable .lightbox-content {
  max-height: none;
}

.lightbox-dialog-centered.lightbox-dialog-scrollable::before {
  content: none;
}

.lightbox-content {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.lightbox-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}

.lightbox-backdrop.fade {
  opacity: 0;
}

.lightbox-backdrop.show {
  opacity: 0.5;
}

.lightbox-header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.lightbox-header .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.lightbox-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.lightbox-body {
  position: relative;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.lightbox-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}

.lightbox-footer > :not(:first-child) {
  margin-left: .25rem;
}

.lightbox-footer > :not(:last-child) {
  margin-right: .25rem;
}

.lightbox-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .lightbox-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }
  .lightbox-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .lightbox-dialog-scrollable .lightbox-content {
    max-height: calc(100vh - 3.5rem);
  }
  .lightbox-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .lightbox-dialog-centered::before {
    height: calc(100vh - 3.5rem);
  }
  .lightbox-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .lightbox-lg,
  .lightbox-xl {
    max-width: 800px;
  }
}

@media (min-width: 1200px) {
  .lightbox-xl {
    max-width: 1140px;
  }
}

Lightbox: end */

button:focus {outline:0;}

.button_run_type
{
	width:100px;
	height:100px;
	border-style:none;
}

.button_run_type_straight
{
	background: url('../img/select_run_type_stencil_straight.svg');
	background-size:100% 100%;
}

.button_run_type_straight:focus
{
	background: url('../configurator_img/select_run_type_stencil_straight_highlighted.png');
	background-size:100% 100%;
}

.button_run_type_l_shape
{
	background: url('../img/select_run_type_stencil_l_shape.svg');
	background-size:100% 100%;
}

.button_run_type_l_shape:focus
{
	background: url('../configurator_img/select_run_type_stencil_l_shape_highlighted.png');
	background-size:100% 100%;
}

.button_run_type_c_shape
{
	background: url('../img/select_run_type_stencil_c_shape.svg');
	background-size:100% 100%;
}

.button_run_type_c_shape:focus
{
	background: url('../configurator_img/select_run_type_stencil_c_shape_highlighted.png');
	background-size:100% 100%;
}

.button_run_type_square_rect_shape
{
	background: url('../img/select_run_type_stencil_square_rect.svg');
	background-size:100% 100%;
}

.button_run_type_square_rect_shape:focus
{
	background: url('../configurator_img/select_run_type_stencil_square_rect_highlighted.png');
	background-size:100% 100%;
}

.button_run_type_custom_shape
{
	background: url('../img/select_run_type_stencil_custom.svg');
	background-size:100% 100%;
}

.button_run_type_custom_shape:focus
{
	background: url('../configurator_img/select_run_type_custom_highlighted.png');
	background-size:100% 100%;
}

.btn_grid-container {
  display: grid;
  grid-template-columns: auto auto auto auto auto;
  grid-gap: 1px;
  padding: 1px;
  width: 100%;
}

.btn_grid-container > div {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid black;
}

*:focus {
    outline: none !important;
}

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-outline-lighting_option {
  font-size: 14px;
  border-radius: 1.5rem;
}

.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.btn_lighting
{
	border-radius: .25rem;
	color: #969696 !important;
	margin: 2px;
	padding: .25vh;
}

.btn_lighting:focus,.btn_lighting:active
{
	background-color: #0D6AFF;
	border-color: #0D6AFF;
	color:#ffffff !important;

    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn_popup
{
	border-radius: .25rem;
	color: #afafaf !important;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: .25vh;
	padding-bottom: .25vh;
}

.btn_popup:focus,.btn_popup:active
{
	background-color: #0D6AFF;
	border-color: #0D6AFF;
	color:#ffffff !important;

    -webkit-box-shadow: none;
    box-shadow: none;
}

label {
    display: inline-block;
    margin-bottom: 0.0rem !important;
}

.lighting_option
{
	padding-left: .5rem!important;
	padding-right: .5rem!important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	width:100%;
}

.create-radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.create-radio-toolbar label {
    display: inline-block;
	color:#888888;
}

.create-radio-toolbar input[type="radio"]:checked + label {
	background-color: #0D6AFF;
	border-color: #0D6AFF;
	color:#ffffff !important;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
    display: inline-block;
	border-radius: 0.125rem !important;
	border-top-left-radius: 0.125rem !important;
	border-bottom-left-radius: 0.125rem !important;
	border-top-right-radius: 0.125rem !important;
	border-bottom-right-radius: 0.125rem !important;
	color:#888888;
	margin:2px;
	padding:2px;
}

.radio-toolbar input[type="radio"]:checked + label {
	background-color: #0D6AFF !important;
	border-color: #0D6AFF;
	color:#ffffff !important;
}

.create-new-type input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.create-new-type input[type="radio"]:checked + label {
	background-color: #0D6AFF;
	border-color: #0D6AFF;
	color:#ffffff !important;
}

.card-columns
{
    column-count: 2;
}

.quote-details-radio-toolbar input[type="radio"] {
	opacity: 0;
	position: fixed;
	width: 0;
}

.quote-details-radio-toolbar label {
	display: inline-block;
	cursor: pointer;
	cursor: hand !important;
	color:#333 !important;
	font-size: 1.25vh !important;
}

.quote-details-radio-toolbar input[type="radio"]:checked + label {
	background-color: #9A9A9A;
	border-left-color: #0058FF;
	border-left-width: .5rem;
	border-left-style: solid;
	color:#333 !important;
	font-size: 1.25vh !important;
}



.feature-main
{
	width:100%;
}

.label-negative
{
	color: #FFBE0D;
}

.radio-shape-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-shape-toolbar label {
	background-color: #999;
    border-color: #999;
    display: inline-block;
	color:#888888 !important;
	margin:.25rem;
	padding:.25rem;
}

.radio-shape-toolbar input[type="radio"]:checked + label {
	background-color: #dea52a;
	border-color: #dea52a;
	color:#ffffff !important;
}

.background_gradient
{
	background: rgb(33,33,33);
	background: linear-gradient(0deg, rgba(33,33,33,1) 0%, rgba(27,27,27,1) 100%);
}

.delete_button
{
	background-color: #de2d19;
	padding-left:1%;
	padding-right:1%;
}
.create-project-1st-time
{
	background: linear-gradient(0deg, rgba(33,33,33,1) 0%, rgba(50,50,50,1) 100%);
}

.option_gradient
{
	background: rgb(33,33,33);
	background: linear-gradient(0deg, rgba(33,33,33,1) 0%, rgba(50,50,50,1) 100%),;
}

.option_gradient:hover
{
	background: rgb(77,77,77);
	background: linear-gradient(0deg, rgba(77,77,77,1) 0%, rgba(143,143,143,1) 100%);
}

.drawing-tile_gradient
{
	background: rgb(33,33,33);
	background: linear-gradient(0deg, rgba(59,59,59,1) 0%, rgba(00,00,00,1) 50%,rgba(28,28,28,1) 100%);
}

.drawing-tile_gradient:hover
{
	background: rgb(77,77,77);
	background: linear-gradient(0deg, rgba(77,77,77,1) 0%, rgba(143,143,143,1) 100%);
}

.login-text-blue {

	color: #4575FB;
}

.text-blue {
  color: #4575FB;
}

.text-grey {
  color: #888888;
}

.text-grey-d9
{
  color: #D9D9D9;
}

.text-grey-43
{
	color:#434343
}

.text_light_grey
{
	color:#7F7F7F;
}

.text_grey_c0
{
	color:#C0C0C0;
}

.text_grey_6b
{
	color:#6b6b6b;
}

.text_purple
{
	color:#730AFF;
}

.text-yellow
{
	color:#FFBE0D;
}

.text-red
{
	color:#FF3333;
}

.btn-textual-run-entry
{
	width:80%;
	padding:5%;
}

.btn-geometry-left-panel-edit
{
	padding: 0px;
}

.btn-geometry-left-panel-edit:focus
{
	padding: 0px;
	outline: none;
	box-shadow: none;
}

.text-grey-61
{
	color:#616161;
}

.text-grey-4D
{
	color:#4D4D4D;
}

.text-grey-FF
{
	color:#FFFFFF;
}

.text-grey-9A
{
	color:#9A9A9A;
}

.bg-grey-9A
{
	background-color:#9A9A9A;
}

.bg-grey-C7
{
	background-color:#C7C7C7;
}

.bg-grey-30
{
	background-color:#303030!important;
}

.bg-grey-4D
{
	background-color:#4D4D4D;
}

.bg-grey-4F
{
	background-color:#4F4F4F;
}

.bg-grey-D5
{

	background-color:#D5D5D5D5;
}

.text-dark-grey
{
	color:#555555;
}

.bg-black {
  background-color: #000000;
}

.bg-yellow
{
	background-color:#FFBE0D;
}

.bg-red
{
	background-color:#DE2D19;
}

.text-black
{
	color:#000000;
}

.text_teal
{
	color:#30CEFF;
}

.text_white
{
	color:#ebebeb !important;
}

.text_grey
{
	color:#aaaaaa !important;
}

.bg-light-grey {
    background-color: #C4C4C4;
}

.bg-grey-43
{
	background-color:#43434343;
}

.new-header {
  background-color: #1C1C1C;
}

.modal-header-strip-line {
    border-bottom: 0px solid #dee2e6;
}

.btn-reset-password {
  font-size: 1.5vh;
  color: #eee;
  background-color: #DC2F25;
  border: none;
  height: 2.0rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 0.25rem;
}

.btn-quote-details-icon {
	height:2vh;
}

.btn-bill-of-materials-icon {
	height:2vh;
	padding-left:2vh;
}

.btn-quote-details {
	color: #d9d9d9;
	background-color: #DE2D19;
	border: none;
	height: 3.5vh;
	padding-left: 1rem;
	padding-right: 1rem;
	border-radius: 0.25rem;
}

.btn-quote-calculation {
	font-size: 12px;
	color: #d9d9d9;
	background-color: #DE2D19;
	border: none;
	height: 2.0rem;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0.25rem;
}

.btn-back-to-quotes-icon {
	height:20px;
	padding-right:10px;
}

.btn-back-to-quotes {
	font-size: 12px;
	color: #d9d9d9;
	background-color: #DE2D19;
	border: none;
	height: 2.0rem;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 0.25rem;
}

.btn-primary
{
	background:transparent;
	color: #fff;
	border-color: #888;
}

.w-5 {
	width: 5%!important;
}

.w-90 {
	width: 90%!important;
}

.textual_button
{
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none  !important;
    -moz-box-shadow: none  !important;
    -webkit-box-shadow: none  !important;
	-webkit-tap-highlight-color: transparent  !important;
	font-size: 0.75rem;
}

.view_controls
{
	width: 15%;
}

#mmd_id_file_menu_show_hide
{
	position:absolute;
	top: 0px;
	left:0px;
	width: 2.5vh;
	z-index:1;
}

#mmd_id_file_menu_show_hide_column
{
	position:absolute;
	top: 0px;
	right:0px;
	width: 2.5vh;
	z-index:1;
}

#id_show_hide_drawing_palette_column_outer_left
{
	background-repeat: no-repeat;
	position:absolute;
	top:0px;
	right:0px;
	width: 2.5vh;
	z-index:1;
}

#id_show_hide_drawing_palette_column_outer_right
{
	background-repeat: no-repeat;
	position:absolute;
	top:2.5vh;
	right:0px;
	width: 2.5vh;
	height:2.5vh;
	z-index:1;
}

#id_show_hide_drawing_palette_column_inner_left
{
	background-repeat: no-repeat;
	position:absolute;
	top: 0vh;
	left:0px;
	width: 2.5vh;
	height:2.5vh;
	z-index:1;
}

#id_show_hide_drawing_palette_column_inner_right
{
	background-repeat: no-repeat;
	position:absolute;
	top: 2.5vh;
	left:0px;
	width: 2.5vh;
	height:2.5vh;
	z-index:1;
}

.show_hide_drawing_palette_column_inner_right_top
{
	top: 0.0vh !important;
}

#id_compass
{
	bottom:0px;
	right:0px;
	z-index:2;
	position:absolute;
	width: 64px;
	transform-origin: center;
	transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
}

#id_vif_message
{
	bottom:0px;
	right:0px;
	z-index:1;
	color:#000;
	padding-right:10px;
	position:absolute;
	text-align: right;
}

#id_run_text_entry_screen
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 95%;
	top:0px;
}

#idGapWarning
{
	padding-left:16px;
}

#idCornersRemovedStatement
{
	padding-left:16px;
}

.col-0
{
	width: 0px;
}


.geometry_text_input
{
	border: none;
}

.cursor_power_input_right_angle
{
	cursor:url(../configurator_img/power_entry_right_angle.png) 16 16, auto;
}

.cursor_crosshair
{
	cursor:crosshair;
}

.cursor_default
{
	cursor:default;
}

.btn-outline-secondary:not(:disabled):not(.disabled).active, .btn-outline-secondary:not(:disabled):not(.disabled):active, .show>.btn-outline-secondary.dropdown-toggle {
    color: #fff !important;
    background-color: #0D6AFF;
    border-color: #0D6AFF;
}

/* product_features */

.page-silver {
  background: rgb(208,208,208);
background: linear-gradient(0deg, rgba(208,208,208,1) 0%, rgba(215,215,215,1) 50%, rgba(217,217,217,1) 100%);
}

.panel-title {
  color: #4C4D4E;
  font-size: 20px;
}

.card {
  background: rgb(38,38,38);
  background: linear-gradient(0deg, rgba(38,38,38,1) 0%, rgba(46,46,46,1) 100%);
}


.cardBorderH-1 {
  background: rgb(77,33,143);
  background: linear-gradient(90deg, rgba(77,33,143,1) 0%, rgba(29,75,143,1) 100%);
  padding: 0.125vh;
  margin-top:1vh;
}
.cardBorderH-2 {
  background: rgb(76,32,142);
  background: linear-gradient(90deg, rgba(76,32,142,1) 0%, rgba(145,31,104,1) 100%);
  padding: 0.125vh;
  margin-top:1vh;
}
.cardBorderH-3 {
  background: rgb(147,114,47);
  background: linear-gradient(90deg, rgba(147,114,47,1) 0%, rgba(50,124,146,1) 100%);
  padding: 0.125vh;
  margin-top:1vh;
}
.cardBorderH-4 {
  background: rgb(50,124,147);
  background: linear-gradient(90deg, rgba(50,124,147,1) 0%, rgba(28,75,143,1) 100%);
  padding: 0.125vh;
  margin-top:1vh;
}
.tableWrapper {
  background: rgb(38,38,38);
  background: linear-gradient(0deg, rgba(38,38,38,1) 0%, rgba(46,46,46,1) 100%);
  padding: 20px;
}
.card-header {
  background-color: #7210f8;
}

.cardBorderV-customers-right {
  border-right: 0.125vh solid transparent;
  border-image: linear-gradient(to top, #DE2D19 , #FF600D);
  border-image-slice: 1;
}

.cardBorderV-customers-left {
	padding-left:1rem !important;
	border-left: 0.125vh solid transparent;
	border-image: linear-gradient(to top, #DE2D19 , #FF600D);
	border-image-slice: 1;
}
.custTableTab {
  border-left: 4px solid transparent;
  border-image: linear-gradient(50deg, rgb(9, 21, 103), rgb(49, 64, 196), rgb(190, 190, 238)) 50%;
  border-image-slice: 1;
}

.type-menu-bg-gradient
{
	background: transparent linear-gradient(180deg, rgba(97, 97, 97, .2) 0%, rgba(19, 19, 19, .2) 100%) 0% 0% no-repeat padding-box;
}

.custTableName {
  font-size: 2.5vh;
  color: #eee;
}

.lumen-output {
  background-color: #7210f8;
  color: #ffffff;
  padding-bottom: 2rem;
}

.btn-purple {
  background-color: #7210f8;
  color: #ffffff;
  padding: 1rem;
}

.btn-purple-off {
  background-color: transparent;
  color: #4C4D4E;
  border: .05rem solid #A2A3A4;
  padding: .25rem;
}

.color-temp {
  height: 0.5rem;
  width: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.25rem;
}

.color-temp-small {
  height: 4px;
  width: 4px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 6px;
}

.ra-title {
  color: #4C4D4E;
  font-size: 1.5vh;
    display: inline-block;
}
.ra-value {
  color: #4C4D4E;
  font-size: 1.25vh;
  font-weight: 600;
  display: inline-block;
}
.cct-title {
  color: #4C4D4E;
  font-size: 1.25vh;
    display: inline-block;
}
.cct-value {
  color: #4C4D4E;
  font-size: 1.5vh;
  font-weight: 600;
    display: inline-block;
}

.hide-radio-buttons input[type="radio"]
{
    opacity: 0;
    position: fixed;
    width: 0;
    border: 0;
}

.fixed-width-te-power
{
	width:64px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.hide-radio-buttons input[type="radio"]:not(:checked) + label
{
    background-color: transparent;
    border-color: #888888;
    color: #4C4D4E important;
    border: .05rem solid #A2A3A4;
    padding: 7px;
}

.hide-radio-buttons input[type="radio"]:checked + label
{
    background-color: #fdbe0d !important;
    border-color: #888888;
    color: #ffffff !important;
    padding: 7px;
}

#fixture_info_popup {
  background: #0C6AFF;
  color: #fff;
  font-weight: bold;
  padding: 4px 8px;
  font-size: 1vh;
  border-radius: 4px;
  display: none;
  z-index: 1;
}

#fixture_info_popup[data-show] {
  display: block;
}


#fixturePopupAnchor
{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	background-color:red;
}

.lighting-popover-text
{
	color:#808080;
}

#lighting_options_popup {
  background: #CCCCCC;
  color: #434343;
  font-weight: 400;
  padding: 4px 8px;
  font-size: 1rem;
  border-radius: .25rem;
  display: none;
  z-index: 5;
}

#lighting_options_popup[data-show] {
  display: block;
}

.btn.btn-secondary.dropdown-toggle.jumper-toggle-text:hover
{
	color:#d9d9d9;
	background-color:#4d4d4d;
}


#lightingOptionsAnchor
{
	position:absolute;
	left:0px;
	top:0px;
	width:0px;
	height:0px;
	background-color:red;
}

[x-arrow] {
  position: absolute;
}

.popover {
  margin-top: 10px;
  margin-bottom: 10px;
  max-width:450px;
  width:350px;
}

.popover[x-placement="bottom"] [x-arrow] {
  top: -10px;
  border-bottom: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.popover[x-placement="top"] [x-arrow] {
  bottom: -10px;
  border-top: 10px solid #333;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.dropdownCountrySelection
{
	height: 100px;
	overflow-y: auto;
}

.dropdown-h38
{
	height:38px;
	padding-left:10px;
}

#id_project_list_container
{
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}

#project_list_container th
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#project_list_container td
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.project_mini_list_container_name {
  width: 40%;
}

.project_mini_list_container_details {
  width: 20%;
}

.project_mini_list_container_created {
  width: 20%;
}

.project_mini_list_container_modified {
  width: 20%;
}

.project_list_container_name_phone {
  width: 20%;
}

.project_list_container_details_phone {
  width: 20%;
}

.project_list_container_created_phone {
  width: 20%;
}

.project_list_container_modified_phone {
	width: 10%;
	text-align:center;
}

.project_list_container_name {
  width: 20%;
}

.project_list_container_arrow {
  width: 2%;
  text-align:center;
}

.project_list_container_details {
  width: 10%;
  text-align:center;
}

.project_list_container_created {
	width: 10%;
	text-align:center;
}

.project_list_container_modified {
	width: 10%;
	text-align:center;
}

.project_list_container_attachments {
	width: 10%;
	text-align:center;
}

.project_list_container_documents {
  width: 8%;
  text-align:center;
}

.project_list_container_rev {
  width: 10%;
  text-align:center;
}

.project_list_container_tick {
  width: 10%;
  text-align:center;
}

.project_list_container_bin {
  width: 10%;
  text-align:center;
}

.your_customers_list_container_name {
  width: 10%;
}

.your_customers_container_arrow {
  width: 5%;
}

.your_customers_container_details {
  width: 10%;
}

.your_customers_container_created {
  width: 6%;
}

.your_customers_container_modified {
  width: 6%;
}

.your_customers_container_edit_customer {
  width: 6%;
}

.your_customers_container_projects {
  width: 10%;
}

.your_customers_container_bin {
  width: 5%;
}

.quote_details_list_container_line {
  width: 10%;
}

.quote_details_list_container_part_name {
  width: 10%;
}

.quote_details_list_container_part_description {
  width: 10%;
}

.quote_details_list_container_part_unit_price {
  width: 10%;
}

.quote_details_list_container_part_quantity {
  width: 10%;
}

.quote_details_list_container_part_total_qty {
  width: 10%;
}

.quote_details_list_container_part_discount {
  width: 10%;
}

.quote_details_list_container_part_price_disc {
  width: 10%;
}

.quote_details_list_container_part_total {
  width: 10%;
}

.project_list_container_rev {
  width: 10%;
}

.project_list_container_tick {
  width: 5%;
}

.project_list_container_bin {
  width: 5%;
}














.admin_mode_user_name {
	width: 15%;
	overflow:hidden;
}

.admin_mode_email {
	width: 14%;
	overflow:hidden;
}

.admin_mode_authorisation_code {
	width: 10%;
	overflow:hidden;
}

.admin_mode_group {
	width: 10%;
}

.admin_mode_first_line_of_address {
	width: 14%;
	overflow:hidden;
}

.admin_mode_pricing_list {
	width: 11%;
}

.admin_mode_can_view_pricing {
	width: 6%;
}

.admin_mode_user_level {
	width: 11%;
}

.admin_mode_block {
	width: 4.5%;
}

.admin_mode_delete {
	width: 4.5%;
}

.admin_mode_archive {
	width: 0%;
}

.admin_mode_can_edit_pricing {
	width: 0%;
}

.app_flex
{
	display:flex;
	display: -ms-flexbox;
}

#id_accessories_panel
{
}

#id_accessories_options
{
	font-size:8px;
}

.no_margin_row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.button_transparent_bg
{
	background-color: Transparent;
	border: none;
	cursor:pointer;
}

/* quote_detail - new CSS Sept 2020 */

.maintable tr:hover {
	background: #bfbfbf;
	color: #000;
}

.quote-dropdown-label {
  display: inline;
  color: #656E76;
  padding-right: 10px;
}

.quote-list.project-name {

}
.quote-list.project-id {
  font-size: 10px;
}
.quote-list.details-type {

}
.quote-list.details-runs {
  font-size: 10px;
}
.quote-list.created-date {

}
.quote-list.created-time {
  font-size: 10px;
}
.quote-list.modified-date {

}
.quote-list.modified-time {
  font-size: 10px;
}

.btn-quote {
  color: #eee;
  text-transform: none;
  text-shadow: none;
  background-color: #3A3A3A;
  border: none;
}

.btn-quote.active {
  color: #333;
  background-color: #FDBE0D;
}

.btn-yellow {
  background-color: #FDBE0D;
  color: #333;
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-transform: uppercase;
}

.btn-orange {
  background-color: #DE4F1A;
  color: #333;
  border-radius: 0.5rem;
  padding: .75rem 1.5rem .75rem 1.5rem;
  text-transform: uppercase;
}

.btn-red {
  background-color: #DE2719;
  color: #333;
  border-radius: 0.5rem;
  padding: .75rem 1.5rem .75rem 1.5rem;
  text-transform: uppercase;
}

.btn-grey {
  background-color: #BFBFBF;
  color: #333;
  border-radius: 0.5rem;
  padding: 0.5rem;
  text-transform: uppercase;
}

.quote-collapse-label {
  display: inline;
  font-size: 28px;
}

input[type="radio"].circle {
  background-color: transparent;
  border: 2px solid #888;
  border-radius: 50%;
  width: 2em;
  height: 2em;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type="radio"]:after {
  background-color: transparent;
  border: 2px solid #444;
  border-radius: 50%;
  display: block;
  width: 2em;
  height: 2em;
  position: relative;
}
input[type="radio"]:checked {
  background-color: #FDBE0D;
}
input[type="radio" i]:focus {
  outline: none;
}

input[type="checkbox"].circle {
  background-color: transparent;
  border: 2px solid #444;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  cursor: pointer;
  -webkit-appearance: none;
}
input[type="checkbox"]:after {
  background-color: transparent;
  border: 2px solid #444;
  border-radius: 50%;
  display: block;
  width: 1rem;
  height: 1rem;
  position: relative;
}
input[type="checkbox"]:checked {
  background-color: #FDBE0D;
}
input[type="checkbox" i]:focus {
  outline: none;
}

.new-quote-modal-title {
  background-color: #888;
}

.card-header.quote {
  background-color: transparent;
}

.btn-yellow-off {
  background-color: transparent;
  color: #4C4D4E;
  border: .05rem solid #A2A3A4;
  padding: 10px;
}

.create-new-type-feature-selection {
  display: inline;
  font-size: 16px;
  font-weight: 600;
  line-height: 0.5;
}

.create-new-type-feature-selection-yellow {
    display: inline;
  color: #FFBE0D;
  font-size: 16px;
  font-weight: 600;
  line-height: 0.5;
}

.h-90 {
  height: 90%!important;
}

.text-yellow {
  color: #FFBE0D;
}

.btn-group-lg>.btn, .btn-lg {
    padding: .5rem 1rem;
    font-size: 1.1rem;
    line-height: 1.5rem;
    border-radius: .5rem;
}

/* project_summary NEW CSS OCT 2020  */

.list-group-item {
  color: #333;
  background-color: transparent;
  border: 1px solid rgba(0,0,0,.125);
}
.border-right {
  border-right: 1px solid #333!important;
}

.summary-sub-title {
  font-size: 20px;
  color: #323232;
  line-height: 1.8;
}

.summary-collapse-label {
  display: inline;
  color: #333;
  font-size: 28px;
}

.drop-zone {
  border: 1px dashed #717171;
}

.drop-zone.dragover {
  border: 1px solid #FFBE0D;
}

.side-tab-pdf {
  border-left: 10px solid #F71D14;
}

.landing-area-label {
  color: #717171;
}

.drop-zone-bg {
	background-image: url(../img/drop_zone.svg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size:auto 25%;
	background-position:center;
}

.drop-zone-hide-items {
	opacity:0.0;
}

.input_spy_glass {
    background: white url(/img/icon_spy_glass.svg) left no-repeat;
	background-color: inherit;
    padding-left: 2.5rem;
	height: 1rem;
}

.UploadUserIcon {
  width: 70px;

}

.headerUserIconDashboard {
  width: 4vh;
  margin-right: 1.9rem;
}

.headerUserIcon {
  width: 4vh;
  margin-right: 0.5rem;
}

.sidebarMenuItem {
  margin-bottom: 1.25vh;
  padding: 1vh;
  color:#9A9A9A9A;
}
.sidebarMenuItem.focused {
  background-color: #383838;
  border-left: 2px solid #155BE3;
  color:#FFFFFF;
}
.sidebarMenuItem.outlined {
  border: 2px solid #155BE3;
}
.sidebarMenuItemIcon {
  height: 1.4rem;
  margin-right:1rem;
  color:#9a9a9a9a;
}

.sidebarMenuItemIconProjects
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_projects_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.focused .sidebarMenuItemIconProjects
{
	background-image: url(../img/icon_projects.svg);
}

.sidebarMenuItemIconAllProjects
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_all_projects_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;


}

.focused .sidebarMenuItemIconAllProjects
{
	background-image: url(../img/icon_all_projects.svg);
}

.sidebarMenuItemIconQuotes
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_quote_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.focused .sidebarMenuItemIconQuotes
{
	background-image: url(../img/icon_quote.svg);
}

.sidebarMenuItemIconCustomers
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_customers_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.focused .sidebarMenuItemIconCustomers
{
	background-image: url(../img/icon_customers.svg);
}

.sidebarMenuItemIconUsers
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_users_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.focused .sidebarMenuItemIconUsers
{
	background-image: url(../img/icon_users.svg);
}

.select-admin-type-button
{
	width:7rem;
    padding:0.125rem 0.75rem;
}

.sidebarMenuItemIconAccount
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_my_account_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.focused .sidebarMenuItemIconAccount
{
	background-image: url(../img/icon_my_account.svg);
}

.sidebarMenuItemIconSupport
{
	height: 1.4rem;
	width: 1.4rem;
	margin-right:1rem;
	background-image: url(../img/icon_support_grey.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.editor-support {
	font-size:1rem;
}

#id_allow_lit_corners_panel {
    color: #6c757d;
	font-size:6pt;
}

#id_accessories_panel label
{
    color: #6c757d;
    font-size:1.25vh;
}

.create_button .btn {
	background-color: #3352FB !important;
	color: #fff;
}

.create_button .btn-outline-secondary:hover {
	color: #6c757d;
	background-color: #6c757d;
	border-color: #6c757d;
}

.checkbox-round input
{
	width: 1.3vh;
	height: 1.3vh;
	background-color: white;
	border-radius: 50%;
	vertical-align: middle;
	border: 1px solid #ddd;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}

.checkbox-round input[type="checkbox"]:checked
{
	background-color: #3352FB;
}

.checkbox-round:checked
{
	background-color: gray;
}

.bg-unselected-geometry-shape
{
    background-color: #D9D9D9;
}

.bg-selected-geometry-shape
{
    background-color: #3352FB;
}

.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle{
    color: #4D4D4D;
    background-color: #D9D9D9 ;
    border-style: none;
}

.btn-graphic-transmittal-approval {

	background-image: url(../img/icon-transmittal-approval.svg);
	background-color:inherit;
	background-repeat: no-repeat;
	background-size: contain;

}

.btn-graphic-transmittal-records {

	background-image: url(../img/icon-transmittal-records.svg);
	background-color:inherit;
	background-repeat: no-repeat;
	background-size: contain;
}

ul{
	padding-inline-start: 0px;
	width:100%;
}

.dropdown {
	width:100%;
}

.dropdown-menu {
	min-width: 12rem !important;
	font-size: 1.5vh;
	padding: 1rem;
	background-color:#292A2D;
}

.dropdown-menu-jumper-options-bg
{
	background-color:#d9d9d9;

}


.dropdown-menu ul {
	background-color:#292A2D;
}

.dropdown-item
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
	font-weight:400;
	font-size:2vh;
	color:#fff;
    text-align: inherit;
    white-space: nowrap;
	background-color:#292A2D;
    border: 0;
}

.jumper-dropdown-item
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
	font-weight:400;
	font-size:1.2vh;
	color:#fff;
    text-align: inherit;
    white-space: nowrap;
	background-color:inherit;
	color:#333333;
    border: 0;
}

.jumper-dropdown-item:hover
{
	color:white;
}

.jumper-toggle-text
{
	font-size:1.2vh;
	font-weight:400;
}

.negative-button-icon
{
	max-height:100%;
	max-width:100%;
	background-image: url(../img/icon_go_back.svg);
	background-repeat: no-repeat;
	background-size:contain;
	margin-right:1rem;
}

/* d9 version */
.dropdown-d9 {
	width:100%;
}

.dropdown-menu-d9 {
	min-width: 10rem !important;
	font-size: 2vh;
	padding: 1rem;
	background-color:#D9D9D9;
}

.dropdown-menu-d9 ul {
	background-color:#D9D9D9;
}

.dropdown-item-d9
{
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
	font-weight:400;
	font-size:2vh;
	color:#fff;
    text-align: inherit;
    white-space: nowrap;
	background-color:#D9D9D9;
    border: 0;
}


#id_ul_technology li {
	width: 50%;
}

#id_ul_technology label {
	width: 95%;
}

#id_voltage_menu label {
}

.tab-content
{
	margin-top:0;
	margin-bottom:0.2rem;
}

li{
	color:#fff;
}

li:hover{
	color:#fff;
}

.dropdown button {
	width:100%;
	padding-top:0px;
	padding-bottom:0px;
	border-radius:0.25rem;
}

.dropdown button:hover {
	background-color: #d9d9d9d9;
	color:black;
}

.edit-type-modal-tech-height
{
	height:2.6rem;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle{
    color: #fff;
	background-color: transparent;
    border-color: #005cbf;
}

.create-project-bg {
	background-color: #181818;
}

.create-customer-bg {
	background-color: #181818;
}

.dropdown-menu-open-to-left {
	right:0 !important;
	left:auto !important;
}

.form-control-grey-block-sm{
	border-radius: .25rem !important;
    background-color:#323232;
    height: 3.5vh;
    border-width:.15rem;
    border-color:grey;
    border-style:none;
    width:100%;
}

.form-control-grey-block-sm-textbox{
	border-radius: .25rem !important;
    background-color:#323232;
    border-width:.15rem;
    border-color:grey;
    border-style:none;
    width:100%;
}

.textual_editor_page
{
	background-color: #D9D9D9;
	color: #434343;
}

.quote_details_table
{
	color:#000000;
}

.form-control-lg
{
    height: calc(1.5em + 1rem + 2px);
    font-size: inherit;
    line-height: 1.5;
    border-radius: .3rem;
}

.geometry_delete_run_button
{
	margin-left:10%;
	height:3vh;
	width:3vh;
}

#id_display_specification_product_code_wrapper
{
}

/* for light backgrounds */
/*
.custom-range-light::-webkit-slider-thumb {
  background: #4D4D4D;
  height: 10rem;
}


.custom-range-light::-moz-range-thumb {
  background: #4D4D4D;
  height: 10rem;
}

/*.custom-range-light::-ms-thumb {
  background: #4D4D4D;
  height: 10rem;
}

.custom-range-light::-webkit-slider-runnable-track {
  width: 100%;
  height: 100%;
  color: transparent;
  cursor: pointer;
  background-color: #4D4D4D6E;
  border-style:hidden;
  border-color: transparent;
  border-radius: 0.5rem;
}

input[type="range" i]{
	appearance: auto;
    cursor: default;
    color: -internal-light-dark(rgb(255, 255, 0 ), rgb(0, 255, 255));
    padding: initial;
    border: initial;
    margin: 2px;
}
*/
.spec-slider {
  -webkit-appearance: none !important;
  width: 100%;
  height: 1rem;
  background: transparent;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.spec-slider:hover {
  opacity: 1;
}

.spec-slider::-webkit-slider-thumb {
  -webkit-appearance: none !important;
  appearance: none;
  height:1rem;
  background: #4d4d4d !important;
  cursor: pointer;
}

.spec-slider::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background: #4d4d4d !important;
  cursor: pointer;
}

.custom-range-light {
  background: #ffffff;
  height: 1rem;
}

.custom-range-light::-moz-range-thumb {
  background: #ffffff;
  height: 1rem;
}

.custom-range-light::-ms-thumb {
  background: #ffffff;
  height: 1rem;
}

.custom-range-light::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #9c9c9c;
  border-color: transparent;
  border-radius: 1rem;
}



/* for dark backgrounds */
.custom-range::-webkit-slider-thumb {
  background: #ffffff;
  height: 1rem;
}

.custom-range::-moz-range-thumb {
  background: #ffffff;
  height: 1rem;
}

.custom-range::-ms-thumb {
  background: #ffffff;
  height: 1rem;
}

.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #9c9c9c;
  border-color: transparent;
  border-radius: 1rem;
}

.btn_lighting_editor
{
    border-radius: 0.5vh!important;
	color:#afafaf !important;
	margin:2px;
	width:12%;
	color: #fff !important;
	background-color: #000 !important;
}

.btn_lighting_editor:focus,.btn_lighting_editor:active
{
	background-color: #0D6AFF;
	border-color: #0D6AFF;
	color:#ffffff !important;

    -webkit-box-shadow: none;
    box-shadow: none;
}

.type_editor_spec_sheet_label
{
	font-size: .85rem!important;
	font-weight:400;
}

.type_editor_spec_sheet_label_modal
{
	background-color:#777!important;
	font-size: .75rem!important;
	font-weight:400;
}

.btn-block-75
{
	display:block;
	width:75%;
}

.btn-block-50
{
	display:block;
	width:50%;
}

.bottom-bar-bg
{
	background-color:#F5F5F5;
}

.bottom-bar-bg:hover
{
	background-color:#262626;
	color:#ffffff;
}

.bottom-bar-prod-code-border
{
	border-style:solid;
	border-color:#d9d9d9d9;
	border-radius:0.25rem;
	border-width:thick;
}

.editor-bottombar-icon-geometry-ed
{
	height:5vh;
	background-image: url(/img/icon_switch_to_drawing.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.editor-bottombar-icon-textual-ed
{
	height:5vh;
	background-image: url(/img/icon_switch_to_textual.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.editor-bottombar-icon-label-edit-locked
{
	height:5vh;
	background-image: url(/img/label_edit_locked.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.editor-bottombar-icon-label-edit-unlocked
{
	height:5vh;
	background-image: url(/img/label_edit_unlocked.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.editor-bottombar-icon-undo
{
	height:5vh;
	background-image: url(/img/icon_undo.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.editor-bottombar-icon-undo:hover
{
	height:5vh;
	background-image: url(/img/icon_undo_hover.svg);
}

.editor-bottombar-icon-rotate-left
{
	height:5vh;
	background-image: url(/img/icon_rotate_left.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}
.editor-bottombar-icon-rotate-left:hover
{
	height:5vh;
	background-image: url(/img/icon_rotate_left_hover.svg);
}
.editor-bottombar-icon-rotate-right
{
	height:5vh;
	background-image: url(/img/icon_rotate_right.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.editor-bottombar-icon-rotate-right:hover
{
	height:5vh;
	background-image: url(/img/icon_rotate_right_hover.svg);
}

.editor-bottombar-icon-print
{
	height:5vh;
	background-image: url(/img/icon_editor_print.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}
.editor-bottombar-icon-print:hover
{
	background-image: url(/img/icon_editor_print_hover.svg);
}

.editor-bottombar-icon-center-view
{
	height:5vh;
	background-image: url(/img/icon_center_view.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}
.editor-bottombar-icon-center-view:hover
{
	background-image: url(/img/icon_center_view_hover.svg);
}

.editor-bottombar-icon-zoom-in
{
	height:5vh;
	background-image: url(/img/icon_zoom_in.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;

}
.editor-bottombar-icon-zoom-in:hover
{
	background-image: url(/img/icon_zoom_in_hover.svg);
}

.editor-bottombar-icon-zoom-out
{
	height:5vh;
	background-image: url(/img/icon_zoom_out.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;

}
.editor-bottombar-icon-zoom-out:hover
{
	background-image: url(../img/icon_zoom_out_hover.svg);
}
/*font sizes */

/* general */
.otherscreens-modal-logo-header {

	font-size: 3vh!important;

	font-weight: 500;
}

.otherscreens-modal-logo-subheader {

	font-size: 2vh!important;

	font-weight: 400;
	text-transform:capitalize;
}

.pos-neg-btn-label
{
	font-size: 1rem;
	font-weight: 400;
}

/*Sign in/sign up*/
/*.login-sign-up-logo {
	background-image: url(../img/Logo3.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	max-width: 6vh;
	min-height: 6vh;
}
*/


.sign-in-up-logo-header {

	/*font-size: 5vh!important;*/
	font-weight: 500;
	display: inline-block;
}


.sign-in-up-logo-subheader {
	font-weight: 400;
	display: block;
}


.login-sign-up-header
{
	/*font-size: 3rem!important;*/
	font-weight: 500;
}

.login-sign-up-body-text {

	/*font-size: 1rem!important;*/
	font-weight:400;
}

.login-sign-up-options-text {

	font-size: 1.17rem!important;
	font-weight:400;

}
/*Dashboard and projects*/

.dashboard-pill-text {
	font-size: 1.25vh!important;
	font-weight: 500;

}

.dashboard-side-menu-text {
	font-size: 0.9rem!important;
	font-weight:400;
}

.dashboard-username {

	font-size: 1.5vh!important;

	font-weight:400;
}

.dashboard-usernametype
{
		font-size: 1.5vh;
		font-weight:400;
}

.cardTitle {
	font-size: 1.6vh!important;
	font-weight:600;
	line-height: 1.2;
}

.cardTitle-dashboard {
	font-size: 2vh!important;
	font-weight:600;
	line-height: 1.2;
}

.card-body
{
	-ms-flex:1 2 auto;
	flex:1 1 auto;
	padding-top:2rem;
	padding-bottom:2rem;
	padding-left:1rem;
	padding-right:1rem;
}

.projects-screen-filter-text {
	font-size: 1.5vh!important;

	font-weight:400;
}
.projects-page-nbr-text{
	font-size: 2vh!important;
	font-weight:400;
}
.tableTitle {
  font-size: 3vh!important;
  line-height: 1.2;

  font-weight:400;
}

.projects-search-text{
	font-size: 1.8vh;

	font-weight:400;

}

.project-list.project-name {
	font-size: 1.2rem;
	font-weight:400;
}
.project-list.project-id {
	font-size: 0.9rem!important;
	font-weight:400;

}
.project-list.details-type {
	font-size: 0.9rem!important;
	font-weight:400;
}
.project-list.details-runs {
	font-size: 0.9rem!important;
	font-weight:400;
}
.project-list.created-date {
	font-size: 0.9rem!important;
	font-weight:400;
}
.project-list.created-time {
  font-size: 0.9rem!important;
  font-weight:400;
}
.project-list.modified-date {
font-size: 0.9rem!important;
font-weight:400;
}
.project-list.modified-time {
  font-size: 0.9rem!important;
  font-weight:400;
}

.projects-docs-rev-button-text{
  font-size: 0.9rem!important;
  font-weight:400;
}

.rev-notes-button-icon
{
	background-image: url(/img/icon_quote.svg);
	background-repeat: no-repeat;
    background-size: contain;
}

.rev-notes-button-icon-no-hover
{
	background-image: url(/img/icon_view_rev_notes.svg);
	background-repeat: no-repeat;
    background-size: contain;
}

.rev-notes-button-icon-no-hover:hover
{
	color:white;
}

.transmittal-revision-quote-button-icon
{
	background-image: url(/img/icon_topbar_folder.svg);
	background-repeat: no-repeat;
    background-size: contain;
}


.projects-create-open-text{
	font-size: 0.9rem!important;
	font-weight:400;
	color:white;
}

/* Edit User screen */

.projects-create-open-text{
	font-size: 2vh!important;

	font-weight:400;
}

/* Geometry screen */
.top-bar-text
{
	font-size: 1vh;
	font-weight:400;
}

.top-bar-project-id-name
{
	font-size: 1.75vh!important;
	font-weight:600;
	text-transform: uppercase;
}

.file_management .btn {
	font-size:1.125vh;
	padding: .2rem .2rem;
	text-transform: none;
	border-radius: 0.125rem;
	border-style: none;
	background-color: #D9D9D9;
	height:4vh;
	text-align: left !important;
}

.file_management_prodcode {
	font-size: 1.1vh!important;

	font-weight:400;
}

.bbar-quote-revision-trans-text {
	font-size: 1.25vh!important;

	font-weight:400;

}

.bbar-pricing-label-text {
	font-size: 0.9vh!important;

	font-weight:400;
}

.bbar-pricing-text {
	font-size: 1.4vh!important;

	font-weight:400;
}

.type-palette-header-text {
	font-size: 1rem!important;
	font-weight:400;
}

.type-palette-sub-header-measurements-text {
	font-size: 0.7rem!important;

	font-weight:400;
}

.type-palette-header-measurements-text {
	font-size: 2vh!important;

	font-weight:500;
}

.type-palette-sub-header-date-and-time-text {
	font-size: 0.5rem!important;

	font-weight:400;
}

.geometry_run_title {
	font-size: 2vh!important;
	font-weight:400;
}

.lumenaire-output-text {
	font-size: 1.5vh!important;
	font-weight:400;
}
.textual_ed_run_table_header {
	font-size: 1.25vh!important;
	font-weight:400;
}

.textual_ed_bom_text
{
	font-size: 0.9rem!important;
	font-weight:400;
	color: #262626;
}

.geometry-screen-drawing-details-text
{
	font-size:1.125vh;
	font-weight:600;
}

.btn-quote-details-text {
	font-size: 1.25vh!important;
	font-weight:400;
}

/* left type menu */
.btn-outline-secondary {
  font-size: 1.1rem;
  font-weight:400;
}

.geometry-type-attribute-label
{
	color:#858585;
	font-size:1.5vh!important;
	font-weight:400;
}

.spec-type-attribute-label
{
	color:#858585;
	font-size:.75rem!important;
	font-weight:400;
}

.spec-type-attribute-description
{
	color:#858585;
	font-size:1.25vh!important;
	font-weight:400;
}

.drawing-type-qty-text{
	font-size: 1.2vh!important;
	font-weight:400;
	text-align:left;

}

.error-text{

	font-size: 2vh!important;
	font-weight:400;

}

.modal-title {
  font-size: 2vh!important;

  font-weight:600;
}
.modal-title2 {
  font-size: 2vh!important;

  font-weight: 400;
  color: #888888;
}

.modal-header-text-grey {

	font-weight:600;
	color: #D9D9D9;
	font-size:2.5vh!important;
	text-transform:Capitalize;
}

.modal-description-text {

	font-weight:400;
	font-size: 1.8vh;
	color:#9A9A9A;
	text-transform:Capitalize;
}

.password-reset-form-label{
	font-size:0.75rem;
	font-weight:400;

}

.password-reset-form-text {

	font-weight:700;
	font-size: 1.1rem!important;
}

.modal-positive-negative-text{

	font-weight:400;
	font-size: 1.75vh!important;
}

.admin-user-list {

	font-weight:400;
	font-size: 0.7rem;

}

.filemanagement-label {

	font-weight: 400;
	font-size: 1vh!important;
	color:#4D4D4D;
}

.btn.filemanagement-label:hover
{
	color:#ffffff;
}

.filemanagement-label-lit-corners-rev-light {

	font-weight: 400;
	font-size: 1.3vh!important;
	color:#4D4D4D;
}

.btn.filemanagement-label-lit-corners-rev-light:hover
{
	color:#ffffff;
}

.file-management-icon
{
	height:1.75vh;
}

.file-management-accessories-label
{
	font-size: 1.4vh!important;
	font-weight: 400;

}

.file-management-mounting-title {

	font-weight:500;
	font-size: 1.35vh!important;

}

.file-management-prod-code-title {

	font-weight:600;
	font-size: 1.5vh!important;
	vertical-align: middle;
	color:black;
}

.file-management-mounting-button-text {

	font-weight:500;
	font-size: 1.2vh!important;
}

.btn.file-management-mounting-button-text:hover
{
	background-color:#3352fb;
	color:#ffffff
}

.editor-type-menu-text-label
{
	font-size:0.75rem!important;
	font-weight:400;
}

.edit-type-modal-text-label
{
	font-size:1rem!important;
	font-weight:400;
}

.mounting-id{


	font-weight:600;
	font-size: 1.75vh!important;

}

.modal-form-text
{
	font-weight:400;
	font-size: 1rem!important;
}

.modal-form-label
{
	font-weight:400;
	font-size: 0.9rem!important;
}

.create-transmittal-quote-modal-form-text
{

	font-weight:400;
	font-size: 1.5vh!important;

}

.create-transmittal-quote-modal-form-label
{

	font-weight:400;
	font-size: 1.25vh!important;

}

.form-control-create-transmittal-quote-grey-block-textinput
{
  border-radius: .25rem !important;
  background-color:#323232;
  border-width:.15rem;
  border-color:grey;
  border-style:none;
  padding-left:2rem;
}
.create-project-form-text
{
	font-size:0.75rem!important;
	font-weight:400;
}


.create-project-form-label
{
	font-weight:400;
	font-size: 0.6rem!important;
}

.logo-header-1
{
  font-size:2.5vh;
  font-weight:600;
}

.create-screen-form-text
{
	font-weight:400;
	font-size: 1rem!important;

}

.create-screen-form-label
{
	font-weight:400;
	font-size: 0.75rem!important;

}

.create-screen-header
{
	font-weight:600;
  	font-size:3vh;
}

.top-bar-header
{
	font-weight:600;
  	font-size:2.5vh;
	text-transform: capitalize;
}

.create-screen-sub-header
{
	font-size: 1.7vh;
	font-weight:600;
	text-transform: capitalize;
}

.form-check
{
	position:relative;
	display:block;
	padding-left:0.25rem
}

.quote-details-info-text
{

	font-weight:600;
  	font-size:1.5vh;-
}

.editor-projects-search-text{
	font-size: 0.75rem!important;
	font-weight:400;
}

.create-new-run-text
{
	font-size: 0.75rem!important;
	font-weight:400;
}

.circle-small-label-amount-row {
  font-size: 1.6rem;
  font-weight: 500;
}

.sign-in-up-logo {
  width: 45px;
  height: 45px;
  margin-right: 1.0rem;
}

@media (max-width: 767px) {

	.pos-neg-btn-label
	{
		font-size: .75rem;
		padding-left:1rem!important;
	}
	.projects-page-nbr-text{
		font-size: 0.8rem!important;
		font-weight:400;
		padding: 6px;
	}

  .login-sign-up-header {
    font-size: 2rem;
  }

  .sign-in-up-logo-subheader {

	  font-size: 1.5rem!important;
	  font-weight: 400;
	  display: block;
  }

  .mobile-project-screen-logo-subheader {

	font-size: 1.25rem!important;
	font-weight: 400;

  }

  .login-sign-up-body-text{
	font-size: 0.8rem;
	color:#000000;
	font-size:1rem;
  }

  .login-text-blue {

  	color: white;
  }

  .sign-in-up-logo
  {
	  width: 60px;
	  height: 60px;
	  margin-right: 1.5rem;
  }

}

@media (min-width: 768px) {

	.login-sign-up-dont-have-account-text{
     color:#000000;
    }

  .form-section {
    background: none;
  }

	.sign-in-up-logo
	{
		width: 45px;
		height: 45px;
		margin-right: 1.5rem;
	}

	.sign-in-up-logo-header {
	  font-size: 2rem;
	}

	.login-sign-up-options-text {
	  font-size: 1.3rem;
	}

}

@media (min-width:1000px) and (min-height: 450px)
{
	.btn-admin-table-head{
		font-size:0.6rem;
	}

	.select-admin-type-button
	{
		width:7rem;
	}

	.tile-height
	{
		height:8.5rem;
	}


	.modal-xl
	{
		max-width:90rem;
	}

	.modal-lg
	{
		max-width:80rem;
	}

	.modal.modal-md
	{
		max-width:70rem;
	}

	.modal-sm
	{
		max-width:60rem;
	}

	.modal-xs
	{
		max-width:30rem;
	}

	.dropdown-item
	{
		font-size:1rem;
	}

	.admin-user-list
	{
		font-weight:400;
		font-size: 0.7rem;
	}

	.geometry-type-attribute-label
	{
		font-size:1.1vh;
	}

	.file-management-prod-code-title
	{
		font-weight:600;
		font-size: 0.6rem!important;
		vertical-align: middle;
		color: black;
	}

	.sign-in-up-logo
	{
	  width: 45px;
	  height: 45px;
	  margin-right: 1.0rem;
	}

	.mobile-project-screen-logo
	{
	  width: 20px;
	  height: 20px;
	  margin-right: 1.0rem;
	  padding:0.5rem;
	}

	.type-palette-header-text
	{
		font-size: 1rem!important;
		font-weight:400;
	}

	.spec-type-attribute-label
	{
		color:#858585;
		font-size:.75rem!important;
		font-weight:400;
	}

	.geometry_run_title
	{
		font-size: 1.5vh!important;
		font-weight:400;
	}

	.top-bar-text
	{
		font-size: 1vh!important;
		font-weight:400;
	}

	.btn-table-head
	{
	  background-color: #141414;
	  color: #545454;
	  font-size: 1.25vh;
	  font-weight:600;
	  padding: 0.75vh;
	  border-radius: .25rem;
	  display: inline-block;
	  overflow: hidden;
	  text-overflow:ellipsis;
	}

	.dashboard-side-menu-text
	{
		font-size: 0.9rem!important;
		font-weight:400;
	}

	.form-control-grey-block-sm
	{
		border-radius: .25rem !important;
		background-color:#323232;
		height: 2rem;
		border-width:.15rem;
		border-color:grey;
		border-style:none;
		width:100%;
	}

	.sign-in-up-logo-header
	{
	  font-size: 2rem;
	}

	.login-sign-up-header
	{

		font-size: 3rem!important;
		font-weight: 500;
	}

	.create-project-form-text
	{
		font-size:1.1rem!important;
		font-weight:400;
	}

	.create-project-form-label
	{
		font-weight:400;
		font-size: 1rem!important;
	}

	.top-bar-header
	{
		font-weight:600;
	  	font-size:1.8vh;
	}

	.pos-neg-btn-label
	{
		font-size: 1rem!important;
		font-weight: 400;
	}

	.top-bar-project-id
	{
		font-size: 1vh!important;
		font-weight:400;
	}

	.cardTitle
	{
		font-size: 1.25vh!important;
		font-weight:600;
		line-height: 1.2;
	}

	.filemanagement-label
	{
		font-weight: 400;
		font-size: 0.9vh!important;
		color:#4D4D4D;
	}

	.filemanagement-label-lit-corners-rev-light
	{
		font-weight: 400;
		font-size: 0.7vh !important;
		color:#4D4D4D;
	}

	.login-sign-up-body-text
	{
		font-size: 1rem !important;
		font-weight:400;
	}

	.circle-small-label-amount
	{
	  font-size: 0.7rem;
	  font-weight:900;
	}

	.circle-small-label-amount-row
	{
	  font-size: 1rem;
	  font-weight: 500;
	}

	.create-new-run-text
	{
		font-size: 1rem!important;
		font-weight:400;
	}

	.mounting-tile-description-modal-row
	{
	    font-size: 0.9rem;
	    font-weight: 400;
	}

	.edit-type-modal-text-label
	{
		font-size:.75rem!important;
		font-weight:400;
	}

	.type_editor_spec_sheet_label_modal
	{
		background-color:#777!important;
		font-size: .75rem!important;
		font-weight:400;
	}

	.drawing-type-qty-text
	{
		font-size: 0.75vh!important;
		font-weight:400;
		text-align:left;
	}

	.file-management-icon
	{
		height:1.25vh;
	}

	.textual_ed_run_table_header
	{
		font-size: 1vh!important;
		font-weight:400;
	}

	.type_editor_spec_sheet_label
	{
		font-size: .7rem!important;
		font-weight:400;
	}

	.lumenaire-output-text
	{
		font-size: 1.125vh!important;
		font-weight:400;
	}

	.popover
	{
	  margin-top: 10px;
	  margin-bottom: 10px;
	  max-width:450px;
	  width:350px;
	}

	.modal-description-text
	{
		font-weight:400;
		font-size: 1.2vh!important;
		color:#9A9A9A;
	}

	.editor-support {
		font-size:0.75rem;
	}

	.project-list.project-name {
		font-size: 1rem!important;
		font-weight:400;
	}
	.mounting-tile-description
	{
		font-size:0.5rem;
		font-weight:400;
		color:#262626;
		padding-right:10%;
	}

	.type-palette-sub-header-measurements-text{
		font-size:0.7rem!important;
	}

}

@media (min-width:1200px) and (min-height: 1000px)
{
	.btn-admin-table-head{
		font-size:0.6rem;
	}

	.select-admin-type-button
	{
		width:7rem;
	}

	.file-management-prod-code-title {

		font-weight:600;
		font-size: 0.6rem!important;
		vertical-align: middle;
		color:black;
	}
}

@media (min-width:1100px) and (min-height:450px)
{

	.select-admin-type-button
	{
		width:7rem;
	}

	.tile-height
	{
		height:8rem;
	}
	.mounting-tile-description
	{
		font-size:0.6rem;
		font-weight:400;
		color:#262626;
		padding-right:10%;
	}

	.geometry-type-attribute-label
	{
		font-size:1.25vh;
	}

	.file-management-prod-code-title {

		font-weight:600;
		font-size: .7rem!important;
		vertical-align: middle;
		color:black;
	}

	.sign-in-up-logo
	{
	  width: 50px;
	  height: 50px;
	  margin-right: 1.0rem;
	}

	.admin-user-list {

		font-weight:400;
		font-size: 0.7rem;
	}

	.type-palette-header-text
	{
		font-size: 1rem!important;
		font-weight:400;
	}

	.type-palette-sub-header-measurements-text{
		font-size:0.7rem!important;
	}

	.spec-type-attribute-label
	{
		color:#858585;
		font-size:.75rem!important;
		font-weight:400;
	}

	.geometry_run_title
	{
		font-size: 2vh!important;

		font-weight:400;
	}

	.lumenaire-output-text
	{
		font-size: 1.5vh!important;
		font-weight:400;
	}

	.top-bar-text
	{
		font-size: 1vh!important;
		font-weight:400;
	}

	.top-bar-header
	{
		font-weight:600;
	  	font-size:1.6vh;
	}

	.modal-xl
	{
		max-width:100rem;
	}

	.modal-lg
	{
		max-width:90rem;
	}

	.modal.modal-md
	{
		max-width:75rem;
	}

	.modal-sm
	{
		max-width:60rem;
	}

	.modal-xs
	{
		max-width:30rem;
	}

	.btn-table-head
	{
		background-color: #141414;
		color: #ffffff;
		font-size: 1.75vh;
		font-weight:600;
		padding: 1vh;
		border-radius: .25rem;
		display: inline-block;
		overflow: hidden;
		text-overflow:ellipsis;
	}

	.login-sign-up-body-text
	{
		font-size: 1.1rem!important;
		font-weight:400;
	}

	.create-project-form-text
	{
		font-size:0.75rem!important;
		font-weight:400;
	}

	.create-project-form-label
	{
		font-weight:400;
		font-size: 0.5rem!important;
	}

	.cardTitle
	{
		font-size: 1.6vh!important;
		font-weight:600;
		line-height: 1.2;
	}

	.create-new-run-text
	{
		font-size: 0.75rem!important;
		font-weight:400;
	}

	.circle-small-label-amount
	{
	  font-size: .7rem;
	  font-weight:900;
	}

	.circle-small-label-amount-row
	{
	  font-size: 1.2rem;
	  font-weight: 500;
	}

	.mounting-tile-description-modal-row
	{
	    font-size: 1rem;
	    font-weight: 400;
	}
	.type_editor_spec_sheet_label_modal
	{
		background-color:#777!important;
		font-size: .75rem!important;
		font-weight:400;
	}

	.fixed-width-te-cct
	{
		width: 15%;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.edit-type-modal-text-label
	{
		font-size:.9rem!important;
		font-weight:400;
	}

	.drawing-type-qty-text
	{
		font-size: 1vh!important;
		font-weight:400;
		text-align:left;
	}

	.dashboard-pill-text
	{
		font-size: 1.25vh!important;
		font-weight: 500;
	}

	.dashboard-side-menu-text
	{
		font-size: 0.9rem!important;
		font-weight:400;
	}

	.file-management-icon
	{
		height:1.7vh;
	}

	.filemanagement-label {

		font-weight: 400;
		font-size: 1.2vh !important;
		color:#4D4D4D;
	}

	.filemanagement-label-lit-corners-rev-light
	{
		font-weight: 400;
		font-size: 1.2vh !important;
		color:#4D4D4D;
	}

	.textual_ed_run_table_header {
		font-size: 1.15vh!important;
		font-weight:400;

	}

	.type_editor_spec_sheet_label
	{
		font-size: .8rem!important;
		font-weight:400;
	}

	.popover {
	  margin-top: 10px;
	  margin-bottom: 10px;
	  max-width:450px;
	  width:350px;
	}

	.modal-description-text {

		font-weight:400;
		font-size: 1.3vh!important;
		color:#9A9A9A;
	}
	.editor-support {
		font-size:0.8rem;
	}
	.project-list.project-name {
		font-size: 1.4rem!important;
		font-weight:400;
	}

}

@media (min-width:1500px) and (min-height:768px)
{
	.select-admin-type-button
	{
		width:9rem;
	}

	.btn-admin-table-head{
		font-size:.6rem;
	}
	.tile-height
	{
		height:9rem;
	}

	.admin-user-list {

		font-weight:400;
		font-size: 0.7rem;

	}

	.mounting-tile-description
	{
		font-size:0.5rem;
		font-weight:400;
		color:#262626;
		padding-right:10%;
	}

	.geometry-type-attribute-label
	{
		font-size:1.5vh;
	}

	.file-management-prod-code-title {

		font-weight:600;
		font-size: 0.65rem!important;
		vertical-align: middle;
		color:black;
	}

	.editor-support {
		font-size:0.9rem;
	}

	.modal-xl
	{
		max-width:100rem;
		max-height:50rem;
	}

	.modal-lg
	{
		max-width:80rem;
	}

	.modal.modal-md
	{
		max-width:70rem;
	}

	.modal-sm
	{
		max-width:60rem;
	}

	.modal-xs
	{
		max-width:30rem;
	}

	.sign-in-up-logo {
	  width: 75px;
	  height: 75px;
	  margin-right: 1.0rem;
	}

	.type-palette-header-text {
		font-size: 1.4rem !important;
		font-weight:400;
	}

	.type-palette-sub-header-measurements-text{
		font-size:0.7rem!important;
	}

	.spec-type-attribute-label
	{
		color:#858585;
		font-size:.75rem!important;
		font-weight:400;
	}

	.geometry_run_title {
		font-size: 1.5vh!important;
		font-weight:400;
	}

	.top-bar-text
	{
		font-size: 1vh!important;
		font-weight:400;
	}

	.btn-table-head {
	  background-color: #141414;
	  color: #ffffff;
	  font-size: 1.25vh;
	  font-weight:600;
	  padding: 0.75vh;
	  border-radius: .25rem;
	  display: inline-block;
	  overflow: hidden;
	  text-overflow:ellipsis;
	}

	.dashboard-side-menu-text {
		font-size: 0.9rem!important;
		font-weight:400;
	}

	.form-control-grey-block-sm{
		border-radius: .25rem !important;
	    background-color:#323232;
	    height: 2rem;
	    border-width:.15rem;
	    border-color:grey;
	    border-style:none;
	    width:100%;
	}

	.login-sign-up-header {

		font-size: 3rem!important;
		font-weight: 500;
	}

	.sign-in-up-logo-header{
		font-size:1.8rem!important;
	}

	.create-project-form-text
	{
		font-size:1.1rem!important;
		font-weight:400;
	}

	.create-project-form-label
	{
		font-weight:400;
		font-size: 1rem!important;
	}

	.top-bar-header
	{
		font-weight:600;
	  	font-size:2.5vh;
	}

	.pos-neg-btn-label
	{
		font-size: 1.4vh!important;
		font-weight: 400;
	}

	.top-bar-project-id
	{
		font-size: 1vh!important;
		font-weight:400;
	}

	.cardTitle {
		font-size: 1.25vh!important;
		font-weight:600;
		line-height: 1.2;
	}
	.filemanagement-label {
		font-weight: 400;
		font-size: 1.25vh!important;
		color:#4D4D4D;
	}

	.filemanagement-label-lit-corners-rev-light {

		font-weight: 400;
		font-size: 1.25vh!important;
		color:#4D4D4D;
	}

	.login-sign-up-body-text {

		font-size: 1rem!important;
		font-weight:400;
	}

	.circle-small-label-amount
	{
	  font-size: 0.6rem;
	  font-weight:900;
	}

	.circle-small-label-amount-row
	{
	  font-size: 1rem;
	  font-weight: 500;
	}

	.create-new-run-text
	{
		font-size: 1rem!important;
		font-weight:400;
	}

	.mounting-tile-description-modal-row
	{
	    font-size: 0.9rem;
	    font-weight: 400;
	}

	.edit-type-modal-text-label
	{
		font-size:.75rem!important;
		font-weight:400;
	}

	.type_editor_spec_sheet_label_modal
	{
		background-color:#777!important;
		font-size: .75rem!important;
		font-weight:400;
	}

	.drawing-type-qty-text
	{
		font-size: 1vh!important;
		font-weight:400;
		text-align:left;
	}

	.file-management-icon
	{
		height:1.25vh;
	}

	.textual_ed_run_table_header {
		font-size: 1vh!important;
		font-weight:400;
	}

	.type_editor_spec_sheet_label
	{
		font-size: .7rem!important;
		font-weight:400;
	}

	.lumenaire-output-text {
		font-size: 1.125vh!important;
		font-weight:400;
	}

	.popover {
	  margin-top: 10px;
	  margin-bottom: 10px;
	  max-width:450px;
	  width:400px;
	}

	.modal-description-text {

		font-weight:400;
		font-size: 1.2vh!important;
		color:#9A9A9A;
	}

	.sign-in-up-logo-subheader {

		font-size: 1.25rem!important;
		font-weight: 400;
		display: block;
	}

	.project-list.project-name {
		font-size: 1.4rem!important;
		font-weight:400;
	}

}

@media (min-width:2000px) and (min-height:900px)
{
	.modal-xl
	{
		width:100rem;
	}

	.modal-lg
	{
		width:80rem;
	}

	.modal-md
	{
		width:60rem;
	}

	.modal-sm
	{
		width:40rem;
	}

	.modal-xs
	{
		width:30rem;
	}

	.tile-height
	{
		height:12rem;
	}

	.file-management-prod-code-title {

		font-weight:600;
		font-size: 1rem!important;
		vertical-align: middle;
		color:black;
	}
}

}

#id_revision_note_display
{
	width: 100%;
	resize: none;
	height: 200px;
	max-height: 200px;
}

.spec_sheet_select_without_secondary_change
{
	color:#F5821F !important;
	background-color: transparent!important;
}

.spec_sheet_select_without_secondary_change_type_editor
{
	color:#CECDCE !important;
	background-color: transparent!important;
}

.type_editor_sheet_select_without_secondary_change
{
	color:#E1E1E1E1 !important;
	background-color: transparent!important;
}

.type_editor_spec_sheet_label.spec_sheet_select_without_secondary_change:hover
{
	background-color: #FFBE0D!important;
}

/* login pages new CSS 15/12/21 RM */

.welcome {
  background-color: #1C1C1C;
}

.linkbar-top {}

.linkbar-top--text {
  font-size: 0.72rem;
  color: #888888;
}

.sign-in-up-logo-header {
  font-size: 1.5rem;
}

.login-sign-up-options-text {
  font-size: 1rem;
}

.form-control-signup-sign-in {
  background-color: #1C1C1C;
}

.edit-type-modal-tech-button
{
	width: -webkit-fill-available;
}

.type-editor-modal-button-dimensions
{
	line-height:1.5rem;
}

.password-reset-modal-title
{
	font-size:3vh;
	font-weight:600;

}

.password-reset-modal-description
{
	font-size:1.5vh;
	font-weight:400;
	color: #9A9A9A;
}

.drawinginfo-input-dimensions
{
	width:100%;
	height:1.8rem;
	text-align:left;
}

.dropdown-toggle::after {
    display: none;

}

.icon-dropdown
{
	background-image: url(../img/arrow_down_grey.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position-y: center;
    background-position-x: right;
}

.icon-dropdown:focus
{
	background-image: url(../img/arrow_up_grey.svg);

}

.dropdown-view-revision-notes
{
	background-image: url(../img/arrow_down_view_rev_notes.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}

.dropdown-view-revision-notes:focus
{
	background-image: url(../img/arrow_up_view_rev_notes.svg);

}

.spec-ed-mounting-code
{
	font-size: 1.4rem;
	font-weight:500;
	color:black;
}

.spec-ed-mounting-name
{
	font-size: 0.5rem;
	font-weight:100;
	color:#4d4d4d;
}

.icon-dropdownjumper-toggle-text
{
	font-size: 0.75rem;
	font-weight:400;
}

.table-optimise-space td, .table th
{
	vertical-align: middle;
	border-top: 0;
	border-bottom: 1px solid #333333;
	color: white;}

.table-optimise-space thead th
{
	border-bottom: 1px solid #333333;
}

.dropdownjumper-options-width {
	min-width: 15.25rem !important;
	padding: 1rem 0rem 0.5rem 0rem;
}

.burger-menu_button {
	float:right;
	background-color:transparent;
}

.mq-w-login-panel
{
	width: 90%!important;

}

@media (min-width: 768px)
{
	.mq-w-login-panel
	{
		width: 40%!important;

	}

	.form-control-signup-sign-in {
	  background-color:Transparent;
	}

	.signin-text {

	color:white;
	}

	.login-sign-up-dont-have-account-text{
	 color:#FFFFFF;
	}

}

.mobile-project-screen-logo {
  width: 50px;
  height: 50px;
  margin-right: 1.0rem;
  padding:0.5rem;
}

.mobile-project-screen-logo-subheader {

  font-size: 1.25rem;
  font-weight: 400;
  display:block;
}

.mobile-project-screen-logo-header {
  font-size: 1.25rem;
  font-weight:600;
}

.burger-menu_button {
	background-color: transparent ;

}

.burger-menu_button-styling {
	width: 3rem;
	height: 3rem;
}

.login-white-text
{
	color:#FFFFFF;
}

.palette_width_select_narrow .palette_width_narrow_display
{
}

.palette_width_select_wide .palette_width_narrow_display
{
	display: none;
}

.palette_width_select_narrow .palette_width_wide_display
{
	display: none;
}

.palette_width_select_wide .palette_width_wide_display
{
}

.drawing-palette-wide-background
{
	background-color:#1D1E1F;
}

.drawing-pallete-wide-price-bg
{
	background-color: #252524;
}

.drawing-column-bg
{
	background-color:#242423;
}

.drawing-tile-wide-run-cost-title
{
	color:#595A59;
}

.drawing-tile-wide-run-cost-data
{
	color:#6581F7;
}

.drawing-tile-wide-total-run-cost-title
{
	color:#717170;
}

.drawing-tile-wide-total-run-cost-data
{
	color:white;
}
.drawing-tile-wide-gradient
{
background: rgb(27,28,29);
background: linear-gradient(0deg, rgba(27,28,29,1) 0%, rgba(34,35,36,1) 100%);}
}

.drawing-tile-wide-gradient.active
{
background-color:#1D1E1F;
}
.drawing-tile-wide-location-color
{
	color:#D1D2D3;
}

.drawing-tile-wide-quantity-color
{
	color:#646464;
}

.drawing-tile-wide-shape-name-colour
{
	color:#969696;
}

.drawing-tile-mounting-shape-dwg-color
{
	color: #929394;
}



.btn-summary {

	background-color: #0046E2;
	color: #ffffff;
	border-radius: .25rem;
	padding: .15rem 1rem .15rem 1rem;
	}

.btn-summary:hover{
	background-color:#1A3EAC;
	color: #ffffff;
}

.add_part_text_background
{
	background-color: #9A9A9A9A
}

.add_part_text
{
	color: #00ff00;
}

.admin-copy-btn
{
}

.admin-copy-btn:hover
{
	background-color:#D9D9D9;
}

.admin-copy-btn:focus
{
	background-color:black;
}

.geometry_dropdownbar_bg
{
	background-color:#ccc;
}

.editor_dropdownbar_text
{
	font-size:0.8rem;
	font-weight:400;
	color:#434343 ;
}

.editor_dropdownbar_menu_styling
{
	font-size:0.8rem;
	font-weight:400;
	color:#434343!important;
	background-color:#cccccc;
}

.editor_dropdownbar_menu_styling
{
	background-color:#cccccc;
}

.topbar-menu-text{
	font-size:0.8rem;
	font-weight:400;
	color:#434343!important;
}

.topbar-menu-text:hover
{
	font-size: 0.8rem;
    font-weight: 400;
    color: #FFFF!important;
    background-color: #765BDC!important;
    display: block;
	border-radius:0.1rem;
}


 .editor_dropdown-menu-grey-block {
   border-radius: .25rem !important;
   background-color:#C4C4C4;
   height: 2rem;
   border-width:.15rem;
   border-color:grey;
   border-style:none;
   width:100%;
   padding-left:0.5rem;

 }

.editor_bottom_bar_legend_white_text
{
	font-weight:600;
	color:#FFFF;
	font-size:.5rem;
}

.editor_bottom_bar_legend_black_text
{
	font-weight:400;
	color:#434343;
	font-size:.5rem;
}

.editor-topbar-button-styling
{
	border-radius:0.25rem;
	border-width:0.15rem;
	border-color: #CCC;
	border-style: solid;
	background-color: #C4C4C4;

}

.editor-topbar-button-styling:hover {
	background-color: #d9d9d9d9;
	color:black;
}

.bg-grey-d9
{
	background-color:#d9d9d9d9;
}
.bottom-bar-right-bg
{
	background-color:#F5F5F5;
}

.fixture-popup-inputs
{
	background-color:#D9D9D9;
	color:#434343;
}

.fixture-popup-inputs:hover
{
	background-color:#765BDC!important;
	color:#FFF!important;
}
.fixture-popup-inputs:focus
{
	background-color:#765BDC!important;
	color:#FFF!important;
}

.jumper-dropdown-item:hover
{
	background-color:#765BDC!important;
	color:#FFF!important;
}

.bg-light-grey.admin-copy-btn:hover{

	background-color:black;
}

.social-button 
{
width:100%;
}

.social-button:hover 
{
filter:invert(100%);
}