.button.config-message-action-btn {
    /*
  margin-top: 22px;
  margin-left: 30%;
  border-radius: 8px;
  background-color: lightgrey;
  font-family: Dinot-Regular, sans-serif;
  border: 2px solid black;
  color: black;
  */
    /* margin-bottom: 10px;
        float: left;
        border: 2px solid #c5dbec;
        font-family: Dinot-Regular, sans-serif;
        color: #2e6e96;
        background: #dfeffc 50% 50% repeat-x;
        font-weight: bolder;
        width: 50%;
        margin-left: 25%;*/
    margin-bottom: 10px;
    float: left;
    border: 2px solid #dfdfdf;
    font-family: Dinot-Regular, sans-serif;
    color: #424242;
    background: #dfdfdf 50% 50% repeat-x;
    font-weight: bolder;
    width: 50%;
    margin-left: 25%;
}

    .button.config-message-action-btn.submit-action-btn {
        /*margin-left: 10%;*/
    }

.main-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 100;
    overflow-x: auto;
    overflow-y: auto;
    width: 100%;
    height: 100%;
    background-color: rgba(40, 40, 40, 0.7);
    font-weight: 400;
}

.main-header {
    position: fixed;
    /*left: 10%;*/
    top: 0px;
    /*right: 10%;*/
    /* box-shadow: #ccc 0px 4px 3px 0px;*/
    z-index: 1;
    width: 933px;
    -webkit-box-shadow: 0 3px 5px rgba(66,66,66,.4);
    -moz-box-shadow: 0 3px 5px rgba(66,66,66,.4);
    box-shadow: 0 3px 5px rgba(66,66,66,.4);
}

@media only screen and (min-device-width: 1280px) and (max-device-height: 800px) and (-webkit-device-pixel-ratio:2) and (orientation : landscape) {
    /* Landscape Samsung Galaxy Tab 4 display*/
    .main-header {
        left: 13.5%;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Landscape iPad display*/
    .main-header {
        left: 4.5%;
    }
}

.main-header-fullscreen {
    left: 0%;
    /*right: 5%;*/
    width: 100%;
}

select::-ms-expand {
    display: none;
}

.grey-box {
    height: 30px;
    /*padding-right: 20px;*/
    padding-right: 6px;
    padding-bottom: 3px;
    padding-left: 20px;
    background: #a5a095 none repeat scroll 0 0;
    font-size: 16px;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.22) inset;
    -moz-box-shadow: 0 0 9px rgba(0, 0, 0, 0.22) inset;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.22) inset;
}

.main-window-close {
    display: block;
    height: 20px;
    margin-top: 5px;
    float: left;
    color: #424242;
    text-decoration: none;
}

.window-close {
    width: 20px;
    height: 17px;
    position: relative;
    left: 97.3%;
    margin-top: 4px;
}

    .window-close:hover {
        cursor: pointer;
    }


.header-lang-form {
    position: relative;
    width: 120px;
    margin-bottom: 0px;
    float: left;
}

.header-lang-select {
    width: 132px;
    height: 20px;
    margin-top: 5px;
    padding: 0px 5px;
    float: right;
    border-style: solid;
    border-width: 1px;
    border-color: black black #424242;
    background-color: #424242;
    color: white;
    font-size: 12px;
}

.window-full-screen {
    position: relative;
    color: #424242;
    text-decoration: none;
    padding-right: 25px;
    padding-top: 2px;
}

.header-fullscreen {
    margin-top: 5px;
    margin-left: 30px;
    float: right;
}

.desktop-right {
    float: right;
}

.header-info {
    padding-top: 10px;
    padding-bottom: 48px;
    padding-left: 8px;
    /*padding: 0.875em 2.34375%;*/
    background-color: white;
    font-family: Dinot-Bold, sans-serif;
    font-weight: bold;
    padding-right: 15px;
}

.header-logo {
    float: left;
    height: 40px;
    width: 120px;
    margin-right: 3.7234%;
    /* margin-top: 0.5em;*/
}

.header-info-name {
    font-size: 1.66em;
    color: #424242;
    /* width: 100%;*/
    width: 62%;
    /* margin-top: 0.5em;*/
    height: 37px;
    padding-top: 12px;
    float: left;
}

.header-info-series {
    margin-top: 10px;
    margin-left: 10px;
    float: left;
    color: black;
}

.header-yellow-band {
    height: 12px;
    background-color: #ffb91d;
}

.header-part {
    /*padding-top: 4px;
     height: 34px;*/
    background-color: white;
    font-family: Dinot-Medium, sans-serif;
    font-size: 18px;
    /*padding: 0.625em 1.546391752577%;*/
    padding-left: 30px;
    padding-top: 4px;
}

.header-part-label {
    margin-right: 10px;
    float: left;
    color: black;
}

.header-part-number {
    float: left;
}

.header-part-number-group {
    margin-left: 5px;
    float: left;
}

.part-number-complete {
    margin-right: 2px;
    margin-bottom: 7px;
    /*padding: 2px;*/
    float: left;
    border: 1px solid #dfdfdf;
    box-shadow: #e6e6e6 1px 0px 5px 3px inset;
    color: #424242;
    padding-left: 1px;
    padding-right: 1px;
}

.main-window-welcome {
    position: absolute;
    overflow-x: auto;
    overflow-y: auto;
    z-index: 1000;
    display: block;
    width: 60%;
    height: 100%;
    min-width: 300px;
    margin-left: 20%;
    padding-top: 150px;
    background-color: white;
}

.main-window {
    /*position: absolute;
  overflow-x: auto;
  overflow-y: auto;*/
    position: relative;
    z-index: 1000;
    display: block;
    max-width: 933px;
    height: 100%;
    min-width: 300px;
    margin-left: -467px;
    left: 50%;
    padding-bottom: 40px;
    background-color: white;
    /*background-color: #f4f4f4;*/
}

.main-window-fullscreen {
    /*width: 100%;
    margin-left: 0%;*/
    max-width: none;
    margin-left: 0px;
    left: 0px;
}

.m-main {
    width: 686px;
    padding-top: 30px;
    margin-left: 30px;
}

.m-main-fullscreen {
    width: auto;
    margin-right: 224px;
}

.vertical-bar {
    height: 15px;
    background-color: #fff;
    width: 1px;
    margin-left: 35px;
    margin-top: 8px;
}

.proceed-div {
    width: 75px;
    margin-left: 38px;
    margin-top: -23px;
}






/* show it on small screens */
/*@media screen and (min-width: 0px) and (max-width: 910px) {
  #mobileAside { display: block; }  
}*/

@media screen and (min-width: 911px) {
    #mobileAside {
        display: none;
    }
    /* hide it elsewhere */
    .header-info-name {
        padding-top: 10px;
    }
    /* #btnQuick
{
    display:block;
}
#MobQuickacesses
{
    display:none;
}*/

}

@media (min-width: 768px) {
    .navbar-brand.logo {
        width: 150px;
        height: 13px;
    }
}

@media screen and (min-width: 1100px) {
    .header-info-name {
        /*padding-top:8px;*/
        padding-top: 10px;
        margin-left: 2%;
        font-weight: bold;
    }
}

@media screen and (min-width: 610px) {

    #btnQuick {
        display: block;
    }

    #MobQuickacesses {
        display: none;
    }
}

@media screen and (max-width: 610px) {
    .main-article-content {
        width: 60% !important;
    }

    #Divhead {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

@media screen and (max-width: 769px) {
    #Quicktxtmodelnumber {
        width: 75% !important;
    }
    /* hide it elsewhere */
    #btnQuick {
        margin-top: 0px !important;
    }

    .imgdiv {
        display: none;
    }

    #aTagSendWCS, .btn-is-disabled {
        display: none !important;
    }

    .ep_left {
        border-bottom: 2px solid #cfcfcf;
        margin-bottom: 3%;
    }
}


/* From Digital Day -- Start --*/
.m-aside {
    width: 164px;
    position: fixed;
    /*right: 0;*/
    z-index: 1000;
    bottom: 0;
    border-top: 7px solid #ffb91d;
    /* border-bottom: 3px solid #424242;*/
    -webkit-box-shadow: 0 -3px 5px rgba(66,66,66,.4);
    -moz-box-shadow: 0 -3px 5px rgba(66,66,66,.4);
    box-shadow: 0 -3px 5px rgba(66,66,66,.4);
}

.m-mobile-form-in-focus {
    position: relative;
}

.m-specifications-settings {
    width: 100%;
    min-height: 32px;
    padding: 10px 0;
    z-index: 5;
    margin-top: 0;
    background-color: #fff;
    background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff 50%, #dfdfdf);
    background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff 50%, #dfdfdf);
    background-image: -o-linear-gradient(bottom, #dfdfdf, #fff 50%, #dfdfdf);
    background-image: linear-gradient(to top, #dfdfdf, #fff 50%, #dfdfdf);
}

.m-specifications-title {
    display: none;
}

.m-specifications-proceed {
    display: block;
    width: 46.875%;
    position: absolute;
    left: 50%;
    bottom: 10px;
    margin-left: -23.4375%;
}

.m-specifications-price {
    color: #424242;
    text-align: center;
    font-size: 0.813em;
    font-family: 'DINOT-Bold';
    padding: 0 4.6875% 5px 4.6875%;
}

    .m-specifications-price dt {
        display: inline;
        margin-right: 5px;
    }

    .m-specifications-price dd {
        display: inline;
    }

.m-currancy-type {
    font-family: 'DINOT-Regular';
}

.m-specifications-nav {
    padding: 0 4.6875%;
    width: 90.625%;
    line-height: 32px;
}

    .m-specifications-nav a {
        font-size: 0.875em;
        font-family: 'DINOT-Bold';
    }

.m-black-box {
    background: #424242;
    color: #fff;
}

.m-wrapper {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.m-left {
    float: left;
}

.m-right {
    float: right;
}

.m-specifications-nav {
    padding: 0 4.6875%;
    width: 90.625%;
    line-height: 32px;
}

    .m-specifications-nav a {
        font-size: 0.875em;
        font-family: 'DINOT-Bold';
    }


@media only screen and (min-device-width: 1280px) and (max-device-height: 800px) and (-webkit-device-pixel-ratio:2) and (orientation : landscape) {
    /* Landscape Samsung Galaxy Tab 4 display*/
    .m-icon-fullscreen {
        top: 3px;
    }
}

.m-icon-fullscreen {
    position: absolute;
    right: 0;
    top: 7px;
    display: block;
    width: 20px;
    height: 14px;
    background: transparent url('http://corpappstest.parker.com/corpapps/EConfigurator/NETCMedia/sprite_configurator.png') no-repeat -22px -62px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Landscape iPad display*/
    .m-icon-fullscreen {
        right: -26px;
        top: 3px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-height: 768px) and (-webkit-device-pixel-ratio:2) and (orientation : landscape) {
    /* Landscape Nexus 9 display*/
    .m-icon-fullscreen {
        right: 0;
    }
}



.m-header-part-info-toggle {
    font-family: 'DINOT-Regular';
    font-size: 0.688em;
    right: 2.34375%;
    float: right;
    margin-top: 2px;
    margin-right: 3px;
}
/* From Digital Day -- End --*/

.m-header-part-info-toggle-fullscreen {
    float: left;
    margin-left: 10px;
}

.main-article {
    /*margin-left: 30px;*/
    /*width: 100%*/
    margin-right: 40px;
}

.main-article-image {
    width: 110px;
    height: 110px;
    float: left;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    z-index: 0;
}

/*  .main-article-image:hover {
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -o-transform: scale(3);
        transform: scale(3);
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        background-color: white;
        border: 2px solid #f4f4f4;
        border-radius: 5px;
        z-index: 1001;
        position: relative;
    }*/

/*.main-article-image:hover {
   -webkit-transform: scale(3);
  -moz-transform: scale(3);
  -o-transform: scale(3);
  transform: scale(3);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
    background-color: white;
    border:2px solid #f4f4f4;
    border-radius: 5px;
}*/

.main-article-content {
    width: 70%;
    /*margin-left: 40px;*/
    float: left;
    margin-top: 21px;
}

.main-article-title {
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: Dinot-Bold, sans-serif;
    color: #424242;
}

.main-header-text {
    display: block;
    width: 100%;
    float: left;
    font-family: Arial;
    color: #424242;
    font-size: 14px;
    line-height: 18px;
}

.main-select-text {
    width: 100%;
    margin-top: 10px;
    float: left;
    font-family: Arial;
    color: #424242;
    font-size: 14px;
    line-height: 18px;
}

.main-aside {
    width: 164px;
    position: fixed;
    top: 119px;
    bottom: 0;
    margin-left: 739px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    /* Landscape iPad display*/
    .main-aside {
        left: 7.3%;
    }
}

.main-aside-fullscreen {
    right: 0%;
}

.font-settings, .font-settings-mobile {
    margin-bottom: 10px;
    text-align: center;
}


.normal-font {
    color: black;
    font-size: 18px;
    text-decoration: none;
}

.medium-font {
    margin-left: 10px;
    color: black;
    font-size: 20px;
    text-decoration: none;
}

.large-font {
    margin-left: 10px;
    color: black;
    font-size: 22px;
    text-decoration: none;
}

.specification-settings {
    /*min-height: 130px;*/
    /*padding-top: 6px;*/
    /*padding-bottom: 10px;*/
    background: #dddddd;
    /*border-top: 2px solid #424242;
    border-bottom: 2px solid #424242;
    background: linear-gradient(#dfdfdf, white, #dfdfdf);
    background: -webkit-linear-gradient(#dfdfdf, white, #dfdfdf); 
    background: -o-linear-gradient(#dfdfdf, white, #dfdfdf); 
    background: -moz-linear-gradient(#dfdfdf, white, #dfdfdf); */
    /*background-color: #f0f7fa;
    background-image: none;
    background-position: 0% 0%;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;*/
}

#btnQuick {
    margin-top: 5px !important;
}

.specifications-price {
    margin-left: 10px;
    color: #424242;
    text-align: center;
    font-size: 0.813em;
    font-family: 'DINOT-Bold';
}

.price-tag {
    margin-left: 11px;
    float: left;
}

.price-text {
    /*float: left;*/
    padding: 5px;
}

.specification-title {
    height: 40px;
    background-color: #ffb91d;
    line-height: 40px;
}

.specification-menu-text {
    color: #424242;
    font-family: Dinot-Bold, sans-serif;
    font-size: 0.8em;
    margin-left: 25px;
}

.specification-assembly {
    margin-top: 2px;
    cursor: pointer;
}

.specification-assembly-title {
    height: 40px;
    line-height: 40px;
    background-color: #424242;
}

.specification-assembly-title-child {
    background-color: #dddddd;
}

.specification-assembly-menu-text {
    color: #ffffff;
    font-family: Dinot-Bold, sans-serif;
    font-size: 0.8em;
    margin-left: 25px;
}

.specification-assembly-menu-text-child {
    color: #424242;
}

.error-msg {
    text-align: center;
    font-size: 13px;
    font-family: Dinot-Bold, sans-serif;
}

.error-msg-img {
    height: 25px;
    padding-bottom: 5px;
    padding-right: 5px;
}

.textarea-name {
    margin-top: 5px;
    text-align: center;
    font-size: 13px;
    font-family: Dinot-Bold, sans-serif;
}

.textarea-shorthelp {
    width: 100%;
    font-size: 13px;
    text-align: center;
    font-size: 13px;
    font-family: Dinot-Regular, sans-serif;
}

.textarea-control {
    width: 72%;
    margin-left: 14%;
    max-height: 150px;
    min-height: 100px;
    padding: 2px 6px;
    float: left;
    border: 1px solid black;
    font-size: 13px;
    font-family: Dinot-Regular, sans-serif;
}

.specification-nav-option {
    width: 100%;
    margin-top: 10px;
    margin-left: 5px;
    float: left;
    color: black;
    text-decoration: none;
    font-size: 13px;
    font-family: Arial;
}

    .specification-nav-option:hover {
        color: #0076cc;
        text-decoration: underline;
    }

.specification-nav-option-textbox {
    margin-top: 0px;
    margin-left: 0px;
    width: 100%;
    font-size: 13px;
    font-family: Arial;
}

.main-filter {
    /*margin-top: 20px;*/
}

.filter-note {
    width: 100%;
    float: right;
    text-align: right;
    font-family: Arial;
    color: #424242;
    font-size: 10px;
    margin-right: 5px;
}

.filter-black-band {
    width: 100%;
    height: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    background-color: #6da79b;
}

.division-controls {
    width: 100%;
    float: left;
    background-color: #dfdfdf;
    /*margin-left: 30px;*/
}

.main-black-box {
    background: #424242;
    color: #fff;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom-color: #dfdfdf;
    border-top-color: #dfdfdf;
    margin-bottom: 10px;
    /*height: 40px;*/
    float: left;
    font-size: 16px;
    width: 100%;
}


.main-black-box-1 {
    background: #424242;
    color: #fff;
    padding: 10px;
    font-weight: bold;
    border-bottom-color: #dfdfdf;
    border-top-color: #dfdfdf;
    float: left;
    font-size: 16px;
    width: 100%;
}

.main-black-box-text {
    color: white;
    text-align: center;
}

.main-black-box-line {
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.controlHorizontalLine {
    width: 71%;
    height: 1px;
    background: #424242;
}

/*.main-black-box-margin-left {
    margin-left: 30px;
}*/



.control-row {
    margin-top: 2px;
    /*border-bottom: 1px solid white;
    border-top: 1px solid white;*/
}

.control-row-warning {
    margin-top: 5px;
    border: 1px solid red;
}

.control-label {
    width: 34%;
    margin-top: 4px;
    margin-left: 15px;
    float: left;
    font-family: Dinot-Medium, sans-serif;
    font-size: 13px;
    color: #6a6a6a;
    text-align: right;
    text-transform: uppercase;
}

.control-label1 {
    margin-top: 4px;
    margin-left: 0px;
    float: left;
    font-family: Dinot-Medium, sans-serif;
    font-size: 13px;
    color: #6a6a6a;
    text-align: left;
}

.control-label-embedded {
    width: 100%;
    text-align: initial;
    margin-left: 0px;
}

.control-input {
    width: 62%;
    float: right;
    font-size: 13px;
}

.control-input-embedded {
    width: 100%;
    float: none;
}

.second-column {
    margin-left: 15%;
}

.xmp-select {
    /* styling */
    background-color: white;
    border: thin solid blue;
    display: inline-block;
    font: inherit;
    line-height: 1.5em;
    padding: 0.5em 3.5em 0.5em 1em;
    /* 
        */
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.control-select {
    width: 100%;
    max-width: 312px;
    height: 30px;
    margin-bottom: 2px;
    padding: 2px 6px;
    float: left;
    border: 1px solid #3e3e3e;
}

.control-selectdrpList {
    width: 100%;
    max-width: 100%;
    height: 30px;
    margin-bottom: 2px;
    padding: 2px 6px;
    float: left;
    border: 1px solid #c1c1c1;
}

.control-selectdrp {
    width: 100%;
    max-width: 100%;
    height: 30px;
    margin-bottom: 2px;
    padding: 2px 6px;
    float: left;
    border: 1px solid #c1c1c1;
    margin-left: 6px;
}

.classic-select {
    /* background-image:
    linear-gradient(45deg, transparent 50%, #3e3e3e 50%),
    linear-gradient(135deg, #3e3e3e 50%, transparent 50%),
    linear-gradient(to right, white, white);
  background-position:
    calc(100% - 16px) calc(1em - 1px), calc(100% - 11px) calc(1em - 1px), 100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
    background-image:url('images/Ic_arrow_drop_down_48px.svg.png');*/
    background-position: calc(100% - 9px) calc(1em - 9px), calc(100% - 11px) calc(1em - 1px), 100% 0;
    background-position-x: 97%;
    background-position-y: 45%;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    padding-right: 30px;
    border-radius: 0px;
}



/*.green-check {
    margin-top: 5px;
    margin-left: 10px;
    display: block;
    background: transparent url('images/configurator/green-check.png') no-repeat;
    float: right;
    width: 20px;
    height: 17px;
}*/

.control-short-help {
    width: 100%;
    float: left;
    font-size: 13px;
    max-width: 312px;
    margin-bottom: 5px;
}

.control-static {
    max-width: 312px;
    margin-bottom: 2px;
    padding: 2px 6px;
    float: left;
}

.control-textbox {
    max-width: 312px;
    height: 30px;
    margin-bottom: 2px;
    padding: 2px 6px;
    float: left;
    border: 1px solid black;
    background-image: -webkit-linear-gradient(#dfdfdf 6%, white 52%);
    background-image: linear-gradient(#dfdfdf 6%, white 52%);
}

.control-checkbox {
    width: 80%;
    float: left;
}

.control-textarea {
    width: 80%;
    height: 100px;
    max-height: 150px;
    min-height: 100px;
    padding: 2px 6px;
    float: left;
    border: 1px solid black;
}

.control-checkbox-box {
    width: 18px;
    height: 18px;
}

.mobile-menu {
    display: none;
    height: 30px;
    background-color: #424242;
}

.mobile-dialog {
    display: none;
}

.mobile-header {
    padding-bottom: 5px;
    margin-left: 30%;
    margin-right: 30%;
    margin-top: 20px;
    margin-bottom: 20px;
    /*border-bottom: 2px solid #4999c1; */
    border-bottom: 2px solid white;
}


.control-slice-num {
    width: 40px;
    height: 40px;
    padding-top: 10px;
    float: left;
    border: 2px solid #c78075;
    border-radius: 4px;
    background-color: white;
    box-shadow: none;
    text-align: center;
}

.control-slice-text {
    margin-left: 20px;
    padding-top: 10px;
    float: left;
}

.copy-slice-text {
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 5px;
    float: left;
}

.copy-slice-input {
    width: 70px;
    float: left;
}

.control-slice-container {
    width: 80%;
    padding: 20px 20px 20px 10px;
    border: 2px solid #c78075;
    border-radius: 4px;
    background-color: white;
    box-shadow: none;
}

.copy-slice-container {
    width: 85%;
}

.slice-configure-btn {
    /*margin-left: 10px;*/
    padding: 5px 10px;
    border: 2px solid #424242;
    border-radius: 8px;
    background-color: white;
    background-image: -webkit-linear-gradient(#dfdfdf, white);
    background-image: linear-gradient(#dfdfdf, white);
    box-shadow: none;
    color: black;
    text-decoration: none;
    text-align: center;
    max-width: 80%;
}

    .slice-configure-btn:hover {
        cursor: pointer;
    }

.control-slice-model {
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 10px;
    border: 2px solid #c78075;
    border-radius: 4px;
    background-color: white;
    box-shadow: none;
    color: black;
}

.control-slice-model-header {
    border-bottom: 2px solid #424242;
}

.control-slice-model-text {
    width: 100%;
    margin-top: 5px;
    float: left;
}

.header-part-key {
    z-index: 99999;
    display: none;
    background-color: white;
    /*padding-top: 30px;*/
    padding-left: 20px;
}

.header-part-key-underline {
    height: 3px;
    background-color: #ffb91d;
    display: none;
}

.part-group-key {
    display: none;
    width: 22px;
    height: 22px;
    margin-top: 5px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    background-color: #3e3e3e;
    font-family: Dinot-Regular, sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.part-group-key-text {
    font-family: Dinot-Regular, sans-serif;
    color: white;
    font-size: 16px;
    font-weight: 700;
}

.header-part-key-col-left {
    /*width: 48%;*/
    /*margin-left: 1%;*/
    padding-bottom: 10px;
    float: left;
}

.header-part-key-col-right {
    width: 48%;
    margin-right: 1%;
    float: right;
}

.header-part-key-info {
    float: left;
}

.part-key-info-symbol {
    /* width: 22px;
    height: 22px;
    border-radius: 10px;*/
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background-color: #3e3e3e;
    font-family: Dinot-Regular, sans-serif;
    text-align: center;
    padding: 2px;
}

.part-key-info-text {
    margin-left: 10px;
    float: left;
}

.part-key-info {
    margin-top: 10px;
}

.part-number-key {
    margin-top: 4px;
    margin-left: 25px;
    float: left;
    font-family: Dinot-Light, sans-serif;
    color: black;
    font-size: 12px;
    text-decoration: none;
}


.footer {
    margin-top: 6px;
    border-top: 2px solid #ffb91d;
    font-size: 16px !important;
    text-align: center !important;
    background-color: white !important;
    text-transform: none !important;
    color: #333 !important;
}



.footer-copyright {
    margin-top: 5px;
    font-size: 12px;
}

.footer-powered-by {
    margin-top: 10px;
}

.model-container {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 46%;
    margin-top: 15%;
    margin-left: 26%;
    /* border-radius: 8px;*/
    background-color: white;
    box-shadow: rgba(40, 40, 40, 0.70) 2px 2px 6px 2px;
    font-family: Dinot-Regular, sans-serif;
    padding-bottom: 10px;
}

.config-message-header {
    font-weight: bold;
    font-family: Dinot-Bold, sans-serif;
    margin-bottom: 15px;
}

.message-header-text {
    margin-top: 18px;
    margin-left: 15px;
    float: left;
}

.config-message-close {
    margin-top: 12px;
    margin-right: 12px;
    float: right;
    color: white;
    width: 25px;
    cursor: pointer;
}

.config-message-body {
    display: block;
    width: 100%;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 15px;
    margin-bottom: 15px;
    float: left;
    font-size: 16px;
}

.wait-gif {
    width: 9%;
    /*float: left;*/
    margin: 20px;
    margin-top: 40px;
    margin-bottom: 60px;
    margin-left: 45%;
}

.username-division-container {
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}

.username-container {
    width: 40%;
    margin-left: 9%;
    float: left;
    font-family: Dinot-Bold, sans-serif;
    font-weight: 400;
}

.division-container {
    width: 48%;
    margin-right: 1%;
    float: right;
    font-family: Dinot-Bold, sans-serif;
}

.username-label {
    float: left;
}

.username-text {
    margin-left: 10px;
    float: left;
}

.division-load-container {
    width: 80%;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 9%;
    font-family: Dinot-Bold, sans-serif;
}

.mfgdiv-input {
    width: 25%;
    padding: 6px;
    float: left;
    border: 2px solid #ccc;
    border-radius: 6px;
}

.mfgdiv-submit {
    margin-left: 50px;
    padding: 6px;
    float: right;
    border: 2px solid black;
    border-radius: 8px;
    background-color: #ccc;
    color: black;
}

.select-series-action-container {
    display: block;
    width: 80%;
    margin-bottom: 40px;
    margin-left: 9%;
    float: left;
    font-family: Dinot-Bold, sans-serif;
}

.select-division {
    display: block;
    width: 25%;
    margin-right: 10%;
    padding: 6px;
    float: left;
    border: 2px solid #ccc;
    border-radius: 6px;
}

.select-series {
    width: 25%;
    padding: 6px;
    float: left;
    border: 2px solid #ccc;
    border-radius: 6px;
}

.select-action {
    width: 25%;
    margin-left: 9%;
    padding: 6px;
    float: left;
    border: 2px solid #ccc;
    border-radius: 6px;
}

.welcome-underline {
    width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-right: 9%;
    float: left;
    background-color: #ccc;
}

.selldiv-select {
    width: 25%;
    margin-left: 10%;
    padding: 6px;
    float: left;
    border: 2px solid #ccc;
    border-radius: 6px;
}

.open-config-container {
    width: 80%;
    margin-top: 40px;
    margin-bottom: 40px;
    margin-left: 9%;
    float: left;
    text-align: center;
}

.open-config-submit {
    padding: 6px;
    border: 2px solid black;
    border-radius: 6px;
    background-color: #ccc;
    color: black;
    cursor: pointer;
}

.control-multiselect {
    width: 80%;
    float: left;
}

.welcome-xml-block {
    display: block;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
    padding-top: 40px;
    float: none;
    clear: both;
}

.xml-radio {
    margin-left: 12%;
    float: left;
}

.callout {
    z-index: 20;
    position: absolute;
    top: 30px;
    border: 0;
    left: -12px;
}


@media (max-width: 910px) {
    /*.button.config-message-action-btn {
    margin-left: 5%;
  }*/
    .header-logo img {
        width: 82px;
    }

    .main-window {
        padding-bottom: 56px !important;
    }

    .m-aside {
        width: 100%;
        background: #fff;
    }

    .btn-is-disabled {
        display: none !important;
    }

    #DivMain {
        /* padding-left:2%;
    padding-right:2%;
     margin-left:0px;
    margin-right:0px;*/
    }

    .menu-control-textbox {
        margin-left: 25%;
        margin-top: 10px;
        width: 50%;
        font-size: 14px;
    }

    .main-overlay {
        z-index: 100;
    }

    .main-header {
        left: 0%;
        right: 0%;
        position: relative; /*New CSS */
        width: 100%;
    }

    /*.grey-box
    {
        padding-left: 10px;
        background-color: #abb0b3;
        font-size: 16px;
    }*/

    .main-filter {
        /*margin-bottom: 30px;*/
    }

    .header-info {
        padding-left: 10px;
        padding-bottom: 40px;
        margin-bottom: 0px;
        padding-right: 10px;
    }

    .header-part {
        padding-left: 10px;
        font-size: 0.8em;
    }

    .header-logo {
        /*position: absolute;*/
        height: 30px;
        width: 82px;
        margin-right: 15px;
    }

    #divhdr {
        width: 25%;
    }
    /*.header-info-name {
       
        color: #424242;
        font-size: 1.2em;
        line-height: 1.1;
       
        padding-right: 2.34375%;
        padding-top:0px;
        height:24px;
       
    }*/
    .header-info-name {
        /*margin-left: 0;*/
        font-size: 1.33em;
        color: #424242;
        line-height: 1.0;
        /* width: 100%;*/
        width: 48%;
        margin-top: 0px;
        padding-top: 5px;
        text-align: left;
        height: 28px;
    }

    .header-part-key {
        font-size: 0.8em;
    }

    .part-group-key {
        font-size: 0.8em;
    }

    .part-group-key-text {
        font-size: 0.8em;
    }

    .m-header-part-info-toggle {
        margin-right: 15px;
    }

    .filter-note {
        margin-right: 15px;
    }

    .window-close {
        left: 95.8%;
    }

    .header-lang-form {
        margin-right: 150px;
    }

    .header-lang-select {
        width: 160px;
        height: 24px;
        margin-top: 3px;
        font-size: 16px;
    }

    .header-fullscreen {
        display: none;
    }

    .header-yellow-band {
        height: 0.5em; /*New CSS*/
    }

    .main-article {
        margin-left: 10px;
    }

    .main-window {
        width: 100%;
        margin-left: 0%;
        padding-top: 0px; /*New CSS*/
        left: 0px;
    }


    .m-main {
        width: 100%;
        padding-top: 0px;
        padding-right: 0px;
        margin-left: 0px;
    }

    .grey-box {
        display: none;
    }

    /*.main-black-box-margin-left {
        margin-left: 0px;
    }*/


    .division-controls {
        margin-left: 0px;
    }


    .main-aside {
        left: 0px;
        top: auto;
        right: 0px;
        bottom: 0px;
        width: 100%;
    }

    .font-settings {
        display: none;
    }

    .specification-settings {
        display: none;
        min-height: 50px;
        padding-bottom: 2px;
        background-image: -webkit-linear-gradient(#ccc 28%, white 55%);
        background-image: linear-gradient(#ccc 28%, white 55%);
    }

    .specification-title {
        display: none;
    }

    .mobile-menu {
        position: fixed;
        top: 0px;
        right: 0px;
        display: block;
        width: 150px;
        height: 24px;
        margin-top: 3px;
        margin-right: 10px;
        z-index: 1001;
        text-align: center;
    }

    .mobile-dialog {
        display: block;
    }

    /*.mobile-menu-text
    {
        margin-top: 0px;
        margin-left: 20px;
    }

    .mobile-menu-button
    {
        height: 20px;
        padding-top: 0px;
        padding-bottom: 2px;
    }*/


    .specification-nav-option {
        width: 60%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        margin-left: 20%;
    }

    .specification-nav-option-textbox {
        margin-top: 10px;
        /*margin-left: 20%;
        width: 60%;*/
        font-size: 16px;
        width: 162px;
    }


    .slice-configure-btn {
        box-shadow: none;
    }

    .model-container {
        width: 65%;
        margin-left: 17%;
    }


    .username-division-container {
        margin-top: 20px;
        padding-bottom: 20px;
    }


    .division-load-container {
        margin-bottom: 30px;
    }

    .mfgdiv-input {
        width: 30%;
    }

    .select-division {
        display: block;
    }

    .welcome-underline {
        margin-top: 20px;
    }

    .selldiv-select {
        width: 30%;
    }
}

@media screen and (max-width: 700px) {
    .header-info-name {
        /*margin-left: 0;*/
        font-size: 1.33em;
        color: #424242;
        line-height: 1.0;
        /* width: 100%;*/
        width: 60%;
        margin-top: 0px;
        padding-top: 8px;
        text-align: left;
        height: 28px;
    }
}

@media (max-width: 767px) {

    .m-aside {
        width: 100%;
    }

    .main-overlay {
        z-index: 100;
    }

    .main-window {
        padding-top: 0px; /*New CSS*/
    }

    .main-filter {
        /* margin-bottom: 70px;*/
        margin-bottom: 0px
    }

    .main-header {
        z-index: 1000;
        position: relative; /*New CSS */
    }

    .header-lang-form {
        margin-right: 160px;
    }

    .header-lang-select {
        width: 160px;
        font-size: 16px;
    }

    .header-info-name {
        /*margin-left: 0;*/
        font-size: 1.33em;
        color: #424242;
        /*line-height: 1.1;*/
        /* width: 100%;*/
        width: 50%;
        margin-top: -1px;
        text-align: left;
        height: 28px;
        padding-top: 0px;
    }


    /*.header-info
    {
        padding-top: 5px;
        padding-bottom: 5px;
      
    }*/

    .header-info-series {
        margin-top: 0px;
        font-size: 16px;
    }

    .header-part-number {
        float: left;
        max-width: 100%;
    }


    .header-part {
        /*display: none;*/
        /*height: 40px;*/
    }

    .control-label {
        width: 80%;
        text-align: left;
    }

    .control-input {
        /* width: 95%!important;
        margin-left: 15px;*/
        width: 98% !important;
        /* padding-left: 15px;*/
        padding-right: 15px;
        float: left;
    }

    .control-select, .control-textbox {
        max-width: 100%;
    }

    .control-selectdrpList {
        max-width: 96% !important;
        width: 100% !important;
    }

    .control-selectdrptext {
        max-width: 98% !important;
        width: 100% !important;
    }

    .textarea-name {
        text-align: left;
        margin-left: 10px;
    }

    .window-close {
        left: 92%;
    }

    #divhdr {
        width: 30%;
    }
    /*.mobile-menu
    {
        position: fixed;
        top: 0px;
        right: 20px;
        width: 150px;
        margin-right: 5px;
    }

    .mobile-menu-text
    {
        margin-left: 20px;
        font-size: 16px;
    }

    .mobile-menu-nav-link
    {
        padding-right: 10px;
        padding-bottom: 10px;
        padding-left: 10px;
        font-size: 16px;
    }

        .mobile-menu-nav-link.w--current
        {
            padding-right: 10px;
            padding-bottom: 5px;
            padding-left: 10px;
            font-size: 16px;
        }*/

    .header-part-key-col-left {
        /*width: 48%;*/
        /*margin-left: 1%;*/
        padding-bottom: 0px;
        float: none;
    }

    .header-part-key-col-right {
        width: 100%;
        margin-right: 0%;
        float: none;
    }

    .specification-nav-option {
        width: 60%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        margin-left: 20%;
    }

    /*.specification-nav-option-textbox {
        margin-top: 10px;
        margin-left: 20%;
        width: 60%;
        font-size: 16px;
    }*/


    .control-slice-num {
        margin-bottom: 10px;
    }

    .slice-configure-btn {
        box-shadow: none;
    }

        .slice-configure-btn.w--current {
            box-shadow: none;
        }

    .header-part-key {
        display: none;
    }

    .footer {
        font-size: 14px;
    }

    .model-container {
        width: 96%;
        margin-top: 13%;
        margin-left: 2%;
    }

    .m-specifications-proceed-mobile-1 {
        margin-left: 20%;
    }

    .username-division-container {
        margin-top: 10px;
        padding-bottom: 20px;
    }

    .username-container {
        width: 45%;
        margin-left: 2%;
    }

    .division-load-container {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .mfgdiv-input {
        width: 60%;
    }

    .select-division {
        display: block;
        width: 60%;
    }

    .select-series {
        width: 60%;
    }

    .select-action {
        width: 60%;
        margin-left: 0%;
    }

    .welcome-underline {
        margin-top: 10px;
    }

    .selldiv-select {
        width: 60%;
        margin-left: 0%;
    }

    .xml-radio {
        margin-top: 20px;
    }

    .config-message-body {
        width: 95%;
    }
}



@media (max-width: 479px) {
    #MobQuickacesses {
        /* margin-top:10px;*/
    }

    .header-info {
        margin-bottom: 0px;
        padding-bottom: 41px;
    }

    #product_browse_pdp .info_section {
        padding: 15px 20px;
    }

    /*#product_browse_pdp .info_section
{
    padding: 0px 0px;
}*/

    #divcontainer {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    #SendWCS {
        float: left !important;
        width: 96% !important;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 3%;
    }

    .btncodereverse {
        width: 100% !important;
    }

    #divradiobtn {
        width: 96% !important;
        margin-left: 2% !important;
        margin-right: 2% !important;
    }

    #productheading {
        font-size: 0.99em !important;
        margin-top: 12px !important;
    }

    .m-aside {
        width: 100%;
    }

    .button.config-message-action-btn {
        margin-top: 10px;
        margin-left: 25%;
        font-size: 16px;
    }

    .main-overlay {
        z-index: 100;
    }

    .grey-box {
        height: 26px;
    }

    .header-lang-form {
        display: none;
        margin-right: 90px;
    }

    .header-lang-select {
        width: 129px;
        height: 20px;
        margin-top: 3px;
    }

    .header-part-number {
        float: left;
        max-width: 100%;
    }

    .window-full-screen {
        display: none;
    }

    .main-window {
        padding-top: 0px; /*New CSS*/
    }

    .main-header {
        z-index: 1000;
        position: relative; /*New CSS */
    }

    /*.header-info
    {
        padding-top: 2px;
        padding-bottom: 2px;
    }*/

    /*.header-logo
    {
        width: 56px;
        height: 20px;
    }*/


    .header-info-series {
        display: block;
        margin-top: 0px;
        margin-left: 10px;
        font-size: 14px;
    }

    /*.header-yellow-band
    {
        display: block;
        height: 4px;
    }*/

    .header-info-name {
        /*margin-left: 0;*/
        font-size: 0.95em;
        color: #424242;
        line-height: 1.1;
        / padding-top:0px;
        /* width:100%;*/
        width: 58%;
        margin-top: 0em;
        text-align: left;
        height: 40px;
    }

    .header-part {
        /*display: none;*/
    }

    .header-part-label {
        display: block;
    }

    .m-main {
        padding-top: 0px;
    }

    .main-article {
        /*margin-left: 10px;*/
        font-size: 16px;
    }

    .main-article-image {
        width: 110px;
        height: 110px;
        /*width: 25%;*/
    }

    .main-article-content {
        width: 47% !important;
        /*margin-left: 5px;*/
    }

    .specification-settings {
        display: none;
    }

    .specifications-price {
        font-size: 14px;
    }

    /*.specification-nav-option
    {
        width: 23%;
        font-size: 12px;
    }

        .specification-nav-option.w--current
        {
            width: 25%;
            font-size: 13px;
        }*/

    .main-filter {
        margin-left: 0px;
        font-size: 16px;
    }

    .filter-note {
        float: right;
        text-align: right;
    }

    .control-label {
        margin-bottom: 5px;
        margin-left: 10px;
        text-align: left;
    }

    .control-input {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*.mobile-menu
    {
        top: 3px;
        right: 10px;
        width: 140px;
        height: 22px;
        margin-top: 0px;
        margin-right: 0px;
    }

   

    .mobile-menu-container
    {
        position: relative;
        z-index: 10;
    }

    .mobile-menu-text
    {
        margin-left: 2px;
        font-size: 16px;
    }

    .mobile-menu-nav-link
    {
        font-size: 16px;
    }

    .mobile-menu-button
    {
        padding-right: 5px;
        padding-bottom: 0px;
        padding-left: 5px;
    }*/


    .specification-nav-option {
        width: 80%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
        margin-left: 10%;
    }

    .specification-nav-option-textbox {
        margin-top: 10px;
        margin-left: 10%;
        width: 80%;
        font-size: 16px;
    }

    .control-slice-container {
        display: block;
        padding-right: 0px;
        padding-bottom: 5px;
        padding-left: 0px;
    }

    .slice-configure-btn {
        width: 40%;
        margin-bottom: 15px;
        margin-left: 30%;
        float: left;
        box-shadow: none;
        text-align: center;
    }

    .model-container {
        width: 96%;
        margin-top: 19%;
        margin-left: 2%;
    }

    .m-specifications-proceed-mobile-1 {
        margin-left: 21%;
    }

    .username-division-container {
        margin-top: 10px;
        padding-bottom: 20px;
    }

    .username-container {
        width: 90%;
        margin-left: 6%;
    }

    .division-container {
        width: 90%;
        margin-top: 20px;
        margin-left: 6%;
        float: left;
    }

    .division-load-container {
        margin-bottom: 30px;
    }

    .mfgdiv-input {
        width: 90%;
        margin-bottom: 20px;
        float: none;
    }

    .mfgdiv-submit {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }

    .select-division {
        width: 90%;
    }

    .select-series {
        width: 90%;
    }

    .select-action {
        width: 90%;
    }

    .welcome-underline {
        margin-top: 20px;
    }

    .selldiv-select {
        width: 90%;
        float: none;
    }

    .footer {
        margin-bottom: 120px;
        width: 100%;
    }
}

.slice-disabled {
    -ms-opacity: 0.2;
    opacity: 0.2;
}

.live-now {
    margin-right: 11%;
    z-index: 1001;
    position: relative;
    margin-top: 36px;
}

.live-now-fullscreen {
    margin-right: 11%;
    z-index: 1001;
    position: relative;
    margin-top: 36px;
}


/*.main-window-autodesk {
    position: fixed;
    top: 0px;
    z-index: 1000;
    left: 104%;
    width: 46%;
    height: 100%;
    background-color: #f4f4f4;
    border-left: 2px #ccc solid;
    padding: 20px;
    padding-top: 9%;
}*/

iframe {
    width: 400px;
    height: 334px;
}

.main-window-autodesk {
    position: absolute;
    background-color: #f4f4f4;
    border-left: 2px #ccc solid;
    z-index: 1010;
}

.hide-autodesk-logo {
    height: 30px;
    width: 150px;
    background-color: black;
    position: relative;
    top: -30px;
    left: 3px;
}

/*.checkmark {
    display: inline-block;
    width: 22px;
    height: 22px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg); 
    transform: rotate(45deg);
    margin: 5px;
}*/

/* To display the check mark remove the 'display:none'*/
/*.checkmark_stem {
    position: absolute;
    width: 3px;
    height: 14px;
    background-color: green;
    left: 11px;
    top: 0px;
    display: none;
}*/

/* To display the check mark remove the 'display:none'*/
/*.checkmark_kick {
    position: absolute;
    width: 8px;
    height: 3px;
    background-color: green;
    left: 6px;
    top: 12px;
    display: none;
}*/


.circle-complete {
    background-color: #424242;
}

.m-aside-content {
    /*margin-left: 20px;
    margin-right: 10px;*/
    margin-top: 10px;
}

.m-subdiv-partsolution {
    margin-top: 10px;
}

.m-specification-nav-option-textbox {
    /*margin-top: 0px;
    margin-left: 0px;
    width: 100%;*/
    font-size: 13px;
    font-family: Arial;
}

.m-specification-nav-option-lable {
    font-size: 13px;
    font-family: Arial;
}

.m-aside-content-sub-1 {
    text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    /*.m-aside-content-sub-1 {text-align: left;}*/
    #divhdr {
        display: none;
    }
}

/*@media screen and (min-width: 0px) and (max-width: 400px) {
  .m-specifications-proceed-2 { margin: 2px 2% 7px 0.9%;}  
}


@media screen and (min-width: 401px) and (max-width: 599px) {
  .m-specifications-proceed-2 { margin: 2px 2% 7px 1.25%;}  
}


@media screen and (min-width: 600px) and (max-width: 700px) {
  .m-specifications-proceed-2 { margin: 2px 2% 7px 1.5%;}  
}*/

@media screen and (min-width: 0px) and (max-width: 400px) {
    .m-specifications-proceed-2 {
        margin: 2px 2% 7px 0.9%;
    }
}




/* select::-ms-expand {
    display: none;
}*/

.container {
    margin-top: 0px !important;
}

#overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    display: none;
    opacity: 1.0 !important;
}

#popup {
    max-width: 600px;
    width: 80%;
    max-height: 350px;
    height: 80%;
    padding: 20px;
    position: relative;
    background: #fff;
    margin: 20px auto;
    top: 10%;
}

#close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    color: #000;
    font-size: 20px;
}

.dialogTitle {
    color: #333;
    font-size: 28px;
    font-family: 'Segoe UI',wf_segoe-ui_normal,helvetica,arial,sans-serif;
    margin-bottom: 20px;
    margin-top: 30px;
}

.dialogMessage {
    color: #333;
    font-size: 14px;
    font-family: 'Segoe UI',wf_segoe-ui_normal,helvetica,arial,sans-serif;
}

.dialogBody dialog-body {
    flex-grow: 1;
}

.dialogBody {
    order: 2;
    flex-grow: 1;
    overflow: auto;
    display: flex;
    flex-direction: column;
}

.dialogHeader {
    order: 1;
    margin: 0 0 24px 0;
    padding: 0;
    font-weight: 400;
    font-size: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.radioButtonText {
    color: #333;
    font-size: 14px;
    font-family: 'Segoe UI',wf_segoe-ui_normal,helvetica,arial,sans-serif;
    margin-top: 20px;
    margin-bottom: 25px;
}

    .radioButtonText .dataTypeMenu {
        width: 30%;
    }

pbi-input {
    display: block;
    position: relative;
    margin-bottom: 12px;
    font-size: 0;
}

.pbi-input > input[type=radio] {
    position: absolute;
    box-sizing: border-box;
    width: 12%;
    outline: 0;
    /*opacity: 0;*/
    margin: 0;
    padding: 0;
    height: 80%;
    transition: color .5s,background-color .5s,border-color .5s;
}

.pbi-input label {
    font-family: 'Segoe UI',wf_segoe-ui_normal,helvetica,arial,sans-serif;
    font-size: 14px;
    line-height: 16px;
}

.pbi-input {
    display: block;
    position: relative;
    margin-bottom: 12px;
    font-size: 0;
}

    .pbi-input > input[type=radio] + label {
        padding-left: 24px;
        pointer-events: none;
        vertical-align: top;
    }

.paragraphText {
    font-family: 'Segoe UI',wf_segoe-ui_normal,helvetica,arial,sans-serif;
    font-size: 16px;
    text-transform: none;
}

.dialogFooter {
    order: 3;
    display: flex;
    justify-content: flex-end;
    margin-top: 24px
}

    .dialogFooter dialog-footer {
        flex-grow: 1;
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

        .dialogFooter dialog-footer > button {
            color: #333;
            min-width: 120px;
            height: 32px;
            padding: 0;
        }

.btn.primary, .ok-btn.primary, button.primary, input[type=button].primary {
    background-color: #f2c811;
    border-color: #f2c811;
    color: #000;
}

.btn, .ok-btn, button, input[type=button] {
    font-family: 'Segoe UI Semibold',wf_segoe-ui_semibold,helvetica,arial,sans-serif;
    background-image: none;
    box-shadow: none;
    background-color: #c8c8c8;
    padding: 6px 18px 6px 18px;
    border: 2px solid #c8c8c8;
    border-radius: 0;
    text-shadow: none;
    font-size: 14px;
    width: auto;
    line-height: 16px;
    white-space: nowrap;
    color: #000;
    transition: color .2s,background-color .2s,border-color .2s;
}

.dialogFooter dialog-footer > button {
    margin-left: 8px;
}

.btn.primary:active, .btn.primary:focus, .btn.primary:hover, .ok-btn.primary:active, .ok-btn.primary:focus, .ok-btn.primary:hover, button.primary:active, button.primary:focus, button.primary:hover, input[type=button].primary:active, input[type=button].primary:focus, input[type=button].primary:hover {
    border-color: #000;
    color: #000;
}

.btn:active:hover, .btn:focus, .btn:focus:hover, .btn:hover, .ok-btn:active:hover, .ok-btn:focus, .ok-btn:focus:hover, .ok-btn:hover, button:active:hover, button:focus, button:focus:hover, button:hover, input[type=button]:active:hover, input[type=button]:focus, input[type=button]:focus:hover, input[type=button]:hover {
    border-color: #000;
    background-color: #f4f4f4;
    color: #000;
    outline: 0;
}