* {
box-sizing: border-box;
user-select: none;
}

body,html {
height: 100%;
margin: 0px;
}

body {
font-family: 'Poppins', serif;
}

body.overflow {
overflow-y: hidden;
}

a {
text-decoration: none;
}

ul,li {
margin: 0px;
padding: 0px;
list-style-type: none;
}

input:focus,textarea:focus {
outline: 0px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number] {
-moz-appearance: textfield;
}

*:focus {
outline: 0;
}

.smodal {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
background-color: rgba(0,0,0,0.8);
z-index: 10000;
overflow: hidden;
}

.smodal .smodal-ins {
width: 600px;
height: 490px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -245px;
margin-left: -300px;
background-color: rgb(255,255,255);
border-radius: 4px;
padding: 30px 30px 30px 30px;
box-sizing: border-box;
}

.smodal .smodal-ins .smodal-ins-title {
font-size: 16px;
line-height: 19px;
color: rgb(30,30,30);
font-weight: 600;
}

.smodal .smodal-ins .smodal-ins-close {
width: 26px;
text-align: center;
position: absolute;
right: 24px;
top: 24px;
font-size: 20px;
height: 26px;
line-height: 27px;
color: rgb(30,30,30);
cursor: pointer;
}

.smodal .smodal-ins .smodal-ins-item {
padding: 0px 0px 10px 0px;
overflow: hidden;
}

.smodal .smodal-ins .smodal-ins-item label {
padding-top: 10px;
font-size: 14px;
line-height: 17px;
color: rgb(30,30,30);
float: left;
}

.smodal .smodal-ins .smodal-ins-item input {
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
color: rgb(30,30,30);
display: block;
width: calc(100% - 210px);
height: 36px;
border: 1px solid rgb(200,200,200);
border-radius: 4px;
float: right;
}

.smodal .smodal-ins .smodal-ins-item select {
padding: 0px 10px 0px 10px;
margin: 25px 0px 20px 0px;
font-size: 14px;
color: rgb(30,30,30);
display: block;
width: 100%;
height: 36px;
border: 1px solid rgb(200,200,200);
border-radius: 4px;
float: right;
}

.smodal .smodal-ins .smodal-ins-btn {
overflow: hidden;
padding-top: 20px;
}

.smodal .smodal-ins .smodal-ins-btn button {
background-color: #24366e;
float: right;
border: 0px;
font-size: 15px;
line-height: 17px;
padding: 15px 20px 15px 20px;
cursor: pointer;
color: rgb(255,255,255);
border-radius: 4px;
}

.preloader {
width: 100%;
height: 100%;
position: fixed;
left: 0px;
top: 0px;
background-color: rgb(245,245,245);
z-index: 10000;
overflow: hidden;
}

.preloader .preloader-spinner {
position: absolute;
left: 50%;
top: 50%;
height: 200px;
width: 200px;
margin: -100px 0px 0px -100px;
background-image: url('./../../images/site-logo.png');
background-repeat: no-repeat;
background-position: center center;
background-size: 120px auto;
}

.preloader .preloader-spinner .preloader-spinner-ins {
width: 100%;
height: 100%;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-left: 6px solid rgba(200,200,200,1);
border-right: 6px solid rgba(200,200,200,1);
border-bottom: 6px solid rgba(200,200,200,1);
border-top: 6px solid rgba(35,54,110,1);
border-radius: 100%;
}

@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
}

.login-form {
width: 100%;
height: 100%;
background-color: rgb(240,240,240);
text-align: center;
}

.login-form .login-logo {
padding: 80px 0px 0px 0px;
}

.login-form .login-logo img {
width: 200px;
}

.login-form .login-text {
font-size: 14px;
line-height: 16px;
font-weight: 800;
color: #24366e;
padding: 10px 0px 60px 0px;	
}

.login-form-ins {
width: 400px;
margin: 0 auto;
}

@media (max-width: 400px) {
	
	.login-form-ins {
	width: calc(100% - 40px);
	padding: 0px 20px 0px 20px;
	}
	
}

.login-form .login-form-msg {
font-size: 13px;
line-height: 16px;
padding: 12px;
color: white;
border-radius: 4px;
background-color: rgb(245,245,245);
margin-bottom: 30px;
}

.login-form input {
margin-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
font-size: 16px;
color: rgb(30,30,30);
display: block;
width: 100%;
height: 46px;
border: 1px solid rgb(220,220,220);
border-radius: 4px;
}

.login-form button {
margin-top: 22px;
font-size: 16px;
color: rgb(255,255,255);
display: block;
width: 100%;
height: 56px;
border: 0px;
border-radius: 4px;
background-color: #24366e;
}

.login-form .login-register {
padding-top: 10px;
overflow: hidden;
}

.login-form .login-register a {
font-size: 14px;
line-height: 19px;
color: #24366e;
text-decoration: underline;
float: left;
}

.login-form .login-register a:last-of-type {
float: right;
}

.login-form .login-register a i {
font-size: 13px;
padding-right: 8px;
}

.login-form .login-register a:hover {
text-decoration: none;
}

.header {
height: 80px;
border-bottom: 0.5px solid rgb(220,220,220);
position: relative;
overflow: hidden;
}

.header .header-logo {
width: 200px;
margin: 17px 0px 0px 40px;
float: left;
}

.header .header-logo.var-2 {
width: auto;
height: 45px;
}

.header .header-logout {
position: absolute;
right: 40px;
top: 20px;
}

.header .header-logout a {
color: rgb(30,30,30);
font-size: 20px;
line-height: 40px;
border: 1px solid rgb(30,30,30);
width: 40px;
height: 40px;
border-radius: 50%;
text-align: center;
display: inline-block;
margin-left: 10px;
}

.header .header-title-1 {
padding: 18px 270px 0px 0px;
float: right;
font-size: 22px;
line-height: 24px;
color: rgb(30,30,30);
font-weight: 600;
text-align: right;
}

.header .header-title-1 span {
display: block;
font-size: 12px;
line-height: 16px;
font-weight: 400;
color: rgb(120,120,120);
padding-top: 3px;
}

.header .header-title-1 span a {
color: rgb(120,120,120);
text-decoration: underline;
}

.header .header-title-1 span a:hover {
text-decoration: none;
}

.header .header-title-2 {
width: calc(100% - 200px);
padding: 0px 100px 0px 0px;
position: absolute;
right: 0px;
top: 30px;
font-size: 20px;
line-height: 24px;
color: rgb(30,30,30);
font-weight: 600;
text-align: right;
display: none;
}

@media (max-width: 1190px) {
	
	.header .header-title-1 {
	padding-right: 260px;	
	}
	
}

@media (max-width: 1190px) {
	
	.header .header-logout {
	right: 30px;
	}
	
}

@media (max-width: 690px) {
	
	.header .header-title-2 {
	font-size: 14px;
	line-height: 16px;
	top: 34px;
	}
	
}

@media (max-width: 1000px) {
	
	.header .header-title-1 {
	display: none;	
	}

	.header .header-title-2 {
	display: none !important;
	}
	
}

.content {
display: flex;
}

@media (max-width: 1190px) {
	
.content {
display: block;
}
	
}

.content .left-box {
width: 600px;
float: left;
background-color: #24366e;
border-right: 0.5px solid rgb(220,220,220);
}

@media (max-width: 1190px) {
	
	.content .left-box {
	width: 100%;	
	border-right: 0px;
	}
	
}

.content .left-box .left-box-title {
height: 42px;
font-size: 15px;
line-height: 25px;
color: rgb(255,255,255);
background: #24366e;
margin-bottom: 1px;
position: relative;
box-sizing: border-box;
padding: 9px 30px 0px 70px;
}

.content .left-box .left-box-title span {
width: 22px;
height: 22px;
line-height: 24px;
font-size: 11px;
display: inline-block;
color: rgb(30,30,30);
background-color: rgb(255,255,255);
border-radius: 50%;
position: absolute;
left: 30px;
top: 10px;
text-align: center;
margin-right: 15px;
font-weight: 500;
}

.content .left-box .left-box-text {
padding: 21px 30px 19px 30px;
font-size: 14px;
line-height: 22px;
color: rgb(30,30,30);
}

.content .left-box .left-box-shapes {
padding: 0px 25px 42px 25px;
}

.content .left-box .left-box-shapes .left-box-shape {
width: calc((100% / 5) - 10px);
aspect-ratio: 1 / 0.8; 
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
margin: 0px 5px 0px 5px;
cursor: pointer;
position: relative;
}

.content .left-box .left-box-shapes .left-box-shape.selected {
border-color: #779856;
}

.content .left-box .left-box-shapes .left-box-shape .lbs-shape {
width: calc(100% - 30px);
height: calc(100% - 30px);
position: absolute;
left: 15px;
top: 15px;
background-color: rgb(130,130,130);
overflow: hidden;
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(2) .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 0px;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(3) .lbs-shape::after {
width: 40%;
height: 50%;
content: '';
position: absolute;
right: 30%;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(4) .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 20%;
bottom: 25%;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape:nth-child(5) .lbs-shape::after {
width: 80%;
height: 80%;
content: '';
position: absolute;
left: -40%;
top: -40%;
transform: rotateY(0deg) rotate(-45deg);
background-color: rgb(255,255,255);
}

.content .left-box .left-box-shapes .left-box-shape .lbs-title {
position: absolute;
left: 0px;
bottom: -23px;
font-size: 12px;
line-height: 14px;
color: rgb(30,30,30);
width: 100%;
text-align: center;
}

.content .left-box .left-box-sizes {
font-size: 0px;
padding: 0px 30px 30px 30px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-left {
width: 43%;
aspect-ratio: 1 / 0.8; 
display: inline-block;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
vertical-align: top;
position: relative;
}

.content .left-box .left-box-sizes .left-box-size .lbs-left .lbs-shape {
width: calc(100% - 60px);
height: calc(100% - 60px);
position: absolute;
left: 30px;
top: 30px;
background-color: rgb(130,130,130);
overflow: hidden;
}

.content .left-box .left-box-sizes .left-box-size:nth-child(2) .lbs-left .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 0px;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-sizes .left-box-size:nth-child(3) .lbs-left .lbs-shape::after {
width: 40%;
height: 50%;
content: '';
position: absolute;
right: 30%;
bottom: 0px;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-sizes .left-box-size:nth-child(4) .lbs-left .lbs-shape::after {
width: 60%;
height: 50%;
content: '';
position: absolute;
right: 20%;
bottom: 25%;
background-color: rgb(255,255,255);
}

.content .left-box .left-box-sizes .left-box-size .lbs-right {
width: 57%;
padding-left: 40px;
display: inline-block;
vertical-align: top;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input label {
display: inline-block;
margin-right: 25px;
overflow: hidden;
}

@media (max-width: 540px) {
	
	.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input label {
	width: 100%;
	display: block;
	margin-right: 0px;
	clear: both;
	}
	
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input label:last-of-type {
margin-right: 0px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input span {
width: 30px;
font-size: 13px;
line-height: 36px;
color: rgb(30,30,30);
float: left;
clear: both;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-input input {
width: 70px;
padding: 0px 10px 0px 10px;
height: 34px;
font-size: 13px;
line-height: 16px;
color: rgb(30,30,30);
border: 0.5px solid rgb(220,220,220);
float: left;
margin-bottom: 6px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check {
overflow: hidden;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item {
position: relative;
float: left;
padding-bottom: 6px;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item label {
width: 70px;
font-size: 13px;
line-height: 20px;
color: rgb(30,30,30);
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item .lbs-check-item-box {
width: 20px;
height: 20px;
border: 1px solid rgb(220,220,220);
display: inline-block;
background-color: rgb(255,255,255);
position: absolute;
left: 0px;
top: 0px;
cursor: pointer;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item .lbs-check-item-box.selected::after {
content: "\f00c";
position: absolute;
left: 4px;
top: 1px;
font-size: 11px;
font-weight: 900;
font-family: "Font Awesome 6 Pro";
color: #779856;
}

.content .left-box .left-box-sizes .left-box-size .lbs-right .lbs-check .lbs-check-item .lbs-check-item-lab {
padding-left: 27px;
cursor: pointer;
}

.content .left-box .left-box-input, .content .left-box .left-box-choices {
padding: 0px 30px 6px 30px;
font-size: 0px;
position: relative;
}

.content .left-box .lbc-label {
width: 140px;
height: 38px;
display: inline-block;
font-size: 13px;
line-height: 38px;
color: rgb(30,30,30);
}

.content .left-box .left-box-choices .lbc-colors {
padding-top: 1px;
width: calc(100% - 134px);
float: right;
margin: 8px -3px 22px -3px;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color {
width: calc(100% / 5);
float: left;
padding: 0px 3px 0px 3px;
position: relative;
}

@media (max-width: 660px) {
	
	.content .left-box .left-box-choices .lbc-colors {
	margin-top: 8px;
	margin-bottom: 3px;	
	}
	
	.content .left-box .left-box-choices .lbc-colors .lbc-color {
	width: calc(100% / 3);
	margin-bottom: 29px;
	}
	
}

.content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-ins {
width: 100%;
aspect-ratio: 1 / 0.8; 
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: block;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-ins span {
position: absolute;
left: 0px;
bottom: -18px;
font-size: 10px;
line-height: 14px;
color: rgb(30,30,30);
width: 100%;
text-align: center;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color.selected .lbc-color-ins::after {
width: 26px;
height: 26px;
background-color: rgb(255,255,255);
border-radius: 50%;
position: absolute;
left: 50%;
top: 50%;
margin: -13px 0px 0px -13px;
content: "\f00c";
font-family: "Font Awesome 6 Pro";
font-weight: 900;
font-size: 12px;
line-height: 27px;
text-align: center;
color: #779856;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color:last-of-type .lbc-color-ins {
width: 100%;
margin-right: 0px;
}

.content .left-box .left-box-choices .lbc-colors .lbc-color .lbc-color-open {
padding: 4px 4px 2px 4px;
position: absolute;
right: 3px;
top: 0px;
font-size: 10px;
line-height: 13px;
color: rgb(100,100,100);
background-color: rgb(255,255,255);
cursor: pointer;
border: 1px solid rgb(220,220,220);
}

.content .left-box .left-box-choices .lbc-choice {
width: calc(100% - 140px);
padding: 0px 40px 0px 10px;
height: 38px;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
font-size: 13px;
line-height: 38px;
color: rgb(30,30,30);
cursor: pointer;
border-radius: 4px;
position: relative;
}

.content .left-box .left-box-choices .lbc-choice i {
position: absolute;
right: 10px;
top: 10px;
}

.content .left-box .left-box-input .lbc-input {
width: calc(100% - 140px);
padding: 0px 40px 0px 10px;
height: 38px;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
font-size: 13px;
line-height: 40px;
color: rgb(30,30,30);
border-radius: 4px;
}

.content .left-box .left-box-input .lbc-input-file {
width: calc(100% - 140px);
display: inline-block;
font-size: 13px;
line-height: 16px;
color: rgb(30,30,30);
}

.content .left-box .left-box-file {
margin: -10px 0px 10px 0px;
padding-left: 170px;
}

.content .left-box .left-box-file a {
font-size: 13px;
line-height: 16px;
color: rgb(30,30,30);
text-decoration: underline;
}

.content .left-box .left-box-file a:last-of-type {
margin-left: 8px;
color: rgb(220,0,0);
}

.content .left-box .left-box-file a:hover {
text-decoration: none;
}

.content .left-box .left-box-input {
overflow: hidden;
}

.content .left-box .left-box-input .lbc-textarea {
width: calc(100% - 140px);
height: 120px;
padding: 9px 12px 9px 12px;
border: 0.5px solid rgb(220,220,220);
background-color: rgb(255,255,255);
display: inline-block;
font-size: 12px;
line-height: 16px;
color: rgb(30,30,30);
float: right;
border-radius: 4px;
}

.content .left-box .left-box-choices .lbc-menu {
max-height: 300px;
overflow-y: scroll;
position: absolute;
right: 30px;
top: 36px;
width: calc(100% - 200px);
border: 0.5px solid rgb(220,220,220);
z-index: 999;
background-color: rgb(255,255,255);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.content .left-box .left-box-choices .lbc-menu .lbc-menu-item {
padding: 0px 10px 0px 10px;
font-size: 13px;
line-height: 34px;
color: rgb(30,30,30);
cursor: pointer;
}

.content .left-box .left-box-choices .lbc-menu .lbc-menu-item:hover {
background-color: rgb(240,240,240);
}

.content .left-box .left-box-btn {
padding: 30px;
clear: both;
background: #24366e;
text-align: center;
}

.content .left-box .left-box-btn button {
font-size: 15px;
padding: 8px 15px 8px 15px;
line-height: 25px;
color: rgb(255,255,255);
border: 2px solid rgb(255,255,255);
background-color: transparent;
cursor: pointer;
border-radius: 4px;
}

.content .left-box .left-box-btn button i {
padding-right: 10px;
}

.content .left-box .lbc-tmp-input {
position: absolute;
left: -10000px;
top: -10000px;
}

.content .right-box {
padding: 40px;
width: calc(100% - 600px);
float: right;
}

@media (max-width: 1190px) {
	
	.content .right-box {
	width: 100%;
	padding: 20px;
	}
	
}

.content .right-box .right-box-profile {
width: 100%;
text-align: center;
margin-top: 0px;
border: 1px solid rgb(220,220,220);
margin-bottom: 30px;
height: 400px;
display: none;
background:rgb(245,245,245);
overflow-y: scroll;
display: none;
justify-content: center;
align-items: center;
border-radius: 4px;
}

.content .right-box .right-box-profile .right-box-profile-ins {
height: 400px;
}

.content .right-box .right-box-profile svg {
display: none;
height: 100% !important;
}

.content .right-box .right-box-profile p {
padding: 0px 25px 0px 25px;
font-size: 13px;
line-height: 21px;
color: rgb(30,30,30);
}

.content .right-box .right-box-menu {
padding-left: 1px;
margin-bottom: -1px;
position: relative;
z-index: 999;
font-size: 0px;
}

.content .right-box .right-box-menu span {
color: rgb(30,30,30);
font-size: 14px;
line-height: 19px;
padding: 14px 20px 12px 20px;
display: inline-block;
border-bottom: 0px;
border: 1px solid rgb(220,220,220);
border-bottom: 0px;
margin-left: -1px;
cursor: pointer;
}

.content .right-box .right-box-menu span.active {
background-color: rgb(245,245,245);
z-index: 998;
position: relative;
}

.content .right-box .right-box-visualisation {
width: 100%;
max-height: 660px;
padding: 60px;
/* aspect-ratio: 1 / 0.7; */
border: 0.5px solid rgb(220,220,220);
/*background-image: linear-gradient(rgba(220,220,220,0.6) 0.5px, transparent 0.5px), linear-gradient(90deg, rgba(220,220,220,0.6) 0.5px, transparent 0.5px); */
/* background-size: 0.8vw 0.8vw; */
/* background-position: -1px -1px; */
position: relative;
background-color: rgb(245,245,245);
overflow-x: scroll;
overflow-y: scroll;
}

.content .right-box .right-box-visualisation .insbox-1 {
position: relative;
margin: 0 auto;
}

.content .right-box .right-box-visualisation .insbox-2 {
border: 4px solid rgb(0,0,0);
width: 100%;	
height: 100%;
}

.content .right-box .right-box-visualisation .dimension-mount-line {
background-color: rgb(0,0,0);
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
position: relative;
float: left;
}

.content .right-box .right-box-visualisation .dimension-mount-line::before {
content: '';
position: absolute;
left: 0px;
top: -5px;
height: 10px;
width: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-mount-line::after {
content: '';
position: absolute;
right: 0px;
top: -5px;
height: 10px;
width: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-mount-line-2 {
background-color: rgb(0,0,0);
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
position: relative;
float: left;
clear:both;
}

.content .right-box .right-box-visualisation .dimension-mount-line-2::before {
content: '';
position: absolute;
top: 0px;
left: -5px;
width: 10px;
height: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-mount-line-2::after {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
width: 10px;
height: 1px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-horizontal {
width: 100%;
padding-bottom: 2px;
position: absolute;
left: 0px;
top: -25px;
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
border-bottom: 0.5px solid rgb(0,0,0);
text-align: center;
}

.content .right-box .right-box-visualisation .dimension-horizontal::before {
content: '';
position: absolute;
left: 0px;
top: 8px;
height: 10px;
width: 0.5px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-horizontal::after {
content: '';
position: absolute;
right: 0px;
top: 8px;
height: 10px;
width: 0.5px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical {
height: 100%;
padding-left: 2px;
position: absolute;
right: -15px;
top: 0px;
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
border-left: 0.5px solid rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical::before {
content: '';
position: absolute;
left: -5px;
top: 0px;
height: 1px;
width: 10px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical::after {
content: '';
position: absolute;
left: -5px;
bottom: 0px;
height: 1px;
width: 10px;
background-color: rgb(0,0,0);
}

.content .right-box .right-box-visualisation .dimension-vertical-label {
width: 100px;
text-align: center;
position: absolute;
left: -40px;
top: 50%;
font-size: 11px;
line-height: 11px;
color: rgb(0,0,0);
transform: rotate(-90deg);
}

.content .right-box .right-box-visualisation .insbox-2 .plankrow {
font-weight: 300;
font-size: 9px;
text-align: center;
position: absolute;
}

.content .right-box .right-box-visualisation .plankrow {
box-sizing: border-box;
overflow: hidden;
background-color: rgba(41,133,61,0.1);
}

.content .right-box .right-box-visualisation .plankrow div {
float: left;
}

.content .right-box .right-box-visualisation .plankrow div:last-of-type {
border-right: 0px !important;
border-bottom: 0px !important;
}

.content .right-box .right-box-legend {
border: 1px solid rgb(220,220,220);
padding: 25px 20px 15px 20px;
overflow: hidden;
border-top: 0px;
}

.content .right-box .right-box-legend .right-box-legend-line {
padding-right: 30px;
padding-bottom: 5px;
padding-left: 60px;
box-sizing: border-box;
float: left;
font-size: 14px;
line-height: 17px;
color: rgb(30,30,30);
position: relative;
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(1)::before {
content: '';
width: 50px;
height: 4px;
position: absolute;
left: 0px;
top: 5px;
background: rgb(0,0,0);
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(2)::before {
content: '';
width: 50px;
height: 4px;
position: absolute;
left: 0px;
top: 5px;
background: rgb(145,198,60);
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(3)::before {
content: '';
width: 50px;
height: 1px;
position: absolute;
left: 0px;
top: 7px;
background: rgb(145,198,60);
}

.content .right-box .right-box-legend .right-box-legend-line:nth-child(4)::before {
content: '';
width: 50px;
height: 4px;
position: absolute;
left: 0px;
top: 5px;
border: 1px solid orange;
box-sizing: border-box;
}


.content .right-box .right-box-modal {
width: 100%;
height: 100%;
background-color: rgba(245,245,245,0.8);
position: absolute;
left: 0px;
top: 0px;
}

.content .right-box .right-box-modal span {
width: 300px;
height: 75px;
background-color: rgb(255,255,255);
position: absolute;
left: 50%;
top: 50%;
margin: -37px 0px 0px -150px;
font-size: 12px;
line-height: 17px;
color: rgb(30,30,30);
padding: 20px 20px 0px 80px;
border: 1px solid rgb(220,220,220);
}

.content .right-box .right-box-modal span i {
position: absolute;
left: 21px;
top: 16px;
font-size: 40px;
line-height: 43px;
}

.content .right-box .right-box-sumary-2.rbs-first {
margin-top: 40px;
border-top: 0.5px solid rgb(220,220,220);
}

.content .right-box .right-box-sumary-2 {
padding: 10px 0px 10px 0px;
font-size: 16px;
line-height: 22px;
color: rgb(30,30,30);
border-radius: 4px;
border-bottom: 0.5px solid rgb(220,220,220);
}

.content .right-box .right-box-sumary-2 span {
float: right;
font-weight: 600;
}

@media (max-width: 800px) {

	.content .right-box .right-box-sumary-2 {
	text-align: center;	
	}
	
	.content .right-box .right-box-sumary-2 span {
	display: block;
	float: none;
	}

}

.content .right-box .right-box-sumary {
margin-top: 40px;
padding: 20px 20px 20px 20px;
border: 0.5px solid rgb(220,220,220);
position: relative;
border-radius: 4px;
}

@media (max-width: 1190px) {
	
	.content .right-box .right-box-sumary {
	margin-top: 30px !important;
	}
	
}

.content .right-box .right-box-sumary p {
padding: 15px 0px 10px 0px;
margin: 0px;
font-size: 13px;
line-height: 21px;
color: rgb(30,30,30);
text-align: center;
font-weight: 400;
}

.content .right-box .right-box-sumary .right-box-sum-item {
width: calc((100%) - 20px);
border: 0.5px solid rgb(220,220,220);
display: inline-block;
margin: 10px;
background: white;
border-radius: 4px;
}

@media (max-width: 800px) {
	
	.content .right-box .right-box-sumary .right-box-sum-item {
	width: calc((100% / 1) - 20px);	
	}
	
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-title {
padding: 7px 15px 7px 15px;
font-size: 15px;
line-height: 25px;
color: rgb(255,255,255);
background: #24366e;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-title a {
float: right;
color: white;
font-size: 14px;
line-height: 14px;
margin-top: 6px;
margin-left: 12px;
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl {
padding: 15px;
overflow: hidden;
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl .rbsi-view {
width: calc(50% - 15px);
border: 1px solid rgb(220,220,220);
float: left;
margin-left: 15px;
border-radius: 4px;
background-color: rgb(245,245,245);
overflow-y: scroll;
}

@media (max-width: 670px) {
	
	.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl .rbsi-view {
	width: 100%;
	margin: 20px 0px 0px 0px;
	}
	
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl .rbsi-view svg {
max-width: 100%;
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table {
width: 50%;
border-collapse: collapse;
float: left;
}

@media (max-width: 670px) {
	
	.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table {
	width: 100%;	
	}
	
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table td {
padding: 6px 0px 5px 0px;
font-size: 13px;
line-height: 17px;
color: rgb(30,30,30);
border-bottom: 1px solid rgb(220,220,220);
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table td a {
color: rgb(30,30,30);
text-decoration: underline;
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table td a:hover {
text-decoration: none;
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table tr td:last-of-type {
width: 150px;
font-weight: 500;	
}

.content .right-box .right-box-sumary .right-box-sum-item .rbsi-table-gl table tr:last-of-type td {
border-bottom: 0px;
}

.content .right-box .right-box-btns {
padding: 40px 0px 50px 0px;
text-align: right;
}

.content .right-box .right-box-btns .rbb-add {
background: #24366e;
display: inline-block;
font-size: 18px;
line-height: 60px;
padding: 0px 30px 0px 30px;
color: rgb(255,255,255);
vertical-align: top;
border-radius: 4px;
}

.content .right-box .right-box-btns .rbb-send {
background-color: rgb(245,245,245);
border: 0.5px solid rgb(220,220,220);
display: inline-block;
font-size: 18px;
line-height: 58px;
padding: 0px 30px 0px 30px;
color: rgb(30,30,30);
vertical-align: top;
margin-right: 20px;
}

@media (max-width: 600px) {
	
	.content .right-box .right-box-btns .rbb-add {
	width: 100%;	
	text-align: center;
	margin-top: 10px;
	}
	
	.content .right-box .right-box-btns .rbb-send {
	width: 100%;
	text-align: center;
	}
	
}

.lbc-textarea a {
color: #24366e;
text-decoration: underline;
}

.lbc-textarea a:hover {
text-decoration: none;
}

.main-title {
padding: 45px 40px 35px 40px;
font-size: 32px;
line-height: 36px;
color: rgb(30,30,30);
font-weight: 600;
}

.main-title-2 {
padding: 0px 0px 35px 0px;
font-size: 22px;
line-height: 24px;
color: rgb(30,30,30);
font-weight: 600;
}

.main-table {
width: calc(100% - 80px);
margin: 0px 40px 60px 40px;
border-collapse: collapse;
border-top: 0.5px solid rgb(220,220,220);
}

.main-table thead td {
padding: 13px 15px 13px 15px;
border-bottom: 0.5px solid rgb(220,220,220);
font-size: 14px;
line-height: 18px;
color: rgb(30,30,30);
background-color: rgb(225,225,225);
font-weight: 600;
}

.main-table tbody td {
height: 60px;
padding: 0px 15px 0px 15px;
border-bottom: 0.5px solid rgb(220,220,220);
font-size: 14px;
line-height: 18px;
color: rgb(30,30,30);
}

.main-table tbody td .box-2 {
display: none;
}

.main-table tbody td .box-2 input {
width: 180px;
height: 30px;
padding: 0px 10px 0px 10px;
border: 0.5px solid rgb(220,220,220);
font-size: 13px;
line-height: 16px;
color: rgb(30,30,30);
float: left;
border-radius: 3px;
}

.main-table tbody td .box-2 button {
border: 0px;
background-color: #24366e;
font-size: 12px;
line-height: 16px;
color: white;
cursor: pointer;
height: 30px;
padding: 0px 7px 0px 7px;
margin-left: 5px;
float: left;
border-radius: 3px;
}

.main-table tbody td strong {
font-weight: 600;
}

.main-table tbody tr:nth-child(even) {
background-color: rgb(245,245,245);
}

.main-table tbody td.mt-btns {
width: 10px;
font-size: 0px;
white-space: nowrap;
}

.main-table tbody td.mt-btns a {
padding: 7px 10px 7px 10px;
font-size: 11px;
line-height: 16px;
color: rgb(255,255,255);
background-color: #24366e;
display: inline-block;
margin-right: 5px;
border-radius: 3px;
}

.main-table tbody td a:last-of-type {
margin-right: 0px;
}

.main-msg {
margin: 0px 40px 30px 40px;
font-size: 13px;
line-height: 16px;
padding: 12px;
color: white;
border-radius: 4px;
background-color: #00A88E;
text-align: center;
}

.settings-title {
padding-bottom: 8px;
margin: 40px 40px 30px 40px;
font-size: 14px;
line-height: 17px;
color: rgb(30, 30, 30);
font-weight: 600;
border-bottom: 1px solid rgb(220, 220, 220);
}

.settings-title:first-of-type {
margin-top: 0px;
}

.settings-logo {
padding-left: 240px;
margin-top: -20px;
}

.settings-logo a {
font-size: 14px;
line-height: 17px;
color: rgb(30, 30, 30);
text-decoration: underline;
}

.settings-logo a:hover {
text-decoration: none;
}

.settings-item {
padding: 0px 40px 10px 40px;
overflow: hidden;
}

.settings-item label {
padding-top: 15px;
font-size: 14px;
line-height: 17px;
color: rgb(30, 30, 30);
float: left;
}

.settings-item input[type="text"] {
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
color: rgb(30, 30, 30);
display: block;
width: calc(100% - 200px);
height: 46px;
border: 1px solid rgb(200,200,200);
border-radius: 4px;
float: right;
}

.settings-item input[type="file"] {
font-size: 14px;
color: rgb(30, 30, 30);
display: block;
width: calc(100% - 200px);
height: 46px;
margin-top: 12px;
float: right;
}

.settings-item select {
padding-left: 15px;
padding-right: 15px;
font-size: 14px;
color: rgb(30, 30, 30);
display: block;
width: calc(100% - 200px);
height: 46px;
border: 1px solid rgb(200,200,200);
border-radius: 4px;
float: right;
}


.settings-btn {
padding: 30px 40px 60px 0px;
text-align: right;
}

.settings-btn button {
border: 0px;
cursor: pointer;
background: #24366e;
display: inline-block;
font-size: 18px;
line-height: 60px;
padding: 0px 30px 0px 30px;
color: rgb(255, 255, 255);
border-radius: 4px;
}

.footer {
border-top: 0.5px solid rgb(220,220,220);
clear: both;
position: relative;
z-index: 998;
}

.footer .footer-copyright {
padding: 35px 30px 35px 30px;
font-size: 13px;
line-height: 19px;
color: rgb(120,120,120);
text-align: center;
}

.footer .footer-copyright a {
color: rgb(120,120,120);
text-decoration: underline;
}

.footer .footer-copyright a:hover {
text-decoration: none;
}

.footer .footer-copyright span {
display: block;
font-weight: 500;
padding-bottom: 5px;
}