*,
        body {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 10pt;
        }

        .modal-body,
        .modal-title,
        .modal-body input,
        .modal .btn.btn-default {
            color: #00205b;
        }

        #intro-logo {
            /* height: 200px; */
            max-width: 90%;
            max-height: 200px;
            margin-bottom: 15px;
        }

        #intro {
            /* text-align: center; */
        }

        .primary {
            color: #00205b;
        }
        a.primary:hover {
            color: #FF6900;
        }

        #form.panel-heading {
            background-color: white;
            color: #00205b
        }

        #form-logo {
            float: right;
            height: 30px;
        }
        #tabla-datos th{
            background-color: #FF6900;
            color: white;
        }
        .btn ion-icon {
            position: relative;
            top: 1px;
        }

        #form input,
        #form select {
            text-align: right;
        }

        .controls {
            margin-bottom: 10px;
        }

        #form input::placeholder {
            font-family: Verdana, Geneva, Tahoma, sans-serif;
            font-size: 10pt;
        }

        .filter-option-inner-inner,
        .dropdown-menu.inner {
            text-align: right;
        }

        .draft-option {
            cursor: pointer;
            margin: 3px;
        }

        .radio-container {
            margin-bottom: 18px;
            margin-top: 8px;
        }

        .form-reference-link ion-icon {
            position: relative;
            top: 2px;
            margin-right: 3px;
        }

        .color {
            overflow: auto;
            padding: 15px;
        }

        .color.reduced-bottom-padding {
            padding-bottom: 5px;
        }

        .color-1 {
            background-color: #00205b;
            color: white;
        }

        .color-2 {
            background-color: #c7c9c7;
        }

        .text-blue{
            color: #00205b;
        }

        .text-orange{
            color:#FF6900;
        }

        .pointer{
            cursor: pointer;
        }

        .color-3 {
            background-color: #FF6900;
            color: white;
        }

        .no-padding {
            padding: 0 !important;
        }

        .padding {
            padding: 15px;
        }

        #error-list {
            /**/
            color: white;
            margin: 15px;
            margin-bottom: 25px;
            display: none;
        }

        .mb2 {
            margin-bottom: 2px;
        }

        #signupbox {
            background-color: white;
            padding: 25px;
            border-radius: 5px;
        }

        body {
            background-color: #c7c9c7;
        }

        .has-error .form-control,
        .has-error .bootstrap-select .dropdown-toggle {
            border-width: 2px;
            border-color: red;
        }

        .live-validation-msg {
            padding-top: 2px;
            padding-right: 12px;
            text-align: right;
            color: red;
            display: none;
        }

        .live-validation-error .live-validation-msg {
            display: block;
        }

        .color-3 .has-error .form-control,
        .color-3 .has-error .bootstrap-select .dropdown-toggle {
            border-width: 2px;
            border-color: rgb(255, 172, 172);
        }

        .color-3 .has-error label {
            color: rgb(252, 184, 184);
        }

        .color .color-white {
            color: white;
        }

        .lista-archivos-hide {
            display: none;
        }

        #archivos {
            padding-bottom: 4px;
            padding-top: 5px;
        }

        .italic{
            font-style: italic;
        }

        .bold{
            font-weight: bold;
        }

        @media (min-width: 992px) {
            label.col-md-4 {
                margin-top: 4px;
            }

            #div-Factura label {
                margin-top: -2px;
            }
        }

        .extra-checkbox input {
            position: relative;
            top: 3px;
        }

        #cuentaObserv {
            font-weight: bold;
        }

        #checklist-archivos ion-icon[name=checkmark-circle] {
            color: green;
        }

        #checklist-archivos ion-icon.required[name=close-circle] {
            color: red;
        }

        #checklist-archivos ion-icon[name=close-circle] {
            color: red;
        }

        .big-icon {
            font-size: 60px;
        }

        #confirm-id {
            font-weight: bold;
        }

        .red-icon {
            color: red;
        }

        /***************************/
        /*   Drafts     */
        .enable-on-delete {
            display: none;
        }

        .delete-enabled .enable-on-delete {
            display: initial;
        }

        .delete-enabled .disable-on-delete {
            display: none;
        }

        .draft-option span {
            position: relative;
            top: 2px;
        }

        .draft-option ion-icon[name=trash] {
            color: #FF6900;
        }

        .hidden {
            display: none;
        }


        /************************/
        /* https://bootsnipp.com/snippets/V73xN  */
        .loader {
            width: 100px;
            height: 100px;
            border-radius: 100%;
            position: relative;
            margin: 0 auto;
        }

        .loader-container {

            height: 100px;
            width: 100%;
            clear: both;
        }

        /* LOADER 1 */

        #loader-1:before,
        #loader-1:after {
            content: "";
            position: absolute;
            top: -10px;
            left: -10px;
            width: 100%;
            height: 100%;
            border-radius: 100%;
            border: 10px solid transparent;
            border-top-color: #3498db;
        }

        #loader-1:before {
            z-index: 100;
            animation: spin 1s infinite;
        }

        #loader-1:after {
            border: 10px solid #ccc;
        }

        @keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
                -ms-transform: rotate(360deg);
                -o-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }