html, body {
    margin: 0;
    padding: 0
}

    body header.navbar {
        margin: 0;
        padding: 20px 5% 20px 5%;
        width: 100%;
        height: auto;
        border-style: solid;
        border-width: 4px;
        border-color: #3598DC;
        border-top: none;
        border-left: none;
        border-right: none;
        background-color: #3d2626
    }

        body header.navbar a {
            margin: 0;
            padding: 0
        }

            body header.navbar a:hover {
                text-decoration: none
            }

            body header.navbar a h1 {
                margin: 0;
                padding: 0;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-start;
                font-family: GobCL;
                font-size: 1.125rem;
                color: #3598DC;
                font-weight: 400;
                font-style: normal;
                /*text-transform: uppercase*/
            }

                body header.navbar a h1 span {
                    margin: 0;
                    padding: 0;
                    display: block;
                    width: 100%;
                    color: #FFFFFF;
                    background: #3598DC
                }

        body header.navbar div.navbar-collapse {
            margin: 0;
            padding: 0;
        }

            body header.navbar div.navbar-collapse div {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: flex-end;
                margin: 0;
                padding: 0;
                width: 100%;
                height: 100%
            }

                body header.navbar div.navbar-collapse div ul {
                    margin: 0;
                    padding: 0;
                    list-style: none
                }

                    body header.navbar div.navbar-collapse div ul li {
                        position: relative;
                        display: inline-block;
                        margin: 0 20px 0 0;
                        padding: 0
                    }

                        body header.navbar div.navbar-collapse div ul li:last-child {
                            margin: 0
                        }

                        body header.navbar div.navbar-collapse div ul li:hover ul {
                            display: block
                        }

                        body header.navbar div.navbar-collapse div ul li a {
                            margin: 0;
                            padding: 0;
                            font-family: GobCL;
                            font-size: .875rem;
                            color: #6A6A6A;
                            font-weight: 700;
                            font-style: normal;
                            text-transform: capitalize;
                        }                        

                            body header.navbar div.navbar-collapse div ul li a:hover {
                                text-decoration: none
                            }

                            body header.navbar div.navbar-collapse div ul li a img {
                                margin: 0 0 0 5px;
                                padding: 0;
                                display: none;
                                border: 0
                            }

                            body header.navbar div.navbar-collapse div ul li a.dropdown img {
                                display: inline-block
                            }

                        body header.navbar div.navbar-collapse div ul li ul {
                            display: none;
                            position: absolute;
                            /* top: 25px; */
                            left: 0;
                            margin: 0;
                            padding: 10px;
                            border-style: solid;
                            border-width: 2px;
                            border-color: #3598DC;
                            min-width: 150px;
                            background-color: #FFFFFF;
                            z-index: 2
                        }

                            body header.navbar div.navbar-collapse div ul li ul li {
                                margin: 0;
                                padding: 10px 4px 10px 4px;
                                display: block
                            }

                                body header.navbar div.navbar-collapse div ul li ul li:hover {
                                    background-color: #0D68B0
                                }

                                    body header.navbar div.navbar-collapse div ul li ul li:hover a {
                                        color: #FFFFFF
                                    }

    body main div.container-box div.content div.dataTables_length label {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center
    }

        body main div.container-box div.content div.dataTables_length label select {
            margin: 0 12px 0 12px;
            max-width: 80px
        }

    body main div.container-box div.content div.dataTables_filter label, body main div.container-box div.content div.dataTables_length label, body main div.container-box div.content div.dataTables_info, body main div.container-box div.content div.dataTables_paginate {
        font-family: GobCL;
        font-size: .875rem;
        color: #6A6A6A;
        font-weight: 400;
        font-style: normal
    }

    body main div.container-box div.content div.dataTables_filter label, body main div.container-box div.content div.dataTables_length label {
        margin-bottom: 20px
    }

    body main div.container-box div.content div.dataTables_info, body main div.container-box div.content div.dataTables_paginate {
        margin-top: 20px
    }

        body main div.container-box div.content div.dataTables_paginate a.current {
            background: #0D68B0 !important;
            color: #FFFFFF !important;
            border: none !important;
            font-weight: 700
        }

            body main div.container-box div.content div.dataTables_paginate a.current:hover {
                color: #FFFFFF !important
            }

            body main div.container-box div.content div.dataTables_paginate a.current:visited {
                color: #6A6A6A
            }

    body main div.container-box div.content div.dataTables_wrapper.no-footer {
        width: 90%;
        margin: 0 auto 0 auto
    }

    body main div.container-box div.content table.dataTable.no-footer {
        border-bottom: none !important
    }

    body main {
        margin: 0;
        padding: 20px 5% 20px 5%
    }

        body main div#main-header {
            margin: 0;
            padding: 0
        }

            body main div#main-header div.row {
                margin: 0;
                padding: 0;
                align-items: center;
                width: 100%;
                height: 50px
            }

                body main div#main-header div.row div.titulo {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: center;
                    padding: 0;
                }

                    body main div#main-header div.row div.titulo h2 {
                        margin: 0;
                        padding: 0;
                    
                        font-family: GobCL;
                        font-size: 1.75rem;
                        color: #0D68B0;
                        font-weight: 400;
                        font-style: normal
                    }

                body main div#main-header div.row div.accesibilidad {
                    display: flex;
                    flex-direction: row;
                    justify-content: flex-end;
                    align-items: center;
                    padding: 0;
                }

                    body main div#main-header div.row div.accesibilidad p {
                        margin: 0 11px 0 0;
                        padding: 0;
                        font-family: GobCL;
                        font-size: 1rem;
                        color: #0D68B0;
                        font-weight: 400;
                        font-style: normal;
                        text-transform: capitalize
                    }

                    body main div#main-header div.row div.accesibilidad span {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        margin: 0;
                        padding: 0
                    }

                        body main div#main-header div.row div.accesibilidad span button[type=button] {
                            display: flex;
                            flex-direction: column;
                            justify-content: center;
                            align-items: center;
                            margin: 0 14px 0 0;
                            padding: 0;
                            width: 32px;
                            height: 32px;
                            border-style: solid;
                            border-width: 1px;
                            border-color: #0D68B0;
                            border-radius: 0.2rem;
                            background-color: #FFFFFF
                        }

                            body main div#main-header div.row div.accesibilidad span button[type=button] img {
                                margin: 0;
                                padding: 0;
                                border: 0
                            }

                    body main div#main-header div.row div.accesibilidad a {
                        display: flex;
                        flex-direction: row;
                        justify-content: center;
                        align-items: center;
                        margin: 0;
                        padding: 4px 12px 4px 12px;
                        border-radius: 0.2rem;
                        font-family: GobCL;
                        font-size: .875rem;
                        color: #6B6B6B;
                        font-weight: 700;
                        font-style: normal;
                        text-transform: initial;
                        background-color: #ECECEC;
                        min-height: 32px
                    }

                        body main div#main-header div.row div.accesibilidad a img {
                            margin: 0 6px 0 0;
                            padding: 0;
                            border: 0
                        }

                        body main div#main-header div.row div.accesibilidad a:hover {
                            text-decoration: none
                        }

                        body main div#main-header div.row div.accesibilidad a:visited {
                            color: #6B6B6B
                        }

        body main div.container-box {
            margin: 20px 0 0 0;
            padding: 0;
            width: 100%
        }

            body main div.container-box div.header {
                margin: 0;
                padding: 8px 10px 4px 10px;
                background-color: #0D68B0;
                border-radius: 0.5rem 0.5rem 0 0
            }

                body main div.container-box div.header h2 {
                    margin: 0;
                    padding: 0;
                    font-family: GobCL;
                    font-size: .875rem;
                    color: #fff;
                    font-weight: 400;
                    font-style: normal;
                    text-transform: initial
                }

            body main div.container-box div.content {
                margin: 0;
                padding: 16px 20px 16px 20px;
                background-color: #F9F8F9;
                border-style: solid;
                border-width: 1px;
                border-color: #E6E4E6;
                border-top: none;
                border-radius: 0 0 0.5rem 0.5rem
            }

                body main div.container-box div.content footer.footer {
                    margin: 0;
                    padding: 0
                }

                body main div.container-box div.content label, body main div.container-box div.content p {
                    font-family: GobCL;
                    font-size: .875rem;
                    color: #6A6A6A;
                    font-weight: 700;
                    font-style: normal;
                    text-align: left
                }

                body main div.container-box div.content p {
                    margin: 0;
                    padding: 0
                }

                body main div.container-box div.content label {
                    margin: 0 0 5px 0;
                    padding: 0
                }

                body main div.container-box div.content hr {
                    height: 1px
                }

                body main div.container-box div.content img.ui-datepicker-trigger {
                    position: absolute;
                    top: 34px;
                    right: 25px;
                    max-width: 13px;
                    max-height: 14px;
                    width: 13px;
                    height: 14px
                }

                body main div.container-box div.content input[type=number], body main div.container-box div.content select {
                    display: block;
                    margin: 0;
                    margin-right: 5px;
                    padding: 4px 8px 4px 8px;
                    border-style: solid;
                    border-width: 1px;
                    border-color: #DBDADB;
                    border-radius: 0.3rem;
                    width: 100%;
                    height: 30px;
                    background-color: #FFFFFF;
                    font-family: GobCL;
                    font-size: .875rem;
                    color: #6A6A6A;
                    font-weight: 400;
                    font-style: normal
                }

                body main div.container-box div.content button[type=button], body main div.container-box div.content input[type=submit] {
                    padding: 5px 14px 10px 14px;
                    border-radius: 0.3rem;
                    background-color: #0D68B0;
                    border: none;
                    min-width: 100px;
                    width: auto;
                    height: 30px;
                    font-family: GobCL;
                    font-size: .875rem;
                    color: #fff;
                    font-weight: 700;
                    font-style: normal
                }

                body main div.container-box div.content table#resultados {
                    margin: 0;
                    padding: 0;
                    width: 100% !important
                }

                    body main div.container-box div.content table#resultados th.max-44, body main div.container-box div.content table#resultados td.max-44 {
                        width: 44px;
                        max-width: 44px
                    }

                    body main div.container-box div.content table#resultados th.max-222, body main div.container-box div.content table#resultados td.max-222 {
                        width: 222px;
                        max-width: 222px
                    }

                    body main div.container-box div.content table#resultados th.max-117, body main div.container-box div.content table#resultados td.max-117 {
                        width: 117px;
                        max-width: 117px
                    }

                    body main div.container-box div.content table#resultados th.max-140, body main div.container-box div.content table#resultados td.max-140 {
                        width: 140px;
                        max-width: 140px
                    }

                    body main div.container-box div.content table#resultados th.max-187, body main div.container-box div.content table#resultados td.max-187 {
                        width: 187px;
                        max-width: 187px
                    }

                    body main div.container-box div.content table#resultados thead {
                        margin: 0;
                        padding: 0
                    }

                        body main div.container-box div.content table#resultados thead tr {
                            margin: 0;
                            padding: 0
                        }

                            body main div.container-box div.content table#resultados thead tr th {
                                margin: 0;
                                padding: 8px 10px 8px 6px;
                                font-family: GobCL;
                                font-size: .75rem;
                                color: #fff;
                                font-weight: 700;
                                font-style: normal;
                                border-style: solid;
                                border-width: 1px;
                                border-color: #fff;
                                border-left: none;
                                border-top: none;
                                text-transform: capitalize;
                                background-color: #6B6B6B
                            }

                                body main div.container-box div.content table#resultados thead tr th:last-child {
                                    border-right: none
                                }

                    body main div.container-box div.content table#resultados tbody {
                        margin: 0;
                        padding: 0
                    }

                        body main div.container-box div.content table#resultados tbody tr {
                            margin: 0;
                            padding: 0;
                            border-style: solid;
                            border-width: 1px;
                            border-color: #fff;
                            border-top: none;
                            border-right: none;
                            border-left: none
                        }

                            body main div.container-box div.content table#resultados tbody tr td {
                                margin: 0;
                                padding: 8px 10px 8px 6px;
                                font-family: GobCL;
                                font-size: .75rem;
                                color: #6A6A6A;
                                font-weight: 400;
                                font-style: normal;
                                border-style: solid;
                                border-width: 1px;
                                border-color: #fff;
                                border-left: none;
                                border-top: none;
                                text-transform: capitalize;
                                background-color: #ECECEC
                            }

                                body main div.container-box div.content table#resultados tbody tr td a {
                                    margin: 0;
                                    padding: 0
                                }

                                    body main div.container-box div.content table#resultados tbody tr td a img {
                                        margin: 0 10px 0 0;
                                        padding: 0
                                    }

                                body main div.container-box div.content table#resultados tbody tr td.abierto {
                                    background-color: #1B9A9B;
                                    font-weight: 700;
                                    color: #FFFFFF
                                }

                                body main div.container-box div.content table#resultados tbody tr td.creacion {
                                    background-color: #FCBD2E;
                                    font-weight: 700
                                }

                                body main div.container-box div.content table#resultados tbody tr td.cerrado {
                                    background-color: #FB6250;
                                    font-weight: 700;
                                    color: #FFFFFF
                                }

        body main #collapse h3, body main #collapse p {
            display: block;
            width: 100%;
            height: 100%
        }

        body main #collapse h3 {
            margin: 0;
            padding: 11px 16px 8px 16px;
            border-bottom: solid 1px #FFFFFF;
            border-right: solid 1px #FFFFFF;
            font-family: GobCL;
            font-size: .75rem;
            color: #fff;
            font-weight: 700;
            font-style: normal;
            background-color: #8A8A8A
        }

        body main #collapse p {
            margin: 0;
            padding: 11px 16px 8px 42px;
            border-bottom: solid 1px #F3F3F3;
            font-family: GobCL;
            font-size: .75rem;
            color: #6A6A6A;
            font-weight: 400;
            font-style: normal;
            background-color: #ECECEC
        }

            body main #collapse p.aprobado {
                color: #FFFFFF;
                font-weight: 700;
                background-color: #1B9A9B
            }

            body main #collapse p.tramitacion {
                color: #6A6A6A;
                font-weight: 700;
                background-color: #FCBD2E
            }

            body main #collapse p.rechazado {
                color: #FFFFFF;
                font-weight: 700;
                background-color: #FB6250
            }

        body main #collapse span {
            font-family: GobCL;
            font-size: .75rem;
            color: #6A6A6A;
            font-weight: 700;
            font-style: normal;
            padding: 5px 10px
        }

        body main #collapse input[type=number], body main #collapse select {
            display: block;
            margin: 0;
            padding: 4px 8px 4px 8px;
            border-style: solid;
            border-width: 1px;
            border-color: #DBDADB;
            border-radius: 0.3rem;
            width: 70%;
            height: 30px;
            background-color: #FFFFFF;
            font-family: GobCL;
            font-size: .875rem;
            color: #6A6A6A;
            font-weight: 400;
            font-style: normal
        }

        body main #collapse .registo {
            color: #FFFFFF;
            background-color: #1B9A9B
        }

        body main #collapse .btn-mas a {
            font-family: GobCL;
            font-size: 1.5rem;
            color: #6B6B6B;
            font-weight: 700;
            font-style: normal;
            min-height: 32px;
            color: #6B6B6B
        }

            body main #collapse .btn-mas a:hover {
                text-decoration: none;
                color: #0D68B0
            }

        body main #collapse .btn-mas i {
            padding: 0 10px;
            margin-bottom: 2px
        }

        body main #collapse .btn-cl-abajo a {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 4px 12px 4px 12px;
            border-radius: 0.2rem;
            font-family: GobCL;
            font-size: .875rem;
            color: #6B6B6B;
            font-weight: 700;
            font-style: normal;
            text-transform: initial;
            background-color: #ECECEC;
            min-height: 32px
        }

            body main #collapse .btn-cl-abajo a:hover {
                text-decoration: none;
                background-color: #0D68B0;
                color: #FFF
            }

        body main #collapse .btn-cl-abajo i {
            padding: 0 5px;
            margin-bottom: 2px
        }

        body main .recursos span {
            font-size: 11px;
            padding-left: 5px;
            /*text-transform: uppercase;*/
        }



        body main input[type="radio"] {
            margin-right: 5px;
            margin-top: -7px;
        }

        body main .botones-inferior a {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 4px 12px 4px 12px;
            border-radius: 0.2rem;
            font-family: GobCL;
            font-size: .875rem;
            color: #6B6B6B;
            font-weight: 700;
            font-style: normal;
            text-transform: initial;
            background-color: #ECECEC;
            min-height: 32px
        }

            body main .botones-inferior a:hover {
                text-decoration: none;
                background-color: #0D68B0;
                color: #FFF
            }

        body main .botones-inferior i {
            padding: 0 5px;
            margin-bottom: 2px
        }

        body main .custom-switch .custom-control-label::before {
            left: -2.25rem;
            width: 3rem;
            height: 1.5rem;
            pointer-events: all;
            border-radius: 1rem;
            top: 0
        }

        body main .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
            background-color: #fff;
            -webkit-transform: translateX(0.75rem);
            transform: translateX(1.38rem)
        }

        body main .custom-switch .custom-control-label::after {
            top: calc(0.16rem + 2px);
            left: calc(-2rem + 2px);
            width: calc(1.2rem - 4px);
            height: calc(1.2rem - 4px)
        }

        body main .l-cierre {
            padding-right: 42px
        }

        body main .l-apertura {
            padding-left: 18px !important
        }

    body .tab-content {
        border: 1px solid #dee2e6;
        border-radius: 0 0.5rem 0.5rem 0.5rem;
        background-color: #FFF
    }

    body .nav-item {
        margin-bottom: -1px
    }

    body footer {
        margin: 0;
        padding: 20px 5% 20px 5%;
        background-color: #EFEFEF
    }

        body footer div.text {
            margin: 0 12px 0 0;
            padding: 0
        }

            body footer div.text h2 {
                margin: 0;
                padding: 0;
                font-family: GobCL;
                font-size: .75rem;
                color: #6A6A6A;
                font-weight: 700;
                font-style: normal
            }

            body footer div.text p {
                margin: 0;
                padding: 0;
                font-family: GobCL;
                font-size: .75rem;
                color: #6A6A6A;
                font-weight: 400;
                font-style: normal;
                text-align: right
            }

    body div.modal div.modal-dialog div.container-box div.header {
        margin: 0;
        padding: 8px 10px 4px 10px;
        background-color: #0D68B0;
        border-radius: 0.5rem 0.5rem 0 0
    }

        body div.modal div.modal-dialog div.container-box div.header span.btn-close-modal {
            position: absolute;
            top: 2px;
            right: 25px;
            display: block;
            margin: 0;
            padding: 0;
            font-family: GobCL;
            font-size: 1rem;
            color: #fff;
            font-weight: 700;
            font-style: normal;
            cursor: pointer
        }

        body div.modal div.modal-dialog div.container-box div.header h2 {
            margin: 0;
            padding: 0;
            font-family: GobCL;
            font-size: .875rem;
            color: #fff;
            font-weight: 400;
            font-style: normal;
            text-transform: initial
        }

    body div.modal div.modal-dialog div.container-box div.content {
        margin: 0;
        padding: 16px 20px 16px 20px;
        background-color: #F9F8F9;
        border-style: solid;
        border-width: 1px;
        border-color: #E6E4E6;
        border-top: none;
        border-radius: 0 0 0.5rem 0.5rem
    }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table h3, body div.modal div.modal-dialog div.container-box div.content div.modal-table p {
            display: block;
            width: 100%;
            height: 100%
        }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table h3 {
            margin: 0;
            padding: 11px 16px 8px 16px;
            border-bottom: solid 1px #FFFFFF;
            border-right: solid 1px #FFFFFF;
            font-family: GobCL;
            font-size: .75rem;
            color: #fff;
            font-weight: 700;
            font-style: normal;
            background-color: #8A8A8A
        }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table p {
            margin: 0;
            padding: 11px 16px 8px 42px;
            border-bottom: solid 1px #F3F3F3;
            font-family: GobCL;
            font-size: .75rem;
            color: #6A6A6A;
            font-weight: 400;
            font-style: normal;
            background-color: #ECECEC
        }

            body div.modal div.modal-dialog div.container-box div.content div.modal-table p.aprobado {
                color: #FFFFFF;
                font-weight: 700;
                background-color: #1B9A9B
            }

            body div.modal div.modal-dialog div.container-box div.content div.modal-table p.tramitacion {
                color: #6A6A6A;
                font-weight: 700;
                background-color: #FCBD2E
            }

            body div.modal div.modal-dialog div.container-box div.content div.modal-table p.rechazado {
                color: #FFFFFF;
                font-weight: 700;
                background-color: #FB6250
            }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table span {
            font-family: GobCL;
            font-size: .75rem;
            color: #6A6A6A;
            font-weight: 700;
            font-style: normal;
            padding: 5px 10px
        }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table input[type=number], body div.modal div.modal-dialog div.container-box div.content div.modal-table select {
            display: block;
            margin: 0;
            padding: 4px 8px 4px 8px;
            border-style: solid;
            border-width: 1px;
            border-color: #DBDADB;
            border-radius: 0.3rem;
            width: 70%;
            height: 30px;
            background-color: #FFFFFF;
            font-family: GobCL;
            font-size: .875rem;
            color: #6A6A6A;
            font-weight: 400;
            font-style: normal
        }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table a {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin: 0;
            padding: 4px 12px 4px 12px;
            border-radius: 0.2rem;
            font-family: GobCL;
            font-size: .875rem;
            color: #6B6B6B;
            font-weight: 700;
            font-style: normal;
            text-transform: initial;
            background-color: #ECECEC;
            min-height: 32px
        }

            body div.modal div.modal-dialog div.container-box div.content div.modal-table a:hover {
                text-decoration: none;
                background-color: #0D68B0;
                color: #FFF
            }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table i {
            padding: 0 5px;
            margin-bottom: 2px
        }

        body div.modal div.modal-dialog div.container-box div.content div.modal-table .registo {
            color: #FFFFFF;
            background-color: #1B9A9B
        }

div .is-invalid {
    margin-top: 0.25rem;
    font-size: 80%;
    color: rgb(220, 53, 69);
}

.is-invalid-datetime {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.input-number-error {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem) !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e) !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

.disabled-div {
    pointer-events: none;
    opacity: 0.4;
}

.input-number-error2 {
    border-color: #dc3545 !important;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e) !important;
    background-repeat: no-repeat !important;
    background-position: right calc(0.375em + 0.1875rem) center !important;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) !important;
}

input[type=number]:disabled {
    background-color: #e9ecef;
    opacity: 1;
}

input[type=number].is-invalid {
    border-color: #dc3545 !important;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

input[type=text][readonly], input[type=text][readonly="readonly"] {
    background-color: #e9ecef;
    opacity: 1;
}

input[type=number][readonly], input[type=number[readonly="readonly"] {
    background-color: #e9ecef;
    opacity: 1;
}

.input-readonly {
    background-color: #e9ecef !important;
    opacity: 1 !important;
}


.disabled{
background-color: #e9ecef !important;
}

.nowrap {
    white-space: nowrap;
}

@media screen and (max-width: 580px) {
    .nav-tabs {
        margin-top: 3em!important;
    }
}


.tooltip2 {
    position: relative;
}

.tooltip2:hover .tooltiptext {
    visibility: visible !important;
    opacity: 0.95;
}

.tooltip2 .tooltiptext {
    visibility: hidden;
    width: 228px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -60%;
    right: 15px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 12px;
    z-index: 999;
}

.tooltip2 .tooltiptext:after {
    z-index: 999;
    content: "";
    position: absolute;
    top: 45px;
    right: 100px;
    border: 5px solid transparent;
    border-top-color: #555;
    opacity: 0.95;
}

.tooltip3 {
    position: relative;
}

.tooltip3:hover .tooltiptext {
    visibility: visible !important;
    opacity: 0.95;
}

.tooltip3 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -180%;
    right: 15px;
    opacity: 0;
    transition: opacity .3s;
    font-size: 12px;
    z-index: 999;
}

.tooltip3 .tooltiptext:after {
    z-index: 999;
    content: "";
    position: absolute;
    top: 45px;
    right: 50px;
    border: 5px solid transparent;
    border-top-color: #555;
    opacity: 0.95;
}