/*in VS2019, Tools - Command Line - Developer Command Prompt
sass --watch SmartBuildFramer/Input/Site.scss:SmartBuildFramer/Content/Site.css
leave the command prompt open to watch for changes*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,400&display=swap');

:root {
    --main-color: #137bc4;
    --secondary-color: #49a6e7;
}

body {
    padding-top: 50px;
    padding-bottom: 20px;
}


/* Set padding to keep content from hitting the edges */

.body-content {
    padding-left: 15px;
    padding-right: 15px;
}


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/

.dl-horizontal dt {
    white-space: normal;
}


/* Set width on the form input elements since they're 100% wide by default...
select {
    max-width: 220px;
} */

input,

/* ... However, sometimes we've gone through a bit of work to make the container the right size */

.use-grid-width {
    max-width: unset;
}


/* Set the navbar colors */

.navbar,
.navbar-collapse {
    background-color: whitesmoke;
}

.navbar .navbar-toggle .icon-bar {
    background-color: black;
}

#layout_formLayout_panel_main .w2ui-field span[id$="_sample"] {
    margin-left: -220px !important;
}

/* Fix the navbar for the logo */

@media (max-width:768px) {
    .starting-model.start-btn {
        justify-content: flex-end;
    }
    .starting-model.start-btn ul.btn-anothers {
        position: relative;
        top: 0;
    }
    .starting-model ul.btn-anothers {
        margin: 0;
    }
}

@media (min-width: 768px) {
    .navbar-nav {
        float: left;
        margin: 0 0 !important;
    }
    .navbar-nav>li {
        float: left;
    }
    .navbar-nav>li>a {
        padding-top: 0;
        padding-bottom: 15px;
        height: 70px;
        line-height: 70px;
    }
}

.navbar-brand {
    padding-top: 0;
}

body .body-content {
    padding-top: 20px;
}

.mt-0 {
    margin-top: 0px;
}

.mb-0 {
    margin-bottom: 0px;
}

.mb-3 {
    margin-bottom: 18px;
}

.p-0 {
    padding: 0px;
}

.display-flex {
    display: flex;
}

.w2ui-buttons button:hover,
.w2ui-buttons button:focus {
    border: none !important;
    cursor: pointer;
}


/* style for beta message */

.beta-message {
    background-color: orange;
    padding: 4px 4px 4px 4px;
}

.w2ui-tabs .w2ui-tab {
    padding: 6px !important;
}


/* style for material list overlay table */

table#mlpopup,
table#mlpopup th,
table#mlpopup td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 2px 15px;
}

table#mlpopup tr:nth-child(even) {
    background-color: #f3f6fa;
}


/* grey out disabled List controls */

.w2ui-select:disabled {
    cursor: default;
    color: grey !important;
    background: #f6f6f6;
}


/* style the w2ui form "groups" */

.w2ui-group-title {
    background-color: #ebecef;
    color: #666666;
    margin: 1px 0px 2px 0px;
    padding: 5px 5px;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
    text-shadow: none;
}
.w2ui-group-title-separator {
    background-color: #ebecef;
    color: #666666;
    margin: 1px 0px 2px 0px;
    padding: 9px 9px;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
    text-shadow: none;
}

.w2ui-group {
    background-color: transparent;
    padding: 0px 0px;
    /*text-shadow: 1px 1px 2px #fdfdfd;*/
    border-top: 0px;
    border-bottom: 0px;
}


/* style the for "groups" for the basic tab */

.w2ui-group-title2 {
    background-color: #ebecef;
    color: #666666;
    margin: 1px 0px 2px 0px;
    padding: 5px 5px;
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}


/* tabs pointing up for tabs called "tabsup" */

.w2ui-tabs#tabsup {
    cursor: default;
    overflow: auto !important;
    background-color: #fafafa;
    padding: 3px 0px;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.w2ui-tabs#tabsup .w2ui-tab {
    border-top: 1px solid silver !important;
    border-bottom: 1px solid #c0c0c0 !important;
    margin: 1px 1px 0px -1px !important;
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    font-size: 9px;
}

.w2ui-tabs#tabsup .w2ui-tab.active {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid #c0c0c0 !important;
}

.w2ui-tabs#tabsup table {
    border-top: 1px solid silver !important;
    border-bottom: 0 !important;
}

.row-eq-height {
    min-height: 300px;
}

@media(min-width: 768px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: none;
    }
}

.ignore-max-width {
    max-width: none;
}

.drawingCanvas {
    width: 100%;
    min-height: 300px;
}

@media(min-width: 768px) {
    .drawingCanvas {
        width: 100%;
        height: 100%;
    }
}


/* clickable group headers */

.group-title-collapsible {
    cursor: pointer;
}

.group-title-collapsible:after {
    float: right;
    padding-right: 5px;
    font-family: sans-serif;
    font-size: 24px;
    content: "-";
}

.group-title-collapsible.group-title-collapsed:after {
    font-size: 14px;
    content: "+";
}

.group-collapse {
    display: none;
}

.group-expand {
    display: inherit;
}

.panel {
    background-color: inherit;
    border: inherit;
}

.panel-group .panel+.panel {
    margin-top: inherit;
}


/* make the active tab yellow */

.w2ui-tabs .w2ui-tab.active {
    background-color: #eaeaea;
}


/* labels wrap to next line */

.w2ui-field>label {
    white-space: inherit !important;
}

/* stack prompt and input if narrow width */
@media (max-width:468px) {

    .w2ui-field > label {
        float: none;
        min-height: auto;
        text-align: left;
    }

    .w2ui-field > div {
        margin-bottom: 3px;
        margin-left: 0px;
        padding: 3px;
        min-height: auto;
        float: none;
    }

    .w2ui-field.w2ui-span1 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span2 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span3 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span4 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span5 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span6 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span7 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span8 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span9 > div {
        margin-left: 0px;
    }

    .w2ui-field.w2ui-span10 > div {
        margin-left: 0px;
    }
}

/* checkboxes don't screw up wrapped labels */

.w2ui-form input[type=checkbox] {
    height: 15px;
}


/* "inputs" in truss fix dialog */

.w2ui-field>.sb-label {
    display: block;
    padding-top: 7px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666;
}


/* checked modeledOption button */

.w2ui-toolbar #tb_baseLayout_top_toolbar_item_modeledOption table.w2ui-button.checked {
    background-color: lawngreen;
}

.navbar.new-ui-header a.navbar-brand {
    padding: 0px 15px 0px;
    height: 65px;
}

.navbar.new-ui-header a.navbar-brand img {
    max-width: 220px;
    height: inherit;
    margin-top: 4px;
}

.smartbuild-info-btn {
    border: 1px solid #9da4af;
    border-radius: 20px;
    width: auto;
    height: 18px;
    padding: 2px 4px;
    margin: 3px 0px 0px 18px;
    background-color: #e7e700;
    color: black;
    box-shadow: 0 0 2px #ffffff;
    text-shadow: 1px 1px 1px #e6e6e6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

.smartbuild-hide-btn {
    border: 1px solid #9da4af;
    border-radius: 20px;
    width: auto;
    height: 18px;
    padding: 1px;
    margin: 0px 0px 0px 3px;
    background-color: #d0d0d0;
    color: black;
    box-shadow: 0 0 2px #ffffff;
    text-shadow: 1px 1px 1px #e6e6e6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

.smartbuild-edit-btn {
    border: 1px solid #9da4af;
    border-radius: 20px;
    width: auto;
    height: 18px;
    padding: 1px;
    margin: 0px 0px 0px 3px;
    background-color: #00e700;
    color: black;
    box-shadow: 0 0 2px #ffffff;
    text-shadow: 1px 1px 1px #e6e6e6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

.smartbuild-combo-box.fit-cell-combo input.smartbuild-combo-box-value {
    max-width: 92%;
    width: 100%;
}

.smartbuild-combo-box {
    position: relative;
    width: 100%;
    min-height: 25px;
}

.smartbuild-combo-box-value {
    position: absolute;
    top: 0px;
    left: 0;
    margin-left: 0px;
    height: 100%;
    min-height: 100%;
}

.smartbuild-combo-box-list {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.starting-models-actions-x {
    text-align: center;
}


/* non-centered w2alert */

.vertcentered {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: 100%;
    margin: 0px;
    padding: 10px 10px;
    /*text-align: center;*/
}


/* big prompt for Package questions */

.w2ui-field.w2ui-spanbig>label {
    width: 240px;
}

.w2ui-field.w2ui-spanbig>div {
    margin-left: 248px;
}

.select-control {
    margin-bottom: 4px;
}


/* breadcrumb separator for Setup Wizard */

.breadcrumb-item+.breadcrumb-item::before {
    padding: 0 3px;
    color: #aaaaaa;
    content: ">";
}

.breadcrumb-item {
    cursor: pointer;
}

.breadcrumb>.active {
    color: #1111ff;
}


/* fix table headers truncated in Chrome */

.w2ui-grid .w2ui-grid-body div.w2ui-col-header {
    padding-right: 0px !important;
}

.btn-action {
    background-color: #eaeaea;
}

.h-100 {
    height: 100%
}

.m-10px {
    margin: 10px;
}

.column {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: -webkit-column;
    flex-direction: -moz-column;
    flex-direction: -ms-column;
    flex-direction: column;
}

.flex-center {
    justify-content: center;
}

.p-b-20px {
    padding-bottom: 20px;
}

.m-r-0 {
    margin-right: 0px;
}

.m-r-10px {
    margin-right: 10px;
}

.row-reverse {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: -webkit-row-reverse;
    flex-direction: -moz-row-reversen;
    flex-direction: -ms-row-reverse;
    flex-direction: row-reverse;
}


/* Required tags were covering the units, if any */

.w2ui-tag .w2ui-tag-body {
    background-color: rgba(60, 60, 60, 0.82);
    display: inline-block;
    position: absolute;
    border-radius: 4px;
    padding: 4px 10px;
    margin-left: 40px;
    margin-top: 0px;
    color: #ffffff !important;
    box-shadow: 1px 1px 3px #000000;
    line-height: 100%;
    font-size: 11px;
    font-family: Verdana, Arial, sans-serif;
}

.jobInfoContainer {
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-color: lightgray;
    border-bottom-style: solid;
    padding: 3px;
}

.flex-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: -webkit-row;
    flex-direction: -moz-row;
    flex-direction: -ms-row;
    flex-direction: row;
}

.w2ui-form-tabs .w2ui-tab {
    min-height: 36px;
}

#tb_view3dToolbar_item_changeDist {
    max-width: 400px;
}

#tb_view3dToolbar_item_changeDist .w2ui-tb-caption {
    max-width: 375px;
    overflow: hidden;
}

@media (min-width: 800px) {
    #tb_view3dToolbar_item_changeDist {
        min-width: 400px;
    }
}

.distSelectBtn {
    display: block;
    min-height: 20px;
    padding: 2px;
    background-color: transparent
}

.distSelectBtn:hover {
    font-weight: bold;
}

.flex-grow-1 {
    flex-grow: 1;
}

.container-flex {
    display: flex;
    flex-direction: column;
}

.overflow-x-none {
    overflow-x: hidden;
}

.overflow-y-auto {
    overflow-y: auto;
    /* Add vertical scrollbar */
}

.canvas-container {
    width: 100%;
    height: 100%;
}

.full-height {
    height: 100%;
}

.full-width {
    width: 100%;
}

.pt-7p {
    padding-top: 7px;
}

.maxh-35 {
    max-height: 35px;
}

button.btn.btn_support_info {
    margin: 12px 0 0 21px;
    background: #f68b29;
    color: #fff;
    box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.1);
}

button.btn.btn_support_info {
    margin: 12px 0 0 21px;
    background: #f68b29;
    color: #fff;
    box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

.btn_support_nav,
.btn_support_nav:hover {
    margin: 20px 0 0 0;
    background: #f68b29 !important;
    color: #fff;
    box-shadow: 0px 8px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-weight: bold;
    font-size: 12px;
    padding: 9px 12px 8px 12px !important;
    line-height: 12px;
}

.btn_support_nav:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.btn_support_nav {
    border: none;
    padding: 0 15px;
}

button.btn-small {
    min-width: 25px;
}

button.btn-small {
    min-width: 25px;
}

.w2ui-field:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

progress#prog-bar {
    width: 80%;
    height: 15px;
}


/* Abhilash Designer CSS  */

.navbar-content .listjoblink button:hover,
.navbar-content .listjoblink button:focus {
    background-color: #49a6e7;
    border: 1px solid #49a6e7;
    color: #fff;
}

div#primaryToolbar {
    padding: 10px 15px;
    background-color: #137bc4;
}

div#middleToolbar td.w2ui-tb-caption {
    background-color: #fff;
    padding: 10px 20px 8px;
    text-transform: capitalize;
    font-weight: 600;
    /* border: 1px solid #efefef !important; */
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    cursor: pointer;
}

div#middleToolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    padding-bottom: 14px;
}

div#middleToolbar table.w2ui-button.over table,
div#middleToolbar table.w2ui-button.checked table {
    border-bottom: 2px solid #137bc4 !important;
    border-radius: 0px !important;
}

div#middleToolbar table.w2ui-button.checked,
div#middleToolbar table.w2ui-button.checked.over {
    border: none;
    padding-bottom: 0px;
}

div#middleToolbar table.w2ui-button {
    border-radius: 0px;
    margin: 0px;
    border: 1px solid #efefef !important;
}

div#middleToolbar table.w2ui-button table tr td:first-child {
    display: none;
}

div#middleToolbar {
    padding: 0px 0 0px;
}

div#middleToolbar .w2ui-tb-count {
    padding: 6px 4px 0px 0px;
    background-color: #ffffff;
}

div#middleToolbar .w2ui-tb-count>span {
    border: 1px solid #9da4af;
    border-radius: 20px;
    width: auto;
    height: 18px;
    padding: 2px 7px;
    background-color: #e7f0fc;
    color: #667274;
    box-shadow: 0 0 2px #ffffff;
    text-shadow: 1px 1px 1px #e6e6e6;
}

div#primaryToolbar table tr td {
    color: #fff;
    padding: 0 3px;
}

div#primaryToolbar td .w2ui-button {
    background-color: #fff;
    border-radius: 4px;
    padding: 5.5px 0px 3px;
    min-width: 61px;
    text-align: center;
    /* margin: 0 4px; */
}

div#primaryToolbar .submit-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-radius: 4px;
    padding-left: 40px;
    padding-right: 40px;
    height: 28px;
    min-width: 61px;
    color: #137bc4;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 12px;
}

div#primaryToolbar .submit-button:hover {
    outline: 2px solid var(--secondary-color);
}

div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button td.w2ui-tb-caption,
div#primaryToolbar td .w2ui-button td.w2ui-tb-caption {
    color: black;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 10px;
}

div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button table,
div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button table,
div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button table,
div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button table {
    text-align: center;
    width: 100%;
}

div#primaryToolbar td#tb_editToolbar_item_editGeometry .w2ui-button {
    /* margin-left: 14px; */
}

div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button:hover,
div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button:hover,
div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button:hover,
div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button:hover,
div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button:hover,
div#primaryToolbar td#tb_editToolbar_item_editGeometry .w2ui-button:hover {
    background: white;
    outline: 2px solid var(--secondary-color);
    cursor: pointer;
}

div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button:hover td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button:hover td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button:hover td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button:hover td.w2ui-tb-caption,
div#primaryToolbar td#tb_editToolbar_item_editGeometry .w2ui-button:hover td.w2ui-tb-caption {
    color: black;
    cursor: pointer;
}

div#primaryToolbar td#tb_editToolbar_item_feedback button#feedbackBtn:hover,
div#primaryToolbar td#tb_editToolbar_item_feedback button#feedbackBtn:focus {
    background-color: white !important;
    color: black !important;
    cursor: pointer;
    margin: 0 0 !important;
    outline: 2px solid var(--secondary-color);
}

div#primaryToolbar td#tb_editToolbar_item_showInfo button#showInfo:hover,
div#primaryToolbar td#tb_editToolbar_item_showInfo button#showInfo:focus {
    background-color: #137bc400 !important;
    color: #ffffff !important;
    border: 1px solid #fff !important;
    outline: none;
    cursor: pointer;
}

.navbar-content {
    display: flex;
}

.navbar-content .listjoblink button {
    background: #f7f7f7;
    box-shadow: none;
    border: none;
    color: #137bc4;
    font-size: 13px;
    background-color: #fff;
    border-radius: 4px;
    padding: 4px 4px 3px !important;
    min-width: 78px;
    text-align: center;
    font-weight: 800;
    height: 29px;
    font-family: 'Roboto', sans-serif;
}

.navbar-content .listjoblink button i {
    margin-right: 6px;
}

.navbar-content .jobtitlename {
    margin-left: 22px;
    font-size: 14px;
    display: flex;
    flex-direction: column;
    width: 290px;
}

.navbar-content .jobtitlename span {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.navbar-content .listjoblink {
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-content .jobtitlename span#jobName,
.navbar-content .jobtitlename span#jobName2d {
    margin-bottom: 0px;
    font-size: 16px;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    cursor: pointer;
}

div#layout_tablayoutBids_panel_top .jobtitlename span#bidJobName {
    margin-bottom: 0px;
    font-size: 16px;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
}

.data-job {
    display: flex;
    width: 100%;
    margin-left: 6px;
}

.data-job .jprice {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.data-job .totl_ft {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 30px;
}

.data-job .totl-sqr {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.data-job .jprice span.confi-title,
.data-job .totl_ft span.title-ft,
.data-job .totl-sqr span.title_sqr {
    font-size: 13px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.data-job .totl_ft span.ft-value,
.data-job span.totlsqr {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 4px;
}

.data-job span.price-conf {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    margin-top: 4px;
}

.data-job span.price-conf button#totalPriceBtn {
    margin: 0;
}

div#layout_layoutMaterialsGrid_panel_main {
    top: 10px !important;
}

div#layout_layoutMaterialsGrid_panel_main div#grid_SummaryGrid_toolbar {
    background-color: #ddd !important;
    border-bottom: 1px solid #b5b5b5 !important;
    padding-bottom: 0px !important;
    border-top: 1px solid #d9d9d9 !important;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top {
    top: 0;
    z-index: 99999;
    width: 920px !important;
}

div#grid_MaterialsGrid_toolbar {
    background: #ddd !important;
    border: 1px solid #ddd !important;
    left: auto !important;
    padding: 2px 0px 0px;
}

#baseLayout.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar {
    left: 0px !important;
}

div#grid_SummaryGrid_toolbar {
    padding: 2px 0px 0px;
}

div#gridMaterials {
    border-top: 1px solid #d9d9d9;
}

div#grid_MaterialsGrid_toolbar td#tb_MaterialsGrid_toolbar_right {
    display: none;
}

div#grid_SummaryGrid_toolbar[name="SummaryGrid_toolbar"] table {
    float: right;
}

div#grid_SummaryGrid_toolbar[name="SummaryGrid_toolbar"] td#tb_SummaryGrid_toolbar_item_delete {
    width: 100%;
}

div#middleToolbar table.w2ui-button.over {
    padding-bottom: 0px;
    padding-top: 0px;
}

div#layout_baseLayout_panel_main.rev-tabs div#layout_layoutMaterialsGrid_panel_top {
    height: 32px !important;
    top: 1px !important;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup {
    padding: 0px 0px 0px !important;
    background-color: #d9d9d9;
    margin-top: 0px !important;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup {
    background-color: #dddddd !important;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup .w2ui-tab,
div#layout_twodSideLayout_panel_main div#tabs2d .w2ui-tab {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 8px 13px !important;
    margin-top: 0px !important;
    border: none !important;
    color: #137bc4;
    margin: 0px !important;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup .w2ui-tab.active,
div#layout_twodSideLayout_panel_main div#tabs2d .w2ui-tab.active {
    border-bottom: 1px solid #137bc4 !important;
    border-radius: 0px !important;
    padding-bottom: 8px !important;
    padding-top: 8px !important;
    margin: 0px 0px 0px 0px !important;
    background-color: #137bc4 !important;
    color: #ffffff;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup table {
    border: none !important;
    padding: 0px;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top .w2ui-panel-content {
    background: #ddd;
}

div#middleToolbar td {
    vertical-align: top;
}

div#middleToolbar td.w2ui-tb-caption:hover {
    padding: 10px 20px 14px;
}

div#middleToolbar table.w2ui-button.over td.w2ui-tb-caption {
    padding: 10px 20px 14px;
}

div#middleToolbar table.w2ui-button.checked.over td.w2ui-tb-caption {
    padding: 10px 20px 14px;
}

td#tb_middleToolBar_item_showAdvanced.disabled {
    pointer-events: none;
}

.data-job span.price-conf {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}

div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab0 .w2ui-tab,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab1 .w2ui-tab,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab2 .w2ui-tab,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab3 .w2ui-tab,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab4 .w2ui-tab,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab5 .w2ui-tab,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab6 .w2ui-tab {
    background-color: #f7f7f7;
    border-radius: 0px;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #363636;
    padding: 6px 18px !important;
    display: flex;
    align-items: center;
    margin: 0px;
}

div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab0 .w2ui-tab.active,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab1 .w2ui-tab.active,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab2 .w2ui-tab.active,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab3 .w2ui-tab.active,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab4 .w2ui-tab.active,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab5 .w2ui-tab.active,
div#form_myForm_tabs td#tabs_myForm_tabs_tab_tab6 .w2ui-tab.active {
    background-color: #fff;
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    color: #137bc4;
}

div#layout_formLayout_panel_main .w2ui-page {
    background-color: #fff;
    margin-top: -5px;
}

div#layout_formLayout_panel_main .w2ui-page .w2ui-group-title,
div#w2ui-popup .w2ui-group-title {
    padding: 12px 10px;
    background-color: #ecedef;
    text-shadow: none;
}

div#primaryToolbar table tr td tr table tr td:first-child {
    display: none;
}

div#secondaryToolbar {
    background-color: #fff;
    margin-top: -3px;
    padding-top: 5px;
}

button.infobtn {
    color: white;
    background-color: orange;
    background-image: none;
    min-width: 100px;
    text-transform: uppercase;
    border: 1px solid orange;
    box-shadow: none !important;
    font-weight: 800;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 4px;
    padding: 9px 5px 7px;
    min-width: 100px;
    text-align: center;
    margin: 0 !important;
}

button#feedbackBtn {
    color: black;
    background-color: white;
    padding: 8px 9px 6px;
    min-width: 75px;
    height: 28px;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    font-weight: bold;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

div#primaryToolbar table tr td button#feedbackBtn {
    margin: 0;
}

button#showInfo {
    font-size: 14px;
    color: white;
    background-color: orange;
    background-image: none;
    padding: 8px 0px 5px !important;
    min-width: 60px;
    text-transform: uppercase;
    border: 1px solid orange;
    box-shadow: none !important;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin: 0;
}

div#gridMaterials div#grid_MaterialsGrid_columns td.w2ui-head {
    background-image: linear-gradient(#e5e5e5, #e4e4e4) !important;
}

div#layout_baseLayout_panel_main .w2ui-panel-content.w2ui-layout {
    background: #dddddd;
}

div#layout_layoutMaterialsGrid_panel_main .w2ui-panel-content {
    background: transparent;
}

div#grid_MaterialsGrid_toolbar table.w2ui-button,
div#grid_SummaryGrid_toolbar table.w2ui-button {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 2px 6px;
}

.rev-tabs div#grid_MaterialsGrid_body,
.rev-tabs div#layout_layoutMaterialsGrid_panel_main div#gridMaterials div#grid_SummaryGrid_body {
    inset: 33px 0px 0px !important;
}

div#grid_MaterialsGrid_toolbar table.w2ui-button td,
div#grid_SummaryGrid_toolbar table.w2ui-button td {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

div#grid_MaterialsGrid_toolbar table.w2ui-button.over,
div#grid_SummaryGrid_toolbar table.w2ui-button.over {
    background-color: #137bc4;
}

div#grid_MaterialsGrid_toolbar table.w2ui-button.over td,
div#grid_MaterialsGrid_toolbar table.w2ui-button.over .w2ui-tb-image>span {
    color: #fff !important;
}

div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup td:not(:first-child),
div#layout_twodSideLayout_panel_main div#tabs2d .w2ui-tab td:not(:first-child) {
    border-left: 2px solid #d9d9d9 !important;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page {
    background-color: #f5f5f5;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_header {
    background: #e3e3e3;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #cbc6c6 !important;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr.w2ui-even {
    background-color: #fff;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-square-o {
    font-size: 18px !important;
    color: #343434;
    padding: 3px 8px 0;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td:nth-child(2) {
    padding: 3px 6px;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td:nth-child(2) div {
    padding: 0px;
    height: 24px;
    display: flex;
    align-items: center;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-square-o .ico-check {
    display: none;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr.w2ui-even:hover {
    background-color: #e6f0ff;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-check-square-o {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 26px;
    overflow: initial;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-check-square-o::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #137bc4;
    display: block;
    border-radius: 3px;
    background-color: #137bc4;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-check-square-o .ico-check {
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 6px;
    font-size: 13px;
    color: #fff;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-square-o::before {
    content: '';
    width: 18px;
    height: 18px;
    border: 2px solid #8d8d8d;
    display: block;
    border-radius: 3px;
}

#layout_formLayout_panel_main.package_tab .w2ui-page #packageList #grid_packageList_header {
    background: #e3e3e3;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #cbc6c6 !important;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr.w2ui-even {
    background-color: #fff;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr td {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr td .fa-square-o,
#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_macroList_records table tr td .fa-square-o {
    font-size: 18px !important;
    color: #343434;
    padding: 3px 8px 0 3px;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr td:nth-child(2) {
    padding: 3px 6px;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr td:nth-child(2) div {
    padding: 0;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr td .fa-square-o .ico-check {
    display: none;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table tr.w2ui-even:hover {
    background-color: #e6f0ff;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_macroList_records table .fa-check-square,
#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table .fa-check-square {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 28px;
    overflow: initial;
}

div#grid_macroList_records .fa-square-o:before,
#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table .fa-check-square::before {
    font-size: 18px;
}

div#grid_macroList_records .fa-check-square-o:before,
#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table .fa-check-square-o::before {
    font-size: 18px;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table .fa-check-square .ico-check {
    position: absolute;
    z-index: 1;
    left: 5px;
    top: 5px;
    font-size: 13px;
    color: #fff;
}

#layout_formLayout_panel_main #packageList #grid_packageList_body #grid_packageList_records table .fa-square-o::before {
    font-size: 18px;
}

div#layout_formLayout_panel_main div#form_myForm_tabs table {
    padding: 0px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_save.disabled table.w2ui-button:hover,
div#primaryToolbar table tr td#tb_editToolbar_item_save.disabled table.w2ui-button:focus {
    background: #fff;
    border: 1px solid #fff;
}

div#primaryToolbar table tr td#tb_editToolbar_item_save.disabled table.w2ui-button:hover td.w2ui-tb-caption {
    color: #137bc4;
}

div#w2ui-popup button:disabled {
    background-color: #137bc4;
    background-image: none;
    color: white;
    padding: 10px 10px 8px;
    border: none;
    cursor: pointer;
}


/** Create OPtion/Save Btn Css */

.toolbar-middle {
    display: flex;
    width: 100%;
}

div#middleToolbar {
    width: calc(100%);
}

.toolbar-middle div#middleToolbarright {
    display: flex;
    width: 100%;
    max-width: 210px;
    padding-right: 25px;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_print table.w2ui-button table td:first-child {
    display: none;
}

.toolbar-middle div#middleToolbarright table.w2ui-button {
    background-color: #fff;
    border-radius: 4px;
    padding: 4px 4px 4px;
    text-align: center;
    margin: 0;
    width: 70px;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_save.disabled table.w2ui-button:hover {
    background-color: #fff;
    border: 1px solid #fff;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_save.disabled table.w2ui-button:hover td.w2ui-tb-caption {
    color: #000;
}

.toolbar-middle div#middleToolbarright table.w2ui-button td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif !important;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 10px;
    font-size: 12px;
    padding: 0;
    color: #137bc4;
    font-weight: 700;
}

.toolbar-middle div#middleToolbarright table.w2ui-button table {
    width: 100%;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_modeledOption {
    FONT-WEIGHT: 100;
    width: 112px !important;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_modeledOption .w2ui-button:hover {
    background-color: #3f99d9;
    border-color: #3f99d9;
    cursor: pointer;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_modeledOption .w2ui-button:hover td.w2ui-tb-caption,
.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_modeledOption .w2ui-button:focus td.w2ui-tb-caption {
    color: #fff;
    cursor: pointer;
}

div#primaryToolbar td#tb_editToolbar_item_saveas table.w2ui-button {
    /* margin-left: 8px; */
}

div#primaryToolbar td#tb_editToolbar_item_save table.w2ui-button {
    /* margin: 0px 9px 0 0px; */
}

div#primaryToolbar td#tb_middleToolBarRight_item_save.disabled {
    opacity: 0.7;
}

div#primaryToolbar td#tb_middleToolBarRight_item_save table.w2ui-button:hover {
    background-color: #3f99d9;
    border-color: #3f99d9;
}

div#primaryToolbar td#tb_middleToolBarRight_item_save table.w2ui-button:hover td.w2ui-tb-caption {
    color: #fff;
}

div#primaryToolbar td#tb_middleToolBarRight_item_save table table td:first-child,
div#primaryToolbar td#tb_middleToolBarRight_item_modeledOption table table td:first-child {
    display: none;
}

div div#form_myForm_tabs {
    padding: 0px !important;
    background: #fff;
}

div div#form_myForm_tabs .w2ui-tab.active {
    border-bottom: none;
    color: #137bc4;
    background-color: #fdfafa;
}

div div#form_myForm_tabs td {
    border: none;
}

div div#form_myForm_tabs .w2ui-tab {
    border-bottom: none;
    border-left: none;
    border-color: #e7e7e7;
    color: #626262;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 11px;
    border-bottom: 1px solid #e7e7e7;
}

div .w2ui-page {
    background-color: #fdfafa;
}

div .w2ui-panel-content,
div div#form_myForm_tabs table {
    border: none;
}

div .group-title-collapsible,
div#w2ui-popup .group-title-collapsible {
    line-height: 100%;
    position: relative;
    text-align: left;
    color: #000;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 12px;

}

    div .group-title-collapsible.group-title-collapsed:after,
    div .group-title-collapsible:after,
    div#w2ui-popup .group-title-collapsible:after {
        display: flex;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 20px;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f107";
        color: #fff;
        width: 37px;
        height: 37px;
        background: #137bc4;
        justify-content: center;
        align-items: center;
        position: absolute;
        right: 0px;
        top: 0px;
        padding: 0px;
    }

div .group-title-collapsible.group-title-collapsed:after,
div#w2ui-popup .group-title-collapsed:after {
    content: "\f105";
}

div .group-title-collapsible:after {
    content: "\f107";
}

div .group-title-collapsible.group-title-collapsed,
div#w2ui-popup .group-title-collapsible.group-title-collapsed {
    position: relative;
}

div .group-title-collapsible+.group-expand {
    background: #fff;
    margin-top: 0px;
    padding-top: 8px;
}

.toolbar-middle div#middleToolbarright table.w2ui-button:hover {
    background-color: #3f99d9;
    border-color: #3f99d9;
    cursor: pointer;
}

.toolbar-middle div#middleToolbarright table.w2ui-button:hover td.w2ui-tb-caption {
    color: #fff;
    cursor: pointer;
}

div .group-title-collapsible.group-title-collapsed:after,
div .group-title-collapsible:after {
    cursor: pointer;
    pointer-events: visible;
}

div#primaryToolbar table tr td span#serverMessagesBtn {
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 21px 7px;
    min-width: 100px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 600;
    margin-right: 8px;
    line-height: 41px;
}

div#primaryToolbar table tr td span#serverMessagesBtn:hover {
    background: red;
    color: #fff !important;
}

div#layout_formLayout_panel_main.package_tab .w2ui-page div#macroList div#grid_macroList_body div#grid_macroList_records table tr td .fa-square-o {
    padding: 5px 3px 3px 3px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showAerialView+td#tb_editToolbar_item_print+td#tb_editToolbar_item_cancel {
    padding-right: 7px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showAerialView+td#tb_editToolbar_item_print {
    padding: 0 8px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showAerialView+td#tb_editToolbar_item_print table.w2ui-button {
    margin: 0 0px;
    max-width: 100px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showAerialView+td#tb_editToolbar_item_print+td#tb_editToolbar_item_cancel table.w2ui-button {
    margin-right: 0px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showAerialView {
    padding-right: 1px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showAerialView table.w2ui-button {
    padding: 7px 5px 5px;
}

div#primaryToolbar table tr td table.w2ui-button:hover {
    background-color: white;
    outline: 2px solid var(--secondary-color);
    cursor: pointer;
}

div#primaryToolbar table tr td table.w2ui-button:hover td.w2ui-tb-caption {
    color: black;
    cursor: pointer;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_right {
    display: none;
}

div#primaryToolbar table tr td#tb_editToolbar_item_showInfo {
    padding: 0px;
}

div#primaryToolbar table tr td#tb_editToolbar_item_feedback {
    padding: 0;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_print table.w2ui-button {
    float: right;
}

td#tb_editToolbar_item_debug {
    display: none;
}


/* top bar css UI new **/

.navbar.new-ui-header {
    background-color: #137bc4;
}

.navbar.new-ui-header .navbar-collapse {
    background: transparent;
}

.navbar.new-ui-header .navbar-collapse ul.nav li a {
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

.navbar.new-ui-header .navbar-collapse ul.nav li a:hover,
.navbar.new-ui-header .navbar-collapse ul.nav li a:focus,
.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown a:focus,
.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown a:hover {
    background: transparent;
    color: #ffa500;
}

.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a {
    color: #000;
}

.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a:hover,
.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown ul.dropdown-menu li a:focus {
    color: #ffa500;
}

.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown.open a.dropdown-toggle {
    background: transparent;
    color: #ffa500;
}

.container.body-content.new-ui-content .row.beta-message {
    display: none;
}

.container.body-content.new-ui-content .row.banner-message {
    display: block;
    background: #f68b29;
    padding: 15px;
    margin-bottom: 20px;
}


/**  Output Infos **/

.wrapped-box .wrapp-infoshow:not(:first-child) {
    border-top: 1px solid #d3d3d3;
    padding: 0;
}

.wrapped-box .wrapp-infoshow h3 {
    margin: 0 0 8px 0;
    font-weight: 500;
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    color: #0b4b78;
}

.wrapped-box {
    padding: 20px 0px !important;
}

.wrapped-box .wrapp-infoshow {
    padding: 10px 18px !important;
}

.wrapped-box .wrapp-infoshow p {
    margin: 4px 0 0 0;
    font-family: 'Roboto', sans-serif;
}


/* MEDIA QUERIES (AR)**/

@media (min-width:1501px) {
    div#w2ui-overlay.my-calss {
        min-width: 500px !important;
    }
}

@media (min-width:1501px) {
    div#primaryToolbar table tr td#tb_editToolbar_item_nextstatus table {
        /* max-width: 100px !important; */
    }
    div#primaryToolbar table {
        width: 100% !important;
        max-width: 100% !important;
    }
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content {
        display: flex;
        width: 100%;
        float: left;
        max-width: 689px !important;
    }
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content .data-job {
        max-width: 348px;
        float: left;
        margin: 0 0 0 6px;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_itemSpacer {
        display: none;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_feedback button#feedbackBtn {
        /* margin-left: 17px; */
    }
}

@media (min-width:1367px) and (max-width:1500px) {
    div#w2ui-overlay.my-calss {
        min-width: 500px !important;
    }
}

@media (min-width:1200px) and (max-width:1600px) {
    div#primaryToolbar table {
        width: 100% !important;
        max-width: 100% !important;
    }
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content {
        display: flex;
        width: 100%;
        float: left;
        max-width: 689px !important;
    }
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content .listjoblink a button {
        min-width: 86px !important;
        padding: 5px 0 4px !important;
        width: 100%;
        font-size: 13px;
        line-height: 10px;
        height: 27px;
        text-transform: uppercase;
    }
    div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button,
    div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button,
    div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button,
    div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button {
        padding: 5px 0px 2px !important;
        width: 100% !important;
        min-width: 60px !important;
        max-width: 80px !important;
    }
    td#tb_editToolbar_item_totalPrice {
        display: none;
    }
    td#tb_editToolbar_item_debug {
        display: none;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_showInfo td {
        padding: 0 2px;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_feedback {
        padding: 0 0;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_showInfo button#showInfo {
        margin: 0;
    }
    div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button td.w2ui-tb-caption,
    div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button td.w2ui-tb-caption,
    div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button td.w2ui-tb-caption,
    div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button td.w2ui-tb-caption {
        font-size: 11px;
        line-height: 7px;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_itemSpacer {
        display: none;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_feedback button#feedbackBtn {
        margin-left: 2px;
    }
    div#primaryToolbar td#tb_editToolbar_item_save table.w2ui-button {
        max-width: 100px !important;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_feedback button#feedbackBtn,
    button#showInfo {
        min-width: 66px !important;
        padding: 8px 9px 6px !important;
    }
    div#primaryToolbar td#tb_editToolbar_item_feedback button#feedbackBtn {
        font-size: 12px !important;
    }
    div#primaryToolbar td#tb_editToolbar_item_nextstatus table.w2ui-button {
        margin: 0 1px !important;
    }
    div#primaryToolbar table tr td#tb_editToolbar_item_nextstatus {
        max-width: 156px;
        padding: 0 3px;
    }
    div#middleToolbar td.w2ui-tb-caption {
        padding: 11px 18px 12px !important;
    }
    div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup .w2ui-tab.active,
    div#layout_baseLayout_panel_main div#layout_layoutMaterialsGrid_panel_top div#tabsup .w2ui-tab {
        padding: 5px 5px !important;
    }
    .rev-tabs div#grid_MaterialsGrid_body,
    .rev-tabs div#layout_layoutMaterialsGrid_panel_main div#gridMaterials div#grid_SummaryGrid_body {
        inset: 30px 0px 0px !important;
    }
    div#grid_MaterialsGrid_toolbar table.w2ui-button td,
    div#grid_SummaryGrid_toolbar table.w2ui-button td {
        font-size: 10px;
    }
    div#grid_MaterialsGrid_toolbar table.w2ui-button,
    div#grid_SummaryGrid_toolbar table.w2ui-button {
        padding: 0px 5px !important;
    }
    div#grid_MaterialsGrid_toolbar table.w2ui-button .w2ui-tb-image,
    div#grid_SummaryGrid_toolbar table.w2ui-button .w2ui-tb-image {
        display: none;
    }
    .new-ui-content div#grid_MaterialsGrid_toolbar table.w2ui-button .w2ui-tb-image,
    .new-ui-content div#grid_SummaryGrid_toolbar table.w2ui-button .w2ui-tb-image {
        display: block;
    }
    div#layout_baseLayout_panel_main.rev-tabs div#layout_layoutMaterialsGrid_panel_top {
        height: 29px !important;
        top: 2px !important;
    }
}

@media (min-width:1366px) {
    div#middleToolbar td.w2ui-tb-caption {
        padding: 12px 18px 11px !important;
    }
}

@media (min-width:1200px) and (max-width:1280px) {
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content .jobtitlename {
        margin: 0 0 0 20px;
        width: 100%;
        max-width: 200px;
    }
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content .data-job {
        max-width: 348px;
        float: left;
        margin: 0 0 0 20px;
    }
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.d-block {
    display: block;
}

.max-width-250p {
    max-width: 250px;
}

.img-texture-preview {
    object-fit: contain;
    border-style: solid;
    border-radius: 5px;
    border-color: gray;
    border-width: 1px;
}

.fixed-250p {
    width: 250px;
    height: 250px;
    min-width: 250px;
    max-width: 250px;
    min-height: 250px;
    max-height: 250px;
}

.fixed-200p {
    width: 200px;
    height: 200px;
    min-width: 200px;
    max-width: 200px;
    min-height: 200px;
    max-height: 200px;
}

.form-panel {
    background-color: #fafafa;
    border: 1px solid #c0c0c0;
    border-radius: 2px;
}

div#primaryToolbar td#tb_editToolbar_item_cancel.disabled table.w2ui-button:hover {
    background: #fff;
    border: 1px solid #fff;
}

div#primaryToolbar td#tb_editToolbar_item_cancel.disabled table.w2ui-button:hover td.w2ui-tb-caption {
    color: #137bc4;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
}

div#middleToolbarright td#tb_middleToolBarRight_item_modeledOption td td:first-child {
    display: none;
}

.isSheldon {
    background: #1c355e !important;
}

.toolbar-middle div#middleToolbarright td#tb_middleToolBarRight_item_modeledOption.hidebtn {
    display: none;
}

#layout_layoutAdvancedEdit_panel_left #layout_advancedEditSideLayout_panel_bottom .w2ui-panel-content,
#layout_layoutDrawingsView_panel_left #layout_drawingsSideLayout_panel_bottom .w2ui-panel-content {
    overflow: hidden !important;
}


/* HOMEPAGE  TABLE CSS **/


/*table.tble-homepage {
    max-width: 700px;
}*/

table .tble-homepage span.btn-link:hover,
table.tble-homepage span.btn-link:focus {
    background-color: #137bc4;
    color: #fff;
    border: 1px solid #137bc4;
}

table.tble-homepage tr th {
    background-color: #137bc4;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-align: center;
    font-size: 15px;
    border-bottom: none;
    padding: 12px 10px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

table.tble-homepage {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    margin-top: 10px;
}

a.jobname-cell {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    color: #262626;
    font-size: 14px;
}


/*    a.jobname-cell:hover {
        color: #137bc4;
    }*/

table.tble-homepage tr th:nth-child(1) {
    min-width: 150px;
}

h2.drop-fix {
    display: flex !important;
    align-items: center;
}

h2.drop-fix select {
    height: 33px;
    font-size: 16px;
    margin-left: 16px;
}

.container.body-content.new-ui-content h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin: 0 0 10px 0;
    display: block;
}

div.container.body-content.new-ui-content .sec-heading-title {
    padding-left: 0px;
}

.container.body-content.new-ui-content h2.toptitle.valid-save span {
    color: #468847;
    font-size: 18px;
    font-weight: 500;
}


/*table.tble-homepage span.btn-Edit {
    background-color: #3a3a3a;
    color: #fff;
}

table.tble-homepage span.btn-Make.Quote {
    background-color: #e19200;
    color: #fff;
}

table.tble-homepage span.btn-Outputs {
    background-color: #0a65a5;
    color: #fff;
}*/

table.tble-homepage span.btn-Edit strong {
    font-weight: 500;
}


/*table.tble-homepage span.btn-View {
    background-color: #0d8909;
    color: #fff;
}*/

table.tble-homepage span.btn-link {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}


/*table.tble-homepage span.btn-Prep.for.Order {
    background-color: #810909;
    color: #fff;
}*/

table.tble-homepage span.btn-link:hover {
    opacity: 0.8;
    text-decoration: none;
}

ul.btn-anothers {
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0px 0 15px;
    position: absolute;
    right: 0;
}

ul.btn-anothers li:not(:first-child) {
    margin-left: 8px;
}

ul.btn-anothers a {
    background-color: #137bc4;
    padding: 9px 14px 8px 0px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

table.tble-homepage tr th,
table.tble-homepage tr td {
    border-color: #efefef;
}

ul.btn-anothers li span.icon-another.btn-upload+a {
    background-color: #eea236;
}

ul.btn-anothers li span.icon-another+a {
    background: #4caf60;
}

ul.btn-anothers li span svg {
    width: 14px;
    color: #fff;
}

ul.btn-anothers li {
    position: relative;
}

ul.btn-anothers li span.icon-another {
    position: absolute;
    left: 12px;
    top: 3px;
    z-index: 1;
}

ul.btn-anothers li:hover a {
    opacity: 0.8;
}

ul.btn-anothers li a {
    padding-left: 34px;
}

ul.btn-anothers li a:hover {
    text-decoration: none;
}

ul.btn-anothers li:last-child span.icon-another svg {
    width: 15px;
}

ul.btn-anothers li:last-child a {
    padding-left: 35px;
}

ul.btn-anothers li span.icon-another.btn-upload+a {
    background-color: #eea236;
}

ul.btn-anothers li span.icon-another+a {
    background: #4caf60;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

table.tble-homepage tr th:nth-child(1),
table.tble-homepage tr th:nth-child(2) {
    border-right: 1px solid #ddd !important;
}

.table-striped.tble-homepage>tbody>tr:nth-child(odd)>td,
.table-striped.tble-homepage>tbody>tr:nth-child(odd)>th {
    background-color: #f7fcff;
}

h4.title-next {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 18px;
    padding: 10px 10px;
    color: #137bc4;
    margin-top: 4px;
    /* border-bottom: 1px solid #ededed;*/
    padding-left: 0px;
    width: 100%;
}

.def-model-images {
    margin: 20px 0 30px 0;
    overflow: auto;
}

p.para-another {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.container.body-content.new-ui-content hr {
    display: none;
}

.def-model-images .model-btn {
    border: none;
    min-height: 170px;
    background-color: #fff !important;
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
    overflow: hidden;
}

.def-model-images .model-btn a.model-btn-content {
    display: block;
    padding: 0px;
}

.def-model-images .model-btn a.model-btn-content span.model-btn-text {
    padding: 5px 7px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.def-model-images .model-btn a.model-btn-content.home-card-box span.model-btn-text {
    font-weight: 500;
}

.def-model-images .model-btn a.model-btn-content.home-card-box {
    text-decoration: none;
}

.container.body-content.new-ui-content select#list-model-group {
    display: inline-block;
}

.container.body-content.new-ui-content #model-group-unassigned .model-btn {
    border: none;
    min-height: 100px;
    background-color: #fff !important;
    box-shadow: 0px 0px 7px #c5c5c5 !important;
    border-radius: 5px;
}

.container.body-content.new-ui-content #model-group-unassigned .model-btn span.model-btn-text {
    padding: 5px 7px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.container.body-content.new-ui-content #model-group-unassigned .model-btn a.model-btn-content {
    display: block;
}


/*      table.tble-homepage tbody tr td:last-child {
            text-align: center;
        }*/

footer p {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

span.ed-not {
    margin-left: 6px;
}


/*** END CSS **/


/** JOB LIST PAGE HEADER CSS  **/

.container.body-content.new-ui-content h2.joblistheader {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.container.body-content.new-ui-content h2.joblistheader .btns-rightside {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container.body-content.new-ui-content h2.joblistheader .btns-rightside button#addJobBtn {
    padding: 7px 14px 5px 14px !important;
    border-radius: 3px;
    color: #fff;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    height: 34px;
    line-height: 20px !important;
    background: #4caf60;
    border: 1px solid #4caf60;
    text-shadow: none;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

.container.body-content.new-ui-content h2.joblistheader .btns-rightside button#addJobBtn:hover,
.container.body-content.new-ui-content h2.joblistheader .btns-rightside a:hover {
    cursor: pointer;
    opacity: 0.8;
}


/** Same Table UI CSS - NON EDIT PAGES  **/

.same-ui-table div#grid {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.same-ui-table div#grid div#grid_grid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
    overflow-x: auto !important;
}

.same-ui-table div#grid div#grid_grid_toolbar td table td {
    color: #fff;
}

.same-ui-table div#grid div#grid_grid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.same-ui-table div#grid div#grid_grid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button {
    padding: 0 3px;
}

.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.over .w2ui-tb-image.w2ui-icon.w2ui-icon-cross {
    color: #137bc4;
}

.same-ui-table div#grid div#grid_grid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td {
    padding: 0px 3px;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss,
.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div#grid div#grid_grid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div#grid div#grid_grid_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div#grid div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr.w2ui-selected,
.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr:hover {
    background-color: #e9ecef !important;
}

.w2ui-panel-content div[id$=List2d] {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
    overflow-x: auto !important;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] td table td {
    color: #fff;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] td table td .w2ui-tb-image span {
    color: #fff;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button {
    padding: 0 3px;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.over .w2ui-tb-image span,
.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.over td.w2ui-tb-caption,
.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.over .w2ui-tb-image.w2ui-icon.w2ui-icon-cross {
    color: #137bc4;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.over td.w2ui-tb-down div,
.w2ui-panel-content div[id$=List2d] div[id$=List2d_toolbar] table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

/*.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr td {
    padding: 0px 3px;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-odd .btn-actionss,
.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr.w2ui-selected,
.same-ui-table div[id$=List2d] div#grid_wallList2d_body div#grid_wallList2d_records tr:hover {
    background-color: #e9ecef !important;
}
*/
.same-ui-table div#trussList {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.same-ui-table div#trussList div#grid_grid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
    overflow-x: auto !important;
}

.same-ui-table div#trussList div#grid_grid_toolbar td table td {
    color: #fff;
}

.same-ui-table div#trussList div#grid_grid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.same-ui-table div#trussList div#grid_grid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button {
    padding: 0 3px;
}

.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#trussList div#grid_grid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.same-ui-table div#trussList div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr td {
    padding: 0px 3px;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss,
.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div#trussList div#grid_grid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div#trussList div#grid_grid_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div#grid div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr.w2ui-selected,
.same-ui-table div#trussList div#grid_grid_body div#grid_grid_records tr:hover {
    background-color: #e9ecef !important;
}


/** Same Table UI CSS - NON EDIT PAGES  **/

.same-ui-table div#optionList {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.same-ui-table div#optionList div#grid_grid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
    overflow-x: auto !important;
}

.same-ui-table div#optionList div#grid_grid_toolbar td table td {
    color: #fff;
}

.same-ui-table div#optionList div#grid_grid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.same-ui-table div#optionList div#grid_grid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button {
    padding: 0 3px;
}

.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.over td .w2ui-tb-image.w2ui-icon.w2ui-icon-cross {
    color: #137bc4;
}

.same-ui-table div#optionList div#grid_grid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.same-ui-table div#optionList div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr td {
    padding: 0px 3px;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss,
.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div#optionList div#grid_grid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div#optionList div#grid_grid_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div#grid div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr.w2ui-selected,
.same-ui-table div#optionList div#grid_grid_body div#grid_grid_records tr:hover {
    background-color: #e9ecef !important;
}


/** SPECIAL PRICING CSS */


/** Same Table UI CSS - NON EDIT PAGES  **/

.same-ui-table div#baseLayout {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar td table td {
    color: #fff;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button {
    padding: 0 3px;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.same-ui-table div#baseLayout div#grid_grid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr td {
    padding: 0px 3px;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss,
.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div#baseLayout div#grid_grid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div#baseLayout div#grid_grid_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div#grid div#grid_grid_body div#grid_grid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr.w2ui-selected,
.same-ui-table div#baseLayout div#grid_grid_body div#grid_grid_records tr:hover {
    background-color: #e9ecef !important;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar {
    background: #137bc4;
    font-family: 'Roboto', sans-serif;
    padding: 8px 6px;
    height: 42px;
}


/* Topbar css Pricing special **/

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 table {
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button {
    padding: 2px 3px;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td {
    color: #fff;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td .w2ui-tb-image {
    margin: 0px 4px 0 0 !important;
    border: 0 !important;
    text-align: center;
    font-size: 15px;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button.over table td {
    color: #137bc4;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#packageClass {
    margin-right: 4px;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#activeDist {
    margin-left: 5px;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#packageClass {
    margin-right: 4px;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#activeDist {
    margin-left: 5px;
}

.special-pricing-table div#baseLayout td#tb_baseLayout_top_toolbar_item_btnInfo table.w2ui-button.over,
.special-pricing-table div#baseLayout td#tb_baseLayout_top_toolbar_item_btnInfo table.w2ui-button {
    background: none !important;
    border: none !important;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table {
    cursor: pointer;
}


/** END CSS **/

.recent-jobs h4.sub-title {
    color: #137bc4;
}

.starting-model h4.title-next {
    color: #4caf60;
}


/* END CSS */


/*** FRAMING RULES MODIFY START CSS **/


/** Same Table UI CSS - NON EDIT PAGES  **/

.same-ui-table div#baseLayout {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr td {
    padding: 0px 3px;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-odd .btn-actionss,
.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div#baseLayout div#grid_formGrid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div#baseLayout div#grid_formGrid_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div#grid div#grid_formGrid_body div#grid_formGrid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr.w2ui-selected,
.same-ui-table div#baseLayout div#grid_formGrid_body div#grid_formGrid_records tr:hover {
    background-color: #e9ecef !important;
}

.special-pricing-table div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar {
    background: #137bc4;
    font-family: 'Roboto', sans-serif;
    padding: 8px 6px;
    height: 42px;
}


/* Framing Modify css for table header toolbar  **/

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar td table td {
    color: #fff;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button {
    padding: 0 3px;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_main div#layout_formLayout_panel_main .w2ui-panel-content.w2ui-layout div#layout_formGridLayout_panel_main div#grid_formGrid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 table {
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button {
    padding: 2px 3px;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button.over {
    border: 1px solid #bfbfbf;
    background-color: #ffffff;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td {
    color: #fff;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td .w2ui-tb-image {
    margin: 0px 4px 0 0 !important;
    border: 0 !important;
    text-align: center;
    font-size: 15px;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button.over table td {
    color: #137bc4;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#packageClass {
    margin-right: 4px;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#activeDist {
    margin-left: 5px;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#packageClass {
    margin-right: 4px;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#activeDist {
    margin-left: 5px;
}

.framingR-modify div#baseLayout td#tb_baseLayout_top_toolbar_item_btnInfo table.w2ui-button.over,
.framingR-modify div#baseLayout td#tb_baseLayout_top_toolbar_item_btnInfo table.w2ui-button {
    background: none !important;
    border: none !important;
}

.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table {
    cursor: pointer;
}

.same-ui-table.framingR-modify div#baseLayout div#layout_baseLayout_panel_top .w2ui-panel-toolbar {
    background: #137bc4;
    padding: 3px 10px;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top {
    margin: 0 !important;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    overflow-x: auto !important;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top table {
    padding: 0 2px;
    border-top: 2px solid silver;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top .w2ui-panel-content.w2ui-tabs {
    padding-top: 0px;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top table .w2ui-tab.active,
.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top table .w2ui-tab:hover {
    background: #ffffff;
    cursor: pointer;
    color: #137bc4;
    border: 1px solid #d5d5d5 !important;
    border-top: 2px solid #137bc4 !important;
    border-bottom: 1px solid #fff0 !important;
    border-right: 1px solid #80808059 !important;
    border-radius: 0px;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top table .w2ui-tab {
    background: #f8f8f8;
    border-radius: 0px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666666;
    padding: 6px 9px !important;
    height: 43px;
    display: flex;
    align-items: center;
    line-height: 14px;
    font-weight: 600;
    border: none !important;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top table .w2ui-tab {
    margin: 0 !important;
    padding: 6px 8px !important;
    border-left: 1px solid #dbdbdb !important;
    border-right: 1px solid #dbdbdb !important;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top table .w2ui-tab .same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_top .w2ui-tabs {
    padding: 0;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_main div#framingChecks {
    padding-top: 20px;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_main div#framingChecks .framingCheckNew {
    background-color: #137bc4;
    color: #fff;
    border: 1px solid #137bc4;
    font-family: 'Roboto', sans-serif;
}

.same-ui-table.framingR-modify div#layout_baseLayout_panel_main div#layout_formLayout_panel_main div#framingChecks h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #137bc4;
}


/*** FRAMING RULES MODIFY END CSS **/

.caret {
    border-top-color: #ffffff !important;
    border-bottom-color: #ffffff !important;
}

.caret:hover {
    border-top-color: #ffa500 !important;
    border-bottom-color: #ffa500 !important;
}

.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown a:hover span.caret,
.navbar.new-ui-header .navbar-collapse ul.nav li.dropdown a:focus span.caret {
    border-top-color: #ffa500 !important;
    border-bottom-color: #ffa500 !important;
}

.container.body-content.new-ui-content {
    padding-top: 50px;
}

.starting-model,
.recent-jobs {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.recent-jobs .btn-link {
    display: flex;
    position: relative;
}

.recent-jobs .btn-link a {
    background-color: #137bc4;
    padding: 7px 12px 6px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: -5px 0 0 0;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    line-height: 20px;
}

.recent-jobs .btn-link a:hover,
.recent-jobs .btn-link a:focus {
    text-decoration: none;
}

.recent-jobs .btn-link:hover {
    text-decoration: none;
    opacity: 0.8;
}

span.list-icon {
    position: relative;
    width: 14px;
    display: inline-block;
    height: 14px;
    margin-right: 5px;
}

span.list-icon svg {
    width: 14px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.starting-model h4.title-next {
    margin-top: 0px;
}

ul.bottom-btnlist-download {
    list-style-type: none;
    padding: 0;
    display: flex;
    margin: 16px 0 18px 0;
    align-items: center;
}

a.btn.btnupload {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
}

ul.bottom-btnlist-download li:not(:first-child) {
    margin-left: 10px;
}

ul.bottom-btnlist-download span.icon-down svg {
    width: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

ul.bottom-btnlist-download span.icon-down {
    margin-right: 6px;
    position: relative;
    width: 18px;
    height: 18px;
}

ul.bottom-btnlist-download a {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
}

ul.bottom-btnlist-download.right-link a.btn.btnupload {
    background: #137bc4;
}

ul.bottom-btnlist-download a:hover,
ul.bottom-btnlist-download a:focus {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

ul.bottom-btnlist-download li a.dow-active {
    background: #137bc4;
}

ul.bottom-btnlist-download li a.dow-active:hover,
ul.bottom-btnlist-download li a.dow-active:focus,
ul.bottom-btnlist-download li a.dow-archiv:hover,
ul.bottom-btnlist-download li a.dow-archiv:focus {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

ul.bottom-btnlist-download li a.dow-archive {
    background-color: #137bc4;
}


/** Checkbox CSS */

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td input[type="checkbox"]:checked {
    background: #137bc4;
    width: 18px;
    height: 18px;
    border: 1px solid #137bc4;
    border-radius: 3px;
    position: relative;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td input[type="checkbox"] {
    -webkit-appearance: none;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td input[type="checkbox"] {
    background: #f7f7f7;
    width: 18px;
    height: 18px;
    border: 1px solid #7a7a7a;
    border-radius: 3px;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td input[type="checkbox"]:checked:before {
    position: absolute;
    left: -4px;
    bottom: 3px;
    height: 2px;
    width: 11px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr td input[type="checkbox"]:checked:after {
    position: absolute;
    left: -5px;
    top: 8px;
    height: 4px;
    width: 2px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.foot-btns {
    display: flex;
    justify-content: space-between;
}

.same-ui-table.prod-sys {
    margin-bottom: 30px;
}


/* Reports page */

.report-ui {
    margin: 20px 0 20px 0;
    height: 100%;
}

.report-ui .report-ui-header {
    background-color: #f5fbff;
    padding: 11px 10px;
}

.report-ui .report-ui-header h3 {
    margin: 0;
    color: #4c4c4c;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    align-items: center;
}

.report-ui form {
    padding: 0 0;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

.report-ui form .report-ui-content {
    padding: 40px 18px 20px;
    height: 100%;
    font-family: 'Roboto', sans-serif;
}

.report-ui form .report-ui-content .btn-align-report {
    text-align: center;
    margin: 26px 0 0 0;
    justify-content: center;
    display: flex;
}

.report-ui .report-ui-header h3 input[type="submit"] {
    background: #137bc4;
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
}

.report-ui form .report-ui-content .btn-align-report button[type="submit"] {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
}

.report-ui form .report-ui-content .btn-align-report button[type="submit"]:hover {
    opacity: 0.8;
    cursor: pointer;
}

.report-ui form .report-ui-content .btn-align-report span.icon-report-gen {
    margin-right: 5px;
}

.report-ui form .report-ui-content .btn-align-report span.icon-report-gen svg {
    width: 18px;
}

.report-ui form .report-ui-content label {
    text-align: left;
    color: #303030;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.report-ui form .report-ui-content .row {
    margin: 0 0 15px 0;
}

.container.body-content.new-ui-content .fix-height {
    display: flex;
}

section#heartbeatReportBuilder {
    margin-top: 50px;
}

.report-ui .report-ui-content input[type="checkbox"] {
    border: none !important;
    box-shadow: none;
    width: 22px;
}

.tabs-same-ui-table.w2ui-tabs#tabsup {
    background: #f8f8f8;
    padding: 0px 0 0 0 !important;
}

.tabs-same-ui-table.w2ui-tabs#tabsup table {
    padding: 0px 0px 0;
    border: none !important;
}

.tabs-same-ui-table.w2ui-tabs#tabsup table .w2ui-tab {
    background: #f8f8f8;
    border-radius: 0px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666666;
    padding: 6px 9px !important;
    height: 43px;
    display: flex;
    align-items: center;
    line-height: 14px;
    font-weight: 600;
    border: none !important;
}

.tabs-same-ui-table.w2ui-tabs#tabsup table td {
    padding: 0px 1px;
}

.tabs-same-ui-table.w2ui-tabs#tabsup table .w2ui-tab.active,
.tabs-same-ui-table.w2ui-tabs#tabsup table .w2ui-tab:hover {
    background: #ffffff;
    cursor: pointer;
    color: #137bc4;
    border: 1px solid #d5d5d5 !important;
    border-top: 2px solid #137bc4 !important;
    border-bottom: 1px solid #fff0 !important;
    border-right: none !important;
    z-index: 1;
    /*For navbar*/
}

.tabs-same-ui-table.w2ui-tabs#checkForm {
    background: #f8f8f8;
    padding: 0px 0 0 0 !important;
}

.tabs-same-ui-table.w2ui-tabs#checkForm table {
    padding: 0px 0px 0;
    border: none !important;
}

.tabs-same-ui-table.w2ui-tabs#checkForm table .w2ui-tab {
    background: #f8f8f8;
    border-radius: 0px !important;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    color: #666666;
    padding: 6px 9px !important;
    height: 43px;
    display: flex;
    align-items: center;
    line-height: 14px;
    font-weight: 600;
    border: none !important;
}

.tabs-same-ui-table.w2ui-tabs#checkForm table td {
    padding: 0px 1px;
}

.tabs-same-ui-table.w2ui-tabs#checkForm table .w2ui-tab.active,
.tabs-same-ui-table.w2ui-tabs#checkForm table .w2ui-tab:hover {
    background: #ffffff;
    cursor: pointer;
    color: #137bc4;
    border: 1px solid #d5d5d5 !important;
    border-top: 2px solid #137bc4 !important;
    border-bottom: 1px solid #fff0 !important;
    border-right: none !important;
}

.same-ui-table.setting-materials.checkdata-page .w2ui-tab {
    font-size: 11px !important;
}

.same-ui-table.setting-materials div#grid {
    background: #ffffff;
    padding: 6px 6px 6px;
    border: 1px solid #d5d5d5;
    border-radius: 0px;
    margin-top: -1px;
}

.same-ui-table.setting-materials div#tabsup {
    margin: 0 !important;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    overflow-x: auto !important;
}

.same-ui-table.setting-materials div#tabsup table td .w2ui-tab {
    margin: 0 !important;
    padding: 6px 8px !important;
    border-left: 1px solid #dbdbdb !important;
    /*  border: 1px solid #f8f8f8 !important;
    border-top: 2px solid #f8f8f8 !important;
    border-bottom: 1px solid #d5d5d500 !important;*/
}

.same-ui-table.setting-materials div#tabsup table td:last-child {
    border-left: 1px solid #dbdbdb !important;
}

.same-ui-table.setting-materials div#checkForm {
    margin: 0 !important;
    border: 1px solid #d5d5d5;
    border-bottom: none;
    overflow-x: auto !important;
}

.same-ui-table.setting-materials div#checkForm table td .w2ui-tab {
    margin: 0 !important;
    padding: 6px 8px !important;
    border-left: 1px solid #dbdbdb !important;
    /*  border: 1px solid #f8f8f8 !important;
        border-top: 2px solid #f8f8f8 !important;
        border-bottom: 1px solid #d5d5d500 !important;*/
}

.same-ui-table.setting-materials td {
    padding: 0px !important;
}

.tabs-same-ui-table.w2ui-tabs#tabsup table .w2ui-tab.active:before {
    content: '';
    width: 100%;
    height: 1px;
    background: white;
    position: absolute;
    bottom: -1px;
    left: 0px;
    z-index: 9999;
}

.tabs-same-ui-table.w2ui-tabs#tabsup table .w2ui-tab.active {
    position: relative;
}


/*
.same-ui-table.setting-materials.pricing .tabs-same-ui-table.w2ui-tabs#tabsup table .w2ui-tab {
    font-size: 10px !important;
    padding: 6px 8px !important;
    border-left: 1px solid #dbdbdb !important;
}
*/


/** Same Table UI CSS - CheckData  **/

.same-ui-table div#checkGrid {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar td table td {
    color: #fff;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.same-ui-table div#checkGrid div#grid_checkGrid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-even {
    background: #f7fcff;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-odd {
    background: #fff;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr td {
    padding: 0px 3px;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr {
    border-top: 1px solid #ddd;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-odd .btn-actionss,
.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-odd .btn-actionss button,
.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-odd .btn-actionss button:hover,
.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tbody tr td:first-child {
    overflow: visible;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.same-ui-table div#checkGrid div#grid_checkGrid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.same-ui-table div#checkGrid div#grid_checkGrid_footer div {
    display: block;
    height: 100%;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr td.w2ui-grid-data:nth-child(2) div,
.same-ui-table.builderpage div#grid div#grid_checkGrid_body div#grid_checkGrid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr.w2ui-selected,
.same-ui-table div#checkGrid div#grid_checkGrid_body div#grid_checkGrid_records tr:hover {
    background-color: #e9ecef !important;
}

section.content-middle-section.billing-page .report-ui {
    height: auto;
}

table.tble-homepage a.btn-link {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
    text-decoration: none;
}

table.tble-homepage a.btn-link:hover {
    background-color: #137bc4;
    color: #ffffff;
    border: 1px solid #137bc4;
}

table.tble-homepage span.disable-btn,
table.tble-homepage span.disable-btn:hover,
table.tble-homepage span.disable-btn:focus {
    background: #e9e8e8;
    opacity: 0.7;
    border-color: #dddedf;
    color: #383838;
    pointer-events: none;
}

span.create-link {
    width: 100%;
    max-width: 118px;
    display: inline-block;
    margin-top: 8px !important;
}
footer {
    margin-top: 15px;
}
span.create-link a.btn-create {
    background-color: #137bc4;
    padding: 7px 12px 6px 12px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    margin: -5px 0 0 0;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    line-height: 20px;
}

span.create-link a.btn-create:hover,
span.create-link a.btn-create:focus {
    text-decoration: none;
}

span.create-link a.btn-create span.icon-pluss svg {
    width: 14px;
}

span.create-link span.icon-pluss {
    margin-right: 6px;
}

h2.modal-header-btn {
    position: relative;
}

ul.rightmenus li.user-name a {
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: pre;
    max-width: 160px;
}

.same-ui-table.txt-data-table {
    margin-bottom: 20px;
}

.same-ui-table.txt-data-table div#grid {
    padding: 0;
    background: transparent;
}

.txt-data-inf p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.txt-data-inf ul {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    list-style-type: none;
    padding: 0px;
}

.txt-data-inf ul li {
    margin-bottom: 5px;
}

.same-ui-table.txt-data-table div#editArea {
    background: #fff;
}

.same-ui-table.txt-data-table div#editArea .w2ui-field label {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #4e4e4e;
}

.same-ui-table.txt-data-table div#editArea input#editor-save {
    background: #137bc4;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #fff;
    padding: 6px 8px 4px;
}

.same-ui-table.txt-data-table div#editArea .w2ui-field input,
.same-ui-table.txt-data-table div#editArea .w2ui-field select {
    padding: 4px;
    border: 1px solid #bbbbbb;
    border-radius: 3px;
    color: #000000;
    background-color: #ffffff;
    display: block;
    width: 100%;
    height: 30px;
    background-image: none;
}

.same-ui-table.txt-data-table div#editArea .w2ui-field.w2ui-span6>div .w2ui-field-helper {
    position: absolute;
    right: 9px;
    margin: 0 0 0 0 !important;
    z-index: 99;
    top: 6px;
}

.same-ui-table.txt-data-table div#editArea .w2ui-page .w2ui-field.w2ui-span6 {
    position: relative;
}

.same-ui-table.txt-data-table #editArea div#editor-form {
    min-height: 450px;
    height: 100% !important;
}

.same-ui-table.txt-data-table #editArea div#editor-form>div {
    height: 100% !important;
}

.bluebtn {
    background: #137bc4;
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.bluebtn:hover,
.bluebtn:focus {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

ul.bottom-btnlist-download input.bluebtn {
    background: #137bc4;
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}

.cta-span-right ul {
    margin: 0;
}

.p-b-10px {
    padding-bottom: 10px;
}


/** Customize CSS */

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li {
    position: relative;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li a,
.wrapp-customize .floating-save .container ul.bottom-btnlist-download li input {
    padding: 8px 14px 6px;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li a {
    padding-left: 27px !important;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li span.icon-sm {
    width: 7px;
    position: absolute;
    left: 10px;
    top: 7px;
    z-index: 1;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li span.icon-sm svg {
    color: #fff;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li:last-child span.icon-sm svg {
    width: 14px;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li:last-child span {
    top: 9px;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li input {
    padding-left: 30px !important;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download li:hover svg {
    color: #fff;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download input[type="submit"] {
    background: #4caf60;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

h2.title-head {
    font-size: 25px;
    color: #137bc4;
}

h2.title-head select#activeDist {
    font-size: 18px;
    height: 38px;
}

.form-uplod p {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
}

.form-uplod .logo-nme {
    margin: 0;
}

.form-uplod .logo-nme .file-upl {
    position: relative;
    display: flex;
    margin: 8px 0 30px;
    background: #efefef;
    padding: 8px 8px;
    max-width: 250px;
}

.form-uplod .logo-nme .file-upl div#objClear {
    background-color: #b70606;
    padding: 8px 12px 9px 12px;
    border-radius: 3px;
    color: #fff;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    margin-left: 5px;
    height: 33px;
}

.form-uplod .logo-nme .file-upl input,
.form-uplod .logo-nme .file-upl input:focus {
    /* visibility: hidden; */
    max-width: 182px;
    z-index: 9;
    text-indent: -9999px;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    cursor: pointer;
}

.form-uplod .logo-nme .file-upl:after {
    content: 'Upload File';
    position: absolute;
    width: 180px;
    background: #137bc4;
    padding: 7px 6px;
    text-align: center;
    border-radius: 3px;
    top: 7px;
    pointer-events: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    z-index: 1;
    cursor: pointer;
}

.form-uplod .logo-nme .file-upl progress#progressBar {
    position: absolute;
    bottom: -18px;
    left: 0px;
}

p.tagline i {
    color: #959595;
    font-size: 16px;
}

.form-uplod label.control-label {
    text-align: left;
    width: 100%;
    max-width: 150px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 16px;
}

p.tagline {
    margin-bottom: 20px;
}

.checkbox.cus-check input[type="checkbox"]:checked {
    background: #137bc4;
    width: 18px;
    height: 18px;
    border: 1px solid #137bc4;
    border-radius: 3px;
    -webkit-appearance: none;
    outline: none;
}

.checkbox.cus-check input[type="checkbox"]:checked~span.cus-checks:before {
    position: absolute;
    left: -1px;
    bottom: 4px;
    height: 2px;
    width: 12px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.checkbox.cus-check input[type="checkbox"]:checked~span.cus-checks:after {
    position: absolute;
    left: -2px;
    top: 9px;
    height: 4px;
    width: 2px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.checkbox.cus-check input[type="checkbox"] {
    background: #f7f7f7;
    width: 18px;
    height: 18px;
    border: 1px solid #7a7a7a;
    border-radius: 3px;
    -webkit-appearance: none;
    outline: none;
    position: absolute;
    left: 0px;
    top: 8px;
    margin: 0;
}

.checkbox.cus-check {
    height: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    padding: 0 25px;
    position: relative;
}

.checkbox.cus-check label {
    padding: 0;
}


/** New Custom checks - DisplayFor */

.cus-checked input[type="checkbox"]:checked {
    background: #137bc4;
    width: 22px;
    height: 22px;
    border: 1px solid #137bc4;
    border-radius: 3px;
    -webkit-appearance: none;
    outline: none;
}

.cus-checked input[type="checkbox"]:checked~span.cus-checks:after {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f00c";
    top: 50%;
    left: 50%;
    color: #fff;
    transform: translate(-50%, -50%);
}

.report-ui .report-ui-content .cus-checked input[type="checkbox"] {
    background: #f1f1f1;
    width: 22px;
    height: 22px;
    border: 1px solid #cfcfcf !important;
    border-radius: 3px;
    -webkit-appearance: none;
    outline: none;
    margin: 0;
}

.report-ui .report-ui-content .cus-checked input[type="checkbox"]:checked {
    background: #137bc4;
    border: 1px solid #137bc4 !important;
    border-radius: 3px;
    -webkit-appearance: none;
}

.cus-checked {
    height: 100%;
    min-height: 35px;
    display: flex;
    align-items: center;
    padding: 0 0px;
    position: relative;
    width: 20px;
    margin-left: 3px;
}

.cus-checked label {
    padding: 0;
}

.cus-checked span.cus-checks {
    position: absolute;
    top: 9px;
    font-size: 13px;
    left: 1px;
    width: 18px;
    height: 18px;
    pointer-events: none;
}


/** END CSS **/

h4.sub-headings {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #222;
}

h3.sub-heading {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    margin-bottom: 10px;
}

.quote-sec {
    padding: 4px 10px;
    margin-bottom: 10px;
}

.quote-sec table {
    background: #ebebeb;
}

.quote-sec span.link-copied {
    border: none;
    background: transparent;
    position: absolute;
    left: 30px;
    padding: 0;
}

.quote-sec span.link-copied span {
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
}

.quote-sec span.link-copied span svg {
    width: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.quote-sec span.link-copied:hover {
    color: #137bc4;
    cursor: copy !important;
}

.quote-sec.anonm-port span.link-copied {
    left: 6px;
}

.quote-sec table td {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #323232;
    padding: 5px 14px;
}

.quote-sec table.tble-homepage {
    font-family: 'Roboto', sans-serif;
}

.quote-sec table.tble-homepage tr:nth-child(even) td {
    background-color: #fdfdfd;
}

.quote-sec table.tble-homepage td {
    padding: 5px 15px;
}

.quote-sec table.tble-homepage tr td:first-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
}

.quote-sec h4 {
    font-family: 'Roboto', sans-serif;
    margin-bottom: 14px;
}

.change-notifica table th,
.change-notifica table td {
    padding: 5px 15px !important;
}

.change-notifica table td .checkbox.cus-check {
    max-width: 15px;
    min-height: 15px;
}

.change-notifica table td .checkbox.cus-check input {
    top: 4px;
    width: 18px;
    height: 18px;
}

.change-notifica table td span.status-name {
    line-height: 19px;
    font-size: 14px;
}

.change-notifica {
    margin: 30px 0 20px 0;
}

.change-notifica h5 {
    font-size: 18px;
    color: #2a2a2a;
    font-family: 'Roboto', sans-serif;
}

.change-notifica table .checkbox.cus-check {
    max-width: 22px;
    padding: 0;
}

.change-notifica span.status-name {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #4c4c4c;
}

.link-pricing {
    width: 100%;
    background: #f7fcff;
    padding: 9px 9px;
    margin-bottom: 18px;
}

.link-pricing a {
    font-size: 16px;
    color: #137bc4;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    display: block;
    line-height: 18px;
}

.footer-action ul {
    list-style-type: none;
    padding: 0;
    display: flex;
}

.notific-customize label {
    font-weight: 500;
    font-size: 18px;
    color: #2a2a2a;
    font-family: 'Roboto', sans-serif;
}

form#page-form.form-manage {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

form#page-form.form-manage .form-manage {
    width: 70%;
    padding: 15px 20px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

form#page-form.form-manage .side-right-manage {
    width: 29%;
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    color: #fff;
    border-radius: 3px;
    padding: 0px 0 20px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
}

form#page-form.form-manage .side-right-manage h4 {
    padding: 15px 20px 15px;
    background: #137bc4;
    margin: 0 0 20px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    box-shadow: 0px 2px 1px #b6dcf7;
}

form#page-form.form-manage .side-right-manage ul {
    list-style-type: none;
    padding: 0px;
}

form#page-form.form-manage .side-right-manage ul li {
    margin-bottom: 6px;
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding-left: 40px;
    color: #464646;
    text-transform: capitalize;
}

span.tick-list svg {
    width: 18px;
    color: #ffa500;
}

span.tick-list {
    position: absolute;
    left: 16px;
    top: 0px;
}

form#page-form.form-manage .form-manage h4.sub-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    margin-bottom: 30px;
    color: #2c2c2c;
}

form#page-form.form-manage .form-manage .form-group label {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
}

form.form-manage input[type="text"],
form.form-manage input[type="tel"],
form.form-manage input[type="email"],
form.form-manage select#Distributor {
    width: 100%;
}

form#page-form.form-manage .form-manage .form-group a {
    color: #137bc4;
    display: block;
    margin-top: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

form#page-form.form-manage .form-manage .link-pwd a {
    display: inline-block !important;
}

form#page-form.form-manage .form-manage input[type="submit"] {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
}

span#preview-custom {
    padding: 0px 0;
    display: block;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

input#editor-Url-upload+.fixed-200p {
    padding: 0px 0;
    display: block;
    margin: 12px 0 0 0;
}


/** Slim Scroller for the tabs Css */

.same-ui-table .scroll-view::-webkit-scrollbar {
    width: 12px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}

.same-ui-table .scroll-view::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-left: none;
    border-right: none;
}

.same-ui-table .scroll-view::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #137bc4;
}


/* Turn on single button up on top, and down on bottom */

.same-ui-table .scroll-view::-webkit-scrollbar-button:start:decrement,
.same-ui-table .scroll-view::-webkit-scrollbar-button:end:increment {
    display: block;
}


/* Turn off the down area up on top, and up area on bottom */

.same-ui-table .scroll-view::-webkit-scrollbar-button:vertical:start:increment,
.same-ui-table .scroll-view::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* Place The scroll down button at the bottom */

.same-ui-table .scroll-view::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px;
    border-left: 1px solid #c7c7c7;
    border-top: 1px solid #a9a8a8;
    border-bottom: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.same-ui-table .scroll-view::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 3px;
    border-right: 1px solid #a9a8a8;
    border-top: 1px solid #a9a8a8;
    border-bottom: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/* Place The scroll down button at the bottom */

.same-ui-table .scroll-view::-webkit-scrollbar-button:horizontal:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.same-ui-table .scroll-view::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}

.same-ui-table.txt-data-table div#editArea div#editor-form .w2ui-field.w2ui-span6 input#editor-Url-upload+.fixed-200p {
    min-height: 170px;
    height: 170px;
    width: 170px;
    min-width: 170px;
    max-width: 170px;
    max-height: 170px;
}

.same-ui-table.txt-data-table div#editArea .w2ui-field input:disabled {
    background: #f1f1f1;
    color: #777;
}


/* More Options in Edit page CSS */

div#gridMaterials #tb_MaterialsGrid_toolbar_item_actionsmore table.w2ui-button {
    background: #f1f1f100 !important;
    padding: 3px 5px !important;
}

div#gridMaterials #tb_MaterialsGrid_toolbar_item_actionsmore td.w2ui-tb-down {
    display: none;
}

div#gridMaterials #tb_MaterialsGrid_toolbar_item_actionsmore table.w2ui-button tr td table td .w2ui-tb-image {
    margin: 0 !important;
}

div#gridMaterials #tb_MaterialsGrid_toolbar_item_actionsmore table.w2ui-button tr td table td .w2ui-tb-image span.fa {
    color: #3a3a3a;
    font-size: 22px;
    margin: -5px 0 0 0px;
}

div#gridMaterials #tb_MaterialsGrid_toolbar_item_actionsmore table.w2ui-button.over tr td table td .w2ui-tb-image span.fa {
    color: #137bc4 !important;
}

.w2ui-grid-records::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}

.w2ui-grid-records::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    border-left: none;
    border-right: none;
}

.w2ui-grid-records::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #137bc4;
}


/* Turn on single button up on top, and down on bottom */

.w2ui-grid-records::-webkit-scrollbar-button:start:decrement,
.w2ui-grid-records::-webkit-scrollbar-button:end:increment {
    display: block;
}


/* Turn off the down area up on top, and up area on bottom */

.w2ui-grid-records::-webkit-scrollbar-button:vertical:start:increment,
.w2ui-grid-records::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* Place The scroll down button at the bottom */

.w2ui-grid-records::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url(../images/arrow-down.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.w2ui-grid-records::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url(../images/arrow-up.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/* Place The scroll down button at the bottom */

.w2ui-grid-records::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.w2ui-grid-records::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}

.same-ui-table.txt-data-table::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}

.same-ui-table.txt-data-table::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    border-left: none;
    border-right: none;
}

.same-ui-table.txt-data-table::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #137bc4;
}


/* Turn on single button up on top, and down on bottom */

.same-ui-table.txt-data-table::-webkit-scrollbar-button:start:decrement,
.same-ui-table.txt-data-table::-webkit-scrollbar-button:end:increment {
    display: block;
}


/* Turn off the down area up on top, and up area on bottom */

.same-ui-table.txt-data-table::-webkit-scrollbar-button:vertical:start:increment,
.same-ui-table.txt-data-table::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* Place The scroll down button at the bottom */

.same-ui-table.txt-data-table::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url(../images/arrow-down.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.same-ui-table.txt-data-table::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url(../images/arrow-up.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/* Place The scroll down button at the bottom */

.same-ui-table.txt-data-table::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.same-ui-table.txt-data-table::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    border-left: none;
    border-right: none;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #137bc4;
}


/* Turn on single button up on top, and down on bottom */

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:start:decrement,
.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:end:increment {
    display: block;
}


/* Turn off the down area up on top, and up area on bottom */

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:vertical:start:increment,
.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* Place The scroll down button at the bottom */

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url(../images/arrow-down.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url(../images/arrow-up.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/* Place The scroll down button at the bottom */

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content div#form_packageForm_tabs+.w2ui-page::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/** Package CSS **/

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs table .w2ui-tab {
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs table .w2ui-tab-close {
    position: absolute;
    right: 0px;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs td {
    position: relative;
}


/** Output Page Css **/

#optionList .w2ui-field {
    width: 25%;
    float: left;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

#optionList .w2ui-group {
    width: 100%;
    float: left;
}

#optionList .w2ui-group-title {
    width: 100%;
    float: left;
}

#optionList .w2ui-field div {
    margin: 0;
    float: left;
    display: flex;
    align-items: center;
}

#optionList .w2ui-field label {
    display: none;
}

#optionList .w2ui-field div input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    border: 1px solid #f00;
}

@media (max-width:820px) {
    #optionList .w2ui-field div input[type="checkbox"] {
        min-width: 15px;
        width: 15px;
    }
}

#optionList .w2ui-field div input[type="checkbox"]+span {
    font-size: 13px;
}

div#optionList {
    background: #fff;
    box-shadow: 0px 0px 5px #7c7c7c91;
    border: none;
}

.data-job span.price-conf#totalPrice.pricing-error .color-price {
    background: #c10808;
    /*border-radius: 4px;*/
    padding: 9px 7px 5px;
    line-height: 10px;
    color: #fff;
}

.data-job span.price-conf#totalPrice.pricing-warning .color-price {
    background: #eb9800;
    /*border-radius: 4px;*/
    padding: 9px 7px 5px;
    line-height: 10px;
    color: #fff;
}

.data-job span.price-conf#totalPrice.pricing-error button#totalPriceBtn,
.data-job span.price-conf#totalPrice.pricing-warning button#totalPriceBtn {
    margin: 0px 0 0 8px !important;
}

div#optionList .w2ui-group-title {
    background-color: #137bc4;
    font-family: 'Roboto', sans-serif;
    text-shadow: none;
    color: #fff;
    font-size: 15px;
    padding: 12px 15px 10px;
    line-height: 15px;
    text-align: left;
    margin-bottom: 8px;
}


/** Same Table UI CSS - Package Left   **/

.package-page #layout_baseLayout_panel_left {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar td table td {
    color: #fff;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button {
    padding: 0 3px;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.over .w2ui-tb-image span,
.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.package-page #layout_baseLayout_panel_left div#grid_packageList_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records {
    border: 1px solid #ddd;
    border-top: none;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-even {
    background: #f7fcff;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-odd {
    background: #fff;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr td {
    padding: 0px 3px;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr {
    border-top: 1px solid #ddd;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-odd .btn-actionss,
.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-odd .btn-actionss button,
.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-odd .btn-actionss button:hover,
.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tbody tr td:first-child {
    overflow: visible;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_grid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_grid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.package-page #layout_baseLayout_panel_left div#grid_grid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.package-page #layout_baseLayout_panel_left div#grid_grid_footer div {
    display: block;
    height: 100%;
}

.package-page.builderpage div#grid div#grid_packageList_body div#grid_packageList_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr.w2ui-selected,
.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr:hover {
    background-color: #e9ecef !important;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr td.w2ui-grid-data:nth-child(2) div.fa {
    font-size: 18px !important;
    margin: 0 !important;
    color: #7a7a7a;
}

.package-page #layout_baseLayout_panel_left div#grid_packageList_body div#grid_packageList_records tr td.w2ui-grid-data:nth-child(2) div.fa-check-square {
    color: #137bc4;
}


/**Package left ENd  **/


/** Same Table UI CSS - NON EDIT PAGES  **/


/** Package Right Css   **/

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main {
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
    border: 1px solid #137bc400;
    margin-bottom: 10px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar {
    background-color: #137bc4 !important;
    border: 1px solid #137bc4 !important;
    box-shadow: none;
    padding: 6px 6px 4px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td table td {
    color: #fff;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td table td .w2ui-tb-image span {
    color: #fff;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td table td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button {
    padding: 0px 0px;
    background: transparent;
    border: none;
    margin: 0;
    width: 100%;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.over table,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.checked table {
    background-color: #fbfbfb;
    padding: 1px 3px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button table {
    padding: 1px 3px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.over .w2ui-tb-image span,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4 !important;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.over td.w2ui-tb-caption,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4 !important;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.over td.w2ui-tb-down div,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border-top: 5px solid #2d85c3;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records {
    border: 1px solid #ddd;
    border-top: none;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-even {
    background: #f7fcff;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-odd {
    background: #fff;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr td {
    padding: 0px 3px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr {
    border-top: 1px solid #ddd;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-odd .btn-actionss,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-even .btn-actionss {
    display: flex;
    overflow: visible;
    padding: 5px 0px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-odd .btn-actionss button,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-even .btn-actionss button {
    padding: 4px 10px;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border-radius: 2px;
    font-weight: 500;
    background-color: #ffffff;
    color: #383838;
    border: 1px solid #000;
    border-radius: 4px !important;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-odd .btn-actionss button:hover,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-even .btn-actionss button:hover {
    background-color: #137bc4;
    border-color: #137bc4;
    color: #fff;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr .btn-actionss button:not(:first-child) {
    margin-left: 6px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tbody tr td:first-child {
    overflow: visible;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_grid_columns table td {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_grid_columns {
    border: 1px solid #c5c5c5;
    border-bottom: none;
    border-top: none;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr .btn-actionss .fa {
    margin: 0 6px;
    font-size: 16px;
    color: orange;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_grid_footer {
    background: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_grid_footer div {
    display: block;
    height: 100%;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr td.w2ui-grid-data:nth-child(2) div,
.package-page.builderpage div#grid div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr td.w2ui-grid-data:nth-child(1) div {
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    text-decoration: none !important;
    color: #137bc4;
    opacity: 1;
    font-size: 11px;
    cursor: pointer;
}

.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr.w2ui-selected,
.package-page #layout_baseLayout_panel_main #layout_packageLayout_panel_main div#grid_MaterialsGrid_body div#grid_MaterialsGrid_records tr:hover {
    background-color: #e9ecef !important;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_main div#grid_MaterialsGrid_columns td.w2ui-head {
    background: #ffffff;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 0px 5px;
    border-bottom: none;
    color: #137bc4;
    font-weight: 500;
}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar {
    background: #137bc4;
    font-family: 'Roboto', sans-serif;
    padding: 8px 6px;
    height: 40px;
}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 {}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 table {
    font-family: 'Roboto', sans-serif;
    color: #fff;
}

div#baseLayout.package-page div#layout_baseLayout_panel_top {
    background: #137bc4;
}

div#baseLayout.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button {
    padding: 2px 3px;
}

div#baseLayout.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td {
    color: #fff;
}

div#baseLayout.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td .w2ui-tb-image {
    margin: 0px 4px 0 0 !important;
    border: 0 !important;
    text-align: center;
    font-size: 15px;
}

div#baseLayout.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button table td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
}

div#baseLayout.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar table.w2ui-button.over table td {
    color: #137bc4;
}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#packageClass {
    margin-right: 4px;
}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#activeDist {
    margin-left: 5px;
}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#packageClass {
    margin-right: 4px;
}

.package-page div#layout_baseLayout_panel_top .w2ui-panel-toolbar td#tb_baseLayout_top_toolbar_item_item1 select#activeDist {
    margin-left: 5px;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content {
    background: #fff;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content .w2ui-page label {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #343434;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content input,
.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .select {
    padding: 4px;
    border: 1px solid #bbb;
    border-radius: 3px;
    color: #000;
    background-color: #fff;
    height: 32px;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content .w2ui-page .w2ui-field button#saveCanned {
    color: #fff;
    background: #137bc4;
    border: 1px solid #137bc4;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    padding: 6px 10px 5px !important;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content .w2ui-page .w2ui-field button#saveCanned:hover {
    opacity: 0.8;
    cursor: pointer;
}


/** Package Pasge CSS - NON EDIT PAGES  **/

.no-starting-model {
    position: relative;
    margin-bottom: 20px;
}

.no-starting-model ul.btn-anothers {
    position: relative;
    margin: 0;
}

.custom_list_holder ul {
    justify-content: flex-end;
}


/** Buton CSS Landing page JOB - JOb List Table **/

.same-ui-table .btn-actionss button.View,
.same-ui-table .btn-actionss button.Edit,
.same-ui-table .btn-actionss button.Prep,
.same-ui-table .btn-actionss button.Delete {
    min-width: 40px;
    padding: 4px 4px !important;
}

.same-ui-table .btn-actionss button.Outputs {
    min-width: 60px;
    padding: 4px 4px !important;
}

.same-ui-table .btn-actionss button.Prep.for.Order,
.same-ui-table .btn-actionss button.Make.Quote,
.same-ui-table .btn-actionss button.Make.Order,
.same-ui-table .btn-actionss button.Take.Job,
.same-ui-table .btn-actionss button.Amend {
    min-width: 88px;
    padding: 4px 4px !important;
}


/* Login Page UI New 31Jan2022 **/

section#loginForm form .validation-summary-errors ul {
    list-style-type: none;
    padding: 0;
}

section#loginForm {
    max-width: 540px;
    padding: 30px;
    margin: 0 auto 40px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

.logo-smartbuild {
    text-align: center;
    margin-bottom: 35px;
}

.logo-smartbuild img {
    width: 100%;
    max-width: 250px;
    margin: 0 auto;
}

section#loginForm .logo-smartbuild img {
    width: auto;
    max-width: 200px;
}

section#loginForm h2 {
    text-align: center;
    max-width: 350px;
    margin: 20px auto 20px;
    color: #2e2e2e;
    font-weight: 600;
    font-size: 30px;
}

section#loginForm form label {
    text-align: left;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4c4c4c;
}

section#loginForm form {
    width: 100%;
    max-width: 350px;
    margin: 0 auto;
}

section#loginForm form input {
    max-width: 100%;
    height: 42px;
}


/* section#loginForm form span.field-validation-error {
        font-size: 12px;
    }
*/

section#loginForm form .checkbox {
    padding: 0 0 0 23px;
    margin-top: 10px;
}

section#loginForm form .checkbox input {
    height: auto;
}

section#loginForm form .checkbox label {
    font-size: 14px;
}

section#loginForm {
    margin: 50px auto 30px;
    position: relative;
}

section#loginForm .validation-summary-errors.text-danger {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    text-align: center;
    font-size: 18px;
}

section#loginForm input[type="submit"] {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background-color: #137bc4;
    min-width: 140px;
    justify-content: center;
    margin: 0 auto;
    border: none;
}

section#loginForm input[type="submit"]:hover {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

.otherlog-links {
    margin-top: 22px;
}

.otherlog-links p a {
    color: #137bc4;
}

.otherlog-links p {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #3e3e3e;
    font-size: 16px;
}

.otherlog-links p a:hover {
    text-decoration: none;
    color: #0f5c93;
}


/** Register page UI */

.form-register {
    max-width: 700px;
    padding: 30px;
    margin: 50px auto 40px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
    display: grid;
}

.btn-regi {
    float: left;
}

.form-register .form-horizontal label {
    text-align: left;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4c4c4c;
}

.form-register .form-horizontal input {
    max-width: 100%;
    height: 42px;
}

.form-register form {
    width: 100%;
    margin: 0 auto;
}

.form-register form h2 {
    text-align: center;
}

.form-register h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0 0 10px 0;
    display: block;
    line-height: 35px;
    font-size: 30px;
}

.form-register form h2+p {
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.form-register form h2+p a {
    color: #137bc4;
}

.form-register form h2 span {
    display: block;
    color: #137bc4;
    font-size: 25px;
}

.form-register .form-horizontal input[type="submit"] {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background-color: #137bc4;
    min-width: 140px;
    justify-content: center;
    margin-top: 14px;
    border: none;
    float: right;
}

.form-register .form-horizontal input[type="submit"]:hover {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

.form-register form h2+.welcom-desc {
    max-width: 600px;
    margin: 15px auto 40px;
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.form-register form h2+.welcom-desc+p {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
    padding: 0 15px;
}

.form-register form h2+.welcom-desc ul {
    list-style-type: none;
    display: flex;
    padding: 0;
    text-align: center;
    justify-content: center;
}

.form-register form h2+.welcom-desc ul li:not(:first-child) {
    margin-left: 14px;
}

.form-register form h2+.welcom-desc ul a {
    margin-left: 6px;
    padding-right: 5px;
}

section.forgot_confirm.reset-pwd-confirm p a {
    color: #137bc4;
}


/** error reset password page **/

section.resetpasswordLink .resetFormLink .form-group {
    position: relative;
    margin-bottom: 30px;
}


/** error reset password page **/

.data-confirm_reset.error-reset {
    text-align: center;
}

.data-confirm_reset.error-reset hgroup.title h1 {
    color: #b62d2d;
    font-weight: 600;
}

.data-confirm_reset.error-reset .error-info {
    color: #525252;
}

.data-confirm_reset.error-reset hgroup.title+.text-danger {
    width: 100%;
    max-width: 360px;
}


/** Forgot Password */

.forgot-box form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.forgot-box {
    max-width: 500px;
    padding: 30px;
    margin: 50px auto 40px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

.forgot-box form {
    max-width: 330px;
    margin: 30px auto 0;
}

.forgot-box form.form-horizontal label {
    text-align: left;
    margin-bottom: 5px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4c4c4c;
}

.forgot-box form.form-horizontal input {
    max-width: 100%;
    height: 42px;
}

.forgot-box form.form-horizontal input[type="submit"] {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background-color: #137bc4;
    min-width: 140px;
    justify-content: center;
    margin: 0 auto;
    border: none;
}

.forgot-box form.form-horizontal input[type="submit"]:hover {
    opacity: 0.8;
    text-decoration: none;
    cursor: pointer;
}

.forgot-box h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 10px 0 11px 0 !important;
    display: block;
    text-align: center;
    font-size: 25px;
}

.container.body-content.new-ui-content h2+p {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    color: #747474;
}


/** Inactive User **/

section.forgot_confirm.inactive-user .data-confirm_reset ul {
    list-style-type: none;
    padding: 0;
    max-width: 310px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
}

section.forgot_confirm.inactive-user .data-confirm_reset p {
    margin: 4px 0 10px 0;
}


/** Edit color code details **/

section#editcolorui .report-ui-content input {
    width: 100%;
    max-width: 300px;
    height: 35px;
}

section#editcolorui .report-ui-content .form-horizontal {
    max-width: 300px;
    margin: 0 auto 0px;
}

section.content-middle-section.coloredit-page {
    float: left;
    width: 100%;
}

section#editcolorui .report-ui-content .form-horizontal .btn-blue-center input[type="submit"] {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
    margin: 0 auto;
}

.back-link {
    width: 100%;
    float: left;
    margin-bottom: 12px;
    position: relative;
}

.back-link span.icon-sm svg {
    width: 7px;
    color: #fff;
}

.back-link a {
    background: #137bc4;
    padding: 9px 11px 7px 25px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: fit-content;
    text-decoration: none;
}

.back-link span.icon-sm {
    position: absolute;
    top: 9px;
    left: 10px;
    height: 18px;
    z-index: 1;
}

.back-link a:hover {
    opacity: 0.9;
    text-decoration: none;
}

.back-link a:hover~span.icon-sm svg {
    color: #fff;
}

section#editcolorui .report-ui-content .form-horizontal .btn-blue-center input[type="submit"]:hover {
    opacity: 0.9;
    text-decoration: none;
}


/** Detail color page css **/

.shadoow-box {
    padding: 0 0;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}
.navbar-brand img {
    max-height: inherit !important;
}
.delete-page-sec .report-ui-content .control-label {
    flex: 0 1 110px;
    white-space: nowrap;
    padding-right: 0;
    padding-top: 0;
}
h4.delete-confirm-title {
    margin-bottom: 20px;
}
.delete-page-sec .report-ui-content .form-group {
    display: flex;
    align-items: center;
}
.report-ui .reportTW-ui-inner {
    padding: 0 0;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}
.reportTW-ui-inner input.btn.btn-default {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
    margin: 0 auto;
    width: 100%;
}
.reportTW-ui-inner .form-actions {
    margin-top: 10px;
}
.reportTW-ui-inner .report-ui-content {
    padding-right: 15px;
    padding-left: 15px;
}
    .reportTW-ui-inner .report-ui-content dt {
        text-align: left;
        margin-bottom: 15px;
    }
section.content-middle-section.colordetail-page {}

    section.content-middle-section.colordetail-page ul.pagi-actions li a {
        background: #137bc4;
        padding: 9px 11px 7px 25px;
        color: #fff;
        border-radius: 3px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 14px;
        box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
        display: flex;
        text-decoration: none;
        align-items: center;
        justify-content: center;
        border: none;
        width: fit-content;
    }

section.content-middle-section.colordetail-page ul.pagi-actions {
    padding: 0;
    list-style-type: none;
    display: flex;
}

section.content-middle-section.colordetail-page ul.pagi-actions li:not(:first-child) {
    margin-left: 7px;
}

section.content-middle-section.colordetail-page ul.pagi-actions li a:hover {
    opacity: 0.9;
    text-decoration: none;
}

section.content-middle-section.colordetail-page .shadoow-box {
    margin-bottom: 18px;
}

section.content-middle-section.colordetail-page .shadoow-box .report-ui-content {
    padding: 20px 8px;
    font-family: 'Roboto', sans-serif;
}

section.content-middle-section.colordetail-page .shadoow-box .report-ui-content td:first-child {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

section.content-middle-section.colordetail-page .shadoow-box .report-ui-content td {
    padding: 4px 10px;
}

section#editcolorui ul.pagi-actions li {
    position: relative;
}
    section#editcolorui ul.pagi-actions li.pagi-action-edit {
        margin:auto;
    }

section#editcolorui ul.pagi-actions span.icon-sm {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 18px;
    z-index: 1;
}

section#editcolorui ul.pagi-actions span.icon-sm svg {
    width: 6px;
    color: #fff;
}

section#editcolorui ul.pagi-actions span.icon-sm.edi-ico {
    top: 9px;
    left: 7px;
}

section#editcolorui ul.pagi-actions span.icon-sm.edi-ico svg {
    width: 16px;
    fill: #fff;
}

section#editcolorui ul.pagi-actions span.icon-sm.edi-ico~a {
    padding-left: 28px;
}


/** Reset password Form page */

.btn-resetConfirm {
    margin-top: 12px;
}

.resetFormLink {
    max-width: 500px;
    padding: 30px;
    margin: 50px auto 40px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

.resetFormLink h2 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 20px 0 5px 0 !important;
    display: block;
    text-align: center;
    font-size: 25px;
}

.resetFormLink label {
    text-align: left !important;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #4c4c4c;
}

.resetFormLink form {
    max-width: 340px;
    margin: 0 auto;
}

.resetFormLink form input {
    max-width: 100%;
    height: 42px;
}

.resetFormLink form .btn-resetConfirm {
    text-align: center;
}

.resetFormLink form .btn-resetConfirm input {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background-color: #137bc4;
    min-width: 140px;
    justify-content: center;
    margin: 0 auto;
    border: none;
}

.resetFormLink form .btn-resetConfirm input:hover {
    opacity: 0.9;
    cursor: pointer;
}


/** Forgot password confirmation page */

.data-confirm_reset {
    max-width: 500px;
    padding: 30px;
    margin: 50px auto 40px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.data-confirm_reset .img-mail {
    text-align: center;
    margin-bottom: 25px;
}

.data-confirm_reset .img-mail img {
    max-width: 64px;
    margin: 0 auto;
}

.data-confirm_reset hgroup.title {
    text-align: center;
}

.data-confirm_reset hgroup.title h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    margin: 0px 0 5px 0 !important;
    display: block;
    text-align: center;
    font-size: 25px;
}

.data-confirm_reset p {
    text-align: center;
    margin-bottom: 25px;
    font-family: 'Roboto', sans-serif;
}

section.forgot_confirm.conf-email .data-confirm_reset p {
    max-width: 270px;
}

section.forgot_confirm.conf-email .data-confirm_reset p a {
    color: #137bc4;
}


/** Send Code **/

section.forgot_confirm.sencode-email {}

section.forgot_confirm.sencode-email form.form-horizontal {
    width: 100%;
    text-align: center;
}

section.forgot_confirm.sencode-email form.form-horizontal .selection-inline {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

section.forgot_confirm.sencode-email form.form-horizontal label {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

section.forgot_confirm.sencode-email form.form-horizontal .selection-inline input[type="submit"] {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background: #137bc4;
    border: none;
    margin-left: 8px;
}

section.forgot_confirm.sencode-email form.form-horizontal .selection-inline select {
    height: 37px;
    font-family: 'Roboto', sans-serif;
}

section.forgot_confirm.sencode-email form.form-horizontal .selection-inline select option {
    border-radius: 0px;
}

section.forgot_confirm.sencode-email form.form-horizontal hgroup.title {
    margin: 0 0 10px 0;
}

section.forgot_confirm.sencode-email form.form-horizontal .selection-inline input[type="submit"]:hover,
section.forgot_confirm.sencode-email form.form-horizontal .selection-inline input[type="submit"]:focus {
    opacity: 0.9;
}


/** Info page Register **/

section.forgot_confirm.conf-account .data-confirm_reset p {
    max-width: 300px;
}


/** Verify Code*/

section.veri-email form {
    width: 100%;
}

section.veri-email form .form-group {
    max-width: 280px;
    margin: 0 auto;
}

section.veri-email form .form-group input {
    width: 100%;
    margin: 0;
    max-width: 100%;
    height: 44px;
}

section.veri-email form .form-group .checkbox {
    padding-left: 0px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

section.veri-email form .form-group .checkbox input {
    width: auto;
    min-width: auto;
    height: auto;
}

section.veri-email form .form-group .checkbox label {
    margin-left: 6px;
}

section.veri-email hgroup.title h1 {
    margin-bottom: 14px !important;
}

section.veri-email input[type="submit"] {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background: #137bc4;
    border: none;
    text-align: center;
    justify-content: center;
    max-width: 100px !important;
    margin: 0 auto !important;
}


/** Update Disclaimer */

.root-disc {
    padding: 0;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
    margin-bottom: 30px;
    max-width: 550px;
}

.root-disc h2 {
    background-color: #f5fbff;
    padding: 11px 10px;
    font-size: 24px;
}

.root-disc form#page-form {
    padding: 14px 30px;
}

.root-disc form#page-form+div {
    padding: 0 30px 20px;
}

.root-disc form#page-form+div a {
    color: #137bc4;
}

.root-disc form#page-form h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.root-disc form#page-form label {
    text-align: left;
    color: #303030;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
}

.root-disc form#page-form select {
    max-width: 100%;
    height: 40px;
}

.root-disc form#page-form .checkbox {}

.root-disc form#page-form .checkbox label {
    font-weight: 400;
}

.root-disc form#page-form input[type="submit"] {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background-color: #137bc4;
    min-width: 140px;
    justify-content: center;
    border: none;
}

.root-disc form#page-form input[type="submit"]:hover {
    opacity: 0.9;
}


/** Setup Wizard  **/

.footer-pagination .left-pag button:focus,
.footer-pagination .right-pag button:focus {
    outline: none;
}

.footer-pagination .left-pag button:hover,
.footer-pagination .right-pag button:hover,
footer-pagination .right-pag button:active {
    opacity: 0.9;
    text-shadow: none !important;
}

.footer-pagination .left-pag button {
    background-color: #137bc4 !important;
    padding: 7px 12px 6px 12px !important;
    border-radius: 3px;
    color: #fff;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    line-height: 20px !important;
    min-width: 95px;
    justify-content: center;
    height: 34px;
    background-image: none !important;
    border: none !important;
    text-shadow: none !important;
}

.footer-pagination .left-pag button svg {
    width: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-pagination .left-pag {
    display: flex;
}

.footer-pagination .left-pag button#btnNext span.ico-pagin {
    margin-left: 8px;
}

.footer-pagination .left-pag button#btnPrevious span.ico-pagin {
    margin-right: 8px;
}

.footer-pagination .right-pag {
    display: flex;
}

.footer-pagination .right-pag button {
    background-color: #137bc4 !important;
    padding: 7px 12px 6px 12px !important;
    border-radius: 3px;
    color: #fff;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    line-height: 20px !important;
    min-width: 95px;
    justify-content: center;
    height: 34px;
    background-image: none !important;
    border: none !important;
}

.footer-pagination button:hover {
    cursor: pointer;
}

.footer-pagination .right-pag button#btnFinish {
    background: #4caf60 !important;
}

.footer-pagination .right-pag button#btnFinish svg {
    width: 13px;
}

.footer-pagination .right-pag button#btnFinish span.icon-sm.sav-icon {
    margin-right: 8px;
    display: flex;
}

.footer-pagination {
    float: left;
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ebebeb;
    padding: 8px 6px 8px;
}

.tabs-wizrd {
    background: #fff;
    border: 1px solid #ebebeb;
    box-shadow: 0px 1px 2px #f7f7f7;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.tabs-wizrd #tb_grid_toolbar_item_w2ui-search-advanced
{
    display:none;
}

.tabs-wizrd .tabs-wizrd-content {
    padding: 7px 15px;
    float: left;
    width: 100%;
    display: block;
    height: 560px;
}

.tabs-wizrd ol#breadcrumbs {
    margin: 0;
}

.tabs-wizrd ol#breadcrumbs {
    background: #f9f9f9;
    padding: 2px 2px;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0px;
}

.tabs-wizrd ol#breadcrumbs li {
    color: #4e4e4e;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background: #ffffff;
    padding: 4px 9px;
    margin: 2px;
    border-radius: 3px;
    border: 1px solid #ededed;
}

.tabs-wizrd ol#breadcrumbs li:hover {
    color: #ffa500;
}

.tabs-wizrd ol#breadcrumbs li:before {
    display: none;
}

.tabs-wizrd ol#breadcrumbs li.active {
    background: #137bc4;
    color: #fff;
}

.same-ui-table div#grid div#grid_grid_toolbar {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
}

.same-ui-table div#detail div#partcosts div#grid_partcosts_body div#grid_partcosts_columns td .w2ui-col-header,
.same-ui-table div#detail div#partcosts div#grid_partcosts_body div#grid_partcosts_columns td.w2ui-head.w2ui-head-last div {
    background-color: #137bc4;
    border: 1px solid #137bc4;
    box-shadow: none;
    height: 40px !important;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.same-ui-table div#detail div#partcosts div#grid_partcosts_body div#grid_partcosts_columns td {
    border: none;
}

.same-ui-table div#detail div#partcosts div#grid_partcosts_body div#grid_partcosts_records tr.w2ui-even {
    background-color: #f7fcff;
}

.same-ui-table div#detail div#partcosts div#grid_partcosts_body div#grid_partcosts_records td {
    border-top: 1px solid #ddd;
}

.same-ui-table div#detail div#partcosts div#grid_partcosts_body div#grid_partcosts_records tr.w2ui-odd:hover {
    background-color: #e9ecef !important;
}


/** Customize Css UI change */

.wrapp-customize {
    padding-top: 64px;
}

.wrapp-customize .floating-save {
    position: fixed;
    top: 70px;
    width: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 999;
    padding: 20px 0 15px;
    box-shadow: 0px 0px 1px #cbcbcb;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download {
    margin: 0;
    float: right;
}

.wrapp-customize .floating-save .container h2.title-head {
    margin: 0;
    float: left;
}

.fiel-alignn {
    display: flex;
}

.fiel-alignn label.control-label {
    padding-left: 0px;
}

.wrapp-customize form textarea,
.wrapp-customize form input,
.wrapp-customize form select {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.wrapp-customize .floating-save .container h2.title-head {
    font-size: 22px;
}

.wrapp-customize .floating-save .container h2.title-head select#activeDist {
    font-size: 16px;
    height: 34px;
    margin-left: 10px;
}


/** Payment Schedule **/

.container.body-content.new-ui-content h2.paym-schedule select {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    height: 32px;
}

.container.body-content.new-ui-content h2.paym-schedule+.same-ui-table {
    margin-bottom: 20px;
}


/** Starting Model **/

.container.body-content.new-ui-content h2.starting-modal-heading+.same-ui-table {
    margin-bottom: 20px;
}


/** Locked Out Screen **/

section.forgot_confirm.user-locked-ui .data-confirm_reset .locked-img img {
    width: 100%;
    max-width: 110px;
}

section.forgot_confirm.user-locked-ui .data-confirm_reset .content-userlocked {
    text-align: center;
    margin-bottom: 30px;
}

section.forgot_confirm.user-locked-ui .data-confirm_reset .content-userlocked h1 {
    font-family: 'Roboto', sans-serif;
    font-size: 28px;
    color: #c70000;
}

section.forgot_confirm.user-locked-ui .data-confirm_reset .content-userlocked p {
    text-align: center;
    font-size: 20px;
    color: #545454;
    max-width: 320px;
}


/** End Css */


/** Distributor CSS **/

.container.body-content.new-ui-content input.dcreate {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
}

section#distb-details .report-ui-content {
    padding: 20px 17px;
}

section#distb-details .shadoow-box {
    margin-bottom: 18px;
}


/** END CSS **/


/** Product System CSS **/

.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button td.w2ui-tb-caption,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button td.w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 4px 0px 0px;
}

.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button {
    padding: 0px 4px 0px 0px;
}

.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button.over,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button.over {
    background-color: #ffffff;
    border: 1px solid #ffffff;
    cursor: pointer;
    padding: 0px 4px 0px 0px;
}

.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button.over td.w2ui-tb-caption,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button.over td.w2ui-tb-caption {
    color: #137bc4 !important;
    cursor: pointer;
    margin: 0;
    padding: 4px 4px 0px 0px;
}

.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button.over .w2ui-tb-image span,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button.over .w2ui-tb-image span,
.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button.checked .w2ui-tb-image span,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button.checked .w2ui-tb-image span {
    color: #137bc4 !important;
    cursor: pointer;
}

.productWraper div#materialSelectionGrid .w2ui-grid-toolbar table.w2ui-button .w2ui-tb-image span,
.productWraper div#colorSelectionGrid .w2ui-grid-toolbar table.w2ui-button .w2ui-tb-image span {
    margin-top: 0px;
}

div#w2ui-popup button {
    background-color: #137bc4;
    background-image: none;
    color: white;
    padding: 10px 10px 8px;
    border: none;
    cursor: pointer;
}

div#w2ui-popup button#buttonDoorWindow {
    background-color: #137bc4 !important;
    line-height: 15px !important;
}

div#w2ui-popup button#buttonDoorWindow:focus,
div#w2ui-popup button#buttonDoorWindow:hover {
    outline: none;
    background-color: #0b5e98 !important;
}

#w2ui-popup .w2ui-toolbar table.w2ui-button .w2ui-tb-image span.w2ui-icon-plus {
    color: #fff;
}


/** Upload Truss List **/

section#upload-truss-list .report-ui-content li {
    list-style-type: none;
}

section#upload-truss-list .report-ui-content ul {
    padding: 0 15px;
}

section#upload-truss-list .report-ui-content ul .form-uplodd {
    margin: 15px 0 0 0;
    text-align: center;
}

section#upload-truss-list .report-ui-content li span.txtbold {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
}

section#upload-truss-list .report-ui-content ul .form-uplodd input#fileBox {
    margin: 0 auto 10px;
    max-width: 240px;
    padding: 20px 20px;
}

section#upload-truss-list .report-ui-content ul .form-uplodd button {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 12px 20px 10px !important;
    border: none;
    border-radius: 4px;
    max-width: 180px;
    width: 100%;
    margin: 0 auto;
}

section#framingrules-remove .report-ui-header h3 {
    justify-content: flex-start;
}

section#framingrules-remove input[type="submit"] {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 12px 20px 10px !important;
    border: none;
    border-radius: 4px;
    max-width: 120px;
    width: 100%;
    margin: 15px auto 8px;
}

section#framingrules-remove .report-ui-content h3 {
    margin: 0 0 20px 0;
    padding: 0 14px;
    font-family: 'Roboto', sans-serif;
}
.jobGrid .w2ui-grid-body td:nth-child(3) > div {
    cursor: pointer;
}

.w2ui-popup .w2ui-popup-title-btns {
    float: right;
    margin: 10px 10px 0 0;
    font-size: 17px;
    width: 100%;
    margin: 0;
    padding: 10px;
    background: #137bc4;
}
#w2ui-popup .w2ui-box {
    padding-top: 43px !important;
}
.w2ui-popup .w2ui-popup-title-btns {
    float: right;
    margin: 0 !important;
    font-size: 17px;
    position: absolute;
    top: 0;
    z-index: 1000;
}
    .w2ui-popup .w2ui-popup-title-btns .w2ui-popup-button span.w2ui-icon {
        background: #fff;
        padding: 2px 0;
        text-align: center;
    }
.w2ui-popup .w2ui-popup-body {
    height: calc(100% - 53px) !important;
}
.details-wrap dl.dl-horizontal {
    font-size: 13px;
    color: #000;
}
.w2ui-popup .w2ui-popup-body {
    line-height: 100% !important;
    overflow-x: hidden !important;
}
#popupContent {
    height: calc(100% - 20px) !important;
}
.details-wrap .dl-horizontal dt {
    text-align: left;
    color: #000;
    font-size: 13px;
    margin-bottom: 3px;
}
/** Media Queries **/
@media (min-width:1200px) and (max-width:1365px) {
    section #loginForm {
        margin: 15px auto;
        max-width: 400px;
    }
    section#loginForm h2 {
        margin: 0 auto 15px;
    }
    section#loginForm form.form-horizontal {
        max-width: 280px;
    }
    section#loginForm form.form-horizontal label {
        font-size: 12px;
    }
    section#loginForm h2 {
        font-size: 25px;
    }
    section#loginForm form input {
        height: 38px;
    }
    section#loginForm .otherlog-links p {
        font-size: 14px;
        margin: 0 0 4px 0;
    }
}

@media (min-width:1200px) and (max-width:1366px) {
    div#w2ui-overlay.my-calss {
        min-width: 480px !important;
        max-width: 480px;
    }
}

@media (max-width:1199px) {
    div.wrapp-customize .floating-save {
        top: 66px;
    }
    .dropdown-menu {
        position: unset;
        width: 100%;
        padding: 5px 0;
        font-size: 14px;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: 0 0 0 0;
        box-shadow: 0 0 0 0;
    }
    table.tble-homepage.table-btn-link td.desc-text {
        max-width: 250px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .navbar.new-ui-header a.navbar-brand img {
        margin-top: 4px;
        width: 218px;
        height: 60px;
        max-width: none;
    }
    div#primaryToolbar table {
        width: 100% !important;
        max-width: 100% !important;
    }
    div#primaryToolbar table td#tb_editToolbar_item_header .navbar-content .jobtitlename {
        max-width: 160px;
    }
    form#logoutForm li.dropdown.open .caret:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f107";
        position: absolute;
        left: 3px;
        color: #d1d1d1;
        font-size: 17px;
        top: 0px;
        margin: -3px 0 0 0px;
    }
    form#logoutForm li.dropdown span.caret {
        border: none;
        position: relative;
        width: 15px;
        height: 15px;
    }
    form#logoutForm li.dropdown .caret:before {
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\f105";
        position: absolute;
        left: 3px;
        color: #d1d1d1;
        font-size: 17px;
        top: 0px;
        margin: -3px 0 0 0px;
    }
    form#logoutForm li.dropdown ul.dropdown-menu li a {
        color: #fff;
        padding: 5px 15px 5px 25px;
    }
    .tabs-wizrd .tabs-wizrd-content.wizrd-content {
        height: auto;
    }
    table.tble-homepage.table-btn-link a.btn-link {
        display: inline-block;
        margin-bottom: 10px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    div#primaryToolbar td#tb_editToolbar_item_outputs .w2ui-button,
    div#primaryToolbar td#tb_editToolbar_item_nextstatus .w2ui-button,
    div#primaryToolbar td#tb_editToolbar_item_print .w2ui-button,
    div#primaryToolbar td#tb_editToolbar_item_save .w2ui-button {
        padding: 5px 0px 2px !important;
        width: 100% !important;
        min-width: 60px !important;
        max-width: 80px !important;
    }
    div#middleToolbar td.w2ui-tb-caption {
        padding: 11px 18px 12px !important;
    }
    div#w2ui-overlay.my-calss {
        min-width: 450px !important;
        max-width: 450px;
    }
    .navbar.navbar-fixed-top .navbar-header {
        width: 100%;
    }
    .report-ui form .report-ui-content .row input[type="text"],
    .report-ui form .report-ui-content .row select,
    .report-ui form .report-ui-content .row label {
        width: 100% !important;
        max-width: 100%;
    }
    .report-ui form .report-ui-content .row.chkbox {
        display: flex;
        align-items: center;
    }
    .report-ui form .report-ui-content .row.chkbox label {
        width: 100px !important;
        float: left;
        order: 2;
        margin: 2px 0 0 0;
    }
    .report-ui .report-ui-content input[type="checkbox"] {
        width: 22px !important;
        margin: 0;
    }
}

@media (max-width:1024px) and (min-width:768px) {
    div.container.body-content.new-ui-content .download-output-title .sec-heading-title {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        max-width: 400px;
        width: 100%;
    }
    .package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content .w2ui-page .w2ui-field button#saveCanned {
        float: left !important;
    }
}

@media (max-width:768px) and (min-width:768px) {
    .table-responsive>.table>tbody>tr>td.starting-models-actions-x {
        white-space: inherit;
    }
}

@media (min-width:768px) and (max-width:1199px) {
    .tabs-wizrd .tabs-wizrd-content.wizrd-content.same-ui-table div#detail [class*="col-"] {
        width: 100% !important;
    }
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu>li>a {
        line-height: 20px;
    }
    div#baseLayout div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar {
        padding-top: 5px;
    }
    div#baseLayout div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table .w2ui-tb-image {
        width: 14px;
        height: 14px;
    }
    div#baseLayout div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td.w2ui-tb-caption {
        font-size: 10px;
        line-height: 20px;
    }
    div#baseLayout div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar table .w2ui-tb-image span {
        font-size: 14px;
    }
    div#baseLayout div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td#tb_MaterialsGrid_toolbar_item_addmisc .w2ui-tb-image,
    div#baseLayout div#layout_packageLayout_panel_main div#grid_MaterialsGrid_toolbar td#tb_MaterialsGrid_toolbar_item_addcat .w2ui-tb-image {
        margin: -2px 2px 0px 0 !important;
    }
    .navbar.new-ui-header .container {
        padding: 0;
    }
    form#logoutForm {
        float: left !important;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }
    .navbar.new-ui-header button.navbar-toggle span.icon-bar {
        background-color: #fff;
    }
    .navbar-toggle {
        display: block !important;
        position: absolute;
        right: 9px;
        top: 17px;
        margin: 0;
    }
    ul.nav.navbar-nav {
        width: 100%;
        margin: 0;
    }
    ul.nav.navbar-nav li {
        display: block;
        width: 100%;
    }
    ul.nav li a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
        line-height: 20px !important;
        height: auto !important;
    }
    ul.nav.navbar-nav.navbar-right {
        margin: 0 !important;
    }
    .navbar.navbar-fixed-top.new-ui-header .container {
        max-width: 100%;
    }
    .navbar.navbar-fixed-top .navbar-collapse {
        float: left;
        width: 100%;
    }
    .navbar.navbar-fixed-top .navbar-header {
        width: 100%;
        padding: 0 15px;
    }
}

@media (max-width:991px) {
    .row-eq-height.material-edit-content {
        min-height: auto;
    }
    .material-edit-content label.control-label.col-md-4 {
        padding-left: 16px;
        margin-bottom: 10px;
    }
    .material-edit-content .createForm {
        margin-bottom: 10px !important;
    }
    .material-edit-content .report-ui-content {
        padding: 0px 16px;
    }
    table.tble-homepage span.btn-link {
        margin-bottom: 6px;
        display: block;
        width: 100%;
        max-width: 100px;
    }
    table.tble-homepage tbody tr td:not(:last-child) {
        vertical-align: middle;
        text-align: center;
    }
    table.tble-homepage tbody tr td:not(:last-child) {}
    .form-register .form-horizontal input[type="submit"] {
        float: none;
    }
    .form-register {
        margin-top: 10px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .create-form-sec-wrap label.control-label {
        margin-bottom: 10px;
        padding-left: 15px !important;
    }
    .container.body-content.new-ui-content .fix-height {
        flex-direction: column;
    }
    table.tble-homepage span.btn-link {
        float: left;
        max-width: 46%;
        margin: 4px;
    }
    .navbar.navbar-fixed-top .navbar-header {
        width: 100%;
    }
    .navbar.navbar-fixed-top .navbar-collapse li a {
        padding: 0px 10px;
    }
}

@media (min-width:640px) and (max-width:991px) {
    div table.tble-homepage span.btn-link {
        max-width: 90px;
        display: inline-block;
        float: left;
        margin-left: 6px;
    }
    div table.tble-homepage span.ed-not {
        margin: 24px 0 0 6px !important;
    }
}

@media (max-width:767px) {
    .form-register.register-form-wrap {
        padding: 30px 0px;
    }
    .navbar-nav > li.dropdown.show {
        display: inline-block !important;
    }
    .navbar-nav > li {
        width: 100%;
    }
    .delete-page-sec .btn-blue-center {
        display: inline-block;
        width: 100%;
    }
    .container.body-content.new-ui-content .table-responsive table.table {
        margin-top: 0 !important;
        margin-bottom: 0;
    }
    .form-register.register-form-wrap .sec-title,
    .form-register.register-form-wrap form h2 span {
        font-size: 22px;
    }
    .table-responsive {
        margin-top: 8px !important;
    }
    .coloredit-page #editcolorui label.control-label.col-md-4 {
        padding-left: 17px !important;
    }
    
    .color-create-wrap label.control-label.col-md-4 {
        padding-left: 15px;
        margin-bottom: 10px;
    }
    body .change-password-wrap .change-password-content {
        width: 100%;
    }
    body .createM .materialBtn {
        padding-left: 15px;
    }
    .container.body-content.new-ui-content .material-edit-wrap.createmat h2 {
        padding-left: 0px;
    }
    body .list-custom-heading.folderview .btn-groupz {
        display: block;
    }
    .list-custom-heading.folderview .btn-groupz #message {
        margin-top: 5px;
    }
    .container.body-content.new-ui-content .material-edit-wrap h2 {
        padding-left: 33px;
    }
    .material-form .sec-title {
        font-weight: 600;
    }
    div.list-custom-heading.folderview {
        flex-direction: column;
        align-items: baseline;
        position: relative;
    }
    .list-custom-heading.folderview button#saveDefaultButton {
        position: absolute;
        right: 10px;
        top: 16px;
    }
    .doorwindow-create .report-ui-content .control-label {
        padding-left: 16px;
        padding-bottom: 10px;
    }
    .doorwindow-create .space-top {
        margin-top: 20px;
    }
    #distb-details.details-wrap .report-ui-content td {
        word-break: break-all;
    }
    .quote-sec table td {
        word-break: break-word;
        padding-left: 44px !important;
    }
    .wrapp-customize .floating-save .container ul.bottom-btnlist-download.back-save-btn {
        float: left;
    }
    div.quote-sec {
        padding: 4px 0px;
    }
    .container.body-content.new-ui-content h2.sec-heading-title.download-output {
        margin-bottom: 60px;
    }
    div.framingDetaiss .dl-horizontal dd {
        margin-left: 0px;
        word-break: break-word;
    }
    div.wrapp-customize {
        padding-top: 100px;
    }
    .wrapp-customize .floating-save h2.title-head {
        font-size: 22px !important;
        float: none !important;
        text-align: center;
        margin: 0 0 12px 0 !important;
    }
    .wrapp-customize .floating-save .container ul.bottom-btnlist-download {
        float: none;
        text-align: center;
        justify-content: center;
    }
    .navbar.new-ui-header a.navbar-brand {
        padding: 0px 3px 0px;
    }
    form#page-form.form-manage {
        flex-direction: column;
    }
    form#page-form.form-manage .form-manage {
        width: 100%;
        margin-bottom: 20px;
    }
    form#page-form.form-manage .side-right-manage {
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
    .form-register form h2+.welcom-desc span {
        display: inline-block;
    }
    .container.body-content.new-ui-content .fix-height {
        flex-direction: column;
    }
    .report-ui form .report-ui-content .row input,
    .report-ui form .report-ui-content .row select,
    .report-ui form .report-ui-content .row label {
        width: 100%;
        max-width: 100%;
    }
    table.tble-homepage span.btn-link {
        margin: 0 auto 7px;
    }
    .navbar.new-ui-header button.navbar-toggle {
        position: absolute;
        right: 9px;
        top: 9px;
    }
    .navbar.new-ui-header button.navbar-toggle span.icon-bar {
        background-color: #fff;
    }
    button#feedbackBtn {
        margin-left: 14px;
        margin-top: 5px;
    }
    .container.body-content.new-ui-content h2.joblistheader {
        flex-direction: column;
        align-items: baseline;
    }
    .container.body-content.new-ui-content h2.joblistheader .btns-rightside {
        margin: 10px 0 0 0;
    }
    .starting-model select#list-model-group {
        display: block !important;
        margin: 8px 0 0 0;
    }
    div .table.tble-homepage {
        margin-bottom: 26px;
    }
    div button#saveDefaultButton {
        margin-right: 0px;
        margin-left: auto;
    }
    .report-ui form .report-ui-content .row.chkbox label {
        width: 100px !important;
        float: left;
        order: 2;
        margin: 2px 0 0 0;
    }
    .report-ui .report-ui-content input[type="checkbox"] {
        width: 22px !important;
        margin: 0;
    }
    .report-ui form .report-ui-content .row.chkbox {
        display: flex;
        align-items: center;
    }
    .foot-btns {
        flex-direction: column;
    }
    .foot-btns ul.right-link {
        margin: 0px 0 20px 0px;
    }
    .foot-btns ul.bottom-btnlist-download {
        margin-bottom: 15px;
    }
    #spanTableList.form-control {
        margin-bottom: 10px;
    }
    form#page-form.form-manage .side-right-manage.user-right-card {
        max-width: 100%;
    }
    .recent-jobs .btn-link a.all-jobs {
        white-space: nowrap;
    }
    .container.body-content.new-ui-content h2.sec-heading-title {
        margin-bottom: 20px;
    }
    #optionList.download-output-list .w2ui-field div,
    #optionList.download-output-list .w2ui-field {
        align-items: flex-start;
    }
    #optionList.download-output-list .w2ui-field div input[type="checkbox"]+span {
        width: calc(100% - 20px);
    }
    #optionList.download-output-list .w2ui-field {
        width: 50%;
    }
    div#optionList.download-output-list .w2ui-buttons {
        left: 0px;
    }
    .footer-pagination.footer-wizard-btn-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    .footer-pagination.footer-wizard-btn-wrap .left-pag {
        margin-bottom: 10px;
    }
    .same-ui-table div#grid div#grid_grid_toolbar {
        overflow-x: auto !important;
    }
    span.create-link {
        position: relative;
    }
    span.create-link a.btn-create {
        display: inline-block;
    }
    .block-link {
        display: block;
    }
    .span-table-wrap .cta-span-right {
        flex-direction: inherit;
    }
    .drop-fix.sec-heading {
        display: block !important;
    }
    h2.drop-fix.sec-heading select {
        margin-left: 0px;
    }
    table.tble-homepage.table-btn-link a.btn-link {
        display: inline-block;
        margin-bottom: 10px;
    }
    table.tble-homepage.table-btn-link td.desc-text {
        max-width: 250px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .container.body-content.new-ui-content h2.starting-modal-heading {
        display: block !important;
    }
    h2.drop-fix.starting-modal-heading select {
        margin-left: 0px;
        margin-bottom: 10px;
    }
    .table-btn-link .smartbuild-combo-box.fit-cell-combo input.smartbuild-combo-box-value {
        max-width: 100%;
    }
    .upload-color-card-wrap input:not([type=button]),
    .upload-modal-card-wrap input:not([type=button]) {
        width: 100%;
    }
}

@media (max-width:992px) {
    .report-ui form .report-ui-content .row select#joblist-distributor {
        width: 100% !important;
    }
    span.create-link {
        margin-top: 0px !important;
        margin-bottom: 8px;
    }
    .table-responsive > .table-bordered {
        margin-top: 0;
    }
    .table-responsive {
        margin-top: 0 !important;
    }
    .delete-page-sec .btn-blue-center {
        display: inline-block;
        width: 100%;
    }
}

@media (min-width:480px) and (max-width:639px) {
    table.tble-homepage span.btn-link {
        max-width: 77px;
        float: left;
        display: inline-block;
        padding: 4px 5px;
        margin: 3px 2px;
    }
}

@media (max-width:574px) {
    .form-register form h2+.welcom-desc {
        max-width: 370px;
    }
    span.quote-rem {
        display: none !important;
    }
    ul.btn-anothers li span.icon-another+a {
        font-size: 12px;
    }
    ul.btn-anothers li:last-child span.icon-another svg {
        width: 12px;
    }
}

@media (max-width:374px) {
    .recent-jobs {
        display: block;
    }
    .navbar.new-ui-header a.navbar-brand {
        padding-bottom: 0px;
        padding-top: 5px;
        padding-left: 4px;
    }
    .navbar.new-ui-header .navbar-header {
        display: flex;
    }
    .navbar.new-ui-header a.navbar-brand img {
        margin-top: 0px;
        width: 100%;
        height: 60px;
        max-width: none;
    }
}

#copied {
    color: #4caf60;
    margin-left: 30px;
    position: absolute;
}

div#w2ui-overlay.Addme {
    max-width: 370px;
}

.form-register .form-group {
    margin-bottom: 22px !important;
}

.error-field {
    position: absolute;
    left: 15px;
    margin-top: 4px;
    font-size: 13px;
}

.error-field-relative {
    position: absolute;
    font-size: 13px;
    display: block;
    margin-top: 4px;
}

#loginForm .input-validation-error,
.form-register .input-validation-error,
.form-manage .input-validation-error {
    border-color: #b94a48 !important;
}

.form-manage .form-group.validation-custom-field {
    margin-bottom: 24px;
}

form#page-form.form-manage .form-manage .form-group.link-pwd {
    margin-top: 25px;
}


/** Materials/Create css**/

.createForm,
.report-ui.doorwindowCreate {
    box-shadow: 0px 0px 8px #e3e3e3;
    height: auto;
    border: 1px solid #f7fcff;
}

.report-ui.doorwindowCreate {
    box-shadow: 0px 0px 8px #e3e3e3;
    height: auto;
    border: 1px solid #f7fcff;
}

.form-horizontal.createForm {
    box-shadow: 0px 0px 8px #e3e3e3;
    height: auto;
    border: 1px solid #f7fcff;
}

.createM .report-ui-header {
    background-color: #f5fbff;
    padding: 11px 10px;
    margin-bottom: 20px;
}

.form-horizontal.createForm input[type="submit"],
.form-horizontal.report-ui.doorwindowCreate input[type="submit"] {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    margin: 0 auto;
}

.createmat h2 {
    padding-left: 30px;
}

.form-horizontal.report-ui.doorwindowCreate .report-ui-content {
    padding: 17px 10px;
}

.form-horizontal.report-ui.doorwindowCreate label.control-label {
    text-align: left !important;
}


/* door window css **/

.doorwindow-create .doorwindow {
    background-color: #b70606;
    padding: 10px 12px 9px 12px;
    border-radius: 3px;
    color: #fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
}

.doorwindow-create .windowdoor {
    background-color: #137bc4 !important;
    padding: 7px 12px 6px 12px !important;
    border-radius: 3px;
    color: #fff;
    font-size: 14px !important;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    text-align: center;
    display: flex;
    align-items: center;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    line-height: 20px !important;
    min-width: 66px;
    justify-content: center;
    height: 34px;
    background-image: none !important;
    border: none !important;
}

.doorwindow-create .doorArrow {
    background-color: #565454;
    padding: 6px 12px 6px 12px;
    border-radius: 3px;
    color: #fff;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
}

.doorwindow-create .doorBtns {
    display: flex;
    justify-content: flex-start;
    padding: 11px 20px 0px 15px;
}

.doorwindow-create .windowbtns {
    margin: 3px
}

.doorwindow-create .report-ui {
    margin: 0;
}

.wrapp-customize {
    padding-top: 64px;
}

.wrapp-customize .floating-save {
    position: fixed;
    top: 70px;
    width: 100%;
    left: 0;
    right: 0;
    background: #ffffff;
    z-index: 999;
    padding: 20px 0 15px;
    box-shadow: 0px 0px 1px #cbcbcb;
}

.wrapp-customize .floating-save .container ul.bottom-btnlist-download {
    margin: 0;
    float: right;
}

.wrapp-customize .floating-save .container h2.title-head {
    margin: 0;
    float: left;
}

.wrapp-customize .floating-save h2.title-head select {
    max-width: 220px;
}

.fiel-alignn {
    display: flex;
}

.fiel-alignn label.control-label {
    padding-left: 0px;
}

.wrapp-customize form textarea,
.wrapp-customize form input,
.wrapp-customize form select {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
}

.wrapp-customize .floating-save .container h2.title-head {
    font-size: 22px;
}

.wrapp-customize .floating-save .container h2.title-head select#activeDist {
    font-size: 16px;
    height: 34px;
    margin-left: 10px;
}


/** product page css   ***/

.productWraper {
    box-shadow: 0px 0px 8px #e3e3e3;
    padding: 0px 0px;
}

.container.body-content.new-ui-content .productname h4 {
    background-color: #f5fbff;
    margin-top: 0px;
    padding: 16px 10px;
}

.productWraper div#grid_materialSelectionGrid_selected_toolbar,
.productWraper div#grid_materialSelectionGrid_available_toolbar,
.productWraper div#grid_colorSelectionGrid_selected_toolbar,
.productWraper div#grid_colorSelectionGrid_available_toolbar {
    position: absolute;
    border-bottom: 1px solid #c0c0c0;
    background-color: #137bc4 !important;
    height: 38px;
    padding: 7px 3px 4px 3px;
    margin: 0px;
    box-shadow: 0px 1px 2px #dddddd;
}

.productWraper span.w2ui-icon-cross,
.productWraper span.w2ui-icon-reload,
.productWraper span.w2ui-icon-plus,
.productWraper td.w2ui-tb-caption {
    font-size: 15px;
    margin-top: 3px;
    display: block;
    color: #ffffff !important;
}

.productWraper td.w2ui-tb-caption {
    color: white !important;
}

.productWraper .productBtn input[type="button"] {
    background-color: #137bc4;
    color: white;
    padding: 9px 11px 8px;
}

.productWraper div#materialSelectionGrid,
.productWraper div#colorSelectionGrid {
    padding: 0 10px;
}

.productWraper label.control-label.col-md-12.colorBar {
    font-size: 22px;
    font-weight: 600;
    padding-left: 30px;
    text-align: left;
    padding-top: 20px;
    font-family: 'Roboto', sans-serif;
}

.productWraper .productBtn {
    padding-right: 30px;
}

.container.body-content.new-ui-content .back-link {
    margin: 20px 18px 0;
    margin-left: auto;
}

.container.body-content.new-ui-content h2.createProduct {
    padding-left: 19px;
    padding-bottom: 20px;
}

div#optionList {
    overflow: visible !important;
}

div#optionList>div {
    overflow: visible !important;
}
.colordetail-page .report-ui {
    margin: 20px 0 0px 0;
}
    .colordetail-page .report-ui .pagi-actions {
        margin: 20px 0 0px 0;
    }
div#optionList .w2ui-buttons {
    position: absolute;
    top: -44px;
    z-index: 99;
    right: 0px;
    height: 36px;
    max-width: 290px;
    left: auto;
    padding: 0 !important;
    border: none !important;
}

.color-create.color-create-wrap .createBtn {
   text-align:center;  
}
.delete-page-sec .report-ui-content .control-label {
    font-size: 14px;
    font-weight: 600;
    color: #4c4c4c;
}

.color-create.color-create-wrap {
    margin-top: 20px;
}
.color-create-wrap .createBtn input.btn.btn-default {
    margin: 0 auto;
    width: 120px;
}
.color-create-wrap  .report-ui-header {
    padding: 16px 10px;
}
.color-create-wrap .report-ui-header h3 {
    margin: 0;
    color: #4c4c4c;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    align-items: center;
}

/**Color create css**/
.colorBox h4.colorHeadings {
    padding: 10px 13px;
    margin-top: 0;
    background-color: #f5fbff;
}

.color-create .colorCreates-form {
    padding: 16px 29px;
}

input.btn.btn-default.framCreatBtn {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    margin: 0 auto;
}

.container.body-content.new-ui-content h2 {
    padding-left: 0px;
}

.new-ui-content.isSheldon_wrapper .color-create {
    box-shadow: 0px 0px 8px #e3e3e3;
    height: auto;
    border: 1px solid #f7fcff;
}

.container.body-content.new-ui-content .color-create {
    box-shadow: 0px 0px 8px #e3e3e3;
    height: auto;
    border: 1px solid #f7fcff;
}

.colorBox h4.colorHeading {
    padding: 10px 13px;
    margin-top: 0;
    background-color: #f5fbff;
}

.productWraper .productBtn input.btn.btn-default {
    background: #137bc4;
    padding: 9px 11px 7px 9px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    align-items: center;
    justify-content: center;
    border: none;
    width: fit-content;
}

.createBtn input.btn.btn-default {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    margin: 0 auto;
}

.color-create .colorCreate-form {
    padding: 16px 0px;
}


/** Framing Rules**/

.framingRuleItem.container .dword {
    width: 23px;
    height: 23px;
    padding: 3px;
    margin: 0px 0px 6px 3px;
    background-color: #137bc4;
    color: white;
    box-shadow: 0 0 2px #ffffff;
    text-shadow: 1px 1px 1px #e6e6e6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    border-radius: 3px;
}

.jobMessage {
    margin: 20px 0px !important;
}

.job.Check {
    display: flex;
}

.job.Comment {
    margin: 10px 0px;
}

.framingRuleCheckContainer.pull-right {
    float: left !important;
}


/**FramingRules/Details/35**/

.rules-detail h3 {
    padding: 0;
    margin: 0;
    color: #4c4c4c;
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    align-items: center;
}

.shadoow-box.rules-detail .report-ui-header {
    background-color: #f5fbff;
    padding: 11px 10px;
}

.shadoow-box.rules-detail .rulesDetail {
    padding: 10px;
}

ul.pagi-actions {
    padding: 0;
    list-style-type: none;
    display: flex;
    margin: 20px 0px;
}

ul.pagi-actions li {
    position: relative;
}

ul.pagi-actions li a {
    background: #137bc4;
    padding: 9px 11px 7px 25px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: fit-content;
}

ul.pagi-actions li:not(:first-child) {
    margin-left: 7px;
}

ul.pagi-actions span.icon-sm.edi-ico {
    top: 9px;
    left: 7px;
}

ul.pagi-actions span.icon-sm {
    position: absolute;
    left: 10px;
    top: 10px;
    height: 18px;
    z-index: 1;
}

ul.pagi-actions span.icon-sm.edi-ico svg {
    width: 16px;
    fill: #fff;
}

ul.pagi-actions span.icon-sm svg {
    width: 6px;
    color: #fff;
}

.btn.pull-left.framingCheckInfo.smartbuild-info-btn {
    border: 1px solid #9da4af;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    padding: 2px 4px;
    margin: 3px 3px 15px 54px;
    background-color: #e7e700;
    color: black;
    box-shadow: 0 0 2px #ffffff;
    text-shadow: 1px 1px 1px #e6e6e6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

div#framingChecks.newJobs {
    padding: 10px 10px;
}

div#framingChecks .newJobs h4 {
    padding: 0px 10px;
}

.framingDetaiss .dl-horizontal dt {
    text-align: left;
    width: 68px;
}

.framingDetaiss .dl-horizontal dd {
    margin-bottom: 10px;
    margin-left: 72px;
}

.framingDetaiss dl.dl-horizontal {
    margin-top: 30px;
}


/**FramingRules/Edit/35**/

.framingCheckInfg-edit {
    padding: 0px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

.framingCheckInfg-edit h4.report-ui-header {
    background-color: #f5fbff;
    padding: 11px 10px;
    margin: 0px 0px 30px 0px;
}

.framingCheckInfg-edit label.control-label {
    text-align: left !important;
}

.framingCheckInfg-edit input.btn.btn-default {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
}


/**Material/Edit/35**/

.textureD .btn.fa.fa-undo {
    width: 30px;
    height: 29px;
    background-color: #137bc4;
    padding: 8px;
    top: 14px;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    margin-top: 10px;
}

.textureDetails .btn.fa.fa-arrow-right,
.textureDetails .btn.fa.fa-arrow-up,
.textureDetails .btn.fa.fa-arrow-left,
.textureDetails .btn.fa.fa-arrow-down,
.textureDetails .btn.fa.fa-arrow-right,
.textureD .btn.fa.fa-arrow-right,
.textureD .btn.fa.fa-arrow-up,
.textureD .btn.fa.fa-arrow-left,
.textureD .btn.fa.fa-arrow-down {
    background-color: gray;
    width: 30px;
    height: 30px;
    padding: 6px;
    margin-top: 10px;
    color: white;
}

label.control-label.col-md-4 {
    text-align: left !important;
    padding-left: 35px;
}

.createM .materialBtn {
    margin-top: 10px;
    padding-left: 57px;
    margin-bottom: 10px;
}

.createM .materialBtn input[type="submit"] {
    min-width: 95px;
}


/**** upload page*/

.uploadM {
    padding: 0 0;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
}

.uploadM-Inner {
    padding: 20px;
}

.report-ui-header {
    background-color: #f5fbff;
    padding: 6px 18px;
}

p.inputField input#fileBox {
    margin: 0 auto;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #bbbbbb73;
    width: 228px;
}

p.uploadBtnn {
    text-align: center;
}

p.uploadBtnn button#uploadBtn {
    width: 45%;
    padding: 8px;
    border: none;
    border-radius: 5px;
    background-color: #137bc4;
    color: white;
}

.uploadM h2 {
    font-size: 23px;
    font-weight: 500 !important;
}

select.form-control.dataStartingModel {
    max-width: 230px;
}


/*.w2ui-panel-content {
    display: flex !important;
    align-items: flex-end !important;
}*/

.checkbox.cus-check input[type="checkbox"]:checked:before {
    position: absolute;
    left: -4px;
    bottom: 3px;
    height: 2px;
    width: 11px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}

.checkbox.cus-check input[type="checkbox"]:checked:after {
    position: absolute;
    left: -5px;
    top: 8px;
    height: 4px;
    width: 2px;
    background-color: #ffffff;
    content: "";
    transform: translateX(10px) rotate(-45deg);
    transform-origin: left bottom;
}


/**modals css**/


/** Half fields css **/


/** Miscellous package page popup message **/

.form-editmisc label {
    width: 100%;
    max-width: 50px;
}

.form-editmisc input {
    width: 100%;
    max-width: 185px;
}

.form-editmisc .buttons_area {
    max-width: 192px;
    float: right;
    left: auto !important;
    right: 28px !important;
}

.form-editmisc .btn,
.form-editmisc .btn:hover,
.form-editmisc .btn:focus {
    background: #0d6bad;
    color: #fff;
    border: 1px solid #0d6bad;
    cursor: pointer;
}

.form-editmisc button#Cancel {
    color: #fff;
    background: #7a7878;
    border: 1px solid #7a7878;
}

button.btn-bl {
    background: #0d6bad;
    color: #fff;
    border: 1px solid #0d6bad;
    cursor: pointer;
}

button.btn-bl:hover {
    opacity: 0.9;
    background: #0d6bad;
    color: #fff;
    border: 1px solid #0d6bad;
}

button.btn-bl#Close {
    color: #fff;
    background: #7a7878;
    border: 1px solid #7a7878;
}

div#form.form-catelogadd .w2ui-field {
    width: 50%;
    float: left;
}

div#form.form-catelogadd .w2ui-field textarea {
    max-width: 240px;
}


/** End CSS **/

.fields-inline {
    width: 50%;
    float: left;
}

#w2ui-overlay-selectCalcBaseOverlay.calcover_popup div#grid_selectCalcBaseOverlay_grid_toolbar td {
    color: #fff;
}

#w2ui-overlay-selectCalcBaseOverlay.calcover_popup div#grid_selectCalcBaseOverlay_grid_toolbar td table.w2ui-button.over td,
#w2ui-overlay-selectCalcBaseOverlay.calcover_popup div#grid_selectCalcBaseOverlay_grid_toolbar td table.w2ui-button.over td .w2ui-tb-image span {
    color: #137bc4;
}

div#w2ui-popup .w2ui-msg-body .fields-inline input,
div#w2ui-popup .w2ui-msg-body .fields-inline textarea {
    max-width: 260px !important;
    width: 100%;
}

div#w2ui-popup .w2ui-msg-body .fields-inline label {
    width: 86px;
}

div#w2ui-popup .w2ui-msg-body .fields-inline label+div {
    margin-left: 100px;
}


/** Half fields css **/

div#w2ui-popup .w2ui-msg-body .w2ui-field input[type="checkbox"] {
    width: auto !important;
}

#w2ui-popup .w2ui-msg-buttons {
    background-color: #ffffff !important;
    border: none;
}

#w2ui-popup .w2ui-msg-title {
    background-color: #137bc4 !important;
    background-image: none !important;
    color: white !important;
    padding: 10px 4px !important;
    height: 40px !important;
}

.w2ui-buttons button {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 10px !important;
    border: none;
}

.w2ui-grid .w2ui-grid-toolbar {
    background-color: #137bc4 !important;
}

#grid_addAddOnsGrid_toolbar, #grid_addOnsGrid_toolbar {
    background-color: #eaeaea !important;
}

#grid_questionGrid_toolbar {
    background-color: var(--main-color);
}

#w2ui-popup .w2ui-toolbar table.w2ui-button.checked .w2ui-tb-caption {
    color: #ffffff;
}

#w2ui-popup .w2ui-toolbar table.w2ui-button .w2ui-tb-caption {
    color: #fcfcfc;
    padding: 0px 4px 0px 2px;
}

.w2ui-toolbar table.w2ui-button .w2ui-tb-image>span {
    color: #1a1a1a;
}

.w2ui-overlay-popup .w2ui-grid .w2ui-grid-toolbar table.w2ui-button .w2ui-tb-image>span {
    color: #fff;
}

div#w2ui-popup table.w2ui-button.over table td.w2ui-tb-caption,
div#w2ui-popup table.w2ui-button.over table .w2ui-tb-image span.w2ui-icon-plus,
div#w2ui-popup .w2ui-grid-toolbar table.w2ui-button.checked.over table .w2ui-tb-image span.w2ui-icon-plus {
    color: #137bc4;
}

div#w2ui-popup table.w2ui-button.over {
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
}

div#w2ui-popup .w2ui-grid-toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
}

div#w2ui-popup table.w2ui-button.over .w2ui-tb-image span.w2ui-icon-cross {
    color: #137bc4;
}

.w2ui-popup .w2ui-msg-body {
    background-color: #ffffff !important;
}

.w2ui-msg-body button.btn {
    padding: 10px 12px 11px 12px !important;
}

#w2ui-popup .form-group {
    position: relative;
    display: block;
    width: 100%;
    float: left;
}

#w2ui-popup .form-group label {
    padding-top: 8px;
}

.inline-setting {
    display: flex;
    max-width: 300px;
    float: left;
    width: 100%;
}

#w2ui-popup .form-group.flex-group>label {
    float: left;
    width: 100%;
    max-width: 115px;
    padding-top: 20px;
}

#w2ui-popup .form-group.flex-group div#grid-files {
    margin-top: 30px !important;
    padding: 0;
}

#w2ui-popup .form-group.flex-group .same-ui-table {
    max-width: 95%;
    margin: 0 auto;
}

.w2ui-msg-body .inline-setting button {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 10px 10px 8px !important;
    border: none;
}

.w2ui-msg-body .inline-setting button:hover,
.w2ui-msg-body .inline-setting button:focus,
div#w2ui-popup .w2ui-msg-buttons .w2ui-buttons button:hover,
div#w2ui-popup .w2ui-msg-buttons .w2ui-buttons button:focus {
    background-image: none;
    box-shadow: none !important;
    border: none;
    background: #0d6bad;
    cursor: pointer;
}

#w2ui-popup .w2ui-msg-buttons button.w2ui-popup-btn {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 10px 10px 8px !important;
    border: none;
}

#w2ui-popup .w2ui-msg-buttons button.w2ui-popup-btn:hover,
#w2ui-popup .w2ui-msg-buttons button.w2ui-popup-btn:focus {
    background-image: none;
    box-shadow: none !important;
    border: none;
    background: #0d6bad;
    cursor: pointer;
}

div#w2ui-popup .w2ui-msg-title .w2ui-msg-button {
    background-color: #fff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAQCAYAAABQrvyxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAAj1JREFUeNrslr9rFFEQxz/zZi/qxSgW2lsqkiYoBku5Ro1o4UFKEYkgSaxSCLYqdv5IEVPYCMJJwERWrK0CKhoQ8hdobQTjXW7njcXlYnLunQQu0YDTLOy+Nzvfme98Z8Td2ckW2OGWdMvRvYfT/RGfBPoBBVpLK0AEPgVkdGL06vt/CoB5nBaRE8AXYKXNsQIwaB4fAwOtH+88mn4m7ifN4vUYebWBKkFKqjIV3N9NjI2Uuw5ARI45fBanH+F77iFnN8JHETmS68P9NHBQNTwHL8foaSN4SqoyA/SZyL4tqQAQBVYCLOFYlNxmq0WorVLpN9Oe5LKt1CsgRVWpAOfB66phBuhTkepSdfnKVjaxNJMSWn/iawmTtpeDp6pWBpaBoqrMqoYU6AOqIbFhxGa3R4V8nfNNKLUESzXJhoCvQC+wF/gW1C5IiC+2XUbD5jA3rd4C26NR3945IA2iRzqRJgdElJJlSQocAKrAD2A/6Ev3cLajjN59MDWHyKl2voOI1zKbv3Xj2lCHJFoz+LXuBoIAjnUklEvJrDDT5LwmdhG8blkyBxRjXSu4loE0X4VEznXKV3SnoOFMB7YUolBcbcKNdxuPXUBPu8pbLXsK0ghebVjEXgNoYmXLtGLuxd6ePU+AQ20AaIrb4DpFycmSv81/7YsiMgAstB1kQgE47O4LuQmCNwGOB7VxCb/URsRSTbhkmU4ifGiZHd1Z5m7fnxoIQSaBo39YJRZj9LGb4yPzXWm1/9voX7afAwAC5tacDTA2XgAAAABJRU5ErkJggg==) no-repeat center left;
}

#w2ui-popup .w2ui-popup-message {
    background: #fff;
}

#w2ui-popup .w2ui-popup-message .w2ui-centered {
    font-family: 'Roboto', sans-serif;
    font-size: 14px !important;
}

#w2ui-popup .w2ui-popup-message button.w2ui-popup-btn {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 10px 10px 8px !important;
    border: none;
    cursor: pointer;
}

div#w2ui-popup .w2ui-msg-body input.w2ui-select {
    background-image: none;
}

div#w2ui-popup .w2ui-msg-body textarea#Calculation+div {
    margin: 8px 0 0 0;
}

div#w2ui-popup .w2ui-msg-body textarea#Calculation+div button {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 10px !important;
    border: none;
}

div#w2ui-popup .w2ui-msg-body div[name="editAdded"] input[type="text"] {
    width: 100%;
    max-width: 240px;
    height: 35px;
}

div#w2ui-popup .w2ui-msg-body div[name="editAdded"] label {
    padding-top: 8px;
}

div#addonMain .w2ui-grid-toolbar table.w2ui-button td.w2ui-tb-caption {
    color: #fff;
}

div#addonMain .w2ui-grid-toolbar table.w2ui-button.over td.w2ui-tb-caption {
    color: #137bc4;
}

div#addonMain .w2ui-grid-toolbar table.w2ui-button.over td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #137bc4;
}

div#addonMain .w2ui-grid-toolbar table.w2ui-button td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #8D99A7;
}

#w2ui-popup.w2ui-popup .w2ui-box1 .w2ui-msg-body {
    padding-top: 18px;
}

#w2ui-popup.w2ui-popup .w2ui-msg-buttons {
    height: 57px;
    border: 1px solid #d5d8d8;
}

#w2ui-popup.w2ui-popup .w2ui-msg-buttons input[type="button"] {
    background-color: #137bc4;
    background-image: none !important;
    color: white !important;
    padding: 10px 15px 8px !important;
    border: none;
    border-radius: 4px;
}

div#addonMain .w2ui-grid-toolbar table.w2ui-button.checked td.w2ui-tb-caption {
    color: #137bc4;
}

div#addonMain .w2ui-grid-toolbar table.w2ui-button.checked td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #137bc4;
}


/** Scrollbar Popup CSS **/

div#form.form-addfram .w2ui-field.w2ui-span6 {
    width: 50%;
    float: left;
}

div#form.form-addfram .w2ui-field.w2ui-span6 label {
    text-align: left;
    width: auto;
    position: relative;
    overflow: visible;
}

.form-addfram .w2ui-page>div {
    padding: 0px 30px;
}

div#form.form-addfram .w2ui-field.w2ui-required label:before {
    content: '*';
    position: absolute;
    color: #ff0000;
    right: -10px;
}

div#form.form-addfram .w2ui-field.w2ui-required>div::before {
    display: none;
}


/** 50% fields cols **/

@media(min-width:992px) {
    div#w2ui-popup .w2ui-field.half-fields {
        width: 50%;
        float: left;
    }
    .vali-tags .w2ui-tag-body {
        margin: 6px 0 0 9px;
        line-height: 15px;
        text-align: center;
    }
}

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar {
    width: 12px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-left: none;
    border-right: none;
}

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #137bc4;
}


/* Turn on single button up on top, and down on bottom */

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:start:decrement,
div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:end:increment {
    display: block;
}


/* Turn off the down area up on top, and up area on bottom */

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:vertical:start:increment,
div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* Place The scroll down button at the bottom */

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url(../images/arrow-down.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url(../images/arrow-up.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/* Place The scroll down button at the bottom */

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

div#w2ui-popup .w2ui-page.page-0::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/** END CSS **/

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar {
    width: 12px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #ffffff;
    border-left: none;
    border-right: none;
}

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-thumb {
    border-radius: 12px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #137bc4;
}


/* Turn on single button up on top, and down on bottom */

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:start:decrement,
div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:end:increment {
    display: block;
}


/* Turn off the down area up on top, and up area on bottom */

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:vertical:start:increment,
div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:vertical:end:decrement {
    display: none;
}


/* Place The scroll down button at the bottom */

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:vertical:end:increment {
    background-image: url(../images/arrow-down.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 5px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:vertical:start:decrement {
    background-image: url(../images/arrow-up.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 4px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/* Place The scroll down button at the bottom */

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:horizontal:end:increment {
    background-image: url(../images/arrow-right.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 4px 1px;
    border: 1px solid #a9a8a8;
    background-color: #f1f1f1;
    width: 15px;
}


/* Place The scroll up button at the up */

div#w2ui-popup .w2ui-msg-body::-webkit-scrollbar-button:horizontal:start:decrement {
    background-image: url(../images/arrow-left.png);
    background-size: 7px;
    background-repeat: no-repeat;
    background-position: 2px 1px;
    border: 1px solid #a9a8a8;
    width: 15px;
    background-color: #f1f1f1;
}


/** END CSS Popup w2ui-body **/

div#layout_questionLayout_panel_top table.w2ui-button {
    background: #3588c3;
    height: 27px;
}

div#layout_questionLayout_panel_top table.w2ui-button .w2ui-tb-image {
    color: #fff;
    margin: 1px 0 0 0 !important;
    height: 12px !important;
}

div#layout_questionLayout_panel_top table.w2ui-button.over {
    background: #137bc4;
}

div#layout_questionLayout_panel_top table.w2ui-button td.w2ui-tb-caption {
    color: #fff;
}

div#layout_questionLayout_panel_top table.w2ui-button.over td.w2ui-tb-caption {
    color: #fff !important;
}

div#grid_questionGrid_toolbar table.w2ui-button.over .w2ui-tb-image span {
    color: #137bc4;
}

div#grid_questionGrid_toolbar table.w2ui-button span {
    color: #fff;
}

.rearrange-package-fields>div {
    display: flex;
    flex-wrap: wrap;
}

.rearrange-package-fields>div .w2ui-field:nth-child(2) {
    order: 1;
}

.fix-editcate.rearrange-package-fields>div .w2ui-field {
    order: 1 !important;
}

div#grid_fixGrid_toolbar table.w2ui-button td.w2ui-tb-caption {
    color: #fff;
}

div#grid_fixGrid_toolbar table.w2ui-button td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

div#grid_fixGrid_toolbar table.w2ui-button td .w2ui-tb-image span {
    color: #fff;
}

div#grid_fixGrid_toolbar table.w2ui-button.over td span {
    color: #137bc4;
}

div#grid_fixGrid_toolbar table.w2ui-button.over td.w2ui-tb-caption {
    color: #137bc4;
}

div#grid_fixGrid_toolbar table.w2ui-button.over td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #137bc4;
}


/* Bid toolbar buttons in the Bids view */

#tabsBid td {
    padding: 6px;
    height: 30px;
}


/** Bids CSS Start **/

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout {
    background: #efefef;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_left,
div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main {
    background: #efefef;
    border-right: 1px solid #e3e3e3;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_left .w2ui-panel-content,
div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs {
    background: #efefef;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs table .w2ui-tab {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    cursor: pointer;
    background-color: #fff;
    padding: 10px 12px 10px !important;
    text-transform: capitalize;
    font-weight: 600;
    color: #252626;
    border-radius: 0px;
    margin: 0 1px;
    border: none;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs table {
    border: none;
    padding: 0 0;
}

div#middleToolbar table.w2ui-button td.w2ui-tb-count span {
    background-color: #1c355e;
    color: #fff;
    border: 1px solid #1c355e;
    border-radius: 50%;
    font-family: 'Roboto', sans-serif;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs {
    padding-top: 0px;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout .btn-actionbid.leftmenu-Bid {
    display: flex;
    justify-content: space-around;
    padding-top: 14px;
    min-width: 77px;
    float: left;
    margin-left: 10px;
}

.navbar-content.data-topbid {
    float: left;
    width: 80%;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout .btn-actionbid.createRight {
    display: flex;
    justify-content: space-around;
    padding-top: 14px;
    min-width: 100px;
    float: right;
    margin-right: 10px;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout .btn-actionbid.createRight button.btn.bidcreate-top {
    min-width: 100px;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs td span.icon-add.ico {
    font-size: 14px;
}

div#layout_tablayoutBids_panel_top .jobtitlename {
    font-size: 14px;
    display: flex;
    flex-direction: column;
    width: 290px;
    color: #fff;
    padding-top: 8px;
    padding-left: 14px;
    float: left;
}

.navbar-content.data-topbid .data-job {
    color: #fff;
    padding-top: 8px;
}

div#layout_tablayoutBids_panel_top .jobtitlename span {
    font-size: 13px;
    margin-bottom: 2px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

div#layout_tablayoutBids_panel_top .jobtitlename span#jobName {
    margin-bottom: 0px;
    font-size: 16px;
    max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 20px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    white-space: nowrap;
    cursor: pointer;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout .btn-actionbid button {
    background-color: #fff;
    border-radius: 4px;
    padding: 6px 6px 4px !important;
    text-align: center;
    margin: 0;
    width: 100%;
    background-image: none;
    height: 26px;
    border: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    color: #1c355e;
    cursor: pointer;
    box-shadow: 0px 0px 2px #bdbbbb;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout .btn-actionbid button:hover,
div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout .btn-actionbid button:focus {
    background-color: #137bc4;
    color: #fff;
    outline: none;
    box-shadow: none;
}

div#layout_tablayoutBids_panel_top .w2ui-panel-content {
    background-color: #1c355e;
}

div#layout_baseLayout_panel_main div#gridBid {
    background: #fff;
}

.text-bid-starting {
    font-family: 'Roboto', sans-serif;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 20px;
}

.text-bid-starting span.highlight-txt {
    color: #137bc4;
    font-weight: 500;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs table .w2ui-tab.active {
    color: #137bc4;
    border: none;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs td.bid-tabs.active-tab,
div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs td.bid-tabs:hover {
    border-bottom: 2px solid #137bc4;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs td {
    border-bottom: 2px solid transparent;
}

div#layout_layoutBids_panel_top .w2ui-panel-content.w2ui-layout div#layout_tablayoutBids_panel_main .w2ui-tabs table .w2ui-tab.active:after {
    height: 2px;
    background: #137bc4;
    position: absolute;
    bottom: -1px;
    /* content: ''; */
    /* left: -1px; */
    /* right: 0; */
    /* width: 103%; */
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_toolbar td table.w2ui-button td.w2ui-tb-caption {
    color: #fff;
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_toolbar td table.w2ui-button .w2ui-tb-image span {
    color: #fff;
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_toolbar td table.w2ui-button.over .w2ui-tb-image span,
div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_toolbar td table.w2ui-button.over td.w2ui-tb-caption {
    color: #137bc4;
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_columns td.w2ui-head {
    background: #fff;
    background-image: none;
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_records tr.w2ui-even {
    background: #f7fcff;
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_records tr.w2ui-selected {
    background: #ddf2ff !important;
}

div#layout_baseLayout_panel_main div#gridBid div#grid_BidGrid_records .edit-field {
    border: 1px solid #dbdbdb !important;
    background: #fff;
    width: 100%;
    max-width: 90%;
    margin: 0 auto;
}

span.icon-add.ico {
    margin-right: 5px;
}

.w2ui-popup .w2ui-msg-body {
    background-color: #ffffff !important;
}

.w2ui-msg-body button.btn {
    padding: 10px 12px 11px 12px !important;
}
.w2ui-buttons div:has(button#SaveDefaults) {
    top: -25px !important;
}
button#SaveDefaults{
    min-width: 25px;
}
/** Packages - CSS Wizrd and option grid **/
div#grid_WizardGrid_toolbar table.w2ui-button td.w2ui-tb-caption {
    color: #fff;
}

div#grid_WizardGrid_toolbar table.w2ui-button td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

div#grid_WizardGrid_toolbar table.w2ui-button td .w2ui-tb-image span {
    color: #fff;
}

div#grid_WizardGrid_toolbar table.w2ui-button.over td span {
    color: #137bc4;
}

div#grid_WizardGrid_toolbar table.w2ui-button.over td.w2ui-tb-caption {
    color: #137bc4;
}

div#grid_WizardGrid_toolbar table.w2ui-button.over td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #137bc4;
}

div#grid_optionsGrid_toolbar table.w2ui-button td.w2ui-tb-caption {
    color: #fff;
}

div#grid_optionsGrid_toolbar table.w2ui-button td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #ffffff;
}

div#grid_optionsGrid_toolbar table.w2ui-button td .w2ui-tb-image span {
    color: #fff;
}

div#grid_optionsGrid_toolbar table.w2ui-button.over td span {
    color: #137bc4;
}

div#grid_optionsGrid_toolbar table.w2ui-button.over td.w2ui-tb-caption {
    color: #137bc4;
}

div#grid_optionsGrid_toolbar table.w2ui-button.over td.w2ui-tb-down div {
    border: 4px solid transparent;
    border-top: 5px solid #137bc4;
}


/*print button on bids tab*/

div#layout_baseLayout_panel_main div#gridBid td#tb_BidGrid_toolbar_item_print table.w2ui-button {
    background-color: white;
    border: none;
}

div#layout_baseLayout_panel_main div#gridBid td#tb_BidGrid_toolbar_item_print table.w2ui-button.over {
    background-color: #1c355e;
}

div#layout_baseLayout_panel_main div#gridBid td#tb_BidGrid_toolbar_item_print table.w2ui-button td.w2ui-tb-caption {
    color: #137bc4 !important;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding-right: 6px;
    padding-top: 1px;
}

div#layout_baseLayout_panel_main div#gridBid td#tb_BidGrid_toolbar_item_print table.w2ui-button.over td.w2ui-tb-caption {
    color: #ffffff !important;
}

div#w2ui-popup.output-popup .w2ui-group {
    display: block;
}

div#w2ui-popup.output-popup .w2ui-group .w2ui-field {
    min-height: 35px;
}

div button#saveDefaultButton.default-button {
    margin-right: 0px;
    margin-left: auto;
}


/*upload-color-card-wrap*/

.upload-modal-card-wrap {
    max-width: 500px;
}

.upload-color-card-wrap,
.upload-modal-card-wrap,
.framing-rules-card-wrap,
.api-instruction-wrap {
    background-color: #fff !important;
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
}

.container.body-content.new-ui-content .upload-color-card-wrap hr,
.container.body-content.new-ui-content .upload-modal-card-wrap hr {
    display: block;
}

.upload-color-card-wrap p,
.upload-modal-card-wrap p {
    margin: 0 0 14px;
    font-size: 16px;
}

.upload-color-card-wrap input:not([type=button]),
.upload-modal-card-wrap input:not([type=button]) {
    margin-bottom: 12px;
}

.upload-color-card-wrap a,
.upload-modal-card-wrap a {
    font-size: 18px;
    text-decoration: none;
}

.upload-color-card-wrap button,
.upload-modal-card-wrap button,
.card-btn {
    background: #137bc4;
    padding: 9px 24px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    border: 1px solid #137bc4;
}

.card-box-wrap .card-btn {
    width: auto !important;
}

.upload-modal-card-wrap #heading {
    padding-left: 0px;
}

.list-custom-heading.folderview .btn-wrap {
    margin-left: 30px;
}


/* .list-custom-heading.folderview button#saveDefaultButton {
        position: absolute;
        right: 10px;
        top: 9px;
    }*/

.list-custom-heading.folderview .btn-groupz {
    margin: 8px 0 8px 0;
}

.container.body-content.new-ui-content .back-link.download-output-backlink {
    margin: 20px 0px;
}


/*------optionList------*/

div#optionList.optionListWrap {
    height: auto !important;
    position: relative;
}

div#optionList.optionListWrap>div {
    height: auto !important;
}

div#optionList.optionListWrap div {
    position: relative;
}

div#optionList.optionListWrap .w2ui-buttons {
    position: absolute;
}

.details-wrap dl.dl-horizontal {
    background-color: rgba(0, 0, 0, 0.01);
    padding: 10px;
}

.details-wrap .dl-horizontal dt {
    text-align: left;
}

#distb-details.details-wrap .report-ui-content td {
    padding-left: 10px;
}

.uploadFile.upload-file-wrap p.inputField input#fileBox {
    width: 100%;
}

.input-field-space {
    padding: 0px 10px;
}


/*---upload-css---*/

.upload-color-card-wrap input:not([type=button]),
.upload-modal-card-wrap input:not([type=button]),
.upload-file-wrap input:not([type=button]),
.card-box-wrap input:not([type=button]),
.package-tooltip-hover input:not([type=button]),
.texture-data-wrap input:not([type=button]) {
    border: 1px solid #f1f1f1;
    padding: 0;
    margin: 10px 0;
    transition: 1s ease-in-out;
}

.upload-color-card-wrap input[type=file]::file-selector-button,
.upload-modal-card-wrap input[type=file]::file-selector-button,
.upload-file-wrap input[type=file]::file-selector-button,
.card-box-wrap input[type=file]::file-selector-button,
.package-tooltip-hover input[type=file]::file-selector-button,
.texture-data-wrap input[type=file]::file-selector-button {
    padding: 6px 15px;
    border-radius: .2em;
    background-color: #24587e;
    font-size: 17px;
    border-color: #0000;
    color: #fff;
    cursor: pointer;
}

.texture-data-wrap input[type=file]::file-selector-button {
    padding: 10px 15px;
    border-radius: .2em;
    background-color: #24587e;
    font-size: 17px;
    border-color: #0000;
    color: #fff;
    cursor: pointer;
}

.texture-data-wrap input[type=file]::file-selector-button {
    padding: 6px 15px;
}
body .texture-data-wrap #editor-Url-upload {
    height: 46px !important;
}

.btn-wrap .btn-primary {
    background: #137bc4;
    padding: 9px 24px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    border: 1px solid #137bc4;
}


/*----framing-rules-card-wrap----*/

.framing-rules-card-wrap {
    padding-top: 0px;
}

.framing-rules-card-wrap .sec-title {
    background-color: #f5fbff;
    margin: 0px -20px !important;
    padding: 12px !important;
    margin-bottom: 16px !important
}

body .smartbuild-combo-box.fit-cell-combo input.smartbuild-combo-box-value {
    min-width: 100%;
}

.framing-rules-card-wrap textarea.form-control {
    height: 200px;
}

body .api-instruction-wrap {
    padding-top: 0px;
}

body .api-instruction-wrap p {
    text-align: left !important;
}

.api-instruction-wrap h2 {
    background-color: #f5fbff;
    margin: 0px -20px !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
}

#model-group.def-model-images.modal-image-card .model-btn {
    margin: 10px 10px;
}


/*-----card-box-wrap----*/

.card-box-wrap .report-ui-header .sec-title {
    margin-bottom: 0px !important;
}

.card-box-wrap .report-ui-header {
    padding: 14px 18px;
}

.card-box-wrap p.inputField input#fileBox {
    margin: 10px 0px;
    padding: 0px;
}

#billingReportBuilder.report-ui #billing-type {
    height: 34px;
}

.list-custom-heading.folderview .btn-groupz {
    margin: 8px 19px 8px 0px;
    display: flex;
    align-items: center;
}


/*----asign-btn-wrap-----*/

.form-group.asign-btn-wrap .btn {
    padding: 9px 11px 8px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    background: #137bc4;
    border: transparent;
}

section#upload-truss-list.trust-list-wrap .report-ui-content ul .form-uplodd input#fileBox {
    margin: 10px 0px;
    max-width: 240px;
    padding: 0px 0px;
}

section#upload-truss-list.trust-list-wrap .report-ui-content ul .form-uplodd button {
    display: flex;
    width: auto;
    margin: auto 0 0 0;
}

.openings-menu {
    display: inline;
    background-color: white;
    border-radius: 0px;
    box-shadow: none;
    outline-width: 0px;
    margin: 0;
    border-width: 0px
}

.openings-button {
    display: inline-block;
    top: 0px;
    width: 99px;
    height: 100px;
    background-color: white;
    border-width: 0px;
    vertical-align: middle;
    text-align: center;
    border: none;
}

.openings-img {
    margin: 16px 0px 16px 0px !important;
    height: 48px;
    border: none;
}

.openings-label {
    display: block;
    font-family: 'Roboto', sans-serif;
}

.openings-caption-button2d {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    padding: 8px 12px 8px 12px;
    font-weight: bold;
    background-color: #ecedef;
    height: 30px;
    margin: 0px 6px;
}

.openings-button2d {
    top: 20px;
    width: 49px;
    height: 50px;
    background-color: white;
    border-width: 0px;
    vertical-align: middle;
    text-align: center;
    border: none;
}

.openings-img2d {
    margin: 8px 0px 8px 0px;
    height: 24px;
    border: none;
}

.openings-label2d {
    display: block;
    color: black !important;
    font-family: 'Roboto', sans-serif;
}

.divider {
    position: absolute;
    top: 3px;
    height: 94px;
    border-left: 1px solid #D8D8D8;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

#addOpeningPopupMain .close-button {
    background-color: #ffffff;
    background-image: url('../../Images/modal_close.svg');
    width: 48px;
    height: 48px;
    border: none;
    border-bottom: 1px solid #dddddd;
    background-position: center;
    background-repeat: no-repeat;
}

#addOpeningPopupMain .style-selection {
    width: 100%;
    padding: 10px 0px 0px 0px !important;
    margin: 0px !important;
}

#addOpeningPopupMain .style-selection .style-selection-box {
    width: 100%;
    padding: 10px 0px 0px 0px !important;
    display: inline-flex;
    gap: 18px;
    flex-wrap: wrap;
}

#addOpeningPopupMain .style-selection .style-selection-box .style-box {
    margin: 0px 0px 14px 0px;
    width: 97px;
    height: 108px;
    border: none;
    text-align: center;
}

#addOpeningPopupMain .style-selection .style-selection-box .style-box .style-image {
    display: inline-block;
    width: 97px;
    height: 90px;
    margin: 0px 0px 7px 0px;
    align-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f6f6f6;
    box-sizing: border-box;
    border: none;
}

.border-3px-solid {
    border: 3px solid var(--main-color) !important;
}


/* Sku Select drop down*/

#addOpeningPopupMain .dropdown {
    position: relative;
    padding: 0px;
    border-radius: 0px;
    height: auto;
}

#addOpeningPopupMain .dropdown .dropdown-button {
    width: 100%;
    border: none;
    border-radius: 0px;
    margin: 8px 0px 12px 0px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-image: url('../../Images/caret.png');
    background-repeat: no-repeat;
    background-position: right 12px top 50%;
    display: flex;
    align-items: center;
    align-content: center;
}

#addOpeningPopupMain .dropdown .sku-button {
    height: 70px;
    padding: 11px 25px;
    color: black;
    background-color: #f8f8f8;
}

#addOpeningPopupMain .dropdown .location-button {
    height: 25px;
    padding: 2px 10px 1px 10px;
    margin: 0px;
}

#addOpeningPopupMain .dropdown .dropdown-button img {
    margin-right: 32px;
}

#addOpeningPopupMain .dropdown .dropdown-content {
    top: 0%;
    width: 100%;
    display: block;
    position: absolute;
    background-color: #f9f9f9;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    display: block;
}

#addOpeningPopupMain .dropdown .dropdown-content .opening-option {
    display: flex;
    align-items: center;
    align-content: center;
    background: none;
    width: 400px;
    border: none;
    border-bottom: 1px solid #d8d8d8;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: none;
    color: black !important;
    font-weight: normal;
    text-overflow: ellipsis;
}

#addOpeningPopupMain .dropdown .dropdown-content .opening-option img {
    margin: 11px 25px;
}

#addOpeningPopupMain .dropdown .dropdown-content .location-option {
    display: flex;
    justify-content: start;
    width: 100%;
    padding: 5px 5px;
    color: black;
    background: #f9f9f9;
    outline: none;
    border: none;
}

#addOpeningPopupMain .apply-button {
    padding: 6px 10px 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    border: none;
    outline: none;
    color: white;
    background-color: var(--main-color);
}


/* Sku Search box*/

#addOpeningPopupMain .search {
    padding: 5px 10px;
    background-color: white;
    overflow-x: hidden;
    overflow-y: visible;
}

#addOpeningPopupMain .search .search-input-box {
    margin: 5px 7px 5px 0px;
    padding: 6px 10px 5px 10px;
    font-size: 12px;
    height: 25px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

#addOpeningPopupMain .search .sku {
    width: 150px;
}

#addOpeningPopupMain .search hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#addOpeningPopupMain .search .width {
    width: 75px;
}

#addOpeningPopupMain .search .height {
    width: 75px;
}

#addOpeningPopupMain .search .apply-button {
    width: 80px;
}

#addOpeningPopupMain .search .search-divider {
    width: 400px;
}

#addOpeningPopupMain .search .dropdown-list {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 400px;
    min-height: 106px;
}


/* Opening specifications */

#addOpeningPopupMain .specification-box {
    display: inline-flex;
    gap: 6px;
    margin: 0px 0px 12px 0px;
}

#addOpeningPopupMain .opening-specification {
    width: 218px;
}

#addOpeningPopupMain .opening-specification .specification-label {
    margin: 12px 0px 8px 0px;
}

#addOpeningPopupMain .opening-specification .checkbox-specification-label {
    margin: 12px 0px 8px 0px;
    float: right;
}

#addOpeningPopupMain .opening-specification select {
    margin: 0px;
}

#addOpeningPopupMain .opening-specification input[type=text] {
    padding: 2px 10px 1px 10px !important;
    width: 100%;
    height: 25px;
    color: black;
    padding: 0px;
    background: #f6f6f6;
    border: none;
    border-radius: 0px;
    font-size: 12px;
}

#addOpeningPopupMain .opening-specification input[type=checkbox] {
    outline: none;
    content: none;
    border: none;
    color: transparent;
    height: 16px;
    margin: 0px;
    margin-right: 9px;
    vertical-align: middle;
}

#addOpeningPopupMain .opening-specification input[type=checkbox]:before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent;
    background: #f6f6f6;
    display: block;
    width: 15px;
    height: 15px;
    outline: none;
    border: none;
    margin-right: 0px;
}

#addOpeningPopupMain .opening-specification input[type=checkbox]:checked:before {
    background: var(--main-color);
    color: white;
}

#addOpeningPopupMain .opening-specification select {
    padding: 2px 10px 1px 10px;
    width: 218px;
    height: 25px;
    color: black;
    padding: 0px;
    background: #f6f6f6;
    border: none;
    border-radius: 0px;
    font-size: 12px;
}

#addOpeningPopupMain .opening-specification input:focus,
textarea:focus,
select:focus {
    outline: none;
}


/* Create or Edit Opening Popup*/

#addOpeningPopupMain .w2ui-tabs {
    padding: 0px;
    margin: 0px;
    cursor: default;
    overflow: hidden;
    background-color: white;
    border: none;
    border-bottom: 1px solid #dddddd;
}

#addOpeningPopupMain .w2ui-tabs .w2ui-tab {
    padding: 20px 10px !important;
    margin: 0px;
    height: 48px;
    text-align: center;
    color: #000000;
    opacity: 0.4;
    font-size: 16px;
    font-weight: bold;
    background-color: white;
    border: none;
}

#addOpeningPopupMain .w2ui-tabs .w2ui-tab.active {
    color: black;
    font-weight: bold;
    opacity: 1;
    background-color: #ffffff;
    border: none;
    border-bottom: 3px solid var(--main-color);
}

#addOpeningPopupMain .tab {
    margin: 0px;
    padding: 19px 10px 0px 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    background-color: white;
    height: 500px;
    overflow: hidden;
    display: block;
    position: relative;
}

#addOpeningPopupMain #settingsTab {
    height: 605px;
}

#addOpeningPopupMain .modal-bottom-buttons {
    position: absolute;
    bottom: 18px;
    padding: 19px 10px 0px 10px;
}

#addOpeningPopupMain .modal-bottom-button {
    background-color: var(--main-color);
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 14px;
    border: none;
    border-radius: 0px;
    text-align: center;
    align-items: center;
    align-content: center;
    margin-top: 28px;
}

#addOpeningPopupMain .add-opening-button {
    width: 442px;
    height: 34px;
}

#addOpeningPopupMain .update-button {
    width: 142px;
    height: 34px;
    padding-right: 8px;
}

#addOpeningPopupMain .cancel-button {
    width: 142px;
    height: 34px;
    padding-right: 8px;
}

#addOpeningPopupMain .delete-button {
    width: 142px;
    height: 34px;
}

#addOpeningPopupMain .add-on-toolbar-button {
    height: 24px;
    width: 24px;
    border-radius: 0px;
    border: none;
    background: white;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

#addOpeningPopupMain .add-on-toolbar-button:disabled {
    opacity: 0.4;
}

#addOpeningPopupMain .add-addon-image {
    background-image: url('../../Images/icon_add.svg');
}

#addOpeningPopupMain .trash-addon-image {
    background-image: url('../../Images/icon_trash.svg');
}

#addOpeningPopupMain .trash-addon-image:disabled {
    background: white;
    background-image: url('../../Images/icon_trash.svg');
}

#addOpeningPopupMain .custom-select {
    position: relative;
    font-family: Arial;
}

#addOpeningPopupMain .custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

#addOpeningPopupMain .select-selected {
    background-color: DodgerBlue;
}


/*style the arrow inside the select element:*/

#addOpeningPopupMain .select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}


/*point the arrow upwards when the select box is open (active):*/

#addOpeningPopupMain .select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}


/*style the items (options), including the selected item:*/

#addOpeningPopupMain .select-items div,
.select-selected {
    color: #ffffff;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}


/*style items (options):*/

#addOpeningPopupMain .select-items {
    position: absolute;
    background-color: DodgerBlue;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}


/*hide the items when the select box is closed:*/

#addOpeningPopupMain .select-hide {
    display: none;
}

div#addOnsGrid .select-items div:hover,
.same-as-selected {
    background-color: rgba(0, 0, 0, 0.1);
}

div#w2ui-popup #addOnOnsTab #addOnsGrid .w2ui-grid-toolbar .w2ui-button {
    color: black !important;
    border: solid 1px black !important;
    opacity: 1.0;
}

#addOpeningPopupMain .w2ui-grid {
    border: none !important;
}

#addOpeningPopupMain .w2ui-grid-toolbar {
    background-color: white;
    border: none !important;
    opacity: 1.0;
    height: 40px;
}

#addOpeningPopupMain .w2ui-grid-toolbar .w2ui-button {
    background-color: transparent;
    border: 1px black solid !important;
    opacity: 1.0;
    font-weight: normal !important;
    border-radius: 0px;
    padding: 0 !important;
    color: black !important;
}

#addOpeningPopupMain .w2ui-grid-toolbar .w2ui-button:hover {
    background-color: transparent;
    border: 1px black solid !important;
    opacity: 1.0;
}

#addOpeningPopupMain #addAddOnsGrid .w2ui-grid-toolbar .w2ui-button {
    background-color: transparent;
    border: 1px rgba(151, 151, 1515, 0.3) solid !important;
    opacity: 1.0;
    font-weight: normal !important;
    border-radius: 4px;
    height: 25px !important;
}

#addOpeningPopupMain #addAddOnsGrid .w2ui-grid-toolbar .w2ui-button .w2ui-tb-caption {
    color: black;
}

#addOpeningPopupMain #addAddOnsGrid .w2ui-grid-toolbar .w2ui-button:hover {
    background-color: transparent;
    border: 1px rgba(151, 151, 1515, 0.3) solid !important;
    opacity: 1.0;
}

#addOpeningPopupMain .w2ui-grid-body {
    border: none !important;
    font-weight: normal;
}


/* addOns grid body items*/

#addOpeningPopupMain #addOnsGrid .w2ui-grid-body .w2ui-even {
    background-color: #ffffff;
    opacity: 1.0;
    height: 34px;
    border: none !important;
}

#addOpeningPopupMain #addOnsGrid .w2ui-grid-body .w2ui-odd {
    background-color: rgba(216, 216, 216, 0.4);
    opacity: 1.0;
    height: 34px;
    border: none !important;
}

#addOpeningPopupMain #addOnsGrid .w2ui-grid-body .w2ui-selected {
    background-color: rgba(19, 123, 196, 0.4) !important;
    opacity: 1.0 !important;
    border: none !important;
}


/* addAddOns grid body items*/

#addOpeningPopupMain #addAddOnsGrid .w2ui-grid-body .w2ui-even {
    background-color: #ffffff;
    opacity: 0.4;
    height: 34px;
    border: none !important;
}

#addOpeningPopupMain #addAddOnsGrid .w2ui-grid-body .w2ui-odd {
    background-color: rgba(216, 216, 216, 0.4);
    opacity: 0.4;
    height: 34px;
    border: none !important;
}

#addOpeningPopupMain #addAddOnsGrid .w2ui-grid-body .w2ui-selected {
    background-color: rgba(19, 123, 196, 0.4) !important;
    opacity: 1.0 !important;
    border: none !important;
}

.settings-grid {
    display: grid;
    grid-template-columns: 218px 218px;
    grid-column-gap: 6px;
    grid-row-gap: 12px;
}

.cupola-settings-container {
    width: 100%;
}

#cupola-settings-container .opening-spec-input {
    width: 100%;
    color: black;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    padding: 11px 12px 10px 12px;
    background-color: rgba(216, 216, 216, 0.4);
    border: none;
}

#cupola-settings-container .opening-spec-input[type=button] {
    text-align: left;
    margin: 0px;
}

.hide {
    display: none;
}

.bottom-toolbar-button {
    height: 25px;
    padding: 6px 20px 5px 20px !important;
    margin-right: 5px !important;
    background-color: white;
    border-radius: 4px;
    color: black;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    border: none;
}

.bottom-toolbar-button:hover {
    background-color: #eeeeee;
}

#tb_layout3dView_bottom_toolbar_item_changeView {
    height: 25px;
    background-color: white;
    padding: 0px 20px;
    border-radius: 4px;
    border: none;
}

#tb_layout3dView_bottom_toolbar_item_changeView:hover {
    background-color: #eeeeee;
}

#tb_layout3dView_bottom_toolbar_item_changeView .over,
#tb_layout3dView_bottom_toolbar_item_changeView .checked,
#tb_layout3dView_bottom_toolbar_item_changeView .down {
    border: 1px solid transparent;
    background-color: transparent;
}

#tb_layout3dView_bottom_toolbar_item_changeView .down .w2ui-tb-caption {
    color: black;
}

#tb_layout3dView_bottom_toolbar_item_changeView .w2ui-tb-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: normal;
    border: none;
}

#tb_layout3dView_bottom_toolbar_item_changeView .w2ui-tb-down>div {
    border: 4px solid transparent;
    border-bottom: 5px solid #8D99A7;
    margin-top: 1px;
    margin-bottom: 4px;
}

div#w2ui-popup .group-expand {
    display: block;
    background: #fff;
    margin-top: 0px;
    padding-top: 8px;
    overflow: visible !important;
}

div#w2ui-popup .group-collapse {
    display: none;
}


/* Intro and Submit for a Quote modals */

div#w2ui-popup .intro {
    width: 1080px;
    padding: 60px 40px 20px 40px;
}

div#w2ui-popup .quote {
    width: 1062px;
    padding: 40px 80px 20px 80px;
}

div#w2ui-popup .intro-quote-main {
    text-align: center;
}

div#w2ui-popup .intro-quote-main .close-button {
    position: absolute;
    right: 5px;
    top: 5px;
    width: 48px;
    height: 48px;
    border: none;
    background-color: #ffffff;
    background-image: url('../../Images/modal_close.svg');
    background-position: center;
    background-repeat: no-repeat;
}

div#w2ui-popup .intro-quote-main .title {
    color: var(--main-color);
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    padding-bottom: 20px;
}

div#w2ui-popup .intro-quote-main .sub-title {
    color: black;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
}

div#w2ui-popup .intro-quote-main .submit-button-box {
    text-align: end;
}

    div#w2ui-popup .intro-quote-main .blue-button {
        color: white;
        background-color: #137bc4;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        font-size: 14px;
        height: 40px;
        width: 247px;
        margin: 20px 0px;
        border: none;
    }

div#w2ui-popup .intro-quote-main .submit-warning {
    color: red;
    background-color: white;
    font-weight: normal;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    border: none;
    padding-right: 20px;
}

div#w2ui-popup .intro-quote-main #submitForm>div {
    padding: 0px;
    width: 100% !important;
}

div#w2ui-popup .intro-quote-main #submitForm .w2ui-page {
    padding: 0px !important;
    width: 100%;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid {
    display: grid;
    grid-template-columns: 441px 441px;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question {
    width: 100%;
    text-align: left;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question label {
    margin: 0px 0px 4px 0px;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question .required:after {
    color: red;
    content: "*";
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question input {
    padding: 2px 10px 1px 10px;
    width: 100%;
    height: 25px;
    color: black;
    padding: 10px;
    background: #f6f6f6;
    border: none;
    border-radius: 0px;
    font-size: 12px;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question input:focus {
    outline: none;
    border: none;
    border-radius: 0px;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question textarea {
    padding: 10px;
    width: 100%;
    height: 60px;
    color: black;
    background: #f6f6f6;
    border: none;
    border-radius: 0px;
    font-size: 12px;
    line-height: 1.1em;
    resize: none;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question textarea:focus {
    outline: none;
    border: none;
    border-radius: 0px;
}

div#w2ui-popup .intro-quote-main #submitForm .quote-grid .job-question .w2ui-field-helper .icon-search {
    display: none;
}

div#w2ui-popup .intro-quote-main .intro-grid {
    display: grid;
    grid-template-columns: 320px 320px 320px;
    grid-column-gap: 20px;
    margin: 20px 0px;
}

div#w2ui-popup .intro-quote-main .intro-grid .intro-image {
    width: 320px;
    height: 220px;
    background-color: var(--main-color);
    background-size: 320px 220px;
    margin-bottom: 40px;
    box-shadow: 2px 2px 2px #AAAAAA;
}

div#w2ui-popup .intro-quote-main .intro-grid .intro-grid-title {
    color: var(--main-color);
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    padding-bottom: 14px;
}


/*----message-text---*/

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

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content .w2ui-page .w2ui-field button#saveCanned {
    margin: 6px 5px;
}


/*
#grid_packageList_body .w2ui-selected .fa-square-o:before {
    content: "\f14a";
    color: #137bc4;
    opacity:1;
}
*/

.open-combobox {
    font-size: 20px !important;
    display: flex !important;
    padding: 0px 8px;
    border: none;
    background-color: transparent;
    border-left: navajowhite;
    width: auto;
    border-radius: 0px;
    align-items: center;
    position: absolute;
    right: 0px;
}

.package-page div#layout_baseLayout_panel_main div#layout_packageLayout_panel_top .w2ui-panel-content .w2ui-page .w2ui-field button#saveCanned {
    margin: 6px 5px;
}


/*.builder-heading-title {
    background-color: #f5fbff;
    padding: 11px 16px !important;
    border-radius: 0px;
    margin-bottom:0px !important;
    font-size:24px;
}
*/

.builder-form-content {
    box-shadow: 0 0 2px rgb(0 0 0 / 9%);
    padding: 10px 16px;
    padding-top: 0px;
}

.builder-form-content .sec-title {
    background-color: #f5fbff;
    margin: 0px -20px !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
    margin-top: 0px !important;
}

.builder-form-content .form-group .check-box {
    cursor: pointer;
}


/*builder-form-content*/

.form-horizontal.builder-form-content .form-check-group {
    display: flex;
    align-items: center;
}

html body .container.body-content.new-ui-content p.login-sec-content {
    font-size: 20px;
}

.container.body-content.new-ui-content h2.disclaimer-title {
    padding-left: 30px;
    padding-right: 30px;
}


/*----shadoow-box-start-modal-wrap----*/

.start-modal-wrap {
    margin-bottom: 16px;
}

.start-modal-wrap .report-ui-content {
    padding: 6px 18px;
}

.start-modal-wrap .delete-msg-title {
    margin-bottom: 16px;
    font-weight: bold;
}

.start-modal-wrap .dl-horizontal dt {
    text-align: left;
}

.start-mdoal-flex {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.start-modal-wrap .sec-title {
    margin: 0px;
}

.start-modal-wrap .report-ui-header {
    padding: 14px 18px;
}

.start-mdoal-flex .btn.btn-primary {
    background: #137bc4;
    padding: 6px 15px;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    width: fit-content;
}

.start-mdoal-flex input {
    margin-right: 10px;
}

.start-mdoal-flex a {
    margin-left: 10px;
}


/*---change-password-wrap---*/

.change-password-wrap .change-password-content {
    width: 75%;
    padding: 15px 20px;
    box-shadow: 0px 0px 8px #e3e3e3;
    height: 100%;
    border: 1px solid #f7fcff;
    margin-bottom: 25px;
}

.btn.btn-primary.btn-lg {
    background: #137bc4;
    padding: 9px 11px 8px !important;
    color: #fff;
    border-radius: 3px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px !important;
    box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(0 0 0 / 24%) 0px 1px 2px;
    border: none;
    display: flex;
    align-items: center;
}

div.container.body-content.new-ui-content .change-password-wrap .sec-heading-title {
    margin-bottom: 24px;
}

.change-password-wrap .sec-title {
    margin-bottom: 22px;
}

.frame-rules-header .icon-pluss {
    margin-top: 4px;
}


/*----coloredit-page-----*/

.coloredit-page .report-ui form .report-ui-content {
    padding: 18px 18px 20px;
}

.coloredit-page .report-ui .report-ui-header {
    padding: 16px 10px;
}

.coloredit-page section#editcolorui .report-ui-content input,
.coloredit-page section#editcolorui .report-ui-content .form-horizontal {
    max-width: 100%;
}


/*---color-create-wrap---*/

.color-create-wrap select {
    width: 100%;
}

.color-create-title {
    margin-bottom: 24px !important;
}

.color-create.color-create-wrap .colorCreate-form {
    padding: 16px 10px;
}

.color-create-wrap .form-horizontal .control-label {
    text-align: left;
    margin-bottom: 10px;
    color: #303030;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 14px;
}

.select-form-field {
    height: 34px;
    width: 100%;
}


/*----package-tooltip-hover----*/

.package-tooltip-hover {
    background-color: #fff;
}

.package-tooltip-hover input:not([type=button]) {
    margin: 0px 0;
}

.package-tooltip-hover .package-tooltip-text {
    margin-bottom: 12px;
}

.package-tooltip-hover input[type=file]::file-selector-button {
    padding: 5px 5px;
}

.package-tooltip-hover input[type=file]::file-selector-button {
    font-size: 13px;
}

#w2ui-overlay {
    border: 2px solid #fff;
}

div#w2ui-overlay-searches-grid {
    border: none;
}

#w2ui-overlay-searches-grid:before {
    margin: -6px 0 0 30px;
    border-color: transparent;
}


/*----billing-report-wrap----*/

body .billing-report-wrap .report-ui-content {
    padding-top: 16px;
}

.report-ui.billing-report-wrap .report-ui-header {
    padding: 16px 10px;
}


/*----form-wrap----*/

.create-form-wrap {
    background-color: #fff !important;
    border-radius: 7px;
    box-shadow: rgb(0 0 0 / 10%) 0px 0px 5px 0px, rgb(0 0 0 / 10%) 0px 0px 1px 0px;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 0px;
    padding-top: 0px;
}

.create-form-wrap .sec-title {
    background-color: #f5fbff;
    margin: 0px -20px !important;
    padding: 12px !important;
    margin-bottom: 16px !important;
}

.create-form-wrap .create-form-content {
    max-width: 300px;
}

.create-form-wrap .form-horizontal .create-form-content .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.create-form-wrap .form-group.form-check-group {
    display: flex;
    align-items: center;
}

.create-form-wrap .form-check-group .check-box {
    margin-top: 5px;
    margin-left: 10px;
}

.create-form-wrap .form-horizontal .control-label {
    width: 100%;
    text-align: left;
    margin-bottom: 12px;
}

@media (max-width:991px) and (min-width:768px) {
    .texture-data-wrap .col-sm-6 {
        width: 100%;
    }
}

.texture-data-wrap #editor-Url-upload {
    height: 52px !important;
}

.billing-report-wrap .btn:focus {
    outline: none;
}

.builder-form-content.form-horizontal .form-group {
    margin-right: 0px;
    margin-left: 0px;
}

.builder-form-content .builder-form {
    max-width: 300px;
}

.builder-form-content.form-horizontal .control-label {
    width: 100%;
    text-align: left;
    margin-bottom: 12px;
}


/*---upload-color-card-wrap---*/

.container.body-content.new-ui-content .upload-color-card-wrap .sec-heading-title {
    padding-left: 0px;
    font-weight: 500;
    font-size: 22px;
}

body .upload-color-card .card-box-wrap .sec-heading-title {
    margin-bottom: 0px;
}

.same-ui-table.txt-data-table.texture-data-wrap #editArea div#editor-form {
    min-height: 530px;
    height: 100% !important;
}
/*.same-ui-table.txt-data-table div#grid::-webkit-scrollbar {
    width: 12px;
}
*/

div.display-form-popup {
    font-size: 16px;
    display: flex;
    padding: 0px 8px;
    align-items: center;
    text-align: center;
    height: 100%;
    justify-content: center;
    font-weight: 500;
    padding-top: 0px;
    line-height: 23px;
}

/*------TextureData-------*/
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field input {
    margin-top: 0px;
    margin-bottom: 0px;
}

.same-ui-table.txt-data-table.texture-data-wrap .w2ui-field > label{margin-top:9px;}
.same-ui-table.txt-data-table.texture-data-wrap .w2ui-field.w2ui-span6:last-child label {
    margin-top: 15px;
}

/*---texture-data-wrap---*/
@media (min-width:992px ) {
    .same-ui-table.txt-data-table.texture-data-wrap {
        overflow-y: hidden !important;
    }
}

/*---framing-rules-card-wrap-----*/
div.framing-rules-card-wrap {
    margin-bottom:0px;
}

#page-form::-webkit-scrollbar,
.framing-rules-card-wrap textarea::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #ffffff;
    border-radius: 0px;
    border: 1px solid #d9d9d9;
}
#page-form::-webkit-scrollbar-track,
.framing-rules-card-wrap textarea::-webkit-scrollbar-track {
    border: 1px solid #d9d9d9;
    background-color: #f3f3f3;
    border-left: none;
    border-right: none;
}
#page-form::-webkit-scrollbar-thumb,
.framing-rules-card-wrap textarea::-webkit-scrollbar-thumb {
    border-radius: 12px !important;
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%) !important;
    box-shadow: inset 0 0 6px rgb(0 0 0 / 30%) !important;
    background-color: #137bc4 !important;
}

.validation-summary.product-val-sum{
    padding-left:30px;
}

/*same-ui-table*/

.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper {
    padding-right: 0px !important;
}
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper input,
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper icon-search {
    opacity: 0 !important;
}
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper icon-search{
    display:none;
}
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper input {
    margin-top: -24px !important;
    cursor: pointer !important;
}
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper:first-child {
    padding-right: 0px !important;
    width: 72% !important;
}
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper .icon-search {
    visibility: hidden;
}
.same-ui-table.txt-data-table.texture-data-wrap div#editArea .w2ui-field.w2ui-span6 > div .w2ui-field-helper .arrow-down {
    margin-left: auto;
}

.package-page-wrap div#layout_baseLayout_panel_main .w2ui-panel-content.w2ui-form > div:nth-child(1) {
    min-height: 300px !important;
}

/*---distributor-page---*/

.distributor-page .w2ui-grid .w2ui-head-last,
.account-admin-wrap .w2ui-grid .w2ui-head-last {
    width: 25px !important;
}
#SyncSku {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tabs-wizrd .w2ui-grid .w2ui-toolbar-search {
    width: 100px;
}

.tabs-wizrd .w2ui-grid .w2ui-toolbar-search .w2ui-search-all {
    width: 100px;
}

.btn-wrap.btn-overlay .btn-primary:hover {
    opacity: .8;
    background: #137bc4;
    color: #fff;
    cursor: pointer;
    border-radius: 3px;
    border: 1px solid #137bc4;
}

.details-wrap span.link-copied
{
    border: none;
    background: transparent;
    position: absolute;
    left: 0px;
    padding: 0;
}

.details-wrap span.link-copied span
{
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
}

.details-wrap span.link-copied span svg
{
    width: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.details-wrap span.link-copied:hover
{
    color: #137bc4;
    cursor: copy !important;
}

.details-wrap.anonm-port span.link-copied {
    left: 6px;
}

body .detail-link-wrapper span.link-copied {
    background: rgba(0, 0, 0, 0.03);
    padding: 10px;
    margin-bottom: 20px;
    position: relative;
    margin-top: 19px;
    display: flex;
}
body .detail-link-wrapper  i{
    margin-left:8px;
}

body .detail-link-wrapper #copied{
    position: relative;
    display: block;
    top: 0px;
    left: 0px;
    margin-left: 0px;
}

.print_button {
    display: flex;
    border-radius: 8px;
    margin-left: auto;
    margin-right: 16px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.copy-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='clone' role='img' viewBox='0 0 512 512' class='svg-inline--fa fa-clone fa-w-16 fa-2x' style='/* fill: %23fff; */color: %23fff;'%3E%3Cpath fill='currentColor' d='M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 49-48v-48h48c26.51 0 53-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z' class=''/%3E%3C/svg%3E");
    background-size: cover;
    width: 16px;
    height: 16px;
    color: #fff;
}
.same-ui-table div#grid div#grid_grid_toolbar table.w2ui-button.over .w2ui-tb-image span.copy-icon {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' aria-hidden='true' focusable='false' data-prefix='far' data-icon='clone' role='img' viewBox='0 0 512 512' class='svg-inline--fa fa-clone fa-w-16 fa-2x' style='/* fill: %23fff; */color: %23137bc4;'%3E%3Cpath fill='currentColor' d='M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 49-48v-48h48c26.51 0 53-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z' class=''/%3E%3C/svg%3E");
}

.w2ui-overlay table.w2ui-drop-menu .w2ui-icon.w2ui-icon-check {
    padding-top: 2px;
}

.tble-homepage span.link-copied, .same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr .btn-actionss span.link-copied{
    cursor: pointer;
    width: 25px;
    height: 20px;
    position: relative;
    display: inline-block;
}

.tble-homepage span.link-copied {
    top: 5px;
}

.tble-homepage span.link-copied svg, .same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr .btn-actionss span.link-copied svg {
    width: 16px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #137bc4;
}

.tble-homepage span.link-copied #copied, .same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr .btn-actionss span.link-copied #copied{
    width: 75px;
}

.same-ui-table div#grid div#grid_grid_body div#grid_grid_records tr .btn-actionss span.link-copied #copied{
    top: 4px;
}

div#w2ui-popup .w2ui-msg-body .w2ui-field input[type="checkbox"]#hideAll {
    width: 45px !important;
    height: 22px;
}

.emodeler_wrapper .download_btn .bluebtn {
    padding: 7px 16px;
    font-weight: 500;
    margin-top: -1px;
}

.emodeler_wrapper .file-upl {
    max-width: 292px !important;
}

.emodeler_wrapper .file-upl div#objClear {
    margin-left: 16px !important;
}

.form-uplod .emodeler_wrapper.logo-nme .file-upl:after {
    width: 110px;
}

.emodeler_wrapper .download_btn .bluebtn:hover, .emodeler_wrapper .download_btn .bluebtn:focus {
    color: #fff;
    opacity: 1;
}

.emodeler_wrapper .greybtn {
    pointer-events: none !important;
    background: grey !important;
}

.pricing-download {
    background: #24587E;
    margin-top: 10px;
    padding: 7px 10px 7px 10px;
    color: #fff;
    border-radius: 3px;
    border: none;
    font-size: 13px;
}

.tabsviewRight .w2ui-icon.icon-search, #w2ui-popup .w2ui-icon.icon-search {
    display: none;
}

.lvl-btn {
    position: absolute;
    left: 64px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    min-width: 80px;
}

.lvl-active:before {
    height: 30px;
    margin-top: -15px;
    background-image: linear-gradient(#f0f0f0 0%, #aaffaa 70%);
    content: "";
    position: absolute;
    left: 0px;
    width: 80px;
    z-index: -1;
}

.lvl-btn:hover {
}

.lvl-cb {
    position: absolute;
    left: 40px;
    font-size: 22px !important;
}

.w2ui-grid .w2ui-grid-body table .w2ui-head .w2ui-col-group {
    white-space: normal;
}
.jobGrid .w2ui-grid-toolbar  .w2ui-tb-text {
    color: #fff !important;
}
.jobGrid .w2ui-grid-toolbar .w2ui-tb-button.over .w2ui-tb-text {
    color: #137bc4 !important;
}
.jobGrid .w2ui-grid-body td:nth-child(3) {
    color: #137bc4;
}

.add_truss_form .w2ui-field input:not([type="submit"]) {
    max-width: 220px;
}

.add_truss_form .w2ui-field .w2ui-list-title {
    max-width: fit-content;
}

.emodler_wrapper {
    padding-top: 0;
}

.emodler_wrapper .emodler_handler {
    position: unset;
}

#submitDisclaimer {
    background-color: #137BC4; 
    color: white;
    padding: 9px 11px 8px;
    width: 140px;
    height: 37px;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
}


#submitDisclaimer:hover {
    background-color: #0F6BB0;
}

.navbar-content .jobNotes {
    margin-top: 14px;
    margin-right: 20px;
}

body.w2ui-resizing,
body.w2ui-resizing * {
    cursor: col-resize !important;
}