.gcnotificationbg{ position: absolute; top: 76px; width: 100%;}
.gcnotificationbg .alert{ margin: 0 auto; width: max-content;}
.loaded .gcnotificationbg{ position: absolute; top: 35px; width: 100%;}
.tabletdwidht50{width: 44%;}
.clientadd h3 {text-transform: none;}
.gcsphiddenelmt{visibility: hidden; width: 0px; height: 0px; overflow: hidden;}
.gcspselectboxwidth .selectboxwidht{ max-width: 390px !important;     z-index: 111111; }
#Discountform input{padding: 12px 16px 14px;}
#Marginform input{padding: 12px 16px 14px;}
.card-header a{display: inline-flex;}
.gcspacdelete{float: right;}
a.gcspacdelete {position: absolute; right: 7px; top: 6px;}
.gcspacdelete img { max-height: 32px;}
.gcspdeletesystem{float: right;}
a.gcspdeletesystem {position: absolute; right: 7px; top: 6px;}
a.gcspcopysystem {position: absolute; right: 80px; top: 6px;}
.greentext .mdc-select__selected-text{color: #007905 !important;}
.redtext .mdc-select__selected-text{color: #ff0000 !important;}
.gcspstatusselect .mdc-select:not(.mdc-select--disabled) {   background-color: white; height: 33px;}
.gcspstatusselect .mdc-select__selected-text {  padding: 1px 25px; line-height: 30px; height: 30px !important;}
.gcspstatusselect .mdc-select__dropdown-icon {bottom: 8px !important;}
.pagehafwidht100{max-width: 100%;}
.gcspnewsystemtwo1{display: none;}
.gcspnewsystemone1{display: none;}
.gcsphideglass{display: none;}

/* Preview Start */
svg{/*width: 100%;*/ max-width: 100%; height: auto;}
/*.svg-greybox{background-color: #e9e8e8; padding: 15px; max-width: 900px; margin:0 auto; display: flex; display: -ms-flexbox; justify-content: center; align-items: center;}*/
.svgcontentwrap{display: flex; flex-wrap: wrap; display: -ms-flexbox; padding-left:50px;position: relative;width: 100%; }
.svg-area{flex: 0 0 100%; max-width: 100%; display: flex; display: -ms-flexbox; flex-direction: column; }
.svg-upper,.svg-lower{display: flex; display: -ms-flexbox; z-index: 9;}
.mm-text{position: relative;  display: flex;  display: -ms-flexbox; justify-content: center; align-items: center; color:#6d6f72; }
.mm-text span{font-size: 14px; font-weight:500;position: relative; z-index: 1; background-color: #e9e8e8; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.mm-vtext{position: absolute; left: 0; top: 0; height: 100%; height: calc(100% - 70px); max-width: 20px; width:100%;  border-top:1px solid #6d6f72; border-bottom:1px solid #6d6f72;}
.mm-vtext span{ padding: 10px 0px; writing-mode: tb-rl;  -webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); -o-transform: rotate(180deg); -ms-transform:rotate(180deg); transform: rotate(180deg);}
.mm-vtext:after{content: ""; width: 1px; height: 100%; background-color: #6d6f72; position: absolute; left: 50%; top: 0;}
.mm-htext{position: absolute; left:50px; width:100%; max-width: calc(100% - 53px); border-left:1px solid #6d6f72; border-right:1px solid #6d6f72; margin-left: 3px;}
.mm-htext span{padding: 0 5px;}
.mm-htext:after{content: ""; width: 100%; height: 1px; background-color: #6d6f72; position: absolute; left: 0; top:50%;}
.up-vtxt{top: 0px;}
.up-htext{ bottom: 0;}
.up-pdd{padding-bottom: 60px;}
.uplw-pdd{padding-bottom: 0px; padding-top: 70px;}
.uplw-vtext{top: 70px;}
.uplw-htext{bottom:inherit;top:0;}
.svg-use{height: auto;}
.pgbox{ transform: scale(1.6); transform-origin: center; }
.priviewgraybg {  padding: 30px 20px; }
/* Preview End */
.mdc-layout-grid__inner_svg{ display: block; margin: 0 auto; }
.gcspnewsvgheading{ text-align: center; color: #cccccc; }
.gcspnewquetewapper{ position: relative; min-height: 72.8vh; }
.gcspnewquetewapper .flexbtn{position: absolute;    width: 100%;    bottom: 0;}
.gcsparcadianminheight{min-height: 62vh; display: block; text-align: center;}
.gcsparcadianminheightinner{display: inline-block; width: 300px; }

.singlesashhide,.splitsashhide{display: none;}
.gcspsystemnameheading{border-top: 1px solid rgba(0, 0, 0, 0.125); padding-top: 20px;}
.accsectoion .gcspsystemnameheading:first-child{border-top: none !important; padding-top: 0px !important;}
.chartinner{max-width: 550px; margin: 0 auto; }
.barchartinner{max-width: 1100px; margin: 0 auto; }
.gcspassnewsashdisable{pointer-events: none !important;}

.mdc-switch{display:inline-block;position:relative}.mdc-switch__native-control{display:inline-block;position:absolute;top:0;left:0;width:34px;height:14px;cursor:pointer;opacity:0;z-index:2}.mdc-switch__background{display:block;position:relative;width:34px;height:14px;border-radius:7px;outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mdc-switch--theme-dark .mdc-switch__background,.mdc-switch__background,.mdc-theme--dark .mdc-switch__background{background-color:transparent}.mdc-switch__background:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transition:opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:opacity 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);border-radius:7px;background-color:#000;content:"";opacity:.38}.mdc-switch--theme-dark .mdc-switch__background:before,.mdc-theme--dark .mdc-switch__background:before{background-color:#fff;opacity:.3}.mdc-switch__background .mdc-switch__knob{display:block;position:absolute;top:-3px;left:0;width:20px;height:20px;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);border-radius:10px;background-color:#fafafa;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);z-index:1}.mdc-switch--theme-dark .mdc-switch__background .mdc-switch__knob,.mdc-theme--dark .mdc-switch__background .mdc-switch__knob{background-color:#bdbdbd}.mdc-switch__background .mdc-switch__knob:before{top:-14px;left:-14px;-webkit-transform:scale(0);transform:scale(0);background-color:transparent;content:"";opacity:.2}.mdc-switch__background .mdc-switch__knob:before,.mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before{position:absolute;width:48px;height:48px;-webkit-transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);border-radius:24px}.mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before{-webkit-transform:scale(1);transform:scale(1);background-color:#9e9e9e}.mdc-switch--theme-dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before,.mdc-theme--dark .mdc-switch__native-control:focus~.mdc-switch__background .mdc-switch__knob:before{background-color:#f1f1f1;opacity:.14}.mdc-switch__native-control:checked~.mdc-switch__background:before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.5}.mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob{-webkit-transform:translateX(14px);transform:translateX(14px);-webkit-transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1);transition:transform 90ms cubic-bezier(.4,0,.2,1),background-color 90ms cubic-bezier(.4,0,.2,1),-webkit-transform 90ms cubic-bezier(.4,0,.2,1);background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5);opacity:.15}.mdc-switch--theme-dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before,.mdc-theme--dark .mdc-switch__native-control:checked~.mdc-switch__background .mdc-switch__knob:before{background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.mdc-switch__native-control:disabled{cursor:auto}.mdc-switch__native-control:disabled~.mdc-switch__background:before{background-color:#000;opacity:.12}.mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background:before,.mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background:before{background-color:#fff;opacity:.1}.mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob{background-color:#bdbdbd}.mdc-switch--theme-dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob,.mdc-theme--dark .mdc-switch__native-control:disabled~.mdc-switch__background .mdc-switch__knob{background-color:#424242}
.gcspdashbrdspna{vertical-align: text-bottom;    display: inline-block;    margin-right: 10px;    font-weight: bold;}
.gcspsettingcheckbox label{color: #878787; font-weight: normal;}
.gcspsettingcheckbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {   border-color: #878787;}
.mainpriviewimg  {max-width: 450px; margin: 0 auto;}
.gcspmainpriviewimg{max-width: 50%; margin: 0 auto}
.priviewdetail .priceblackbg{font-size: 24px;}
.gcspnewmasure {   position: absolute;   top: 0;   width: 100%;    left: 0; max-width: calc(100% - 51px); display: flex; margin-left: 2px;}
.gcspnewmasure .uplw-htext{top: 31px;     width: auto;position: relative;   /* 	flex: 1 1 auto !important;*/ margin-right: 1px; margin-left: 1px; }
.gcspnewmasure .mm-htext span{left: 0;}
.systemboxpadd{position: relative; height: 100%;}
.systemsize{position: absolute; bottom: 0; width: 100%;}
.systemimg svg{max-height: 140px; margin: 0 auto;}

.systemimg .gcspnewsvgheading{position: absolute;    top: 40%;    left: inherit;    width: 100%;}
.pageselectbox.gcspaddedstatuspage .mdc-select{height: 40px;}
.pageselectbox.gcspaddedstatuspage .mdc-select .mdc-select__dropdown-icon{bottom: 7px;}
.pageselectbox.gcspaddedstatuspage .mdc-select__selected-text{padding-top: 5px;}

/*.gcspnewmasure_left {  position: absolute; top: 0; left: 25px; max-height: calc(100% - 70px); height: 100%;}
.gcspnewmasure_left  .uplw-vtext{     width: auto;position: relative;    margin-right: 1px; margin-left: 1px; margin-bottom: 1px; }
.gcspnewmasure_left  .uplw-vtext:last-child{ margin-bottom: 0px !important; }
.gcspnewmasure_left  .mm-vtext span{left: 0;}
.gcsphidehieghtbar{visibility: hidden; height: 0px !important; display: none !important;}*/
.gcspheightsmalll {    max-width: 80% !important;}
.arrow{transform:scaleY(2) scaleX(1)}
.pgbox{transform:scaleY(1.82) scaleX(1.6); transform-origin: 50% 51.5%;}
.plus{transform:scaleY(2) scaleX(2);transform-origin: 50% 50%;}
/*.plus05{transform:scaleY(2) scaleX(0.5);}*/
.plus1{transform:scaleY(2) scaleX(1); transform-origin: 50% 50%;}
.plus11{transform:scaleY(1) scaleX(1) !important; transform-origin: 50% 50%;}
.plus2{transform:scaleY(2) scaleX(2); transform-origin: 45% 50%;}
.plus-second{transform:scaleY(2) scaleX(0.5); transform-origin: 50% 50%;}

.svg-greybox {width: fit-content; width: -moz-fit-content; margin: 0 auto; }
.svg-greybox11{width: min-content; width: -moz-min-content; min-width: 250px; margin: 0 auto;}
/*.systemimg svg{width: 100%;}*/
.gcsparcadianminheightinner svg{ width: 300px; height:300px;}

.svg-upper svg{margin-bottom: -1px;/*height: max-content;  */}
.gcspnewmasuresingle{max-width: 100% !important;}

/*--------- 15-07-2021 ------*/
.mm-text span{  font-size: 11px; white-space: normal; text-overflow: inherit; letter-spacing: -0.6px; text-align: center; overflow: inherit; }
.mm-htext span{padding: 0 2px; line-height: 1.1;}
.mm-vtext span{padding: 2px 0px; line-height: 1;}
.mm-vtext{max-width: 11px;}
.svg-area{max-height: 300px !important; overflow: hidden;}

.systemimg_single{height: 150px !important; margin: 0 auto; text-align: center;}
.systemimg{text-align: center;}
.newsystemwhitebox .systemimg{display: grid;}
.newsystemwhitebox .systemimg_single{max-height: 140px; height: inherit !important; margin: 0 auto;}

.QuoteDetailsPopup p {    margin-bottom: 0;   }
.QuoteDetailsPopup .modal-content{padding: 10px; border: none; border-radius: 7px;}
.AddAdditionalCostField{display: none;}
.gcspduplicateicon{margin-right: 10px;}
a.disabled {  pointer-events: none;  cursor: default;}


.gcspquotenamemaster{font-size: 24px;    font-weight: bold;    padding: 0;    border: 0;margin-bottom: 15px; line-height: 0; cursor: pointer; border-bottom: 1px solid #fff; min-width: 350px;}
.gcspquotenamemaster:focus{border-bottom: 1px solid #000000; border-radius: 0;}
h3.gcspnotmalfontweight{font-weight: 300;}

.ui-state-highlight {border: 1px dashed #cccccc;background: #f7f7f7;	}
.ui-sortable-helper {border: 1px solid #cccccc;z-index: 999999;	}
/* .mdc-menu-surface--open .mdc-list-item{display: none;} */
.mdc-list-item-hide{display: none; cursor: none; visibility: hidden;}


.select2-container{width: 100% !important;}
.select2-container .select2-selection--single{height: 48px;}

.floating-label {position: relative;}
.floating-label label.gclable {font-size: 1rem;
line-height: 1.75rem;
font-weight: 400;
letter-spacing: 0.00937em;
text-decoration: inherit;
text-transform: inherit;
position: absolute;
left: 11px;
transform-origin: left top;
transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
line-height: 1.15rem;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
cursor: text;
overflow: hidden;
will-change: transform; font-family: Roboto, sans-serif; top: 16px;
background: #fff;
height: 20px;
padding: 0px 5px;
width: 100%;
max-width: 90%; right: inherit; pointer-events: none; color: rgba(0, 0, 0, 0.6) !important; z-index: 1; transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;}
.floating-label label.gclable.active {position: absolute;  top: -14px; font-size: 12px; color: #7a7a7a; width: inherit;}
.floating-label select{width: 100%;    border-color: #e9eaef;    height: 48px; color: #444; padding-left: 14px;}

.gcspdeletelable{margin: 0; font-weight: 500; cursor: pointer;  padding: 0 !important; color: #000000;}