﻿.modal-dialog {
    width: 650px;
}

.modal-dialog-xxl {
    width: 1600px;
    margin: 30px auto;
}

.modal-dialog-lg {
    right: auto;
    width: 900px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.modal-dialog-1200 {
    width: 1200px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.popupContainerHeader {
    padding-bottom: 10px;
    border-bottom: 1px solid lightgray;
    width: 100%;
    display: inline-table;
    text-align: left;
}

    .popupContainerHeader p {
        font-size: 1.5em;
        margin-top: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        margin-right: 0px;
        display: inline;
    }

    .popupContainerHeader img {
        display: inline;
    }

    .popupContainerHeader div {
        width: 80%;
    }

    .popupContainerHeader label {
        font-weight: normal;
        font-size: 0.8em;
        width: 125px;
        min-width: 120px;
        display: inline-block;
    }

    .popupContainerHeader span {
        font-weight: bold;
        font-size: 0.8em;
        text-overflow: ellipsis;
    }

.popupContainer .panel-container {
    border: 1px solid #666;
}

.popupContainerDetail {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
    padding-bottom: 10px;
    text-align: left;
}

    .popupContainerDetail input[type="radio"] {
        min-width: 25px;
        padding: 2px;
    }

    .popupContainerDetail img {
        display: inline;
    }

    .popupContainerDetail div.field {
        margin: 0 auto;
    }

        .popupContainerDetail div.field label {
            font-weight: normal;
        }

        .popupContainerDetail div.field span {
            margin-bottom: 5px;
            vertical-align: top;
            width: 165px;
            display: inline-block;
            font-size: 1em;
            font-weight: 700;
        }

    .popupContainerDetail .nav-tabs > li.active > a,
    .popupContainerDetail .nav-tabs > li.active > a:hover,
    .popupContainerDetail .nav-tabs > li.active > a:focus {
        color: #000;
        cursor: default;
        background-color: #fff;
        font-weight: bold;
    }

    .popupContainerDetail input.width-50 {
        width: 50px;
    }

    .popupContainerDetail div.metal-margin label {
        width: 40% !important;
    }

    .popupContainerDetail div.metal-margin input {
        width: 35%;
        text-align: right;
    }

    .popupContainerDetail div.metal-margin div.calculator {
        display: inline;
    }

        .popupContainerDetail div.metal-margin div.calculator img {
            width: 20px;
            cursor: pointer;
        }

    .popupContainerDetail div.vertical-field {
        width: 100%;
    }

        .popupContainerDetail div.vertical-field label {
            font-weight: normal;
            display: block;
        }

        .popupContainerDetail div.vertical-field select option.placeholder {
            color: gray;
        }

        .popupContainerDetail div.vertical-field span {
            margin-bottom: 5px;
            vertical-align: top;
            width: 165px;
            display: inline-block;
            font-size: 1em;
            font-weight: 700;
        }

        .popupContainerDetail div.vertical-field .form-control {
            width: 100%;
        }

        .popupContainerDetail div.vertical-field .chosen-container {
            width: 100% !important;
        }
