.createProjectCard-popup > .modal-dialog {
    width: 440px;
}

    .createProjectCard-popup > .modal-dialog > .modal-content {
        height: 248px;
        width: 440px;
        border: none;
    }

.createProjectCard-popup .header {
    height: 46px;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 15px;
    padding-left: 20px;
}

    .createProjectCard-popup .header .projectIcon {
        position: relative;
        top: -1px;
        left: 1px;
    }

    .createProjectCard-popup .header .heading {
        display: inline-block;
        color: #4a4a4a;
        font-family: GlowSemibold;
        font-size: 14px;
        margin-left: 3px;
        margin-top: 1px;
    }

.createProjectCard-popup .mainContent {
    padding: 15px 20px 20px 20px;
    height: 144px;
}

    .createProjectCard-popup .mainContent .itemLabel {
        font-family: GlowRegular;
        font-size: 14px;
        color: #808080;
    }

    .createProjectCard-popup .mainContent input.ui-input-bordered {
        padding-left: 10px;
        margin-top: 3px;
        width: 100%;
    }

    .createProjectCard-popup .mainContent .milestonesSection {
        margin-top: 20px;
    }

        .createProjectCard-popup .mainContent .milestonesSection .itemLabel {
            display: inline-block;
            position: relative;
            top: 5px;
        }

            .createProjectCard-popup .mainContent .milestonesSection .itemLabel.dueDate {
                margin-left: 84px;
            }

        .createProjectCard-popup .mainContent .milestonesSection .datepicker {
            width: 110px;
            height: 28px;
            border-radius: 4px;
            background-color: #ffffff;
            border: solid 1px #dcdcdc;
            outline: none;
            font-family: GlowRegular;
            font-size: 13px;
            color: #4a4a4a;
            background: url('../../images/shared/small-calendar.png') no-repeat;
            background-position: right 10px center;
            padding: 0 30px 0 10px;
            cursor: pointer;
            vertical-align: top;
            margin-left: 17px;
        }

.createProjectCard-popup .footer {
    padding: 0 20px 0 20px;
    height: 38px;
}

    .createProjectCard-popup .footer .checkboxContainer {
        display: inline-block;
        padding-top: 10px;
    }

    .createProjectCard-popup .footer .ui-checkbox {
        margin-right: 2px;
        vertical-align: middle;
    }

    .createProjectCard-popup .footer .checkboxContainer .checkBoxTitle {
        cursor: pointer;
        display: inline-block;
        font-family: GlowRegular;
        font-size: 14px;
        color: #4a4a4a;
        -webkit-user-select: none; /* Chrome all / Safari all */
        -moz-user-select: none; /* Firefox all */
        -ms-user-select: none; /* IE 10+ */
        user-select: none; /* Likely future */
    }

    .createProjectCard-popup .footer .ui-btn-grey {
        height: 38px;
        width: 104px;
    }

    .createProjectCard-popup .footer .ui-btn-light {
        width: 131px;
    }