﻿/* Modal */

.nightingaleModal p, .nightingaleModal li, .nightingaleModal div {
    font-size: 1.5rem;
}

.nightingaleModal .twoActionsContainer {
    display: table;
    width: 98%;
}

    .nightingaleModal .twoActionsContainer > div {
        vertical-align: middle;
        display: table-cell;
        width: 48%;
    }

        .nightingaleModal .twoActionsContainer > div > button.btn-link {
            text-decoration: underline;
        }

    .nightingaleModal .twoActionsContainer button,
    .nightingaleModal .twoActionsContainer a {
        /*font-size: 12px;
        */
        margin: 0px 15px;
    }

        .nightingaleModal .twoActionsContainer button.btn-link {
            padding: 0;
        }




.nightingaleModal .topBar {
    display: block;
    margin: 4px;
    height: 21px;
}

    .nightingaleModal .topBar button.close {
        color: #000;
    }


.nightingaleModal .page-title {
    font-size: 26px;
    margin: 10px 0 22px;
    padding: 0px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    text-align: center;
}

@media (min-width: 768px) {
    .nightingaleModal .page-title {
        background: none;
    }
}

/* #Modal */

.nightingale input[type=text],
.nightingale input[type=password],
.nightingale input[type=number],
.nightingale input[type=email],
.nightingale textarea,
.nightingale select {
    border: solid 1px #a29d9d;
    padding: 5px;
}

    /* Required Controls */

    .nightingale input.ng-invalid-email[type=email],
    .nightingale input.ng-invalid-email[type=email]:focus,
    .nightingale input.requiredEmpty[type=text][required],
    .nightingale input.requiredEmpty[type=text][required]:focus,
    .nightingale input.requiredEmpty[type=password][required],
    .nightingale input.requiredEmpty[type=password][required]:focus,
    .nightingale input.requiredEmpty[type=number][required],
    .nightingale input.requiredEmpty[type=number][required]:focus,
    .nightingale input.requiredEmpty[type=email][required],
    .nightingale input.requiredEmpty[type=email][required]:focus,
    .nightingale textarea.requiredEmpty[required],
    .nightingale textarea.requiredEmpty[required]:focus,
    .nightingale div.htmlNoteEditorContainer.requiredEmpty[required],
    .nightingale div.requiredEmpty[required],
    .nightingale select.requiredEmpty[required],
    .nightingale select.requiredEmpty[required]:focus,
    .nightingale label.requiredEmpty[required] {
        border-left: 3px #F00 solid;
    }

    .nightingale input.requiredComplete[type=text][required],
    .nightingale input.requiredComplete[type=text][required]:focus,
    .nightingale input.requiredComplete[type=password][required],
    .nightingale input.requiredComplete[type=password][required]:focus,
    .nightingale input.requiredComplete[type=number][required],
    .nightingale input.requiredComplete[type=number][required]:focus,
    .nightingale input.requiredComplete[type=email][required],
    .nightingale input.requiredComplete[type=email][required]:focus,
    .nightingale textarea.requiredComplete[required],
    .nightingale textarea.requiredComplete[required]:focus,
    .nightingale div.htmlNoteEditorContainer.requiredComplete[required],
    .nightingale div.requiredComplete[required],
    .nightingale select.requiredComplete[required],
    .nightingale select.requiredComplete[required]:focus,
    .nightingale label.requiredComplete[required] {
        border-left: 3px green solid;
    }

.nightingale input.requiredComplete[type=radio ][required]:not(old) + label {
    border-left: 3px green solid;
}

.nightingale input.requiredEmpty[type=radio ][required]:not(old) + label {
    border-left: 3px #F00 solid;
}

.nightingale .requiredControls > div.requiredHorizontalRadioControls {
    border-left: 3px #F00 solid;
    padding-left: 7px;
    margin-bottom: 0px;
}

    .nightingale .requiredControls > div.requiredHorizontalRadioControls label {
        margin-bottom: 0px;
    }

.nightingale button[disabled],
.nightingale input[type=submit][disabled],
.nightingale a[disabled] {
    cursor: not-allowed;
    pointer-events: auto; /* workaround auto show not allowed cursos ... bootstrap issue */
}
.nightingale select[disabled],
.nightingale input[type=text][disabled],
.nightingale input[type=email][disabled],
.nightingale input[type=password][disabled]{
    background: none;
    background-color: rgb(235, 235, 228);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* #Required Controls */

/* Form Layout classes */

.nightingale .block {
    display: block;
}

.nightingale .inlineForm label,
.nightingale .inlineForm input,
.nightingale .inlineForm textarea,
.nightingale .inlineForm select {
    display: inline-block;
}

.nightingale .inlineForm label {
    margin-right: 6px;
}

.nightingale .inlineForm .controlGroup {
    margin: 10px;
}

    .nightingale .inlineForm .controlGroup.block {
        display: block;
    }

.nightingale .blockForm label {
    display: block;
    margin-bottom: 6px;
}

.nightingale .blockForm .controlGroup {
    margin: 10px;
    display: block;
}

.nightingale .blockForm input,
.nightingale .blockForm textarea,
.nightingale .blockForm select,
.nightingale .blockForm .errorText {
    display: inline-block;
}

.nightingale .blockForm .errorText {
    margin-left: 10px;
}

/* end Form Layout classes */
/* Jquery Datepticker */

.ui-datepicker-month,
.ui-datepicker-year {
    color: rgb(0, 0, 0);
}

.ui-datepicker-header {
    background: #00B4DF !important;
    border-color: #357ebd !important;
}

.ui-datepicker-month {
    display: block !important;
}

.nightingale .ui-datepicker-trigger {
    height: 33px;
    opacity: 0.7;
    padding: 6px;
}
/* end Jquery Datepticker */

/* Buttons */
.nightingale button.secondaryButton,
    .nightingale input.secondaryButton[type=submit],
    .nightingale a.secondaryButton {
    background-color: #cbcbcb;
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#cbcbcb), to(#d8d8d8));
            background: -moz-linear-gradient(#cbcbcb, #d8d8d8);
            background: -o-linear-gradient(#cbcbcb, #d8d8d8);
            background: -ms-linear-gradient(top, #cbcbcb 1%,#cbcbcb 100%);
        color: #444444;
        text-shadow: 0 0px 0px #545454;
    }

        .nightingale button.secondaryButton:hover,
        .nightingale input.secondaryButton[type=submit]:hover,
        .nightingale a.secondaryButton:hover {
            
        background-color: #b5b5b5;
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#b5b5b5), to(#bfbfbf));
        background: -moz-linear-gradient(#b5b5b5, #bfbfbf);
        background: -o-linear-gradient(#b5b5b5, #bfbfbf);
        background: -ms-linear-gradient(top, #b5b5b5 1%,#bfbfbf 100%);
        }
/* #Buttons*/
