.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    padding: 0 !important;
    margin-right: 5px !important;
    background: #f0f4f6;
    border-width: 1.5px;
    border-radius: 4px;
}

    .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close::after {
        content: '';
        width: 19.5px;
        height: 19.5px;
        display: inline-block;
        /* Change path to image*/
        background-image: url(../images/ui-icons_777777_256x240.png);
        background-position: -95.5px -127px;
        background-repeat: no-repeat;
    }

.messageDialog, .ui-dialog, .ui-dialog-buttonpane {
    font-family: 'IberPangea' !important;
    border-radius: 5px;
}

    .messageDialog .ui-widget-header {
        background: #8cc5e5;
        border-radius: 5px;
    }

    .messageDialog .ui-dialog-buttonset button {
        font-family: 'IberPangea' !important;
        min-width: 75px;
        border: none;
        min-height: 30px;
        border-radius: 4px;
        margin-left: 5px;
        background: #badaeb;
    }

        .messageDialog .ui-dialog-buttonset button:hover {
            background: #9bcbe5;
        }

.project-dialog-buttons {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100px;
    /*font-family: Arial,Helvetica,sans-serif;*/
    font-size: 1em;
    margin: 0.25rem;
    /*color: #fff;*/
    background-color: #198754;
    border-color: #198754;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: center;
}

    .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        float: none;
    }

div.modal-create-project {
}

    div.modal-create-project div.modal-column {
        width: calc(50% - 20px);
        margin: 10px;
    }

    div.modal-create-project span.text-danger {
        margin-left: 120px;
    }

    div.modal-create-project label,
    div.modal-create-project div.modal-column {
        float: left;
    }

    div.modal-create-project input,
    div.modal-create-project select {
        font-family: 'IberPangea' !important;
        float: right;
        border-radius: 4px;
        border-width: 1px;
    }

    div.modal-create-project input {
        padding-left: 4px;
    }

    div.modal-create-project label {
        width: 200px;
    }

    div.modal-create-project input.scope {
        width: calc(100% - 200px);
    }

    div.modal-create-project input,
    div.modal-create-project select {
        height: 30px;
    }

        div.modal-create-project input:not(.scope),
        div.modal-create-project select {
            width: calc(100% - 200px);
        }


    div.modal-create-project div.form-group {
        margin-bottom: 10px;
    }

div.modal-footer-create-project button {
    width: 100px;
}

div.modal-footer {
    width: 100%;
}

div.timeout-countdown {
}

    div.timeout-countdown, div.timeout-message, div.timeout-countdown p, div.timeout-message p {
        float: left;
    }

        div.timeout-countdown p:first-child {
            width: 60px;
            font-weight: bold;
            text-align: right
        }

        div.timeout-countdown p:last-child {
            margin-left: 5px;
        }

        div.timeout-message p:first-child {
            /*width: 60px;*/
            font-weight: bold;
            text-align: right
        }

        div.timeout-message p:last-child {
            margin-left: 5px;
        }

div.section-heading {
    height: 35px;
    line-height: 35px;
    font-size: 20px;
    font-weight: bold;
    background: #7fd1ff;
    margin-top: 10px;
}
/*
div.sub-section-heading {
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: bold;
    background: #7fd1ff;
    margin-top: 10px;
}
*/
div.basic-information {
    /*max-height: 600px;
    min-height: 600px;*/
    overflow-y: auto;
}

textarea.comments {
    width: 100%;
    height: 75px;
    margin-top: 10px;
    resize: none;
}

div.project-detail {
    /*float: left;*/
    font-size: 14px;
}

    /*div.project-detail div.form-group {
        margin: 5px;
        float: left;
        width: 100%;
    }*/

    div.project-detail label {
        float: left;
    }

    div.project-detail input:not([type=radio]):not([type=image]),
    div.project-detail select {
        min-width: 100px;
        float: right;
    }

    div.project-detail input,
    div.project-detail select {
        width: calc(100% - 200px);
        height: 25px;
    }

        div.project-detail input[type=date] {
            width: 120px !important;
        }

        div.project-detail input[readonly],
        div.project-detail textarea[readonly],
        div.update-design-phase input[readonly],
        div.permit-detail input[readonly] {
            background-color: #e7e7e7;
            border-width: 1px;
        }

    div.project-detail label {
        /*width: 200px;*/
    }

div.monitoring-check label, div.monitoring-check input {
    float: left !important;
}

div.monitoring-check label {
    width: auto !important;
    line-height: 30px;
}

div.monitoring-check input {
    height: 30px !important;
    width: 30px !important;
    margin-right: 5px !important;
}

.tags-input {
    display: inline-block;
    position: relative;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    box-shadow: 2px 2px 5px #00000033;
    width: 100%;
}

    .tags-input.mh-20 ul {
        min-height: 33px;
        min-width: 425px;
    }

    .tags-input.mh-40 ul {
        min-height: 40px;
    }

    .tags-input ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .tags-input li {
        display: inline-block;
        background-color: #f2f2f2;
        color: #333;
        border-radius: 20px;
        padding: 5px 10px;
        margin-right: 5px;
        margin-bottom: 5px;
    }

    .tags-input input[type="text"] {
        border: none;
        outline: none;
        padding: 5px;
        font-size: 14px;
    }

        .tags-input input[type="text"]:focus {
            outline: none;
        }

    .tags-input .delete-button {
        background-color: transparent;
        border: none;
        color: #999;
        cursor: pointer;
        margin-left: 5px;
    }