input.ng-invalid-rut {
    color: red;
}


input.ng-invalid-pattern {
    color: red !important;
    font-weight: bold !important;
}

input.ng-invalid-required, select.ng-invalid-required {
    border-bottom: 1px solid #ff6a00;
    border-right: 3px solid #a15707;
}

input.ng-invalid-existecodigo {
    border-bottom: 2px solid red;
    border-right: 5px solid red;
}

input.ng-invalid-cleancodigo {
    border-bottom: 2px solid red;
    border-right: 5px solid red;
}

input.ng-invalid-porcentajecomplete {
    color: red;
    font-weight: bold;
}

input.ng-invalid-ng-min {
    color: red;
    font-weight: bold;
}

input.ng-invalid-ng-max {
    color: red;
    font-weight: bold;
}

input.ng-invalid-maxlength {
    color: red;
    font-weight: bold;
}

th.fc-day-header.fc-widget-header {
    color: #fff !important;
}

span.alertspan {
    white-space: nowrap !important;
}

table.card tr > td {
    white-space: nowrap !important;
}

    table.card tr > td input, select {
        display: inline !important;
        white-space: nowrap !important;
        width: 98% !important;
    }
/*
table.card tr th, td {
    padding: 1px !important;
}

    table.card tr th, td > table {
        padding: 1px !important;
    }

    table.card tr th, td > input, select {
        padding: 1px !important;
    }
*/
@media screen and (max-width: 600px) {

    table.card {
        border: 0;
    }

        table.card th {
            display: none;
        }

        table.card tr {
            margin-bottom: 20px;
            display: block;
            border-bottom: 2px solid #ddd;
            box-shadow: 2px 2px 1px #dadada;
        }

            table.card tr > td input, select {
                display: inline !important;
                white-space: nowrap !important;
                width: 95% !important;
            }

        table.card td {
            display: block;
            text-align: right;
            font-size: 13px;
        }

            table.card td:last-child {
                border-bottom: 0;
            }

            table.card td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
            }

    #card tbody {
        line-height: 0 !important;
    }
}


thead th {
    background-color: #1f79be !important;
    font-stretch: expanded;
    font-weight: 400 !important;
    color: white;
}

.modal-dialog-full {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
}

    .modal-dialog-full .modal-content {
        height: auto;
        min-height: 100% !important;
        border-radius: 0;
    }

        .modal-dialog-full .modal-content .modal-body {
            height: auto;
            min-height: 100% !important;
        }

.table-checklist {
}

    .table-checklist tr td {
        word-wrap: break-word
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.fc-state-highlight_2 {
    background: #FECA40 !important;
}

.agendaDisponible {
    margin: 2px;
    padding: 2px;
    min-height: 80px;
    min-width: 80px;
    text-align: left;
}

.ui-selecting {
    background: #FECA40;
}

.ui-selected {
    background: #F39814;
    color: white;
}
/*Personal*/

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.fc-header-toolbar {
    /*
  the calendar will be butting up against the edges,
  but let's scoot in the header's buttons
  */
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}
/*MODAL BOOSTRAP*/
@media (min-width: 768px) {
    .modal-dialog2 {
        width: 90%;
        margin: 30px auto;
    }
}

@media (min-width: 768px) {
    .modal-dialog70 {
        width: 70%;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .modal-lg2 {
        width: 90%;
    }
}

.modal-dialog3 {
    width: 90%;
    margin: 30px auto;
}

.modal-body3 {
    min-height: 90% !important;
}

modal-content3 {
    min-height: 90% !important;
}


@media (min-width: 992px) {
    .modal-lg3 {
        width: 90%;
        height: 90%;
    }
}







legend.form-label {
    font-size: 24pt;
    padding: 0 15px;
}

.form-control.error {
    border-color: red;
}

.form-hint {
    font-size: 7pt;
    line-height: 9pt;
    margin: -5px auto 5px;
    color: #999;
}

    .form-hint.error {
        color: #C00;
        font-weight: bold;
        font-size: 8pt;
    }

.password-count {
    float: right;
    position: relative;
    bottom: 24px;
    right: 10px;
}

.strength-meter {
    position: relative;
    height: 3px;
    background: #DDD;
    margin: 10px auto 20px;
    border-radius: 3px;
}

    .strength-meter:before,
    .strength-meter:after {
        content: '';
        height: inherit;
        background: transparent;
        display: block;
        border-color: #FFF;
        border-style: solid;
        border-width: 0 5px 0 5px;
        position: absolute;
        width: 80px;
        z-index: 10;
    }

    .strength-meter:before {
        left: 70px;
    }

    .strength-meter:after {
        right: 70px;
    }

.strength-meter-fill {
    background: transparent;
    height: inherit;
    position: absolute;
    width: 0;
    border-radius: inherit;
    transition: width 0.5s ease-in-out, background 0.25s;
}

    .strength-meter-fill[data-strength='0'] {
        background: darkred;
        width: 20%;
    }

    .strength-meter-fill[data-strength='1'] {
        background: orangered;
        width: 40%;
    }

    .strength-meter-fill[data-strength='2'] {
        background: orange;
        width: 60%;
    }

    .strength-meter-fill[data-strength='3'] {
        background: yellowgreen;
        width: 80%;
    }

    .strength-meter-fill[data-strength='4'] {
        background: green;
        width: 100%;
    }

.fc-time-grid .fc-slats td {
    height: 1.5em;
    border-bottom: 0;
    height: 30px !important;
}






/*AUTOCOMPLETE*/
.container_autocomplete {
}

    .container_autocomplete #searchResult {
        list-style: none;
        padding: 0px;
        min-width: 50%;
        position: fixed;
        margin: 0;
        z-index: 5;
    }

        .container_autocomplete #searchResult li {
            background: lavender;
            padding: 4px;
            margin-bottom: 1px;
        }

            .container_autocomplete #searchResult li:nth-child(even) {
                background: cadetblue;
                color: white;
            }

            .container_autocomplete #searchResult li:hover {
                cursor: pointer;
                background-color: darkkhaki;
            }

    .container_autocomplete input[type=text] {
        padding: 5px;
        min-width: 250px;
        letter-spacing: 1px;
    }