@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');

.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}


        .ws-nowrap {
            white-space: nowrap;
        }

        .bg-light-gray {
            background-color: rgba(33, 37, 41, .4);
        }

        body {
            font-family: 'Nunito', Poppins, sans-serif !important;
        }

        main {
            overflow: hidden;
            min-height: calc(100vh - 140px);
        }

        h1, .brand {
            color: #2F4B8E;
        }

        .bg-light {
            background-color: #F4F7FC !important;
        }

        .page-title-box .page-title {
            font-size: 18px;
            margin: 0;
            line-height: 75px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            color: inherit;
        }

        .page-title-box .page-title-right {
            float: right;
        }

        .icon-group {
            list-style: none;
            display: flex;
        }

        header .brand img {
            padding-bottom: 4px;
        }



        footer {
            z-index: 999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            font-size: 12px;
            position: relative;
            bottom: 0;
            padding: 1.5rem;
            width: 100%;
            text-align: center;
            box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.0034), 0 -2px 4px rgba(0, 0, 0, 0.0038), 0 -4px 5px rgba(0, 0, 0, 0.003), 0 -7px 15px rgba(0, 0, 0, 0.0032), 0 -9px 30px rgba(0, 0, 0, 0.0026), 0 -10px 50px rgba(0, 0, 0, 0.003);
        }

        .footer-center {
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
        }

        @media (min-width: 768px) {
            footer {
                text-align: initial;
                display: flex;
                flex-direction: row;
                align-items: flex-end;
                justify-content: space-between;
            }
        }

        .child-info p span:first-child {
            /*width: 40px;*/
            display: inline-block;
        }

        .border-dash {
            border: 1px dashed #D5D7E3;
        }
        /*** ICONS ***/

        .wi-icon {
            text-transform: none !important;
            line-height: 1;
            vertical-align: middle;
            display: inline-block;
            height: 24px;
            width: 24px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: 20px;
        }

        .wi-icon-sm {
            height: 18px;
            width: 18px;
            background-size: 14px;
        }

        .wi-icon-child {
            height: 96px;
            width: 96px;
            background-size: 96px;
        }

        .wi-icon-child-96 {
            background-image: url(../icons/wi-child.svg);
        }

        .wi-icon-user {
            height: 36px;
            width: 36px;
            background-size: 34px;
            background-image: url(../icons/wi-user.svg);
        }

        .wi-icon-circle-white {
            background-color: #fff;
            border-radius: 50%;
        }

        .wi-icon-home {
            background-image: url(../icons/wi-home.svg);
        }

        .wi-icon-edit {
            background-image: url(../icons/wi-edit.svg);
        }

        .wi-icon-trash {
            background-image: url(../icons/wi-trash.svg);
        }

        .wi-icon-language {
            background-image: url(../icons/wi-language.svg);
        }

        .wi-icon-plus {
            background-image: url(../icons/wi-plus.svg);
        }

        .wi-icon-checkbox {
            background-image: url(../icons/wi-checkbox.svg);
        }

        .wi-icon-move {
            background-image: url(../icons/wi-move.svg);
        }

        .wi-icon-arrow-back {
            background-image: url(../icons/wi-arrow.svg);
        }

        .wi-icon-toggler {
            background-image: url(../icons/wi-toggler.svg);
        }

        .wi-icon-download {
            background-image: url(../icons/wi-download.svg);
        }

        .wi-icon-phone {
            background-image: url(../icons/wi-phone.svg);
        }

        .wi-icon-mail {
            background-image: url(../icons/wi-email.svg);
        }

        .wi-icon-arrow-forward {
            background-image: url(../icons/wi-arrow.svg);
            transform: rotate(180deg);
        }

        .wi-icon-info {
            background-image: url(../icons/wi-info.svg);
        }

        .wi-icon-school {
            background-image: url('data:image/svg+xml;utf8, <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.cls-1{fill:none;stroke:#7e84a3;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}</style></defs><path id="Path_374" data-name="Path 374" class="cls-1" d="M17 21V5a2 2 0 00-2-2H9a2 2 0 00-2 2v16"/><path id="Path_374-2" data-name="Path 374" class="cls-1" d="M20.43 21v-8a2 2 0 00-2-2H17"/><path id="Path_374-3" data-name="Path 374" class="cls-1" d="M3.57 21v-8a2 2 0 012-2H7"/><path class="cls-1" d="M13.88 21v-5.12a1.88 1.88 0 00-3.76 0V21M2 21.29h20M12.75 7h-1.5"/><path id="Path_437" data-name="Path 437" d="M0 0h24v24H0z" fill="none"/></svg>');
        }



        .btn-icon {
            padding-left: 34px;
            position: relative;
        }

            .btn-icon .wi-icon {
                position: absolute;
                left: 8px;
                top: 50%;
                transform: translateY(-50%);
            }
        /* RESPONSIVE */
        .application-card .button .btn {
            text-decoration: none;
        }
        /* Small devices (landscape phones, less than 768px) */
        @media (max-width: 1399.98px) {
        }
        /* Small devices (landscape phones, less than 768px) */
        @media (max-width: 1199.98px) {
            .application-card {
                position: relative;
            }

                .application-card .title {
                    padding-top: .75rem;
                    padding-bottom: 1.5rem;
                }

                .application-card .status {
                    position: absolute;
                    right: 0;
                    top: -3px;
                    width: auto;
                    margin: 0;
                    padding: 0;
                }

                    .application-card .status .badge {
                        border-radius: 0 0.25rem 0 0.25rem;
                    }

                .application-card .date {
                    position: absolute;
                    left: 1rem;
                    bottom: 1rem;
                    width: auto;
                    margin: 0;
                    padding: 0;
                    padding: 0.25rem 0;
                }

                .application-card .button {
                    position: absolute;
                    right: 1rem;
                    bottom: 1rem;
                    width: auto;
                    margin: 0;
                    padding: 0;
                }

                    .application-card .button .btn {
                        padding: 0.25rem 0;
                    }

            footer {
                font-size: 10px;
                line-height: 16px;
            }



            img.ohs-logo {
                width: 60px;
            }

            img.tct-logo {
                width: 50px;
            }

            img.del-logo {
                width: 90px;
            }

            .right-side img.bjw-logo {
                width: 75px;
            }
        }
        /* Small devices (landscape phones, less than 768px) */
        @media (max-width: 991.98px) {


            .footer-center {
                width: 100%;
                top: -48px;
                text-align: center;
            }
        }
        /* Small devices (landscape phones, less than 768px) */
        @media (max-width: 767.98px) {

            header .brand {
                flex-direction: row;
                max-width: 340px;
            }

                header .brand span {
                }
        }
        /* X-Small devices (portrait phones, less than 576px) */
        @media (max-width: 575.98px) {
            header .brand {
            }

            .child-card ul.icon-group {
                position: absolute;
                top: 16px;
                right: 10px;
            }
        }


        .dropdown-toggle::after {
            vertical-align: 0;
        }




        .btn {
            border-radius: .25rem;
            cursor: pointer;
            display: inline-block;
            font-size: .875rem;
            font-weight: 600;
            line-height: 1.6;
            text-align: center;
            transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            vertical-align: middle;
        }

        .btn-success {
            background-color: #19cb98;
            border-color: #19cb98;
            color: #fff;
        }

            .btn-check:focus + .btn-success, .btn-success:focus, .btn-success:hover {
                background-color: #15ad81;
                border-color: #14a27a;
                color: #fff;
            }

        .btn-check:focus + .btn-white, .btn-white, .btn-white:focus, .btn-white:hover {
            background-color: #fff;
            border-color: #fff;
            color: #000;
        }

        .opacity-10 {
            opacity: 0.10;
        }

        .fs-12 {
            font-size: 12px;
        }

        .fs-13 {
            font-size: 13px;
        }

        .fs-14 {
            font-size: 14px;
        }


        .popover {
            max-width: 380px;
            line-height: 1.5;
            text-align: left;
            font-size: 1rem;
            background-color: #fff;
            border: 1px solid rgba(0,0,0,.2);
            border-radius: .3rem;
            padding: 2rem
        }

        .popover-header {
            padding: .5rem 1rem;
            margin-bottom: 0;
            font-size: 1rem;
            font-weight: 600;
            background-color: white;
            border-bottom: 1px solid rgba(0,0,0,.2);
            border-top-left-radius: calc(.3rem - 1px);
            border-top-right-radius: calc(.3rem - 1px);
            border: none;
        }

        .popover-body {
            padding: 1rem 1rem;
            color: #212529;
        }

        @media screen and (max-width: 880px) {
            #google_translate_element {
                position: fixed;
                left: 20px;
                bottom: 20px;
                box-shadow: 0px 6px 20px rgb(0 0 0/ 10%) !important;
                border: 1px solid #ccc !important;
            }
        }

        #google_translate_element {
            padding: 4px 8px;
            z-index: 99;
            border: 1px solid #eee;
            background: #fff;
            border-radius: 10px;
            font-size: 10px !important;
            /*box-shadow: 0px 6px 20px rgb(0 0 0 / 10%);*/
        }

        .goog-te-menu-value {
            font-size: 13px !important;
        }

        @media screen and (min-width: 768px) {
            .goog-te-menu-value {
                font-size: 13px !important;
            }
        }

        .goog-te-gadget-simple {
            border: none !important;
        }

        .goog-te-gadget-icon {
            background-image: url("../icons/wi-language.svg") !important;
            background-repeat: no-repeat;
            background-size: contain !important;
            background-position: center !important;
            width: 16px !important;
            height: 16px !important;
        }
        /**** POPOVERS *****/

        .popover-markup {
            text-align: center;
        }

            .popover-markup .popover-title {
                margin: 0;
            }

            .popover-markup .popover-footer {
                margin: 0;
                padding: 8px 14px;
                font-size: 14px;
                font-weight: 400;
                line-height: 18px;
                background-color: #F7F7F7;
                border-top: 1px solid #EBEBEB;
            }

            .popover-markup .popover-content1 {
                padding: 9px 14px;
                padding-top: 9px;
                padding-right: 14px;
                padding-bottom: 9px;
                padding-left: 14px;
            }

            .popover-markup .popover-content {
                padding: 0px;
                padding-top: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-left: 0px;
            }


        .custom-popover {
            padding: 0;
        }

            .custom-popover ol, custom-popover ul {
                padding-left: 16px;
            }

            .custom-popover h5 {
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .custom-popover .popover-header {
                padding: 1.5rem 0;
                margin: 0 1.5rem;
                border-bottom: 1px solid #ccc;
                font-size: 1.4rem;
            }

            .custom-popover .popover-body {
                padding: 1.5rem 1.5rem 2rem;
            }

        ul.uploaded-files {
            padding-left: 0;
            border-bottom: none;
            border-radius: 8px 8px 0 0;
            padding: 0;
            margin: 0;
        }

            ul.uploaded-files li {
                background: aliceblue;
                margin: 10px 0 !important;
                padding: 5px;
                border-radius: 4px;
            }

        ul.selected-files {
            padding-left: 0;
            margin: 0;
        }

        .upload-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .delete-file {
            display: flex;
            justify-content: center;
            height: 30px;
            align-items: center;
            cursor: pointer;
            width: 30px;
        }

        dialog {
            border-radius: 10px !important;
            max-width: 480px;
            border: 1px solid #ccc !important;
            z-index: 99;
            padding: 20px 40px;
            margin: 0 auto !important;
            top: 50%;
            transform: translate(-50%, -50%);
            left: 50%;
            position: fixed;
            box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
        }

        .deleting-file {
            font-weight: 500;
            color: #084298;
        }

        dialog menu {
            padding: 0 !important;
            margin: 20px 0 10px 0 !important;
        }
        /*#child-profile .page-title-box .alert.alert-primary {
    display: none !important;
}*/

        @font-face {
            font-family: 'password';
            src: url('/content/fonts/password.ttf') format('truetype');
        }

        input.obscure {
            font-family: 'password' !important;
        }

        [v-cloak] {
            display: none;
        }
        /*Application Status*/

        .status-wrapper {
        }

        .status-list {
            position: relative;
            padding-left: 60px;
            list-style: none;
        }

            .status-list::before {
                display: inline-block;
                content: "";
                position: absolute;
                top: 0;
                left: 30px;
                width: 10px;
                height: 100%;
                border-left: 2px solid #fff;
            }

        .status-list-item {
            position: relative;
            counter-increment: list;
        }

            .status-list-item:not(:last-child) {
                padding-bottom: 16px;
            }

            .status-list-item::before {
                display: inline-block;
                content: "";
                position: absolute;
                left: -30px;
                height: 100%;
                width: 10px;
            }

            .status-list-item::after {
                content: "";
                display: inline-block;
                position: absolute;
                top: 0;
                left: -46px;
                width: 12px;
                height: 12px;
                border: 2px solid #ccc;
                border-radius: 50%;
                background-color: #fff;
            }

            .status-list-item.is-done::before {
                border-left: 2px solid #0d6efd;
            }

            .status-list-item::after {
                content: "";
                height: 32px;
                width: 32px;
                top: 12px;
                font-size: 10px;
                color: #fff;
                text-align: center;
                border: 2px solid #0d6efd;
                background-color: #F4F7FC;
            }

            .status-list-item::before {
                border-left: 2px solid #0d6efd;
            }