/**
 * =========================================================
 * ngMessage
 * File: ng-message.css
 * Description: Estilo de los modales de la libreria ng-message.js.
 * Created by Jesús Guillermo Sánchez Peralta.
 * Version: 1.0.0
 *
 * MIT License
 * https://github.com/chucho89/ng-utilities
 * Copyright (c) 2017 Jesús Guillermo Sánchez Peralta
 *
 * Requirements:
 *  *.- JQueryUi 1.12.x [css,js]
 *  *.- Bootstrap 3.3.x [css,js]
 *  *.- Fontawesome 4.7.x [css]
 * =========================================================
 */

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)
Copyright (c) 2012 Dan Eden*/

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
    }
}

@-moz-keyframes shake {
    from, to {
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    0%, 100% {
        -moz-transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -moz-transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -moz-transform: translate3d(10px, 0, 0);
    }
}

@-o-keyframes shake {
    from, to {
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    0%, 100% {
        -o-transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -o-transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -o-transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    0%, 100% {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        -moz-transform: translate3d(-10px, 0, 0);
        -o-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        -moz-transform: translate3d(10px, 0, 0);
        -o-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake;
}

/* Modal */
.modal-backdrop,
.modal-backdrop.fade.in {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.modal-content {
    -webkit-border-radius: 8px;
    -mz-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
}

.modal-body {
    height: 100%;
}

/* Modal Working */
.modal-working .modal-header-working {
    color: #fff;
    background-color: #337ab7;
    -webkit-border-radius: 7.1px 7.1px 0px 0px;
    -mz-border-radius: 7.1px 7.1px 0px 0px;
    -o-border-radius: 7.1px 7.1px 0px 0px;
    border-radius: 7.1px 7.1px 0px 0px;
}

.modal-working .modal-body-working {
    color: #333;
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}

.modal-working .modal-footer-working {
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}
/* Modal Working */

/* Modal Info */
.modal-info .modal-header-info {
    color: #fff;
    background-color: #337ab7;
    -webkit-border-radius: 7.1px 7.1px 0px 0px;
    -mz-border-radius: 7.1px 7.1px 0px 0px;
    -o-border-radius: 7.1px 7.1px 0px 0px;
    border-radius: 7.1px 7.1px 0px 0px;
}

.modal-info .modal-body-info {
    color: #333;
    background-color: #f5f5f5;
}

.modal-info .modal-footer-info {
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}
/* Modal Info */

/* Modal Error */
.modal-error .modal-header-error {
    color: #fff;
    background-color: #761406;
    -webkit-border-radius: 7.1px 7.1px 0px 0px;
    -mz-border-radius: 7.1px 7.1px 0px 0px;
    -o-border-radius: 7.1px 7.1px 0px 0px;
    border-radius: 7.1px 7.1px 0px 0px;
}

.modal-error .modal-body-error {
    color: #333;
    background-color: #f5f5f5;
}

.modal-error .modal-footer-error {
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}
/* Modal Error */

/* Modal Confirm */
.modal-confirm .modal-header-confirm {
    color: #fff;
    background-color: #337ab7;
    -webkit-border-radius: 7.1px 7.1px 0px 0px;
    -mz-border-radius: 7.1px 7.1px 0px 0px;
    -o-border-radius: 7.1px 7.1px 0px 0px;
    border-radius: 7.1px 7.1px 0px 0px;
}

.modal-confirm .modal-body-confirm {
    color: #333;
    background-color: #f5f5f5;
}

.modal-confirm .modal-footer-confirm {
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}
/* Modal Confirm */

/* Modal Success */
.modal-success .modal-header-success {
    color: #fff;
    background-color: #287650;
    -webkit-border-radius: 7.1px 7.1px 0px 0px;
    -mz-border-radius: 7.1px 7.1px 0px 0px;
    -o-border-radius: 7.1px 7.1px 0px 0px;
    border-radius: 7.1px 7.1px 0px 0px;
}

.modal-success .modal-body-success {
    color: #333;
    background-color: #f5f5f5;
}

.modal-success .modal-footer-success {
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}
/* Modal Success */

/* Modal Warning */
.modal-warning .modal-header-warning {
    color: #fff;
    background-color: #C9B020;
    -webkit-border-radius: 7.1px 7.1px 0px 0px;
    -mz-border-radius: 7.1px 7.1px 0px 0px;
    -o-border-radius: 7.1px 7.1px 0px 0px;
    border-radius: 7.1px 7.1px 0px 0px;
}

.modal-warning .modal-body-warning {
    color: #333;
    background-color: #f5f5f5;
}

.modal-warning .modal-footer-warning {
    background-color: #f5f5f5;
    -webkit-border-radius: 0px 0px 7.1px 7.1px;
    -mz-border-radius: 0px 0px 7.1px 7.1px;
    -o-border-radius: 0px 0px 7.1px 7.1px;
    border-radius: 0px 0px 7.1px 7.1px;
}
/* Modal Warning */