/* WebSite Name : iDesignIT V1 WebSite Version : 1.0 Style Sheet Name : Main.css WebSite Author : Designer Style Sheet Created Date: 16-Aug-2019 Web site Bulider Company: Softnotions Technologies Pvt.Ltd;
 Color Combinations : #3f51b5 Font Family : Raleway */


/*------ Web Font Import-------*/

@import url("https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap");

/*------ Common Styles For Idesigner -------*/

body {
    margin: 0px;
    padding: 0px;
    font-family: "Montserrat", sans-serif;
}

.view .perma_background {
    background-image: url('data:image/png;base64,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');
    background-color: #3F51B5 !important;
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    border-radius: 6px !important;
    height: 58px !important;
    width: 54px;
}

.tre-d .perma_background {
    background-image: url('data:image/png;base64,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');
    background-color: #3F51B5 !important;
    background-position: center;
    background-size: 25px;
    background-repeat: no-repeat;
    border-radius: 6px !important;
    height: 58px !important;
    width: 54px;
}

.prop_sidebar {
    display: flex;
    justify-content: flex-end;
}

.prop_sidebar .menu-ver {
    padding: 20px;
}

.prop_sidebar {
    position: absolute;
    right: 0px;
}

.prop_sidebar .menu-ver {
    top: 25vh;
    position: relative;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 8px;
    padding-right: 8px;
    /* border-top-left-radius: 10px; */
    /* border-bottom-left-radius: 10px; */
    height: max-content;
    /* background: #EFEFEF; */
    border-left: 1px solid #d7d4d496;
}

.react-sidebar {
    background-color: #fff !important;
}

ul.vert_menu {
    margin: 0px;
    padding: 0px;
}

ul.vert_menu li {
    list-style: none;
    margin-bottom: 8px;
    margin-top: 8px;
    color: #666666;
    width: 35px;
    text-align: center;
    height: 35px;
    background-color: #ffffff;
    border-radius: 100%;
    font-size: 20px;
}

.menu-ver {
    /* background-color: rgba(255, 255, 255, 0.8);
    transition: 0.4s;
    border: 1px solid #eceaea;
    border-right: none !important; */
    /* background-color: #3f51b5; */
    background-color: rgba(255, 255, 255);
    transition: 0.4s;
    border: 1px solid #dfdfdf;
    border-right: none !important;
    /* box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px; */
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
}

ul.vert_menu li i {
    padding-top: 10px;
}

ul.vert_menu li:hover,
ul.vert_menu li.active {
    background-color: #22296A;
    color: #fff;
    transition: 0.4s;
    /*background-color: #4d65e8;
    */
}

ul.vert_menu li:hover svg,
ul.vert_menu li.active svg {
    fill: white;
    font-size: 14px;
    font-weight: bold;
    position: relative;
}

.show-filter h2 {
    margin: 0px;
    /*background-color: #3f51b5;*/
    background-color: #eee;
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.show-filter-new h2 {
    margin: 0px;
    /*background-color: #3f51b5;*/
    background-color: #eee;
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.proper_list li a {
    font-family: "Montserrat", sans-serif;
    font-size: 13px;
    color: #181818 !important;
    font-weight: 400;
    width: 100%;
    display: block;
}

.proper_list li:hover {
    background: #22296A;
}

.proper_list li:hover {
    color: #ffffff !important;
}

.proper_list a:hover {
    color: #ffffff !important;
}

select,
label,
input {
    color: #495057 !important;
    font-size: 12px;
    font-family: "Montserrat", sans-serif;
}

.show-filter .icon-close {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.show-filter-new .icon-close {
    position: absolute;
    top: 13px;
    right: 10px;
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.tooltip_menu {
    position: relative;
    width: 140px;
    color: #000;
    background-color: #ccc;
    height: 30px;
    line-height: 30px;
    text-align: center;
    visibility: visible;
    border-radius: 6px;
    opacity: 0.8;
    right: 100%;
    top: 50%;
    margin-top: -50px;
    margin-left: -113px;
    z-index: 999;
    font-size: 12px;
}

.tooltip_custom {
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid #ccc;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    transform: rotate(180deg);
}

.properties {
    padding: 10px;
}
.internal-notes-wrap{
    height: 100%;
}
.properties-1 {
    height: 100%;
    padding: 10px;
}

ul.proper_list {
    padding: 0px 0 0 0px;
    margin: 0px;
}

.proper_list li {
    margin: 0px;
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
    padding: 0;
    min-height: 35px;
    line-height: 32px;
}

.proper_list li a {
    min-height: 35px;
    line-height: 32px;
}

.proper_list li:hover ul.suv_menu-item {
    padding-left: 10px;
    background: #fff;
    border-top: 1px solid #e1e1e1;
}

.proper_list li:hover ul li a {
    color: #000 !important;
}

.proper_list li ul.suv_menu-item {
    padding-left: 10px;
}

.proper_list li a span:nth-child(1) {
    margin-right: 10px;
    color: #848484;
    font-size: 14px;
}

.sidebarOptions .form-label,
.sidebarOptions .form-check-label {
    font-size: 13px;
    color: #6a6c6f;
    font-weight: 300;
}

.show-filter .badge-secondary {
    color: #fff;
    background-color: #6c757d;
    font-size: small;
}

.show-filter-new .badge-secondary {
    color: #fff;
    background-color: #6c757d;
    font-size: small;
}

.show-filter label,
select {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: small;
}

.show-filter-new label,
select {
    display: inline-block;
    margin-bottom: 0.5rem;
    font-size: small;
}

.list-title {
    padding: 20px;
    text-transform: uppercase;
    background-color: #418eff;
    color: white;
}

.icons-container {
    min-height: 45rem;
}

.menuPosition {
    margin-left: -65px;
}

#app .container-fluid {
    margin-left: -24%;
    position: block;
}

#app .angle-style {
    float: right;
    background-color: grey;
}

body {
    margin: 0;
}

.icon-bar {
    padding-top: 10px;
    width: 64px;
    background-color: #418eff;
    margin-left: -14px;
    padding-bottom: 10px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}

.fa {
    font-size: 15px;
}

.icon-bar li {
    display: block;
    text-align: center;
    padding: 0px;
    transition: all 0.3s ease;
    color: #7e7e81;
    font-size: 26px;
    border-radius: 50%;
    background-color: white;
    margin: 10px;
    height: 40px;
    width: 40px;
}

.icon-bar li:hover {
    background-color: #aa41ff;
}

#sub-menu-form label {
    display: block;
    width: 100%;
}

#sub-menu-form select {
    width: 100%;
}

#sub-menu-form .row {
    border: 1px solid rgba(0, 0, 0, 0.125);
}


/* added by nibin */

.sidebarOptions {
    clear: both;
    height: 100vh;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #fafafa;
    /* overflow-x: hidden; */
    transition: 0.5s;
}

.sidebarOptions h2 {
    margin: 0px;
    background-color: #eee;
    padding: 10px 15px 10px 15px;
    text-transform: uppercase;
    color: #666;
    font-size: 15px;
    font-weight: 500;
}

.footerBarStyle {
    position: absolute;
    bottom: 0;
    padding: 5px 1.2em;
    margin: 0;
    cursor: default;
    background-color: rgb(255 255 255);
    margin-left: auto;
    margin-right: auto;
    left: 41%;
    /* border-top-left-radius: 10px; */
    /* border-top-right-radius: 10px; */
    box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    /* background: #EFEFEF; */
    border: 1px solid #d7d4d496;
}

.coordStyle {
    float: left;
    padding-left: 0;
    padding-right: 0;
    /* padding-top: ; */
    padding-bottom: 5px;
    font-size: 16px;
    color: #666;
    border-radius: 100%;
    width: 35px;
    height: 35px;
    text-align: center;
    position: relative;
    padding-top: 7px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.coordStyle:hover {
    background-color: #22296A;
    color: #fff;
    transition: 0.4s;
    border: 1px solid #eceaea;
    border-bottom-color: rgb(236, 234, 234);
    border: solid 1px #eceaea;
    border-bottom: none !important;
}

.coordStyle:hover svg {
    fill: white;
}

.form-row .col {
    width: 100%;
    min-width: 100%;
}

.sidebarOptions form {
    padding: 10px;
}

.btn.btn-primary {
    /* background-color: #3f51b5;
    border-color: #3f51b5;
    border-radius: 2em !important;
    height: 40px !important;
    font-weight: 300;
    line-height: normal;
    padding: 0.5rem;
    font-size: 15px; */
    background: #3F51B5;
    min-width: 120px;
    font-size: 14px;
    min-height: 38px;
    height: 38px !important;
    cursor: pointer;
    color: #fff !important;
    font-weight: 500 !important;
}

.row.properties h3 {
    font-size: 13px;
    color: #fff;
    width: 100%;
    background-color: #22296A;
    padding: 10px 5px;
    border-radius: 2px;
    font-weight: 400;
    cursor: pointer;
}

.boder {
    border: 1px solid #ccc !important;
}

.block {
    display: block;
}

.none {
    display: none;
}

.top-bar {
    margin: 12px 0px;
    cursor: default;
    z-index: 999;
    position: absolute;
    width: 100%;
}

.top-bar-menu {
    position: absolute;
    margin: 0;
    margin-right: 0px;
    /* margin-left: 20px; */
    cursor: default;
    z-index: 999;
}

.top-bar-menu span.dropdown-toggle {
    background-color: rgba(249, 249, 249, 0.7);
    margin-left: auto;
    margin-right: auto;
    font-family: "Montserrat", sans-serif;
    padding: 20px 4px 3px 4px !important;
    display: inline-block;
    font-size: 20px;
    float: left;
    position: absolute;
    max-width: 50px !important;
    height: 50px;
    border-radius: 0px;
    /* border: none !important; */
}

.top-bar-drop-down {
    padding: 0px;
    top: 0px;
    position: relative;
    width: 300px;
}

.top-bar .card .card-title {
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.top-bar .card .card-text {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    font-family: "Montserrat", sans-serif;
}

.top-bar .card a.prve {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    float: left;
    border: 1px solid #3f51b5;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    transform: rotate(-180deg);
    margin-right: 10px;
    line-height: 1;
}

.top-bar .card a.next {
    font-size: 14px;
    font-weight: 400;
    color: #000000;
    float: right;
    border: 1px solid #3f51b5;
    padding: 10px;
    border-radius: 5px;
    text-decoration: none;
    line-height: 1;
    margin-left: 10px;
}

.dropdown-toggle {
    color: #000 !important;
    font-weight: bold;
}

.top-bar-view {
    left: 465px;
    z-index: 9999;
    position: absolute;
    background: rgba(239, 241, 241, 0.7);
}

.dropdown-toggle::after {
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
}

.dropdown-toggle::after {
    border-bottom: 0.5em solid #007eb8 !important;
    border-left: 0.5em solid transparent !important;
    border-right: none !important;
    border-top: none !important;
}

.dropdown-toggle span {
    margin-right: 5px;
    margin-left: 5px;
}

.top-bar-view span.dropdown-toggle {
    background-color: rgba(239, 241, 241, 0.7);
    margin-left: auto;
    margin-right: auto;
    font-family: "Raleway";
    padding: 3px 3px 3px 10px !important;
    width: 200px !important;
    display: inline-block;
    border: 1px solid #a2a2a2;
    border-bottom-right-radius: 5px;
    font-size: 15px;
    border-bottom-left-radius: 5px;
}

#add_floor {
    width: 100%;
    padding: 0px;
    height: auto;
    background-color: transparent;
    border: none;
    color: #666;
    font-size: 12px;
    text-align: left;
}

#delete_layer {
    cursor: pointer;
    margin-right: 2px;
    font-size: 13px;
    color: #666;
    top: 10px !important;
    position: absolute;
    right: 10px;
}

.ground_add-button.mt-2:hover #delete_layer,
.ground_add-button.mt-2:hover #add_floor {
    color: #fff;
}

.btn.btn-secondary.btn-block.btn-sm {
    padding: 10px;
    background-color: #3f51b5;
}

.btn-danger.disabled,
.btn-danger:disabled,
.btn-danger {
    background-color: #d24805 !important;
    border-color: #d24805 !important;
    color: #fff !important;
    padding: 5px 10px 5px 10px !important;
    opacity: 1;
}

.container-fluid.dummy {
    margin-left: 30px !important;
    margin-right: 85px;
}

.main {
    width: 100%;
    z-index: 9999;
    position: relative;
    color: #cccc;
}

.main .container-fluid {
    width: 100%;
    z-index: 9999;
    position: relative;
}

section.main {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 0px;
    overflow: hidden;
    z-index: 0;
}

section.main .BreadCremb h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: "Montserrat", sans-serif;
    color: #000;
}

.common-style {
    padding-top: 20px;
    padding-bottom: 20px;
}

.form-check.form-check-inline {
    margin-bottom: 20px;
}

.form-control {
    padding: 10px !important;
    height: auto;
}
.form-controls {
    font-size: 13px;
    display: inline-block;
    width: 100%;
    border-color: #a7a7a7;
    color: #6e6e6e  !important;
    padding: 5px 10px !important;
    border: 1px solid #ccc;
    border-radius: 6px;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    word-break: break-word;
    font-weight: 500;

}

.badge.badge-secondary {
    background-color: #3f51b5;
    margin-left: 20px;
    padding: 5px;
}

section.filter {
    background-color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 2px;
    overflow: hidden;
    padding: 10px;
}

section.filter .btn.btn-primary {
    background-color: #3f51b5;
    border-color: #3f51b5;
    margin-left: 15px;
}

section.filter .btn-rounded {
    border-radius: 2em !important;
    padding: 0.5rem 1.5rem;
    height: 40px !important;
    color: #fff;
}

section.filter .btn-rounded a {
    color: #fff;
    text-decoration: none;
}

section.filter .btn-label {
    background: rgba(43, 61, 81, 0.1);
    display: inline-block;
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
    margin: -4px -14px;
    margin-right: -14px;
    margin-left: -24px;
    margin-right: 0px;
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
}

section.filter .btn-text-span {
    top: 0px;
    position: relative;
}

section.filter .btn-rounded a {
    color: #fff;
    text-decoration: none;
}

.angle-style {
    margin-bottom: 10px;
}

.panelTitle {
    font-size: 15px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}


/* .form-group {
	width: 100%;
	padding: 0px 10px 0px 10px;
	float: left;
	height: auto;
	clear: both;
} */


/* .form-group input {
	width: 100%;
	padding: 10px;
} */

.confirmBox {
    width: 30px;
    background-color: #3f51b5;
    position: relative;
    right: 7px !important;
    top: -36px;
    float: right;
}

.top-bar-versions span.dropdown-toggle {
    background-color: rgba(249, 249, 249, 0.7);
    margin-left: auto;
    margin-right: auto;
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    font-size: 20px;
    float: left;
    position: absolute;
    padding: 20px 12px 3px 12px !important;
    max-width: 55px !important;
    height: 55px !important;
    border-radius: 0px !important;
    border: none !important;
}

.top-bar-versions .top-bar-button {
    margin-left: auto;
    margin-right: auto;
    color: #000;
    font-family: "Montserrat", sans-serif;
    padding: 7px 10px 7px 10px !important;
    float: left;
    width: 100%;
    font-size: 12px;
}

.top-bar-versions .top-bar-button-selected {
    background: #0077AD;
    color: #fff !important;
    font-weight: 500;
}

.top-bar-button span {
    margin-right: 10px;
}

#printForm {
    padding: 10px;
}

#printForm input[type="checkbox"],
#printForm input[type="radio"] {
    top: 3px;
    text-align: left;
    left: 0px;
    position: relative;
    float: left;
    clear: both;
    width: 30px;
    height: 12px !important;
}

#printForm label {
    width: 70%;
    float: left;
}

.btn.btn-primary.form-control.form-control-sm {
    color: #fff;
}

.floor {
    position: relative;
    min-width: 200px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    top: 55px;
    max-height: 70vh;
    overflow: scroll;
}

.floor .top-bar-drop-down {
    top: 0px;
    position: relative;
    width: 100%;
}

.ground_add-button i {
    margin-right: 10px;
}

.add-button {
    width: 100%;
    float: left;
    font-size: 12px;
}

.top-bar-versions {
    z-index: 9999;
    position: absolute;
    left: 80px;
}

.quote-wrapper .top-bar-quoteID {
    font-weight: 700;
}

.notes-quote-wrapper .notes-top-bar-quoteID {
    font-weight: 700;
}

.top-bar-message {
    z-index: 9999;
    position: absolute;
    left: 250px;
    top: 70px;
    font-weight: 700;
    color: black;
    /* -webkit-animation: cssAnimation 10s forwards;  */
    /* animation: cssAnimation 10s forwards; */
}

.close-icon {
    padding-left: 5px;
}

@keyframes cssAnimation {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cssAnimation {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.close-button {
    position: absolute;
    left: 225px;
}

.ground_add-button.mt-2 {
    transition: 0.5s;
    padding: 10px;
    margin-top: 0px !important;
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    height: 40px;
}

.ground_add-button.mt-2:hover {
    background-color: #0079b1;
    color: #fff;
    padding-left: 10px;
}

.panelTitle svg {
    position: absolute;
    right: 10px;
    top: 65px;
    color: #3f51b5;
}

.panelTitle {
    width: calc(100% - 30px);
}

.singlePanel h3 {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    width: 85%;
}

.singlePanel {
    background-color: #fff;
}


/* .pannelSubContent .formNumberInput.number_amount {
	width: 68%;
	float: left;
	height: 50px;
} */


/* .pannelSubContent .form-group select.form-control.number_drop {
	width: 30%;
	margin-left: 2%;
	float: left;
} */

section.main {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #fff;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border-radius: 2px;
    overflow: hidden;
}

section.main .BreadCremb h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 10px;
}


/*
path {
	stroke: rgb(179, 179, 179) !important;
} */

.container-fluid.catalog {
    margin-left: 0px !important;
}

.form-control:focus {
    border-color: #b7b7b7;
    box-shadow: none;
}

.close-svg svg {
    float: right;
    font-size: 20px;
    color: #1d20c1;
    cursor: pointer;
}

.catlog-main {
    width: 100%;
    z-index: 9;
}

.singlePanel .form-group input,
.singlePanel .form-group select.form-control {
    width: 100%;
    padding: 5px 10px !important;
}

.BreadCremb.badge h2 {
    font-size: 15px !important;
}

.BreadCremb.badge h2 div {
    background-color: #7f8790 !important;
    font-size: 12px;
}

.catalog_item.col-md-2 .catalogItemName {
    font-size: 15px;
    text-transform: capitalize;
    margin-bottom: 5px !important;
}

.inner-style {
    border-radius: 5px !important;
}

#printForm .form-group input {
    width: 30% !important;
    float: left;
}

#printForm lable {
    width: 70% !important;
    float: left;
    position: relative;
}

.main-head {
    font-weight: bold;
}

.full-width {
    width: 100% !important;
    font-weight: bold;
}

#printForm .form-group input#orderid {
    width: 100% !important;
    margin-bottom: 20px;
}

#publishForm {
    padding: 10px !important;
}

#publishForm input,
#publishForm select {
    /* width: 100%; */
    padding: 5px 10px !important;
}

html,
body,
select {
    font-family: "Montserrat", sans-serif;
}

select {
    height: 36px !important;
}

.show-filter h2 span {
    font-weight: bold;
    margin-right: 10px;
}

.show-filter-new h2 span {
    font-weight: bold;
    margin-right: 10px;
}

.vert_menu li span {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.ground_add-button.mt-2 span {
    margin-right: 10px;
}

.properties a {
    cursor: pointer;
}

.properties a:hover span {
    color: #fff !important;
}

.proper_list li a span:nth-child(1) {
    font-weight: bold;
}


/* added by nibin  jan 6 2020*/

.childElements h3 {
    font-size: 15px;
    font-weight: 500;
    font-family: "Montserrat", sans-serif;
}

.childElementsSub {
    background-size: contain;
    height: 60px;
    display: inline-block;
    margin: 0px 5px;
    float: left;
}

.viewer2D-main .elevation-menu {
    cursor: pointer;
    display: block;
    padding: 8px 25px;
    border-style: 1px solid black;
    background: rgb(99, 99, 99);
    color: white;
}

.viewer2D-main .menu {
    width: 156px;
    float: left;
    position: fixed;
    border-style: 1px solid black;
    top: 180px;
    left: 10px;
    z-index: 99;
}


/* End of added by nibin  jan 6 2020*/

.sidebar-copy {
    width: 250px;
    clear: both;
    height: 100vh;
    top: 0;
    background-color: #fafafa;
    overflow-x: hidden;
    transition: 0.5s;
    border-left: 1px solid#7f8790;
    position: absolute;
    z-index: 99;
    right: 0;
}

.sidebar-copy h2 {
    margin: 0px;
    background-color: #3f51b5;
    background-color: #62676d;
    padding: 18px 15px 18px 15px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

select.form-control {
    -webkit-appearance: none;
}

.prop_sidebar .btn.btn-primary.btn-sm.btn-rounded {
    width: 100%;
    border-radius: 5px !important;
    padding: 0px !important;
    margin: 0px !important;
}

#printForm .btn.btn-primary.form-control.form-control-sm {
    width: 100%;
    border-radius: 5px !important;
    padding: 0px !important;
    margin: 0px !important;
}

#publishForm .btn.btn-primary.form-control.form-control-sm {
    width: 100%;
    border-radius: 5px !important;
    padding: 0px !important;
    margin: 0px !important;
}

.properties h3 .icon-down-chevron {
    position: absolute;
    right: 30px;
    z-index: 999;
    font-size: 10px;
    margin-top: 5px;
}

.properties input {
    margin-right: 10px;
}

.properties input[type="checkbox"] {
    float: left;
    width: auto !important;
    margin-top: 0px !important;
}


/*---View----*/

.top-bar-menu.view {
    left: 30%;
    float: left;
    position: absolute;
}

.top-bar-menu.view .dropdown-toggle::after,
.top-bar-menu.track .dropdown-toggle::after,
.top-bar-menu.floors .dropdown-toggle::after,
.top-bar-menu.tre-d .dropdown-toggle::after,
.top-bar-menu.roof-view .dropdown-toggle::after,
.top-bar-menu.first-person .dropdown-toggle::after,
.top-bar-menu.schedule .dropdown-toggle::after,
.top-bar-menu.elevation .dropdown-toggle::after {
    display: none;
}

.top-bar-menu.track {
    left: 34%;
    float: left;
    position: absolute;
}

.top-bar-menu.floors {
    left: 38%;
    float: left;
    position: absolute;
}

.top-bar-menu.tre-d {
    left: 42%;
    float: left;
    position: absolute;
}

.top-bar-menu.elevation {
    left: 46%;
    float: left;
    position: absolute;
}

.top-bar-menu.roof-view {
    left: 50%;
    float: left;
    position: absolute;
}

.top-bar-menu.first-person {
    left: 54%;
    float: left;
    position: absolute;
}

.top-bar-menu.schedule {
    left: 58% !important;
    float: left;
    position: absolute;
}

.top-bar-text .tooltip_menu {
    display: block;
    position: absolute;
    top: 80px;
    z-index: 9999;
    margin-left: 0px !important;
    margin-top: 0px;
    left: -50px;
}

.top-bar-text .tooltip_custom {
    position: absolute;
    top: 0%;
    left: 50%;
    margin-top: -15px;
    width: 0;
    height: 0;
    border-top: 8px solid #ccc;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    transform: rotate(180deg);
}

.blackButton {
    color: black;
}

.greenButton {
    color: green;
}

.drawing_ht {
    height: 1000px !important;
}

.drawing_panel_ht {
    height: 1900px !important;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 4px;
}

.pdf-viewer {
    height: 1056px !important;
    width: 816px !important;
}

@media print {
    .pdf-viewer {
        height: 1056px !important;
        width: 816px !important;
    }
    @page {
        height: 1056px !important;
        width: 816px !important;
    }
}


/* added by nibin temporarilly
 */

.mainDiv {
    margin-top: 20px;
    margin-left: 20px;
}

.scheduleView-main {
    margin: 30px;
}

.scheduleTable table {
    border: 1px solid #dee2e6;
}

.scheduleTable table th {
    text-align: center;
}

.sampleText {
    color: #e01010;
    font-size: 16px;
}

p.alertMsg {
    color: rgb(226, 31, 31);
}

p.alertMsg-2 {
    color: rgb(226, 31, 31);
    text-align: center;
}

img.texturePreview {
    width: 30px;
}

.singlePanel .form-group select.form-control {
    -webkit-appearance: menulist;
}

.catalog_page_item {
    min-height: 8em;
}

.markAsexisting {
    background-color: rgb(247, 144, 9);
    color: white !important;
}

.inchunit {
    margin-top: 28px;
}


/*
added for mbreaker box
*/

.breaker-label-text {
    font-size: 12px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: cadetblue;
}

.breaker-property-button-group {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.top-bar-drop-down.selectedFloor {
    background: #0077AD;
    color: #fff !important;
    font-weight: 500;
}

.stories {
    position: relative;
    min-width: 200px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    top: 55px;
    max-height: 70vh;
    /* overflow: scroll; */
}

.stories .top-bar-drop-down {
    top: 0px;
    position: relative;
    width: 100%;
}

.feet-input {
    width: 60px;
}

i.fa.fa-battery-full {
    font-size: 26px;
}

.col-sm.breaker-panel-left .panel-breaker-item .breaker-number {
    position: absolute;
    font-size: 14px;
}

.col-sm.breaker-panel-right .panel-breaker-item .breaker-number {
    position: absolute;
    font-size: 14px;
}

.col-sm.breaker-panel-left .panel-breaker-item .breaker-details {
    position: absolute;
    font-size: 14px;
}

.col-sm.breaker-panel-right .panel-breaker-item .breaker-details {
    position: absolute;
    font-size: 14px;
}

.childElementsSub .tooltiptext {
    visibility: hidden;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 1px 7px;
    position: absolute;
    z-index: 1;
    font-size: 13px;
    top: 100%;
    z-index: 1;
    left: 0;
}

.childElementsSub:hover .tooltiptext {
    visibility: visible;
}


/* .InputTypeINCH {
    width: 33% !important;
} */

input.checkboxStyle.form-control {
    width: auto;
    float: left;
    margin-right: 10px;
}

.menu-sidebar-container {
    height: 100vh;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    display: block;
    padding: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
}

.menu-sidebar-container h2 {
    margin: 0px;
    background-color: #e7e7e7;
    padding: 10px 15px 10px 15px;
    color: #666;
    font-size: 14px;
    font-weight: 500;
    min-height: 41px;
    display: flex;
    align-items: center;
    /* border-bottom-left-radius: 4px; */
    /* border-bottom-right-radius: 4px; */
    flex-direction: row-reverse;
    justify-content: space-between;
}

.menu-sidebar-container h2 .icon-close {
    font-size: 10px;
    cursor: pointer;
}

.menu-sidebar-container .title {
    /* position: absolute;
    right: 5%; */
}

.selectedElevation {
    color: blue;
}

.prop_sidebar.react-sidebar.show-filter-sidebar {
    padding-right: 0px !important;
}

.prop_sidebar.react-sidebar.show-filter-new-sidebar {
    padding-right: 0px !important;
}

p.warning {
    color: orangered;
    text-align: center;
    margin-bottom: auto;
}

.closeToPlanView {
    position: absolute;
    top: 10%;
    left: 1%;
    opacity: 0;
    font-size: x-large;
}

.MenuBar .prop_sidebar .catlog-main .catalog-page-item-wrap {
    display: flex;
    flex-direction: column;
    padding-left: 0px;
}

.MenuBar .prop_sidebar .catlog-main .catalog-page-item-wrap .catalog_page_item {
    width: 100%;
    display: block;
    height: 35px;
    /* padding: 0 15px; */
    min-height: 35px;
}

.MenuBar .prop_sidebar .catlog-main .catalog-page-item-wrap .catalog_page_item b,
.MenuBar .prop_sidebar .catlog-main .catalog-page-item-wrap .catalog_page_item div {
    text-align: left !important;
    margin: 0 !important;
}

.MenuBar .prop_sidebar .catlog-main .catalog-item-wrap {
    margin: 0 !important;
    /* padding: 0 0px !important; */
    padding-left: 10px;
}

.MenuBar .prop_sidebar .catlog-main .catalog-item-wrap .catalog_item {
    /* display: flex;
    flex-direction: column;
    width: 33.33%;
    border: ridge;
    border-color: #efefef54;
    height: 100px;
    justify-content: center; */
    display: flex;
    flex-direction: column;
    width: 31%;
    border: ridge;
    border-color: #efefef54;
    min-height: 100px;
    justify-content: flex-start;
    margin-left: 3px;
    margin-right: -3px;
}

.MenuBar .prop_sidebar .catlog-main .catalog-item-wrap .catalog_item div {
    /* border-right: 1px solid rgb(230, 230, 230); */
}

.MenuBar .prop_sidebar .catlog-main .catalog-item-wrap .catalog_item .catalogItemName {
    display: none;
}

.MenuBar .prop_sidebar .catlog-main .catalog-item-wrap .catalog_item ul {
    font-size: 10px !important;
    text-align: center;
}


/**
added by bibin biju for ui correction in catalog

*/

.catalog_page_item_container_div {
    background: #fff;
    margin-bottom: 5px;
    border-bottom: solid 1px #ebebeb8a;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog_page_item_container_div_title {
    width: 100%;
    position: relative;
    text-align: center;
    display: block;
    /* margin-bottom: 0.5em; */
    padding: 8px 25px;
    text-transform: capitalize;
    transition: ease-in-out;
    -webkit-transition: all 0.15s ease-in-out;
    color: #4b4b4b;
    font-size: 12px;
    font-weight: 500;
}

.catalog_page_item_expand {
    position: relative;
    color: #22296A;
    font-size: 1em;
    width: 20%;
}

.catalog_item_title {
    font-size: 10px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 0em;
    color: #000;
    min-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.catalog_item_image_container {
    width: 100%;
    height: 60px;
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    margin-bottom: 0em;
    border-top: 0;
}

.catalog_item_add_icon {
    margin-top: 1.5em;
    color: #1ca6fc;
    font-size: 1em;
    opacity: 0.8;
    width: 100%;
}

.catalog_item_image {
    position: absolute;
    background: #222;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: 50% 50%;
    background-color: #fff;
    background-repeat: no-repeat;
    transition: all 0.2s ease-in-out;
}

.catalog_item_image:hover {
    transform: scale(1.2);
}

.quote-wrapper {
    /* z-index: 9999; */
    position: absolute;
    left: 160px;
    top: -15px;
    font-weight: 500;
    color: #fff;
}

.notes-quote-wrapper {
    z-index: 9999;
    position: absolute;
    left: 238px;
    top: 16px;
    font-weight: 500;
    color: #080808;
}

@media (max-width: 1500px) {
    .top-bar-menu.view {
        left: 30% !important;
    }
    .top-bar-menu.track {
        left: 34% !important;
    }
    .top-bar-menu.floors {
        left: 38% !important;
    }
    .top-bar-menu.tre-d {
        left: 42% !important;
    }
    .top-bar-menu.elevation {
        left: 46% !important;
    }
    .top-bar-menu.roof-view {
        left: 50% !important;
    }
    .top-bar-menu.first-person {
        left: 54% !important;
    }
    .top-bar-menu.schedule {
        left: 58% !important;
    }
    .site-main.drawing-module .app-container .top-bar {
        left: 40px !important;
    }
}

@media (max-width: 1400px) {
    .quote-wrapper {
        left: 120px;
    }
    .site-navbar.navbar-inverse .navbar-nav .page-title {
        font-size: 1rem;
    }
}

@media (max-width: 1300px) {
    .site-main.drawing-module .app-container .top-bar {
        left: 60px !important;
        top: -36px !important;
    }
}

@media (max-width: 1070px) {
    .site-navbar.navbar-inverse .navbar-nav .page-title {
        font-size: 0.85rem;
        margin-left: 5px !important;
    }
    .dropdown-toggle span {
        margin-left: 0;
    }
    .quote-wrapper {
        left: 147px;
    }
    .site-main.drawing-module .app-container .top-bar {
        left: 92px !important;
    }
    .site-main.drawing-module .app-container .top-bar {
        top: -35px !important;
    }
    .site-main.drawing-module .app-container .top-bar {
        left: 80px !important;
    }
    .quote-wrapper {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .site-navbar.navbar-inverse .navbar-nav .page-title {
        font-size: 0.8rem;
    }
    .site-main.drawing-module .app-container .top-bar .top-bar-menu span.dropdown-toggle,
    .site-main.drawing-module .app-container .top-bar .top-bar-versions span.dropdown-toggle {
        font-size: 16px !important;
    }
    .site-main.drawing-module .app-container #app .top-bar>.top-bar-versions {
        font-size: 82px !important;
    }
    .quote-wrapper {
        left: 136px;
    }
    .top-bar-menu.view {
        left: 40% !important;
    }
    .top-bar-menu.track {
        left: 45% !important;
    }
    .top-bar-menu.floors {
        left: 50% !important;
    }
    .top-bar-menu.tre-d {
        left: 55% !important;
    }
    .top-bar-menu.elevation {
        left: 60% !important;
    }
    .top-bar-menu.roof-view {
        left: 65% !important;
    }
    .top-bar-menu.first-person {
        left: 70% !important;
    }
    .top-bar-menu.schedule {
        left: 75% !important;
    }
    .quote-wrapper {
        width: 120px;
        overflow: hidden;
    }
    .navbar-brand {
        display: none !important;
    }
    .navbar-toggler.hidden-md-up {
        display: none !important;
    }
    .prop_sidebar {
        z-index: 99999 !important;
    }
    .app-container #app .MenuBar .prop_sidebar {
        top: -4px;
    }
}

.top-bar-message {
    color: #e62626;
}

.top-bar-message .close-icon {
    color: #960606;
}

.closeToPlanView {
    top: 5%;
    left: 1.5%;
}

.prop_sidebar .show-filter .block.properties h3 {
    margin-top: 10px;
}
.prop_sidebar .show-filter-new .block.properties h3 {
    margin-top: 10px;
}

.prop_sidebar .show-filter .block.properties .check-box {
    position: relative;
}
.prop_sidebar .show-filter-new .block.properties .check-box {
    position: relative;
}

.prop_sidebar .show-filter .block.properties .check-box label {
    display: flex;
    align-items: center;
}
.prop_sidebar .show-filter-new .block.properties .check-box label {
    display: flex;
    align-items: center;
}

.quote-wrapper {
    font-size: 11px;
}

.childElementsSub {
    background-repeat: no-repeat;
}

.card.step-by-step {
    width: 500px;
    margin-left: auto;
    box-shadow: 3px 3px 5px 0px #f3eded;
    margin-top: 110px;
    background-color: rgba(239, 241, 241, 0.7);
    color: #000;
    position: absolute;
    right: 52%;
    padding: 10px 5px;
    z-index: 9999;
}

@media (max-width: 1650px) {
    .card.step-by-step {
        right: 45%;
    }
}


/* @media(max-width:1500px) {
.card.step-by-step {
    	right: 11%;
	}
} */

@media (max-width: 1400px) {
    .card.step-by-step {
        width: 300px;
    }
    .card.step-by-step .card-body .card-text {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .card.step-by-step .card-body .card-text span {
        margin-bottom: 6px;
        margin-top: 6px;
    }
    .card.step-by-step .card-body .card-text a.next {
        margin-top: 10px;
        margin-left: 0;
    }
    .card.step-by-step .card-body .card-text a.prve {
        margin-bottom: 10px;
        margin-right: 0;
    }
    .card.step-by-step .card-body .card-text a.next,
    .card.step-by-step .card-body .card-text a.prve {
        padding: 8px;
    }
}

@media (max-width: 1199px) {
    .card.step-by-step {
        width: 200px;
    }
}

.scheduleTable {
    margin-bottom: 15px;
}

.scheduleTable table thead tr td {
    font-weight: 600;
    width: 200px;
}

.scheduleTable table th {
    color: #3f51b5;
}

.site-main.drawing-module .scheduleView-main .mainDiv {
    padding-bottom: 50px;
}

.top-bar .card .card-text {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* @media not all and (min-resolution: 0.001dpcm) {
	@media {
		ul.proper_list {
			padding: 0px 0 0 7px;
		}
	}
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
	@media {
		ul.proper_list {
			padding: 0px 0 0 7px;
		}
	}
} */

/* .loadingSpinner {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loadingSpinner .drawingSpinner {
    background-image: url(../demo/src/catalog/icons/loader-logo.gif);
    background-position: center center;
    background-repeat: no-repeat;
    width: 240px;
    height: 220px;
    background-size: 90px 80px;
    z-index: 99;
    position: absolute;
    right: 0;
    left: 0;
    margin: 20px auto 0 auto;
} */

#printForm .form-group .form-groub {
    padding: 0 5px;
}

.site-main.drawing-module .btn.btn-primary {
    color: #fff;
    width: 100% !important;
}

svg text::selection {
    background: none;
}

.raceway-text {
    position: absolute;
    bottom: -1px;
    font-size: 13px;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

.text {
    width: 100%;
    height: 25%;
}

.common-button {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px 15px 0px;
}

.site-main.drawing-module .app-container #app .container-fluid.dummy .QuoteList {
    padding: 0 0 100px 0 !important;
    overflow-y: auto;
    margin-right: 10px;
}

.writinList h5 {
    padding: 15px 0 10px 8px;
}

.react-sidebar .show-filter .properties .inches-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.react-sidebar .show-filter-new .properties .inches-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.site-main.drawing-module .app-container #app .top-bar .top-bar-versions .dropdown .floor {
    background-color: #fff !important;
}

.top-bar-versions .top-bar-button-selected:hover {
    background-color: #0079b1;
    color: #fff;
}

.inches-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}

.inches-wrapper .inches:nth-of-type(2) {
    padding-left: 10px;
}

.clear-button,
.cancel-button {
    background-color: #dca721;
}

.saveclose-button,
.save-button {
    background-color: #32408f;
}

.saveclose-button {
    margin-right: 10px;
}

.clear-button,
.saveclose-button,
.save-button,
.cancel-button {
    width: initial;
    height: auto;
    border-radius: 3px;
    border: none;
    font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    padding: 0.6rem 1.5rem;
    line-height: 1.2;
}

.BreadCremb.notes {
    padding-left: 50px;
}

.notes-quote-wrapper.notes {
    top: 10px;
}

.inches-wrapper select {
    margin: 0;
}

.formNumberInputnumber_amount {
    margin-bottom: 8px;
}

.inches-wrapper .inches {
    width: 50%;
}

.wd-100 {
    width: 100%;
}

.app-container #app .MenuBar .prop_sidebar .pannelSubContent .childElements .dbl-left,
.app-container #app .MenuBar .prop_sidebar .pannelSubContent .childElements .dbl-right {
    padding: 0 !important;
}

.text-wrap {
    word-break: break-all;
}

.highlight {
    border: 2px solid #808080;
}

.flex-wrapper {
    display: flex;
    align-items: center;
}

.flex-wrapper1 {
    display: flex;
}

.feet-inputgroup input {
    max-width: 80px;
}

.max-wd80 {
    max-width: 80px;
}

.QuoteList table tbody tr td {
    word-break: break-all;
}

.marginb-8 {
    margin-bottom: 8px;
}

.cta-export {
    color: #fff;
    background-color: #3F51B5;
    border-color: #3F51B5;
    font-weight: 400;
    line-height: 1.25;
    text-align: center;
    font-size: 14px;
    padding: 9px 25px;
    border-radius: 25px;
    min-width: 185px;
}

.cta-export:hover {
    color: #fff;
    background-color: #32408f;
    border-color: #2f3d88;
    text-decoration: none;
}


/*--Breakerbox New layout--*/

.breakerPanel {
    background: #a6a797;
}

.breakerPanel h3 {
    text-align: center;
}

.breakerPanel .panel-breaker-item-row {
    display: flex;
    justify-content: center;
    width: 100%;
}

.panel-breaker-item .breaker-icon {
    position: relative;
    width: 45px;
    background-color: #727272;
    padding: 8px 3px;
}

.breaker-icon .breaker-name {
    position: absolute;
    top: 14px;
    display: block;
    right: 12px;
    color: #fff;
    font-size: 8px;
    box-shadow: 0px 0px 5px -2px #000;
    padding: 2px 3px;
    line-height: 11px;
}

.breaker-panel-right .breaker-icon .breaker-name {
    right: 13px;
}

.panel-breaker-item-row .breaker-panel-left,
.panel-breaker-item-row .breaker-panel-right {
    width: 50%;
    position: relative;
}

.panel-breaker-item-row .breaker-panel-left {
    padding: 0 5px 0 0;
}

.panel-breaker-item-row .breaker-panel-right {
    padding: 0 0 0 5px;
}

.panel-breaker-item {
    display: flex;
    align-items: center;
    cursor: pointer;
    height: 100%;
}

.breaker-row {
    padding: 0 10px 0 0;
}

.breaker-prop {
    font-size: 13px;
    border-top: 0.01px solid rgba(255, 255, 255, 0.2);
    width: 100%;
    display: flex;
    padding: 12px 0;
    line-height: 1.3;
}

.breaker-panel-right .breaker-prop {
    justify-content: flex-start;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    padding-left: 3px;
}

.breaker-panel-left .breaker-prop {
    justify-content: flex-start;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 3px;
    flex-direction: row-reverse;
}

.breaker-panel-left .breaker-number {
    margin-left: 3px;
}

.breaker-panel-right .breaker-number {
    margin-right: 3px;
}

.breaker-panel-left .panel-breaker-item {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start;
}

.breaker-panel-right .panel-breaker-item {
    justify-content: flex-start;
}

.breaker-panel-right .breaker-icon {
    padding-right: 3px;
}


/* .breaker-panel-left .breaker-icon {
	margin-left: 3px
} */

.breaker-panel-right .breaker-icon svg {
    transform: rotate(180deg);
}

.breaker-icon svg {
    height: 27px;
}

.panel-breaker-item-row .dbl-right,
.panel-breaker-item-row .dbl-left {
    position: absolute;
    z-index: 99;
    bottom: -10px;
}

.panel-breaker-item-row .dbl-right span,
.panel-breaker-item-row .dbl-left span {
    color: #fff;
    background-color: #f7190f;
    font-size: 9px;
    line-height: 17px;
    padding: 0 2px;
    display: inline-block;
}

.panel-breaker-item-row .dbl-left {
    text-align: right;
    margin-right: 5px;
    right: 12px;
}

.panel-breaker-item-row .dbl-right {
    text-align: left;
    margin-left: 5px;
    left: 14px;
}

.previewBox {
    text-align: center;
    border: 1px solid #cecece;
    padding: 0;
    position: fixed;
    background-color: #fff;
}

.previewBox img {
    max-width: 100%;
}

.previewBoxProperty {
    /* overflow-y: auto;
	height: 60%;
	position: absolute;
	top: 316px;
	padding-bottom: 100px;
	margin-right: 4px;
	padding-right: 5px;
	width: 92%;
	padding-top: 20px;
	background-color: #fff; */
    overflow-y: auto;
    height: 58%;
    position: absolute;
    top: 316px;
    padding-bottom: 200px;
    margin-right: 4px;
    padding-right: 5px;
    width: 96%;
    padding-top: 20px;
    background-color: #fff;
    overflow-x: hidden;
}

.show-filter.without-preview .previewBoxProperty {
    /* width: initial; */
    /* padding-right: 8px !important; */
    width: 100%;
}
.show-filter-new.without-preview .previewBoxProperty {
    /* width: initial; */
    /* padding-right: 8px !important; */
    width: 100%;
}

.disableOverlay {
    width: auto;
    background: grey;
    opacity: 0.4;
    height: -webkit-fill-available;
}

.previewModal_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 10;
    background: rgba(0, 0, 0, 0.75);
}

.previewModal_overlay .previewModal {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    z-index: 100;
    overflow: hidden;
}

.breakerScreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 250px;
    opacity: 0;
    transform: scale(0);
}

.not-found {
    color: red;
    text-align-last: center;
}

.publish-checkbox {
    align-items: flex-start;
}

.publish-check {
    width: 20px;
    margin-top: 3px;
}

.show-filter.without-preview .previewBoxProperty {
    overflow-y: auto;
    height: auto;
    position: inherit;
    padding-bottom: 20px;
    margin-right: 1px;
    padding-right: 1px;
    padding-top: 0px;
}
.show-filter-new.without-preview .previewBoxProperty {
    overflow-y: auto;
    height: auto;
    position: inherit;
    padding-bottom: 20px;
    margin-right: 1px;
    padding-right: 1px;
    padding-top: 0px;
}

.prop_sidebar .singlePanel h3.panelTitle {
    position: absolute;
    top: 43px;
    z-index: 9;
    background-color: #fff;
}

.prop_sidebar .singlePanel .show-filter {
    padding: 36px 5px 50px 0;
}
.prop_sidebar .singlePanel .show-filter-new {
    padding: 36px 5px 50px 0;
}

.react-sidebar .form-group {
    margin-bottom: 0;
    padding-bottom: 18px;
}

.publish-flag {
    text-align: end;
    color: #03fb03;
    font-weight: 600;
    margin-bottom: 0;
}

.react-sidebar.show-filter-sidebar {
    height: 100%;
    margin-bottom: 0;
    /* overflow: auto; */
}
.react-sidebar.show-filter-new-sidebar {
    height: 100%;
    margin-bottom: 0;
    /* overflow: auto; */
}

.QuoteMessage {
    text-align: center;
    margin: 50px;
}

.m-t {
    margin-top: 20px;
}

.headercsv>a {
    margin-right: 20px;
}

.headercsv .close-svg {
    margin-left: 10px;
    display: inline-block;
}

.react-sidebar .pannelSubContent .show-filter.without-preview .properties .inches-wrapper .inches .form-group {
    padding-bottom: 0;
}
.react-sidebar .pannelSubContent .show-filter-new.without-preview .properties .inches-wrapper .inches .form-group {
    padding-bottom: 0;
}

.show-filter.calc .properties .result {
    background-color: rgba(187, 187, 187, 0.55);
    color: #000;
    font-size: 18px;
    padding: 5px;
    border: 1px solid #22296A;
}
.show-filter-new.calc .properties .result {
    background-color: rgba(187, 187, 187, 0.55);
    color: #000;
    font-size: 18px;
    padding: 5px;
    border: 1px solid #22296A;
}

.show-filter.calc #sampleTxt {
    color: #6d7fe6;
    padding-left: 15px;
}
.show-filter-new.calc #sampleTxt {
    color: #6d7fe6;
    padding-left: 15px;
}

.unitBox-wrap .check-box {
    right: 0px !important;
}

.coordStyle.disabled {
    background-color: grey;
    color: white;
    cursor: not-allowed;
}

.roofbeam--wrap {
    align-items: baseline;
}

.prop_sidebar .pannelSubContent .show-filter .form-group span.btn-text-span {
    margin-top: 0px !important;
}
.prop_sidebar .pannelSubContent .show-filter-new .form-group span.btn-text-span {
    margin-top: 0px !important;
}

.seperate-bttn--dashed {
    border-bottom: 1px dashed #6c6c6c;
    padding-bottom: 30px !important;
}

.hr-seperated-line {
    border-bottom: 1px solid #3f51b529;
    margin-bottom: 20px !important;
    padding-top: 20px !important;
}

.AccordionShipTo {
    text-align: left;
    padding-left: 30px !important;
    padding-right: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    /* margin-bottom: 20px !important; */
    height: 35px !important;
    background-color: #22296A;
    border-color: #22296A;
    line-height: 15px;
    color: #fff;
    font-weight: 500;
    font-size: 13px;
    width: 100%;
    border-radius: 2px !important;
    border: none;
}

.shiptoWrap {
    display: flex;
}

.shipto_item_expand {
    float: right;
    font-size: 17px;
}

details summary::-webkit-details-marker {
    display: none;
}

summary::before {
    font-family: "Hiragino Mincho ProN", "Open Sans", sans-serif;
    content: "▶";
    position: absolute;
    /* top: 1rem; */
    left: 0.8rem;
    transform: rotate(0);
    transform-origin: center;
    transition: 0.2s transform ease;
}

details[open]>summary:before {
    transform: rotate(90deg);
    transition: 0.45s transform ease;
}


/* # The Sliding Summary # */

details {
    overflow: hidden;
}

details summary {
    position: relative;
    z-index: 10;
}

@keyframes details-show {
    from {
        margin-bottom: -80%;
        opacity: 0;
        transform: translateY(-100%);
    }
}

details>*:not(summary) {
    animation: details-show 500ms ease-in-out;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease-in-out;
    color: transparent;
    overflow: hidden;
}

details[open]>*:not(summary) {
    color: inherit;
}

summary {
    border: 4px solid transparent;
    outline: none;
    padding: 1rem;
    display: block;
    background: #666;
    color: white;
    padding-left: 2.2rem;
    position: relative;
    cursor: pointer;
}


/* details[open] summary,
summary:hover {
  color: #FFCA28;
  background: #444;
}
summary:hover strong,
details[open] summary strong,
summary:hover::before,
details[open] summary::before {
  color: #FFA128;
} */

.shipToAccWrap .content {
    padding: 8px;
    border: 1px solid #ededed;
    border-top: none;
}


/* nav.react-confirm-alert-blur #react-confirm-alert{
	display:none !important;
	}
	nav.react-confirm-alert-blur #react-confirm-alert-svg{
	display:none !important;
	}

	body.react-confirm-alert-body-element #react-confirm-alert{
	display:none !important;
	}
	body.react-confirm-alert-body-element #react-confirm-alert-svg{
	display:none !important;
	} */

.topBarIdName {
    word-wrap: break-word;
    hyphens: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 40%;
    overflow: hidden;
}

.sidebar_filterRow {
    margin-bottom: 25px;
}

.alignItemsCenterx {
    align-items: center !important;
}

.QMC_bttn:focus {
    color: #fff !important;
}

.csv_headerWrap {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 620px) {
    .csv_headerWrap {
        display: flex;
        align-items: stretch;
        flex-direction: column;
    }
    .csv_headerWrap .QMC_bttnZ {
        margin-bottom: 5px;
    }
}

.top-bar-quote {
    word-wrap: break-word;
    hyphens: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    /* max-width: 60%; */
    overflow: hidden;
    display: flex;
    gap: 10px;
}

.form-group-seperation {
    background: linear-gradient(0deg, #8f8f8f1f, #00000000);
    padding-top: 20px;
}

.show-filter .show-filter {
    border-left: inherit !important;
    /* width: 100%; */
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 0px !important;
}
.show-filter-new .show-filter-new {
    border-left: inherit !important;
    /* width: 100%; */
    height: 100%;
    overflow-x: hidden;
    padding-bottom: 0px !important;
}
.show-filter-new .form-control {
    border-radius: 3px;
    /* width: 100%; */
   /* min-height: 36px !important; */
   border-color: #a7a7a7;
   font-weight: 500;
}

.customrow {
    padding: 10px 0;
    margin: 0;
    /* height: 300px; */
    /* overflow-y: scroll; */
}

.prop_sidebar {
    z-index: 10;
}

.widget .widget-body .table tbody tr:nth-of-type(even) td {
    z-index: 10 !important;
}

.top-bar-floors span {
    cursor: pointer;
}

.catalog_page_item {
    cursor: pointer;
}

.raceway-filter--wrap {
    background: #3f51b5;
    color: #fff;
    width: 100% !important;
    font-weight: 500;
    padding: 10px;
    font-size: 15px;
    /* border-radius: 2px; */
    margin: 0;
}

.rFilterRow {
    width: 100%;
    margin: 0;
}

.rFilterContent.content {
    /* display: none; */
    /* padding: 7px 5px; */
    /* max-height: 0; */
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.childElements h3 {
    display: none;
}

.rFborder {
    border-bottom: 1px solid #3f51b524;
    border-radius: 2px;
    background: #cccccc2e;
    margin-bottom: 10px;
    display: block;
}

.rFilterContent.content label {
    margin-bottom: 0 !important;
    line-height: 30px;
    padding-left: 3px;
    color: #000 !important;
}

.rFilterContent.content .form-check {
    display: flex !important;
    padding-left: 30px !important;
    padding-top: 2px;
}

.rFchildElements {
    border: 1px solid #ccc;
}

.rfilterCollapsible {
    background-image: url(../demo/src/catalog/icons/filter1.png);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 94% 50%;
    border: 1px solid #3f51b5;
    /* cursor: pointer; */
}

.show-filter-sidebar {
    width: 225px;
    clear: both;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #fafafa;
    overflow-x: hidden;
    transition: 0.5s;
    border-left: 1px solid #e3e3e3;
    padding-left: 5px;
    padding-right: 15px;
}
.show-filter-new-sidebar {
    width: 225px;
    clear: both;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #fafafa;
    overflow-x: hidden;
    transition: 0.5s;
    border-left: 1px solid #e3e3e3;
    padding-left: 5px;
    padding-right: 15px;
}

.show-filter {
    width: 225px;
    clear: both;
    height: 85vh;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    border-left: 1px solid #e3e3e3;
}
.show-filter-new {
    width: 225px;
    clear: both;
    height: 85vh;
    z-index: 9;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    border-left: 1px solid #e3e3e3;
}

.text-door-center {
    text-align: center
}

.tre-d #permalink_icon_wrap {
    margin-left: -70px !important;
}

#permalink_icon_wrap .top-bar-floors:hover .tooltip_menu {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: none !important;
}

#permalink_icon_wrap .top-bar-floors:hover .tooltip_menu {
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    display: none !important;
}

.ico_img_wrap {
    background-color: #3F51B5;
    padding: 10px;
    border-radius: 5px;
}

.ico_img_wrap_main {
    display: flex;
}

.ico_img_wrap img {
    width: 25px;
}

.ico_img_wrap.i3d {
    margin-left: 7px;
}

.public_mode_wrapp {
    position: absolute;
    left: 47%;
    top: 85vh;
}

.permalink-container .public_mode_wrapp .top-bar-menu {
    opacity: 1 !important;
}

.permalink-container .top-bar .public_mode_wrapp span {
    cursor: pointer !important;
    pointer-events: auto !important;
}

.permalink-container .top-bar-menu {
    opacity: 0;
}

.permalink-container .top-bar-versions {
    opacity: 0;
}

.permalink-container .quote-wrapper {
    opacity: 0;
}

.permalink-container .menu-ver {
    opacity: 0;
}

.permalink-container .footerBarStyle {
    opacity: 0;
}

.permalink-container .top-bar span {
    cursor: default;
    pointer-events: none;
}

.permalink-container .menu-ver span {
    cursor: default;
    pointer-events: none;
}

.permalink-container .footerBarStyle span {
    cursor: default;
    pointer-events: none;
}

.permalink-container .footerBarStyle .coordStyle {
    cursor: default;
    pointer-events: none;
}

.permalink-container .top-bar .public_mode_wrapp span.perma_background {
    border-radius: 6px !important;
    height: 58px !important;
}

.print-ruler-wrap form {
    padding: 10px;
}

.print-ruler-wrap .form-group {
    margin-bottom: 0rem !important;
}

.print-ruler-wrap .form-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.printThisOutBttn {
    margin-top: 15px;
}

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

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

.top-bar-menu.active span.dropdown-toggle {
    /* background-color: #0071BC; */
}

.top-bar-menu.active span.dropdown-toggle span {
    /* color: #fff; */
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}

.door-select {
    border-color: #F52C2C;
}

.color-select-wrap {
    margin-top: 20px;
}

.ceiling-radio-main {
    display: flex;
    gap: 20px;
    margin-top: -17px;
    margin-bottom: 15px;
}

.ceiling-radio-wrap label {
    margin: 0;
    padding-left: 3px;
}

.ceiling-radio-wrap {
    display: flex;
    align-items: center;
}

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

::-webkit-scrollbar-thumb {
    background-color: #cccccc;
    border-radius: 50px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #c1c1c1;
}

.widget::-webkit-scrollbar {
    width: 6px;
}

.new_drawing_topbar {
    /* display: list-item;
    background: #fff;
    padding: 18px;
    height: 48px;
    top: -3px !important;
    left: 0 !important;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    z-index: 9 !important; */
}

.new_drawing_topbar .top-bar-menu {
    margin-top: -17px !important;
}

.new_drawing_topbar .top-bar-versions {
    margin-top: -17px !important;
}

.new_drawing_topbar .quote-wrapper {
    margin-top: 8px !important;
}

.catalog_page_item_container_div:hover {
    background: #22296A;
    color: #fff;
}

.catalog_page_item_container_div:hover .catalog_page_item_container_div_title {
    color: #fff;
}

.catalog_page_item_container_div:hover .catalog_page_item_expand {
    color: #fff;
}

.prop_sidebar .show-filter .form-groub button {
    margin: 15px 0;
}
.prop_sidebar .show-filter-new .form-groub button {
    margin: 15px 0;
}

.prop_sidebar .show-filter #printForm label.main-head {
    background: #0077AD;
    width: 100%;
    padding: 10px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
}
.prop_sidebar .show-filter-new #printForm label.main-head {
    background: #0077AD;
    width: 100%;
    padding: 10px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
}

.proper_list li:hover a {
    color: #fff !important;
}

.show-filter .form-row .col {
    padding: 0 !important;
}
.show-filter-new .form-row .col {
    padding: 0 !important;
}

.show-filter select.custom-select {
    height: 34px !important;
    font-size: 13px !important;
    padding: 5px 10px !important;
}
.show-filter-new select.custom-select {
    height: 34px !important;
    font-size: 13px !important;
    padding: 5px 10px !important;
}

.margin_tp14 {
    margin-top: 25px;
}

.goption_wrap_main .form-check-label {
    margin-bottom: 0px !important;
}

.goption_wrap_main .form-label {
    margin-bottom: 0px !important;
}

.bom-cont-wrap .QuoteList table thead {
    z-index: 999 !important;
}

.bom-cont-wrap {
    padding: 0px 5px !important;
}

.bom-cont-wrap .QuoteList {
    margin-right: 0px !important;
}

.show-filter .form-control {
    height: 32px !important;
    font-size: 13px;
}
.show-filter-new .form-control {
    /* min-height: 32px !important; */
    font-size: 13px;
}

.inches-wrapper .custom-select {
    width: 100% !important;
    border: 1px solid #00000054 !important;
}

.show-filter-sidebar .singlePanel .show-filter {
    width: 215px !important;
}
.show-filter-new-sidebar .singlePanel .show-filter {
    width: 215px !important;
}

.proper_list li:hover {
    color: #ffffff !important;
}

.show-filter select.form-control {
    padding: 0 10px !important;
    font-size: 13px !important;
}
.show-filter-new select.form-control {
    padding: 0 10px !important;
    font-size: 13px !important;
}

.show-filter.calc .properties button {
    font-size: 15px;
    color: #22296A;
    border: 1px solid #d9d9d9;
    width: 25%;
    height: 50px;
}
.show-filter-new.calc .properties button {
    font-size: 15px;
    color: #22296A;
    border: 1px solid #d9d9d9;
    width: 25%;
    height: 50px;
}

.bom-cont-wrap table tbody tr td {
    color: #3e3e3e !important;
    font-weight: 400 !important;
}

.flex-wrapper.roofbeam--wrap .form-group {
    padding-bottom: 0px !important;
}
.site-menubar .site-menu li:hover, .site-menubar .site-menu li.active {
    border-top: 1px solid #F1F1F1;
}