body{
    font-size: 12px;
    font-family: Arial, sans-serif;
    /*width: 100%;*/
    height: 100%;
    margin: 0 auto;
    padding: 0;
    min-width: 930px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.glyphicon {
    font-size: 12px;
}

.form-control {
    padding: 4px 6px;
    height: 30px;
    line-height: 20px;
}

#header {
    width: 100%;
    height: 50px;
    background-color: #d1ccbd;
    /*border-bottom: 1px solid #333;*/
}
#header .logo {
    float: left;
    width: 33%;
}
#header .logo {
    text-align: left;
    position: relative;
    left: 0;
    top: 0;
    width: 112px;
    background-color: #fff;
}
#logo {
    height:50px;
}
#header .logo img {
    width: 112px;
    height: 50px;
}
.topAccountStatus {
    text-align: right;
    margin-right: 10px;
    margin-top: 5px;
    width: 475px;
    float: right;
    font-size: 14px;
    font-weight: bold;
    color: #9c8f84;
}
.topAccountStatus a {
    margin-left: 15px;
    font-size: 12px;
    font-weight: bold;
    color: #9c8f84;
    text-transform: uppercase;
}
#headerLogOut {
    font-size: 13px;
    font-weight: normal;
}
#headerActionsLoggedIn, #headerActionsLoggedOut, #headerActionsAdminUser {
    display: none;
    margin-right: 20px;
}
#headerActionsLoggedIn .small {
    font-size: 10px;
}
#header .headersmall {
    font-size: 10px;
    font-weight: normal;
}
#header .headersmall a {
    font-size: 8px;
    font-weight: normal;
}
#canvases {
    position: absolute;
    overflow: hidden;
    top: 120px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
#canvases canvas {
    /*float: left;    */
}

#canvasOverlayContent {
    margin-right:210px; /* Same as the right column of the design tool */
}

.canvasOverlay-twoColumn {
    width:50%;
    text-align: center;
    /*padding-left: 85px;  Disabled padding for now.  Check with Bret on the final decision on this.*/
    padding-top:500px;
    overflow-x:hidden;
}

#canvasOverlayButtons {
    position: fixed;
    left: 0;
    right: 0;
    pointer-events: none;
    bottom: 35px;
    text-align:center;
}

.canvasOverlay-twoColumn button {
    pointer-events: all;
    display:none;
    width:67%;
    margin-left:83px;
    position:relative;
}

#islandCollapseButton {
    pointer-events: all;
}

#mainViewDiv, #threeDViewDiv, #allWallsViewDiv {
    background-color: #EEE;
}
#centralPanelDiv, #threeDViewDiv, #allWallsViewDiv {
    width: auto;
    overflow: hidden;
}
#centralPanelDiv, #mainViewDiv, #threeDViewDiv, #topDownViewDiv {
    position: relative;
    height: 100%;
}
#centralPanelDiv, #threeDViewDiv, #threeDSaveViewDiv, #topDownViewDiv {
    display: none;
}
#idearoomLogo {
    display: none;
}
#allWallsViewDiv {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
#layoutViewDiv, #addAreaLayoutViewDiv {
    background-color: #EEE;
    margin-bottom:4px;
}
/*#sideViewDiv {
    height: 100%;
    width: 19%;
    background-color: #EEE;
    float: right;
}*/

.sidePanelDiv {
    height: 100%;
    text-align: center;
    color: #000;
}
.sidePanelDivLeft {
    text-align: left;
}
.sidePanelDiv h3 {
    font-size: 20px;
}
#itemCustomizePanelOptions h3 {
    margin-top: 0;
    margin-right: 50px;
}
#itemCustomizePanelOptions, #itemCustomizePanelAccessoriesHeader, #itemCustomizePanelAccessories {
    padding: 5px;
}
#itemCustomizePanelOptions {
    background-color: #464E52;
}
#itemCustomizePanelOptions h3, #itemCustomizePanelOptions label, #itemCustomizePanelClose {
    color: white;
}

#itemCustomizePanelOptions input, #itemCustomizePanelOptions label,  #itemCustomizePanelOptions select {
    width: 200px;
}

#itemCustomizePanelOptions input[type='radio'] {
    margin-left: 8px;
    margin-top: 0;
    width: initial;
    display: initial;
    vertical-align: text-bottom;
}

#itemCustomizePanelClose, #itemBottomPanelClose {
    float: right;
    font-size: 20px;
    text-decoration: none;
    cursor: pointer;
}
#itemCustomizePanelClose .glyphicon {
    font-size: 20px;
}
#itemCustomizePanelAccessoriesClose {
    font-size: 20px;
    text-decoration: none;
}
#itemCustomizePanelAccessoriesClose .glyphicon {
    font-size: 20px;
    color: #464E52;
}
#itemCustomizePanelAccessoriesHide {
    position: absolute;
    bottom: 0px;
    border-top: 1px solid #464E52;
    width:250px;
}
#openAccessories {
    top: 20px;
    position: absolute;
    right: 5px;
}
#itemCustomizePanelAccessoriesClose {
    top: 15px;
    position: absolute;
    right: 5px;
}
#itemCustomizePanelAccessoriesHeader {
    margin-top: 10px;
    position: relative;
}
#itemCustomizePanelAccessoriesHeader h3 {
    margin-top: 0;
    margin-bottom: 5px;
    margin-right: 55px;
}
#rightPanelDiv {
    width: 210px;
    float: right;
    margin-left: 5px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
#dialogPos, #placementWarningDialogPos {
    position: absolute;
    height: 0;
    width: 0;
    top: 0;
    left: 0;
    visibility: hidden;
    background-color: #ff0000;
}
#editUnitTemplateDiv {
    width: 320px;
    height: 400px;
    border: solid 1px #ddd;
    border-top: none;
    overflow-x: auto;
    overflow-y: none;
    -webkit-overflow-scrolling: touch;
    background-color: #ddd;
}
#unitDialogContainer {
    width: 175px;
}

#unitDialogActionBtns .glyphicon {
    font-size: 14px;
    margin-right: 5px;
}
#unitDialogContainer .alert {
    padding: 10px;
    margin-bottom: 0;
}
#unitDialogContainer #editUnitMsg {
    margin-top: 5px;
    margin-bottom: 5px;
}

.adDlgAction {
    width:100%;
    text-align: center;
    border-bottom: solid 1px #ddd;
}
.btnAddDlg {
    width: 100px;
    margin: 10px;
}
.adTempTitle {
    background: #fff;
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}
#unitDialogContent {
    max-height: 563px
}
#unitDialogNav {
    width: 175px;
    float: left;
    margin-right: 10px;
    /*height: 290px;*/
}
#unitDialogPane {
    /*width: 550px;*/
    max-height: 563px;
    overflow-x: auto;
    overflow-y: none;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    margin-left: 10px;
    display:none;
}
#unitDialogPane > div.adTemplate {
    width: 250px;
    height: 210px;
    border: solid 1px #aaa;
    margin: 5px;
    float: left;
    overflow: hidden;
}
#unitDialogPane > div.adTemplate.disabled {
    height: 270px;
    opacity: 0.5;
    cursor: not-allowed;
}
#unitDialogNoTemplates {
    margin: 50px auto;
    text-align: center;
    width: 350px;
}
#unitDialogNav .nav-separator, #soffitOverhangDialogNav .nav-separator {
    padding-top: 10px;
    border-top: 1px solid #ddd;
    margin-top: 10px;
}
.adTemplate:hover {
    background-color: #eee;
}
.adTemplate a {
    text-decoration: none;
    color: #000;
}
.adCanvas {
    width: 100px;
    height: 190px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    cursor: pointer;
}
div.adTemplate.disabled * {
    cursor: not-allowed;
}
.adDetail {
    width: 125px;
    height: auto;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    overflow: hidden;
}
.adDepthMessage {
    margin: 5px 10px;
}

.nav {
    margin-bottom: 0;
}
.templateSection {
    height: 20px;
    background-color: #444;
    color: #fff;
    font-weight: bold;
    text-align: center;
}
#customizeItems, #customizeUnit {
    float: left;
}

#customizeSelectJustifyContainer {
    float:right;
    padding-top:10px;
}

#customizeItems {
    width: 420px;
    height: 522px;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #ddd;
}
#customizeItems .customizeTab a {
    padding: 5px 5px;
}
#customizeItems .customizeItemGroup {
    height: 215px;
    border-bottom: 1px solid #ddd;
    padding: 4px;
    overflow: auto;
}
#customizeItems .customizeItem {
    width: 90px;
    height: 93px;
    margin: 5px;
    border: solid 1px #aaa;
    text-align: center;
    float: left;
    padding: 2px;
}
#customizeItems .customizeItem.active, #customizeItems .customizeItem:hover {
    width: 94px;
    height: 97px;
    margin: 3px;
    border: solid 3px #cba052;
    cursor: pointer;
}
#customizeItems .customizeItem:hover {
    border: solid 3px #ddd;
}
#customizeItems .customizeItemGroup .tab-pane.hasScroll .customizeItem {
    margin: 5px 3px;
}
#customizeItems .customizeItemGroup .tab-pane.hasScroll .customizeItem.active, #customizeItems .customizeItemGroup .tab-pane.hasScroll .customizeItem:hover {
    margin: 3px 1px;
}
#customizeItems .customizeItem .customizeItemImageContainer {
    height: 50px;
}
#customizeItems .customizeItem img {
    max-height: 50px;
    max-width: 84px;
    display: inline-block;
    vertical-align: middle;
}
#customizeItems .customizeItem .customizeItemNameContainer {
    height: 34px;
}
#customizeItems .customizeItem .customizeItemName {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
}
#customizeItems #customizeItemDetail {
    padding: 5px;
    height: 245px;
    position: relative;
    overflow-y: auto;
}
#customizeItems #customizeItemDetailBtnContainer {
    float: right;
    margin-top: 37px;
    padding: 0 5px;
    text-align: right;
    width: 135px;
}
#customizeItems #customizeTemplateQuantity {
    margin-top: 11px;
}
#customizeItems #customizeTemplateQuantity input {
    max-width:40px;
    text-align:center;
}
#customizeItems #customizeItemDetailImage {
    float: right;
    width: 200px;
    text-align: center;
}
#customizeItems #customizeItemDetailImage img {
    max-width: 200px;
    max-height: 100px;
}
#customizeItems #customizeItemDetailName {
    font-size: 15px;
    font-weight: bold;
}
#customizeItems #customizeItemDetailDimensions {
    margin-top: 9px;
}
#customizeItems .customizeItemDetailDimensionLabel {
    font-weight: bold;
}
#customizeItems #customizeItemDetailDescription {
    margin-top: 10px;
}
#customizeItems #customizeItemDetailMessage {
    width: 100%;
    padding: 4px 10px;
    display: none;
    margin-top: 10px;
}
#customizeItems #customizeOptions {
    border-top: 1px solid #ddd;
}
#customizeItems #customizeOptions .checkbox {
    margin-top: 3px;
    margin-bottom: 3px;
    float: right;
}
#customizeItems #customizeOptions input[type=checkbox] {
    margin-top: 2px;
}
#customizeUnit canvas {
    width: 250px;
    height: 518px;
}
#unitSizeContainer {
    min-height: 400px;
}
#unitSizeContainer .form-horizontal .control-label {
    width: 120px;
    float: left;
    font-size: 14px;
    font-weight: 400;
}
#unitSizeContainer .form-horizontal .controls {
    margin-left: 130px;
}
#unitSizeContainer .form-horizontal .controls .input-group-btn {
    width: inherit;
}
#unitSizeContainer .form-horizontal .form-group {
    padding-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.editOptions li .glyphicon-ok {
    display: none;
}
.editOptions li.active .glyphicon-ok {
    display: inline-block;
}
.editOptions li.active .glyphicon-none {
    display: none;
}

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.popover-content #editOptionsContainer {
    width: 568px;
}
#editColorContainer a > div,
#editOptionsContainer a > div,
#multiStyleContainer a > div,
#obstructionTemplatesContainer a > div
{
    padding-top: 6px;
    padding-bottom: 2px;
    /*border-bottom: 1px solid #ddd;*/
    float: left;
    width: 150px;
    text-align: center;
    color: #000;
}
#editColorContainer a > div {
    margin: 5px;
}
#editColorContainer a div.active, #editOptionsContainer a div.active, #multiStyleContainer a div.active {
    background-color: #cba052;
    color: #fff;
}

#editColorContainer a.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

#editColorContainer a:hover > div,
#editOptionsContainer a:hover > div,
#multiStyleContainer a:hover > div,
#obstructionTemplatesContainer a:hover > div
{
    background-color: #ddd;
}
#editColorContainer a img, #editOptionsContainer a img, #multiStyleContainer a img {
    margin-right: 5px;
    margin-left: 5px;
    width: 135px;
    height: 135px;
    border: solid 1px #aaa;
}
#obstructionTemplatesContainer a
{
    display: inline-block;
}
#obstructionTemplatesContainer a img
{
    margin-right: 5px;
    margin-left: 5px;
    border: solid 1px #aaa;
    max-width: 70px;
    max-height: 70px;
}
#obstructionTemplatesContainer a > div
{
    width: 70px;
}
#editColorContainer .imageWrap,
#editOptionsContainer .imageWrap,
#multiStyleContainer .imageWrap,
#obstructionTemplatesContainer .imageWrap
{
    padding-bottom: 3px;
    position: relative;
}
#obstructionTemplatesContainer
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    height: 120px;
}
.dimensionsContainer input[type=text] {
    width: 100px;
}
.noteContainer #obstructionNote {
    width: 100%;
}
.noteContainer #areaNoteText {
    width: 360px;
}
.dimensionContainer {
    margin-top: 10px;
    margin-bottom: 10px;
}
.decorationOnlyContainer{
    margin-top: 10px;
    margin-bottom: 10px;
}
#editWoodAccentColorContainer {
    width: 810px;
}
#editWoodColorContainer {
    width: 600px;
    float: left;
}
#editWoodAccentColorContainer a div {
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #ddd;
    float: left;
    width: 150px;
    text-align: center;
    color:#000;
}
#editWoodAccentColorContainer a div.active {
    background-color: #cba052;
    color: #fff;
}
#editWoodAccentColorContainer a:hover div {
    background-color: #ddd;
}
#editWoodAccentColorContainer a img {
    margin-right: 5px;
    margin-left: 5px;
    width: 145px;
    height: 135px;
    border: solid 1px #aaa;
}
#editAccentColorContainer {
    float: right;
    width: 130px;
    margin-right: 10px;
    border-left: 1px solid #ccc;
    padding-left: 35px;
}
#editAccentColorContainer a div {
    width: 100px;
}
#editAccentColorContainer a img {
    height: 65px;
    width: 65px;
}

#editColorDialogMessage, #multiStyleDialogMessage {
    text-align: right;
}

.popover-content.multiStylePopover {
    padding: 0;
}
#multiStyleContainer {
    width: 980px;
}
#multiStylePrimary, #multiStyleGroups, .multiStyleStyles {
    float: left;
    padding: 5px 5px 0px 5px;
    position: relative;
}
.designModal .modal-content .modal-header .modal-title {
    font-size:18px;
    display:inline;
}

.designModal .modal-content {
    width:100%;
    max-width:970px;
    margin:0 auto;
}
.designModal .modal-footer {
    text-align:center;
}

.designModal .modal-dialog {
    width:100%;
    max-width: 1024px;
}

.designModal .modal-header .header-buttons {
    display:inline;
    float:right;
}

#woodColorModal .modal-body {
    padding-left:5px;
    padding-right:5px;
}

/* Uniform Column Widths for multi style columns */
#multiStylePrimary, #multiStyleGroups, #woodColorModal .multiStyleStyles .thumb-scroll-container, #woodColorModal .multiStyleStyles, #woodColorModal .multiStyleStyles .thumb-scroll-container {
    width: 318px;
}
#multiStyleGroups {
    padding-left: 10px;
    padding-right: 10px;
}

#woodColorModal .multiStyleStyles .thumb-scroll-container, .multiStyleCenterColumn {
    height: 355px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.multiStyleStyles .thumb-scroll-container .thumbs{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-height: 355px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 15px;
    position:absolute;
}

.multiStyleStyles .thumb-scroll-container {
    overflow-y: hidden;
    position:relative;
    width:318px;
    height: 355px;
    overflow-x: hidden;
}

.modal-body #multiStyleContainer .noSubHeader a .style{
    margin-top:20px;
}

#obstructionsModal .container {
    max-height: 420px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: 938px;
}

.designModal .modal-content .modal-body {
    overflow: hidden;
    padding-bottom:0px;
    min-height: 215px;
    max-height: 579px;
    max-width:1024px;
}

#editColorModalBody {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.multiStyleDescription {
    text-align: center;
    min-height: 26px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.multiStyleArrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    border-right-width: 0;
    border-left-color: #000;
    top: 19px;
    left: 0;
}
#multiStyleContainer a > div {
    width: 94px;
    border-bottom: none;
    margin: 0px;
    /*min-height: 120px;*/
}



#multiStylePrimary .thumb-container {
    height: 355px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    float: left;
}

#multiStyleStyles .thumb-container {
    max-height:480px;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    float:left;
}

.thumb-container a {
    display: block;
    float: left;
}

#multiStylePrimary .thumb-container a {
    height:115px;
}

.styleGroupItem, .thumb-scroll-container .thumbs .thumb-container a {
    height:115px;
}

.styleGroupItem, .thumb-container a{
    height:174px;
}

.multiStyleStyles a {
    display:block;
    float:left;
}

.thumb-container.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

#multiStyleContainer.editHardwareStyleDialog #multiStylePrimary a > div {
    margin-left: 5px;
}
#multiStyleContainer a img {
    width: 70px;
    height: 60px;
}
#multiStyleContainer .imageWrap {
    position: relative;
}

.modal-dialog h2 {
    text-align:center;
    margin-top:0px;
}
#multiStyleContainer .styleName {
    bottom: 4px;
    margin: 0 auto;
    left: 0;
    right: 0;
    width: 78px;
    background-color: rgba(255, 255, 255, 0.6) !important;
    font-size: 12px;
}
#multiStyleContainer a div.active {
    color: #000;
}
#multiStyleGroups .styleGroupItem {
    float: left;
}
#multiStyleGroups .styleGroupItem .styleGroupItem {
    cursor: pointer;
}
#multiStyleGroups .styleGroupItem.odd {
    margin-right: 0;
}
#multiStyleGroups .styleGroupName {
    text-align: center;
    font-size: 16px;
    margin-top:2px;
    margin-bottom:0px;
}
.multiStyleStyles {
    display: none;
}
.multiStyleToggle .multiStyleToggleLabel {
    text-align:center;
}
body .buttonGroupToggle {
    margin:10px 0px 10px 0px;
    width: auto;
}

#togglesContainer {
    display: inline-block;
}

.multiStyleToggle {
    margin: 10px 0 5px 0;
}
.multiStyleToggleLabel {
    width: 128px;
    text-align: right;
    display: inline-block;
    margin-right: 5px;
}
.editHardwareStyleDialog .multiStyleToggleLabel {
    width: 110px;
}
.multiStyleToggle .btn-default {
    color: #888;
}
.multiStyleToggle .btn-default.active {
    color: #333;
}

#colorPanels {
    display: none;
}

.colorPanel {
    padding: 3px;
}
.colorPanel a .woodColorImageContainer {
    float: left;
    width: 48px;
    height: 48px;
    padding: 3px;
    margin: 2px;
    position: relative;
}
.colorPanel a .woodColorImageContainer.active {
    background-color: #cba052;
}
.colorPanel a:hover .woodColorImageContainer {
    background-color: #ddd;
}
.colorPanel .woodColorImage {
    width: 42px;
    height: 42px;
    border: solid 1px #aaa;
}
.colorPanel a.disabled {
    cursor: not-allowed;
}
.colorPanel a.disabled .woodColorImage {
    opacity: 0.3;
}
.colorPanel a .disabledIndicator {
    display: none;
    top: 23px; /* (image dimension / 2) + container padding */
    left: -5px; /* ((image hypotenuse - image dimension) / 2) + container padding */
    width: 57px; /* image hypotenuse */
    border-top: solid 1px #aaa;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
}
.colorPanel a.disabled .disabledIndicator {
    display: inherit;
}
.tooltip-inner .woodColorImageLarge {
    width: 150px;
    height: 150px;
    border: solid 1px #aaa;
    margin-top: 4px;
}

.menuSelectedColor {
    width: 22px;
    height: 22px;
    border: 1px solid #ddd;
}
.popover {
    max-width: inherit;
    padding:0;
    z-index: 1030;
}
.popover-content {
    padding: 10px 20px;
}
.popover.helpHighlightTip {
    z-index: 9999;
}
.editButtonText, .input-group .editButtonText {
    width: 74px;
    height: 32px;
}

#toggleViewPanel .panel-body > div:not(:first-child) {
    margin-left: 20px;
}
.toggleView {
    width: 50px;
    height: 54px;
    display: inline-block;
    cursor: pointer;
    border: 3px solid #fff;
    background-repeat: no-repeat;
    background-position: center;
 }
#toggleViewInternal {
    border: 1px solid #ddd;
    padding: 1px;
    background-image: url('../images/util/view_internal.jpg');
}
#toggleViewExternal {
    border: 1px solid #ddd;
    padding: 1px;
    background-image: url('../images/util/view_external.jpg');
}
#toggleViewInternal.active, #toggleViewInternal:hover {
    border: 3px solid #5e8ab4;
    padding: 0;
    background-image: url('../images/util/view_internal_active.jpg');
}
#toggleViewExternal.active, #toggleViewExternal:hover {
    border: 3px solid #5e8ab4;
    background-image: url('../images/util/view_external_active.jpg');
}
#toggleView3D {
    border: 1px solid #ddd;
    padding: 1px;
}
#toggleView3D.active, #toggleView3D:hover {
    border: 3px solid #5e8ab4;
    padding: 0;
}
#toggleView3D.disabled, #toggleView3D.disabled:hover {
    border: 1px solid #ddd;
    padding: 1px;
    opacity: 0.3;
    background-color: #eee;
    cursor: not-allowed
}
#toggleView3D span {
    float: left;
    width: 100%;
    font-size: 24px;
    font-weight: bold;
    line-height: 54px;
}
#threeDControlPanel {
    position: absolute;
    top: 93%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

#snapshotNameInput {
    display: inline-block;
}

#snapshotNameLabel {
    text-align: left;
    float: left;
    text-transform: uppercase;
}

#take3DSnapshot {
    display: inline-block;
}

.btn-3d {
    margin-bottom: 10px;
    height: 40px;
}

#reset3DViewBtn {
    margin-left: 15px;
}

.take3DSnapshotCamera:hover i{
  color: #09c;
}
.take3DSnapshotCamera:active{
  top: 17px;
  transition: 0.1s;
}

#areasPanel {
    max-height: 201px;
}
#areasPanel.areas-panel-walkin, #areasPanel.areas-panel-custom {
    max-height: none;
    height: 294px;
    background-color: #eee;
}
#areasPanel.areas-panel-areas .panel-body {
    padding: 6px;
}
#areasPanel #layoutSelect {
    width: 90px;
    display: inline;
    float:left;
    margin-left:10px;
}
#areasPanel #layoutSelectContainer {
    height: 34px;
}
#areasPanel #layoutAllWallsBtn {
    margin-right: 10px;
    float:right;
    width:90px;
}
#areasPanel .arearow {
    width: 185px;
    height: 57px;
    padding-bottom: 7px;
    padding-top: 6px;
    border: 2px solid transparent;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
}
#areasPanel .arearow.active {
    border: 2px solid #cba052;
    padding-bottom: 6px;
}
#areasPanel .arearow > div {
    float: left;
    margin-left: 10px;
}
#areasPanel .arearow a:not(.btn) {
    float: left;
    color:#000;
    line-height: 12px;
}
#areasPanel .areaImage {
    float: left;
    width: 70px;
}
#areasPanel .areaImage img {
    height: 40px;
    max-width: 65px;
}
#areasPanel .editBtn, #areasPanel .deleteBtn {
    float: left;
    padding-top: 3px;
    margin-right: 10px;
}
#areasPanel .btn {
    padding: 3px 13px 2px 12px;
}
#areasPanel .arearow:hover {
    background-color: #ddd;
}

#layoutView {
    width: 208px;
    height: 139px;
}
#layoutView.layoutViewWalkin {
    height: 218px;
}

.colorSwabWrap {
    padding-top: 1px;
}
div.colorSwabWrap.active {
    background-color: #cba052;
}
.colorSwabWrap:hover {
    background-color: #ddd;
}
#editWallColorContainer.slotwall {
    width: 320px;
}
#editSlotwallColorSwab {
    width: 22px;
    height: 22px;
    background-color: #FFF;
    float: left;
    margin-right: 5px;
  border: 1px solid #DDDDDD;

}
.colorSwabWrap {
    display:inline-block;
    padding: 5px;
    margin-bottom:20px;
}
.colorSwab {
    width: 80px;
    height: 70px;
    background-color: #FFF;
    margin: 4px;
    border: solid 1px #aaa;
}
#promoDisplay {
    height: 52px;
    width: 210px;
    color: white;
    margin-top:5px;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
}
#priceText {
    height: 52px;
}
.price {
    display: inline-block;
    margin-top: 7px;
}
.pricePromo {
    font-size: 19px;
    display: inline-block;
    line-height: 22px;
}
.pricePromo a, .price a {
    color: white;
    text-decoration: underline;
}
.pricePromo a:hover, .price a:hover {
    color: white;
    text-decoration: none;
}
.priceStartingDetail {
    font-size: 14px;
    font-weight: normal;
    border-bottom: 1px dashed white;
}
.modal {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.modal.large .modal-body {
    max-height: 550px;
}
.modal.verylarge .modal-dialog {
    width: 950px;
    margin-bottom: 0;
}
.modal.actionSubPos {
    z-index: 1050;
}
@media screen and (max-height: 666px) {
    .modal.verylarge .modal-dialog, .modal.accessory .modal-dialog {
        margin-top: 0;
    }
}
.modal.verylarge .modal-body {
    max-height: 680px;
    padding: 5px 10px;
}
.modal.accessory .modal-body {
    overflow: hidden;
    height: 515px;
}
#accessoryDialog input, #thirdPartyPartsDialog input {
    width: 42px;
    margin-bottom: 4px;
}
#accessoryDialog .table td, #thirdPartyPartsDialog .table td {
    padding: 6px 8px 2px 8px;
    vertical-align: middle;
}
#accessoryDialog .table, #thirdPartyPartsDialog .table {
    border-top: #ddd 1px solid;
    margin-bottom: 0;
}
#accessoryDialog .listPrice, .accessoryPrice .listPrice {
    text-decoration: line-through;
    color: #aaa;
}
.accessoryPrice {
    font-weight: bold;
    font-size: 16px;
    color: #3a87ad;
    padding-right: 60px;
}
#accessorylist, #thirdPartyPartsList {
    width: 666px;
    height: 475px;
    float:left;
    padding: 0;
    overflow-x: hidden;
    overflow-y: none;
    -webkit-overflow-scrolling: touch;
}
/*#accessorylist div.thumbnail img, #thirdPartyPartsList div.thumbnail img {
    width: 135px;
    height: 135px;
    vertical-align: top;
}*/

#customizeSectionRightPanel {
    position: absolute;
    bottom: 5px;
    right: 15px;
    left: 345px;
    top: 74px;
}

#unitCustomizeModal .thumbnails .button-container {
    display:none;
}

#unitCustomizeModal .thumbnails {
    width: 330px;
    height: 510px;
    margin-top:10px;
    margin-bottom:0px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    left: -10px;
}


/* Heights for a 1024px width device and lower */
@media (max-width: 1024px) {
#unitCustomizeModal .thumbnails {
    height:371px;
}

.designModal #canvasPanel {
    height:367px;
}

.designModal .modal-content .modal-body {
    max-height:440px;
}

.designModal #customizeSectionRightPanel #itemDescriptionPanel {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 367px;
}
/* /media selector*/
}

#customizeTemplateQuantity {
    text-align:center;
}

#customizeTemplateQuantity input {
    width:30px;
}

#unitCustomizeModal .designModalFooter {
    display:none;
}

#unitCustomizeModal .thumbnails li.selected {
    background-color:#EB95F5;
}

#unitCustomizeModal .thumbnails li {
    cursor: pointer;
}

#unitCustomizeModal .thumbnails li.disabled {
    cursor: not-allowed;
    opacity: 0.5;
    pointer-events: none;
}

#unitCustomizeModal .container {
    margin-left: 0;
    padding-left: 0;
}

#unitCustomizeModal .thumbnails .description {
    display:none;
}

#unitCustomizeModal .thumbnails .name {
    margin-bottom:0px;
    text-align:center;
}

#customizeSectionRightPanel #itemDescriptionPanel, #canvasPanel {
    float:left;
    height:100%;
}

#itemDescriptionPanel {
    width: 200px;
    padding:10px;
}

#itemDescriptionPanel h3 {
    margin-top:0px;
    font-size:18px;
}

#itemDescriptionPanel #itemDimensions {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 18px;
}

#itemDescriptionPanel #itemDescription {
    padding-top: 10px;
    padding-bottom: 25px;
    line-height: 18px;
    max-height: 200px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 7px;
}

#itemDescriptionPanel #itemButtons {
    padding-bottom: 10px;
}

#itemDescriptionPanel #itemButtons button{
    width:100%;
}

#canvasPanel {
    width: 400px;
    height:495px;
    position: relative;
}

.tabbed-descriptive-modal .fullModalWidthList li {
    margin-left:8px;
}

.tabbed-descriptive-modal .thumbnails {
    padding-left:0px;
}

.tabbed-descriptive-modal .thumbnails li {
    list-style-type:none;
    float:left;
    width: 155px;
    text-align:center;
    padding:10px;
}

.tabbed-descriptive-modal .thumbnails .thumbnail-image-container {
    width: 135px;
    height: 135px;
    border: 1px solid #ddd;
    vertical-align: top;
    position: relative;
    background-color: white;
}

.tabbed-descriptive-modal .thumbnails .caption h4 {
    height: 40px;
}

.tabbed-descriptive-modal .thumbnails img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.tabbed-descriptive-modal .thumbnails .name {
    font-size:12px;
    text-align:left;
    min-height:27px;
}

.tabbed-descriptive-modal .thumbnails .description {
    text-align: left;
    justify-content: initial;
    line-height: 18px;
    height: 54px;
    overflow:hidden;
}

.tabbed-descriptive-modal .nav-tabs a {
    color:#888;
    font-weight:bold;
}

.tabbed-descriptive-modal .nav-tabs .active a {
    color:#000;
}

.tabbed-descriptive-modal .thumbnails .button-container {
    padding-top:5px;
    position:relative;
}

.tabbed-descriptive-modal .thumbnails button {
    width:100%;
    height:30px;
}

#accessorylist div.caption div.name, #thirdPartyPartsList div.caption div.name {
    font-size: 16px;
    margin-bottom: 10px;
}
#accessorytable, #thirdPartyPartsTable {
    height: 475px;
    overflow-x: auto;
    overflow-y: none;
    -webkit-overflow-scrolling: touch;
    padding-left: 10px;
    padding-right: 10px;
}

#accessoryDialog .accessory-dimension input {
    width:65px;
    padding-left:3px;
    padding-right:3px;
}

.add-dimensions-dropdown {
    font-size: 13px;
}

.modal-body .options-dropdown {
    position:absolute;
    width:100%;
    background-color:#CBCFCE;
    padding:5px 10px 5px 10px;
    text-align:right;
    display:none;
    z-index: 9999;
}

#accessorytable .btn, #thirdPartyPartsTable .btn {
    position: relative;
    top: -2px;
}
#accessoryMenuBtn {
    position: relative;
    overflow: visible;
}
#accessoryMenuBtn .badge {
    position: absolute;
    right: -4px;
    top: -4px;
}
#accessoryCount {
    display: none;
    font-weight:bold;
    padding-right:4px;
    padding-left:4px;
}
#header #alertMessage {
    position: absolute;
    top: 0;
    margin: auto 0;
    width: 50%;
    left: 25%;
    z-index: 1;
    display: none;
}
#toolbar .navbar {
    height: 64px;
}
.navbar {
    padding-left: 5px;
    padding-right: 5px;
}
.navbar .smallgap {
    margin-right: 5px;
    height: 40px;
}
.dropdown-menu li > a {
    color: #000;
    font-family:Arial, sans-serif;
    font-size: 14px;
}
.btn {
    padding: 5px 11px;
}
#spinner {
    margin-top: 11px;
    margin-right: 6px;
    display:none;
}
/*.btn-action.active {
    color: rgba(255, 255, 255, 0.75);
}
.btn-action, .btn-action:focus {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #F87C56;
    background-image: -moz-linear-gradient(top, #F87C56, #aa604b);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F87C56), to(#aa604b));
    background-image: -webkit-linear-gradient(top, #F87C56, #aa604b);
    background-image: -o-linear-gradient(top, #F87C56, #aa604b);
    background-image: linear-gradient(to bottom, #F87C56, #aa604b);
    background-repeat: repeat-x;
    border: none;
    padding: 5px 12px;
}

.btn-action:hover,
.btn-action:active,
.btn-action.active,
.btn-action.disabled,
.btn-action[disabled] {
    color: #ffffff;
    background-color: #F87C56;
}

.btn-action:active,
.btn-action.active {
    background-color: #F87C56;
}*/
#ts-sections {
    width: 200px;
}
#ts-sections li a {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    background-color: #b7b7b7;
}

#newAreaDialog .nav-tabs > .active > a.tsgreen, #newAreaDialog .nav-tabs > li > a.tsgreen:hover {
    background-color: #b9be9c;
}
#newAreaDialog .nav-tabs > .active > a.tstaupe, #newAreaDialog .nav-tabs > li > a.tstaupe:hover {
    background-color: #000;
}
#newAreaDialog .nav-tabs > .active > a.tsblue, #newAreaDialog .nav-tabs > li > a.tsblue:hover {
    background-color: #a4bcc2;
}
#newAreaDialog .nav-tabs > .active > a.tslilac, #newAreaDialog .nav-tabs > li > a.tslilac:hover {
    background-color: #9f7f9a;
}
#newAreaDialog .nav-tabs > .active > a.tsginger, #newAreaDialog .nav-tabs > li > a.tsginger:hover {
    background-color: #5e8ab4;
}
#newAreaDialog .nav-tabs > .active > a.tsorange, #newAreaDialog .nav-tabs > li > a.tsorange:hover {
    background-color: #e3c08b;
}

#starterCarousel {
    width: 675px;
    margin-left: 215px;
    margin-bottom: 20px;
}
#newAreaDialog .form-horizontal .form-group {
    margin-bottom: 5px;
}
#newAreaDialog .form-inline input {
    width: 164px;
}
#newAreaDialog .form-inline label, #newAreaDialog .form-inline a {
    margin-left: 20px;
    font-size: 14px;
    font-weight: bold;
}
#newAreaDialog .form-inline div {
    float: left;
}
#newAreaDialog .checkbox {
    margin-top: 15px;
    margin-left: 20px;
}
.badge, .btn-default .badge {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-color:#5e8ab4;
    color:white;
    text-shadow: none;
}
.nav li .btn-action {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
    background-color:#5e8ab4;
    color:white;
}
.navbar, .navbar-btn {
    background-color:white;
    color:#000;
    font-family:Arial, sans-serif;
    background-image:none;
}
.navbar-btn {
    height:31px;
}
.navbar-btn .caret {
    border-top:4px solid #000;
}
/*
.nav .dropdown-toggle .caret {
    border-bottom-color: #fff;
    border-top-color: #fff;
}
.nav .dropdown-toggle:hover .caret {
    border-bottom-color: #bbb;
    border-top-color: #bbb;
}
*/
.dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a {
    background-color: #5e8ab4;
    background-image: linear-gradient(to bottom, #5e8ab4, #aa604b);

}
.popover-title, .modal-header {
    background-color:#000;
    color:white;
    background-image:none;
    border-bottom: none;
}
.modal-header {
    padding: 9px 15px;
    /*height:42px;*/
}
.modal-header h3 {
    font-weight: 700;
    line-height: 30px;
    font-size: 24.5px;
}
.modal-header h4 {
    font-weight: 700;
    font-size: 17.5px;
}
.modal-header .close {
    margin-top: 7px;
}
.popover-content {
    color:#000;
}
.editBtn a, .editBtn a:hover {
    background:#cba052;
    border:none;
}
.deleteBtn a, .btn-danger {
    background:#c33b34;
    border:none;
}
.popover.bottom .arrow:after {
    border-bottom-color:#000;
}
.nav-tabs li a {
    color:#000;
}
.noUi-handle > div:hover, .noUi-handle > div.noUi-activeHandle, .noUi-handle > div, .noUi-midBar {
    background:#cba052;
}
.thumbnail .caption, .caption .price {
    color:#000;
}
.btn-success {
    background:#54a854;
    border:none;
}
.close {
    text-shadow:none;
    opacity:1;
    line-height:0.8;
}
.close:hover {
    text-shadow:none;
    opacity:1;
}
.modal-footer {
    background:white;
    margin-top: 0;
    padding: 14px 15px 15px;
}
.dialog-footer {
    padding: 9px 0 0;
    text-align: right;
    border-top: 1px solid #e5e5e5;
    clear: both;
}
.dialog-footer .btn {
    margin-left: 5px;
}
.accessoryPrice, #accessoryPrice {
    color:#000;
}
.btn-primary{
    background:#5e8ab4;
    color:white;
    border:none;
    padding: 5px 12px; /* Replaces space used by border on other buttons */
}
.btn-primary:hover {
    background: rgb(136, 60, 37);
}
#frontViewLabel {
    position: absolute;
    bottom: 10px;
    left: 35%;
    font-size: 16px;
    color: #777;
}
/*#sideViewLabel {
    position: absolute;
    bottom: 10px;
    left: 87%;
    font-size: 16px;
    color: #777;
}*/
#customizeShowDoorsContainer {
    text-align:center;
    margin-top: 15px;
}
#customizeSaveTemplate {
    margin-top:15px;
}
#zoneimage {
    margin-top: 10px;
}
#editInterior {
    display: none;
}
#modifyUnitContents {
    padding: 5px 0;
    visibility: hidden;
}
#editCustomize {
    margin-top: 10px;
    text-align: center;
}
.labelwell {
    min-height: 25px;
    min-width: 30px;
    padding: 1px;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);

}
.area-dialog .form-horizontal .control-label {
    padding-right: 0;
    font-weight: 400;
    font-size: 14px;
}
.area-dialog .form-horizontal .checkbox-label {
    padding-top: 0;
}
.area-dialog input.text {
    width: 206px;
}
.area-dialog input[type='text'] {
    width: 151px;
}
.area-dialog .input-group {
    width: 151px;
}
.area-dialog .input-group input[type='text'] {
    width: 120px;
    height: 32px;
}
.area-dialog .sidelabel {
    margin: 6px 0 0 10px;
    float: left;
    font-weight: normal;
}
#starterCarousel .carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 46px;
    height: 46px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    opacity: .5;
}
#starterCarousel .carousel-control:hover {
    color: #fff;
    text-decoration: none;
    opacity: .9;
}
#starterCarousel .carousel-control.right {
    right: 15px;
    left: auto;
}
.carousel-height-arrow {
    position: absolute;
    right: -30px;
    top: 0;
}
.carousel-width-arrow {
    margin-top: 3px;
}
#newAreaThoughtStarter {
    height: 40px;
    width: 100%;
}

#tsramble h3 {
    color: #5e8ab4;
    font-size:18px;
    /*padding-top:0;*/
    margin-top:0;
    margin-bottom:5px;
    line-height: 40px;
    font-weight: 700;
}

#tsramble {
    color: #000;
    line-height: 1.2;
}
#tsramble ul li {
    line-height: 1.2;
    margin-left:0;
}

#tsramble ul {
    margin: 0 0 10px 14px;
    padding: 0;
}

#tsramble b {
    font-size: 14px;
    line-height: 2.5;
}

#ts-sections label {
    font-weight: 400;
    font-size: 14px;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover {
    border: 1px #fff solid;
    background-color: #fff;
    color: #5e8ab4;
    padding: 8px 5px;
    /*font-weight: bold;
    text-transform: uppercase;*/
}
.nav-pills>li>a {
    border: 1px #fff solid;
    background-color: #ddd;
    color: #000;
    padding: 8px 5px;
    /*font-weight: bold;
    text-transform: uppercase;*/
}

#soffitOverhangCustom {
    padding: 0px 5px;
}

#soffitOverhangAmount{
    padding: 8px 5px;
}

#lightedGrooveSelector {
    float: right;
    width: auto;
}

.nav-stacked>li+li {
    margin-top:0;
}

#soffitLightGrooveCustom {
    margin-top: 2px;
}

/*
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
    border: 2px #cba052 solid;
}
.nav-tabs>li {
    border: 1px #ddd solid;
}
.nav-tabs>li>a, .nav-pills>li>a {
    margin-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
}
*/
.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
#notesMenuBtn {
    display: none;
}
#displayNotesContainer {
    width: 500px;
}
#displayNotesContainer textarea {
    width: 95%;
}

#promotionTable, #easyClosetsProCostTable {
    white-space: nowrap;
}
#easyClosetsProCostTable input {
    display: inherit;
    width: 74px;
}
#promotionTable .promotionTotal, #easyClosetsProCostTable .promotionTotal {
    border-top: 3px solid #aaa;
}

.navbar {
    min-height: inherit;
}

.navbar .divider-vertical {
    height: 62px;
    margin: 0 5px;
    border-right: 1px solid #fff;
    border-left: 1px solid #f2f2f2;
}

.navbar-btn {
    margin-top: 5px;
    margin-bottom: 5px;
}

.navbar .nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0;
}

.navbar .panelButton {
    border: none;
    padding: 0;
    font-size: 10px;
    white-space: normal;
    width: 133px;
    height: 52px;
    text-shadow: none;
    overflow: hidden;
}
.navbar .panelButton.variableWidth {
    width: inherit;
}
.navbar .panel-default {
    background-color: inherit;
    border-color: #ccc;
}
.navbar .panel-heading {
    padding: 1px 5px;
    font-size: 11px;
    font-weight: bold;
    background-color: #d1ccbd;
    background-image: none;
    border-bottom: none;
    text-align: left;
}
.navbar .panel-heading, .sidePanelDiv .panel-heading a {
    color: #000;

}
.navbar .panel-body {
    padding: 0;
}
.panelButtonImage {
    max-width: 33px;
    height: 33px;
}
.navbar .panelButton .valignMiddleContainer {
    float: left;
    height: 33px;
    display: table;
    margin-right: 5px;
}
.navbar .panelButton .valignMiddleContainer.right {
    float: right;
}
.navbar .panelButton .valignMiddle {
    display: table-cell;
    vertical-align: middle;
}
.navbar .panelButton .btnText {
    width: 75px;
    line-height: 11px;
    text-align: left;
}
.fa.panelButtonSpinner {
    display: none;
    font-size: 25px;
    margin-left: 10px;
}
#PriceDetailMenuBtn.disabled .panelButtonSpinner {
    display: block;
}
#PriceDetailMenuBtn.disabled .glyphicon {
    display: none;
}
#editDrawerStyleBtn {
    width: 130px;
}
#menuSelectedDrawerText {
    width: 49px;
}
#editHardwareStyleBtn, #editBasketBtn {
    width: 113px;
}
#menuSelectedHardwareText, #menuSelectedBasketText {
    width: 54px;
}
#editHandleBtn {
    width: 108px;
}
#editDimmerSwitchBtn {
    width: 140px;
}
#menuSelectedHandleText {
    width: 50px;
}
#editGlideBtn {
    width: 98px;
}
#menuSelectedGlideText {
    width: 50px;
}
#editWallTypeBtn {
    width: 118px;
}
#menuSelectedWallTypeText {
    width: 60px;
}
#accessoryMenuBtnText, #thirdPartyPartsMenuBtnText {
    width: 50px;
    padding-left: 5px;
}

#menuSelectedMountText, #menuSelectedGlideText {
    width: 70px;
    padding-left: 5px;
}
#mountMenuToolbar {
    width: 400px;
}
#glideMenuToolbar {
    width: 440px;
}
#mountMenuToolbar li:not(:first-child), #glideMenuToolbar li:not(:first-child) {
    border-top: 1px solid #ddd;
}

.menuToolbarSubtext {
    margin-left: 17px;
    font-size: 12px;
    white-space: normal;
}
.navbar .panelButtonColor {
    width: 25px;
    height: 25px;
    background-color: #F3F5F2;
    float: left;
    margin-left: 4px;
    margin-right: 5px;
}
.navbar .panelButton .glyphicon {
    font-size: 25px;
    display: block;
    margin-left: 4px;
}

#loginTypeSelection .btn {
    display: block;
    width: 120px;
    margin: 0 auto 10px auto;
}

#loginNewUser, #loginExistingUser, #loginNewUserSubmit, #loginExistingUserSubmit {
    display: none;
}

#loginExistingUser ul {
    padding-left: 24px;
    margin-bottom: 0;
}

.loginSubmit {
    display: block;
    float: right;
}

.loginPolicy {
    border-top: 1px solid #e5e5e5;
    padding-top: 10px;
}

.form-error, .form-group-error {
    display: none;
    color: #a94442;
}

.sidePanelDiv .panel {
    padding: 0;
    margin-bottom: 10px;
}

.sidePanelDiv .panel.panelMinimal {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.sidePanelDiv .panel.panelMinimal .panel-body {
    padding: 0;
}

.sidePanelDiv .panel-heading {
    padding: 5px;
    font-size: 14px;
    font-weight: bold;
    background-color: #d1ccbd;
    background-image: none;
}

.sidePanelDiv .panel-heading, .sidePanelDiv .panel-heading a {
    color: #000;
}

.sidePanelDiv .panel-body button:not(:first-child) {
    margin-top: 8px;
}

.sidePanelDiv .btn-sidebar {
    display: inline-block;
    width: 182px;
    min-height: 38px;
    font-size: 17px;
}

.sidePanelDiv .btn-text .glyphicon {
    font-size: 14px;
    margin-right: 5px;
}

.sidePanelDiv .panel-heading-button {
    float: right;
}

#designNameContainer/*, #changeLayoutHeading*/ {
    cursor: pointer;
}

#designNameContainer label {
    margin-bottom: inherit;
}

#designName {
    font-weight: normal;
}

.modal.verylarge .newAreaDialogCloset, .modal.verylarge #editLayoutDialog, .modal.verylarge #obstructionDialog {
    padding: 9px 15px;
}

#newAreaClosetChoice {
    padding: 20px;
    text-align: center;
}

#newAreaClosetChoice .panel {
    width: 300px;
    margin-bottom: 0;
    cursor: pointer;
}

#newAreaClosetChoice .panel, #newAreaClosetChoiceOr {
    height: 200px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

#newAreaClosetChoice h4 {
    color: #5e8ab4;
    font-weight: bold;
    line-height: 200px;
    margin: 0 10px;
}

#newAreaClosetChoice .panel-body {
    height: 100%;
}

#newAreaClosetChoice .panel-body-contents {
    position: relative;
    height: 100%;
}

#newAreaClosetChoice .panel-button-container {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

#newAreaClosetMeasurements, #newAreaClosetDoorStyle, #newAreaClosetLayoutOptions,
#walkInClosetMeasurements, #walkInClosetLayoutOptions, #reachInClosetMeasurements {
    display: none;
}

#newAreaClosetHelpBtn {
    float: right;
}

#measurementSteps, #doorStyleHeader, #doorStyleSelect {
    margin-top: 20px;
}
#doorStyleSelect .panel:hover,
#doorStyleSelectPremium .panel:hover {
    border: 1px solid;
}

#measurementSteps > div {
    display: inline-block;
    vertical-align: top;
}

#measurementSteps > div:not(:first-child) {
    margin-left: 15px;
}

#measurementStep1 {
    width: 300px;
}

#measurementSteps .numberCircle, #walkInMeasurementSteps .numberCircle {
    margin-right: 10px;
}

#measurementSteps > div > div:not(:first-child) {
    margin-top: 15px;
}

#reachInAutoFillOptions {
    display: none;
}

#reachInAutoFillOptions #autoFillAreasDiv, #reachInAutoFillOptions #autoFillOptionsDiv {
    display: inline-block;
}

#reachInAutoFillOptions #autoFillAreasDiv {
    margin-right: 20px;
}

#reachInAutoFillOptions #autoFillTopShelfDiv, #reachInAutoFillOptions #autoFillWallMountToggle,#reachInAutoFillOptions #autoFillFloatTopShelfDiv {
    display: inline-block;
}

#reachInAutoFillOptions #autoFillTopShelfDiv, #reachInAutoFillOptions #autoFillFloatTopShelfDiv{
    margin-right: 20px;
}

#layoutSelection, #layoutMeasurementContainer, #customerSupportSection {
    float: left;
}

#layoutSelection {
    padding-right: 10px;
    border-right: 1px solid #ddd;
}

#measurementTipsSection, #layoutMeasurementContainer {
    float: left;
}

#measurementTipsSection {
    padding-right: 10px;
    border-right: 1px solid #ddd;
    width: 250px;
}

#customerSupportSection {
    padding-left: 10px;
    border-left: 1px solid #ddd;
}

.layoutSelectionItem {
    margin: 3px;
    cursor: pointer;
    display: inline-block;
}

.layoutSelectionItem.active {
    margin: 0;
    border: solid 3px #cba052;
}

#layoutMeasurementContainer {
    margin-left: 10px;
    width: 600px;
}

.extendedLayoutDialog #layoutMeasurementContainer {
    margin-right: 10px;
}

.layoutForm {
    display: none;
    position: relative;
}

#layoutForm_rectangle {
    display: inline-block;
}

.layoutFormImage {
    margin: 15px;
}

.layoutFormInputHorizontal, .layoutFormInputVertical, .layoutFormInputDiagonal {
    position: absolute;
    width: 80px;
    background-color: white;
}

.layoutFormInputHorizontal {
    width: 90px;
    padding: 0 5px;
}

.layoutFormInputVertical {
    padding: 5px 0;
}

.layoutFormInputDiagonal {
    width: 90px;
    padding: 5px;
}

.layoutFormInputHorizontal .input-group-addon, .layoutFormInputVertical .input-group-addon, .layoutFormInputDiagonal .input-group-addon {
    padding: 6px;
}

.layoutWallLabel {
    position: absolute;
    font-weight: bold;
}

#measurementOverhead {
    position: relative;
    text-align: center;
    height: 230px;
    clear: both;
}

#measurementOverhead.walkin {
    height: 420px;
    margin-left: 50px;
}

#measurementOverhead .form-error {
    position: absolute;
    width: 100%;
}

#measurementOverheadLayoutContainer {
    text-align: center;
}

#measurementOverheadLayout {
    position: relative;
    width: 488px;
    margin-top: 15px;
    display: inline-block;
}

#measurementTips {
    clear: both;
}

#measurementsContinueBtn, #layoutSubmitBtn {
    float: right;
}

#doorStyleSelect, #doorStyleSelectPremium {
    text-align: center;
}

#doorStyleSelect .panel, #doorStyleSelectPremium .panel {
    display: inline-block;
    color: #5e8ab4;
    text-transform: uppercase;
    font-weight: bold;
    margin: 10px 15px 10px;
    cursor: pointer;
}

#doorStyleSelect .panel input, #doorStyleSelectPremium .panel input {
    margin-top: 20px;
}

.measurementOverheadWall {
    position: absolute;
    background-color: #96999C;
    color: #000;
    border: 1px solid #000;
    font-weight: bold;
    padding: 1px;
}

.measurementOverheadLengthHorizontal, .measurementOverheadLengthVertical {
    position: absolute;
    border: 0 solid #FC0009;
}

.measurementOverheadLengthHorizontal {
    border-top-width: 1px;
}

.measurementOverheadLengthVertical {
    border-left-width: 1px;
}

.measurementOverheadLengthHorizontal span {
    position: relative;
    top: -15px;
    background-color: white;
    padding: 0 10px;
}

.measurementOverheadLengthVertical span {
    position: relative;
    top: 138px;
    background-color: white;
    padding: 18px 0;
    white-space: nowrap;
}

.measurementOverheadLengthHorizontalEnds, .measurementOverheadLengthVerticalEnds {
    position: absolute;
    border: 1px solid #5e8ab4;
}

.measurementOverheadLengthHorizontalEnds {
    border-top-width: 0;
    border-bottom-width: 0;
}

.measurementOverheadLengthVerticalEnds {
    border-left-width: 0;
    border-right-width: 0;
}

#measurementOverheadLayout.form-inline input {
    width: 60px;
}

#measurementOverheadLayout input[type=submit] {
    visibility: hidden;
}

#measurementStep2 {
    width: 595px;
}

#walkInLayoutViewDiv {
    width: 640px;
    height: 440px;
    margin-right: 20px;
    float: right;
}

#walkInLayoutButtons {
    text-align: center;
    width: 250px;
    margin-top: 20px;
    float: left;
}

#walkInLayoutButtons button.btn-secondary {
    width: 165px;
}

#walkInLayoutButtons button.btn-secondary:not(:first-child) {
    margin-top: 20px;
}

#walkInLayoutLegend {
    width: 210px;
    margin-left: 20px;
    margin-top: 40px;
    float: left;
}

#walkInLayoutLegend .walkInLayoutLegendItem {
    clear: both;
    min-height: 25px;
}

#walkInLayoutLegend .walkInLayoutLegendItem:not(:first-child) {
    margin-top: 20px;
}

.walkInLayoutLegendItemSwatch {
    width: 25px;
    height: 25px;
    float: left;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.walkInLayoutLegendItemDescription {
    padding-top: 4px;
    margin-left: 30px;
}

#walkInLayoutAutofillContainer {
    position: absolute;
    bottom: 5px;
    right: 15px;
}

#walkInLayoutAutofillContainer label {
    font-size: 14px;
    font-weight: inherit;
}

#walkInLayoutContinueBtn {
    position: absolute;
    bottom: 9px;
    right: 15px;
}

.mirror-horizontal {
    -moz-transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.rotate45 {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rotate225 {
    -moz-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
}

.textHighlight {
    color: #5e8ab4;
    font-weight: bold;
}

.numberCircle {
    border-radius: 50% !important;
    padding: 1px 10px;
    border: 4px solid #5e8ab4;
    color: #5e8ab4;
    font-size: 30px;
    font-weight: bold;
    vertical-align: middle;
}

.panel-active {
    border-color: #5e8ab4;
    border-width: 2px;
}

.panel-active .panel-body {
    padding: 14px;
}

#placementWarningDialogButtons {
    width: 220px;
}

#placementWarningDialogButtons button {
    margin-bottom: 10px;
}

#placementWarningDialogMessage {
    font-weight: bold;
}

/**********/

#warrantySizeWarningDialogContent {
    width: 250px;
}

#warrantySizeWarningDialogButtons button:not(:first-child) {
    margin-top: 8px;
}

#warrantySizeWarningDialogButtons button {
    width: 100%;
    text-align: center;
}

#warrantySizeWarningDialogButtons button:disabled {
    background-color: #265a88 !important;
}

#warrantySizeWarningDialogMessage {
    font-weight: bold;
    text-align: center;
}

/**********/

/* Override bootstrap's rounded corners */
* {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

/* non sledgehammer approach to removing Bootstrap rounding */
/*code,
kbd,
pre,
.img-rounded,
.img-thumbnail,
.img-circle,
.form-control,
.btn,
.btn-link,
.dropdown-menu,
.list-group-item,
.input-group-addon,
.input-group-btn,
.nav-tabs a,
.nav-pills a,
.navbar,
.navbar-toggle,
.icon-bar,
.breadcrumb,
.pagination,
.pager *,
.label,
.badge,
.jumbotron,
.thumbnail,
.alert,
.progress,
.panel,
.well,
.modal-content,
.tooltip-inner,
.popover,
.popover-title,
.carousel-indicators li {
    border-radius:0 !important;
}*/

#optionsMenuToolbar b.optionMenuSpacer {
    margin-right: 22px;
}
#optionsMenuToolbar b.glyphicon {
    margin-right: 10px;
}
.hiddenOptionMenu {
    visibility: hidden;
}
#viewMenuToolbar .removedOptionMenu {
    display: none;
}

.tooltip.in {
    opacity: 1;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
    border-right-color: #000;
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #000;
}
.tooltip.left .tooltip-arrow {
    border-left-color: #000;
}
.tooltip-inner {
    color: #000;
    background-color: #fff;
    border: solid 1px #000;
}

.progress {
    display: none;
    position: absolute;
    left: 50%;
    top: 35%;
    width: 250px;
    height: 25px;
    margin: -25px 0 0 -250px;
    text-align: center;
}

.ui-progressbar.ui-widget-content {
     background-color:black;
  }

  .ui-progressbar.ui-widget-header {
     color: Blue;
     background-color:red;
  }

.loading-text-container {
    position:relative;
    width:100%;
    height:100%
}

.loading-text {
    position:absolute; 
    width:100%; 
    text-align:center; 
    top:4px;
}

.glyphicon-none:before {
    content: "\2122";
    color: transparent !important;
}

span.valignMiddleHelper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    pointer-events: inherit;
}

.helpHighlight {
    display: none;
    background-color: #000;
    opacity: 0.6;
    position: fixed;
    z-index: 9998;
    -webkit-transition: all 0.25s linear;
    -moz-transition: all 0.25s linear;
    -o-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

#helpHighlightTop {
    top: 0;
    left: 0;
    width: 100%;
}

#helpHighlightLeft {
    left: 0;
}

#helpHighlightRight {
    right: 0;
}

#helpHighlightBottom {
    bottom: 0;
    width: 100%;
}

#helpHighlightTipPlacement {
    position: fixed;
    width: 0;
    height: 0;
    z-index: 9999;
}

.helpStepIndicator {
    float: right;
}

.helpStepIndicatorInactiveStep, .helpStepIndicatorActiveStep {
    float: left;
    border-radius: 50% !important;
    width: 8px;
    height: 8px;
    margin-left: 4px;
}
.helpStepIndicatorInactiveStep {
    background-color: #bbb;
}
.helpStepIndicatorActiveStep {
    background-color: #CBA052;
}

.helpStepTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.helpStepDescription {
    margin-bottom: 10px;
    max-width: 400px;
}

.helpStepBack {
    float: right;
}

.helpStepNext {
    float: right;
    margin-left: 10px;
}

.helpStepDone {
    float: right;
    margin-left: 10px;
}

#helpDialogContent h4 {
    margin-top: 5px;
}

/*#unitDialogNav .btn-sidebar {
    display: inline-block;
    width: 180px;
    height: 38px;
    font-size: 17px;
    margin-top: 10px;
}
*/
#unitDialogNav li .glyphicon {
    font-size: 14px;
    margin-right: 5px;
}

.allWallsWall {
    display: inline-block;
    margin: 55px 10px 10px;
    cursor: pointer;
}
.allWallsWall:hover {
    margin: 50px 5px 5px;
    border: 5px solid #cba052;
}
.allWallsName {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

#allWallsViewRegion {
    height: 100%;
    position: relative;
}

#allWallsViewRegion h2 {
    margin: 10px;
    text-align: center;
    font-size: 28px;
    position: absolute;
    top: 0;
    left: 0;
    right: 210px;
}

.multi-choice-dialog .modal-footer {
    text-align: center;
}

.crownImg {
    height: 185px;
}

.dropdown-header, .dropdown-menu>li>a {
    padding: 3px 10px;
}

.soffit-dialog-table, #shareVertModal .modal-content .modal-body {
    font-size: 14px;
}

#shareVertModal .modal-content .modal-body {
    padding-top:40px;
    text-align:center;
}

#shareVertModal .share-vert-text {
    position:relative;
    top:-7px;
    font-weight: normal;
}

#shareVertModal ul {
    text-align: left;
    width: 275px;
    margin: 0 auto;
}

#shareVertModal li {
    list-style-type:none;
}

#shareVertModal #shareDiffDepth {
    border-bottom: dashed;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.soffit-dialog-table > thead > tr > th, .soffit-dialog-table > tbody > tr > td {
    vertical-align: middle;
    padding-left: 40px;
}

.soffit-dialog-table > thead > tr > th:not(:last-child), .soffit-dialog-table > tbody > tr > td:not(:last-child) {
    border-right: 2px solid #ddd;
}

.large-checkbox {
    width: 24px;
    height: 24px;
}

.clearfix2 {
    clear:both;
}

/* ******************** Custom Layout Dialog - Start ******************** */
#customLayoutDiv #customLayoutCanvas {
    width: 705px;
    height: 590px;
    border: 1px solid #333;
}

#customLayoutDiv .btn-toolbar {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    height: 62px;
}

#customLayoutDiv .btn-toolbar .btn-group {
    float: none;
}

#customLayoutDiv .btn-toolbar .btn {
    margin-right: 5px;
    height: 52px;
}

#customLayoutDiv .btn-toolbar .btn .glyphicon {
    float: left;
    line-height: 40px;
    margin-right: 11px;
    font-size: 20px;
}

#customLayoutDiv .btn-toolbar .btn .btn-text {
    display: inline-block;
}

#customLayoutDiv .control-panel {
    position: relative;
    width: 220px;
    height: 590px;
    border-left: 1px solid #CCC;
    text-align: center;
}

#customLayoutDiv .control-panel-item {
    position: absolute;
    text-align: center;
    width: 205px;
    margin-left: 10px;
}

#helpDiv {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

#helpDiv.condensed {
    height: 275px;
}

#customLayoutDiv .control-panel h2 {
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 10px;
}

#customLayoutDiv .control-panel .alert {
    margin-bottom: 10px;
}

#customLayoutDiv .control-panel input[type='text'] {
    width: 80px;
}

#customLayoutDiv #areaFrontDepthText, #customLayoutDiv #areaBackDepthText, #customLayoutDiv #areaLeftDepthText, #customLayoutDiv #areaRightDepthText {
    width: 40px;
}

#customLayoutDiv .control-panel input[type='checkbox'] {
    vertical-align: middle;
    position: relative;
    bottom: 1px;
}

#customLayoutDiv #areaDiv, #customLayoutDiv #wallDiv, #customLayoutDiv #noteDiv, #customLayoutDiv #bridgeDiv {
    text-align: left;
    display: none;
}

#customLayoutDiv #areaDiv > div {
    margin-bottom: 15px;
}

#customLayoutDiv #noteDiv textarea {
    background-color: #fff;
}

#customLayoutDiv #controlPanelBottom {
    bottom: 0px;
}

#customLayoutDiv #controlPanelBottom #allWallsDiv {
    text-align: left;
    margin-bottom: 10px;
}

#customLayoutDiv #controlPanelBottom #allWallsDiv #allWallsHeight {
    width: 60px;
}

#customLayoutDiv #autoFillOptionsDiv.control-panel-bottom-item.well {
    margin-bottom: 5px;
}

#customLayoutDiv #layoutWarningDiv {
    display: none;
}

#customLayoutDiv #preventOverlapDiv {
    text-align:left;
}

#customLayoutDiv .prevent-overlap-warning {
    color: #C00;
}

#customLayoutDiv #zoomDiv {
    bottom: 14px;
    right: 235px;
    cursor: pointer;
}

#customLayoutDiv #zoom {
    margin: 5px 20px 0 20px;
}

#customLayoutDiv #zoomLeft, #customLayoutDiv #zoomRight {
    float: left;
    width: 20px;
    height: 15px;
    padding-top: 3px;
}

#customLayoutDiv #zoomRight {
    float: right;
}

#customLayoutDiv #zoomDiv .slider.slider-horizontal {
    width: 100px;
}

#customLayoutDiv #autoFillAreasDiv {
    text-align:left;
}
#customLayoutDiv #autoFillOptionsDiv {
    padding: 10px 15px;
}
#customLayoutDiv #autoFillOptionsDiv.disabled {
    color: #BBB;
}

#customLayoutDiv #saveButtonDiv {
    margin-bottom: 10px;
}

#customLayoutDiv #editObstructionBtn {
    margin-bottom: 10px;
    font-size: 1em;
}

#customLayoutDiv .control-panel .btn {
    width: 100%;
}

#customLayoutDiv .control-panel .btn.small {
    padding: 5px 4px 5px 4px;
}

#customLayoutDiv #cancelButton {
    font-size: 0.9em;
}

#customLayoutDiv #legendArea, #customLayoutDiv #legendClearance,#customLayoutDiv #legendCabinetArea {
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    background-color: #ccc;
}

#customLayoutDiv #legendSnap {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50% !important;
    background-color: #ccc;
}

#customLayoutDiv .addwalltext {
  font-size: 16px;
}

#customLayoutDiv #undoBtn {
  line-height: 40px;
}

#customLayoutDiv label {
    font-weight: normal;
}

label.smallFont {
    font-size: 11px;
}

.col-xs-6.small-right-column {
    padding-left: 4px;
}

.col-xs-6.small-left-column {
    padding-right: 0px;
}

#customLayoutDiv .btn-default.active {
    background-color: #F1C3B4;
    border: 1px solid #5e8ab4;
}
#customLayoutDiv .btn-default.active .glyphicon {
    color: #337ab7;
}

/* ******************** Custom Layout Dialog - End ******************** */

#naturalWhiteWarning {
    display:none;
}

#loadingMessageContainer {
    position:relative;
    display: none;
}

#loadingMessage {
    position:absolute;
    text-align:center;
    padding-top:60px;

    left: 50%;
    top: 30%;
    width: 250px;
    height: 25px;
    margin: -25px 0 0 -250px;
}

#islandBenchViewCanvasContainer {
    height:280px;
}

#islandBenchButtonContainer {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    }

#selectDrillTextContainer {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

#selectDrillTextContainer, #selectDrillConfirmationContainer, #unitEditedConfirmationContainer {
    text-align:center;
}

#selectDrillIcon.glyphicon-ok {
    color: green;
    font-size: 14px;
}

#selectDrillIcon.glyphicon-remove {
    color: red;
    font-size: 14px;
}

#saveToStore, #saveToStore .button-text, #saveAndCloseBtn, #saveAndCloseBtn .button-text {
    position:relative;
}

#saveToStore .button-message, #saveAndCloseBtn .button-message {
    position: absolute;
    width: 100%;
    opacity: 0;
    left: 0px;
    display: none;
}

#confirmPos.selectDrillConfirmation, #confirmPos.unitEditedConfirmation {
    z-index:9999;
}

#confirmPos.selectDrillConfirmation .modal-content,
#confirmPos.unitEditedConfirmation .modal-content {
    max-width: 450px;
    top: 110px;
}

#confirmPos.selectDrillConfirmation .modal-content .modal-body,
#confirmPos.unitEditedConfirmation .modal-content .modal-body {
    min-height:160px;
}

#confirmPos.extendedLayoutDialog .modal-content {
    width: 1024px;
    max-width: 1024px;
}

#confirmPos.extendedLayoutDialog .modal-content .modal-body {
    max-width: 1024px;
}

#walkInMeasurementSteps {
    width: 1000px;
}

#obstructionDialogWall {
    float: left;
    width: 720px;
    height: 484px;
}

#obstructionDialogWallViewDiv {
    height: 480px;
    position: relative;
}

#obstructionDialogObstructions {
    float: left;
    width: 720px;
    height: 120px;
    border-top: 1px solid #e5e5e5;
}

#obstructionDialogOverhead {
    float: right;
    width: 200px;
    height: 604px;
    border-left: 1px solid #e5e5e5;
    padding-left: 10px;
}

#obstructionDialogOverhead p {
    text-align: center;
    font-size: 14px;
}

#obstructionDialogOverheadView {
    width: 190px;
    height: 190px;
}

.obstruction-dialog-input {
    position: absolute;
    text-align: center;
    font-size: 18px;
    width: 78px;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.toggle {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggle:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .toggle {
  background-color: #2196F3;
}

input:focus + .toggle {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .toggle:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.toggle.round {
  border-radius: 34px !important;
}

.toggle.round:before {
  border-radius: 50% !important;;
}

#obstructionOffsetsFormContainer input, #offsetsFormContainer input {
    width: 50px;
}

#obstructionOffsetsFormContainer, #offsetsFormContainer {
    position: relative;
    width: 189px;
    height: 189px;
}

#obstructionOffsetsFormContainer>* {
    position: absolute;
    height: 24px;
    width: 49px;
}

#obstructionOffsetsFormContainer>*, #offsetsFormContainer>* {
    position: absolute;
}

#obstructionOffsetsFormContainer>#top {
    left: 70px;
    /*top: 0px;*/
    top: 20px;
}

#offsetsFormContainer>#top {
    left: 70px;
    /*top: 0px;*/
    top: 20px;
}

#obstructionOffsetsFormContainer>#bottom, #offsetsFormContainer>#bottom {
    left: 70px;
    /*top: 165px;*/
    top: 145px;
}

#obstructionOffsetsFormContainer>#left, #offsetsFormContainer>#left {
    left: 2px;
    top: 83px;
}

#obstructionOffsetsFormContainer>#right, #offsetsFormContainer>#right {
    left: 138px;
    top: 83px;
}

#obstructionOffsetsFormContainer>#xbox, #offsetsFormContainer>#xbox {
    width: 50px;
    height: 50px;
    left: 70px;
    top: 70px;
}

#obstructionOffsetsFormContainer>div, #offsetsFormContainer>div {
    border: solid 1px #dadada;
}

#obstructionOffsetsFormContainer>#north, #offsetsFormContainer>#north {
    left: 94px;
    top: 44px;
    height: 26px;
    width: 1px;
}

#obstructionOffsetsFormContainer>#south, #offsetsFormContainer>#south {
    left: 94px;
    top: 120px;
    height: 26px;
    width: 1px;
}

#obstructionOffsetsFormContainer>#west, #offsetsFormContainer>#west {
    top: 94px;
    left: 51px;
    width: 19px;
    height: 1px;
}

#obstructionOffsetsFormContainer>#east, #offsetsFormContainer>#east {
    top: 94px;
    left: 120px;
    width: 19px;
    height: 1px;
}

#obstructionTemplatesContainer .imageWrap {
    position: relative;
    text-align: center;
    width: 100px;
    display: inline-block;
}

#obstructionTemplatesContainer {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}

#obstructionError {
    display: none;
    position: absolute;
    bottom: 0;
    width: 189px;
}

.lockwrapper,
.dummylockwrapper
{
    padding: 5px;
    border-radius: 5px !important;
}

.lockwrapper.locked {
    background: rgba(0, 0, 0, 0.15);
}

.lockwrapper.locked input {
    background: rgba(0, 0, 0, 0);
}

.decorationOnlyLabel {
    padding: 7px; /* for vertical centering */
}
#lock_image {
    width: auto;
    height: 16px;
}

.valign-middle-parent {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.valign-middle {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.labeledCheckboxInput {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.labeledCheckboxInput > label {
    margin: 0 0 0 4px;
}

.labeledCheckboxInput > input{
    margin: 0;
    width: auto !important;
}

input#templateIsEmpty {
    pointer-events: none;
}
.custom_panel_heading {
	background-color: #283642;
}

.report-iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2000;
    background: white;
}
button.close.report-close {
	z-index: 2001;
	float: none;
	position: absolute;
	top: 10px;
	right: 10px;
}
button.close.report-close:before, button.close.report-close:after {
	background: black;
	width: 24px;
	top: 12px;
}