@media (min-width:1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 1340px
    }
}

@media (min-width:1600px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        width: 1540px
    }
}

body,
html {
    font-family: Verdana, sans-serif !important;
    height: 100%;
    color: #303030;
    font-size: 16px
}

body {
    background: #f5f5f5;
    font-family: Verdana, sans-serif !important;
}

body.home {
    background: #fff;
    background-image: -webkit-linear-gradient(232deg, #dee6f7 30%, transparent 30%), -webkit-linear-gradient(132deg, #f5f5f5 28%, transparent 28%);
    background-image: -o-linear-gradient(232deg, #dee6f7 30%, transparent 30%), -o-linear-gradient(132deg, #f5f5f5 28%, transparent 28%);
    background-image: linear-gradient(-142deg, #dee6f7 30%, transparent 30%), linear-gradient(-42deg, #f5f5f5 28%, transparent 28%);
    background-repeat: no-repeat;
    background-attachment: fixed
}

body.login {
    background: #fff;
    background-image: -webkit-linear-gradient(54deg, #f5f5f5 36%, transparent 0), -webkit-linear-gradient(146deg, #dee6f7 50%, transparent 0);
    background-image: -o-linear-gradient(54deg, #f5f5f5 36%, transparent 0), -o-linear-gradient(146deg, #dee6f7 50%, transparent 0);
    background-image: linear-gradient(36deg, #f5f5f5 36%, transparent 0), linear-gradient(-56deg, #dee6f7 50%, transparent 0);
    background-repeat: no-repeat;
    background-attachment: fixed
}

h1 {
    font-family: Verdana, sans-serif !important;
    font-size: 1.5rem;
    font-weight: 700 !important;
    margin-bottom: 1.25rem
}

h2 {
    font-size: 1.2rem;
    color: #303030;
    font-weight: 700;
    margin-top: 1.25rem;
    margin-bottom: .9375rem
}

h2 i {
    color: #404fa6
}

hr {
    border-top-color: #d6d6d6
}

a {
    color: #404fa6;
    font-weight: 700
}

.tooltip .arrow:before {
    border-right-color: #fff
}

.tooltip.show {
    opacity: 1
}

.tooltip .tooltip-inner {
    padding: .9375rem;
    min-width: 25rem;
    text-align: left;
    border-radius: .3125rem;
    -webkit-box-shadow: .15rem .3125rem .6rem #00000025;
    box-shadow: .15rem .3125rem .6rem #00000025;
    color: #303030;
    font-size: .875rem;
    background: #fff
}

.btn.btn-primary {
    padding: .625rem 5rem;
    background: #404fa6;
    font-size: 1.125rem
}

.btn.btn-secondary {
    padding: .8rem 1.25rem;
    color: #404fa6;
    background: #dee6f7;
    font-size: 1.125rem;
    border: none;
    border-radius: .625rem
}

.btn.btn-secondary i {
    margin-right: .3125rem
}

.btn.btn-reverse {
    background: #fff
}

.btn.btn-full-width {
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

.btn.btn-shadow {
    -webkit-box-shadow: .15rem .3125rem .6rem #00000025;
    box-shadow: .15rem .3125rem .6rem #00000025
}

.alert p:last-child {
    margin-bottom: 0
}

.alert.alert-info {
    background: #dee6f7;
    border-color: #dee6f7
}

.navbar {
    height: 6.8125rem;
    background: 0 0;
    border: none;
    border-radius: 0;
    margin-bottom: 0
}

.navbar .navbar-brand {
    background: url(/logo_w.svg);
    height: 4.776875rem;
    width: 23.0625rem;
    margin-top: .8rem
}

.navbar ul.navbar-nav {
    margin-top: 1.7rem
}

.navbar ul.navbar-nav a {
    color: #fff
}

.navbar ul.navbar-nav a i {
    margin-right: .1875rem
}

.navbar ul.navbar-nav a:active,
.navbar ul.navbar-nav a:focus,
.navbar ul.navbar-nav a:hover {
    color: #f5f5f5
}

.header {
    background: #404fa6
}

.menu {
    background: #dee6f7;
    padding: 2.5rem;
    border-bottom-right-radius: 1.25rem;
    -webkit-box-shadow: .15rem .3125rem .6rem #00000025;
    box-shadow: .15rem .3125rem .6rem #00000025
}

.menu h2:first-child {
    margin-top: 0;
    margin-bottom: 1.875rem
}

.menu dl dt {
    font-size: .875rem;
    color: #5f5f5f;
}

.menu dl.horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.menu dl.horizontal dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.menu dl.horizontal dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.menu dl.vertical dt {
    margin-bottom: .625rem
}

.menu .btn-secondary {
    background: 0 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    display: block;
    padding: .625rem 0;
    text-align: left;
    font-size: 1rem
}

.menu .btn-secondary i {
    padding: .4375rem;
    border-radius: .5rem;
    background: #fff
}

.home .navbar {
    margin-left: -.9375rem;
    margin-right: -.9375rem;
    height: 15.3125rem;
    background: 0 0
}

.home .navbar .navbar-brand {
    background: url(~/logo.svg);
    height: 6.375rem;
    width: 30rem;
    margin-left: -1.25rem;
    margin-top: 3.125rem
}

.home .navbar .navbar-nav {
    float: right;
    margin-top: 5.125rem
}

.home .navbar .navbar-nav .btn-primary {
    padding: .625rem 5.3125rem
}

.home .navbar .nav-item .login-sub-text,
.login .navbar .nav-item .login-sub-text {
    display: block;
    margin-top: .625rem
}

.home .navbar .nav-item .login-sub-text a,
.login .navbar .nav-item .login-sub-text a {
    color: #404fa6;
    display: inline
}

.table {
    -webkit-box-shadow: .15rem .3125rem .6rem #00000025;
    box-shadow: .15rem .3125rem .6rem #00000025;
    background: #fff
}

.table thead {
    background: #dee6f7
}

.table tbody th {
    font-weight: 400
}

.pagination {
    margin-top: -.625rem
}

.pagination .page-item a {
    border: none;
    font-size: .875rem;
    background: 0 0
}

.pagination .page-item:first-child a,
.pagination .page-item:last-child a {
    background: #dee6f7;
    color: #404fa6;
    border-radius: .3125rem
}

.form-group {
    margin-bottom: 1.875rem
}

.form-group .date {
    left: 6px
}

.form-group label {
    font-size: 1.125rem;
    line-height: 2.2;
    font-weight: 400;
    display: inline-block;
    margin-bottom: .5rem
}

.form-group label.dateOfBirth {
    padding-left: 0;
    padding-right: 30px
}

.form-group input.form-control {
    background-color: #f5f5f5;
    font-size: 1.125rem;
    padding: 0 1.5625rem;
    height: 3.125rem
}

.form-group input.datepicker {
    border-right: none
}

.form-group input .input-group-addon {
    color: none;
    background-color: #f5f5f5
}

.form-group input .input-group-addon .calenderIcon {
    color: #404fa6
}

.form-group input:-moz-read-only {
    background-color: #f5f5f5
}

.form-group input:read-only {
    background-color: #f5f5f5
}

.form-group textarea {
    background-color: #f5f5f5;
    font-size: 1.125rem;
    padding: 1.5625rem
}

.form-group input[type=checkbox],
.form-group input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

.form-group .custom-control-input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0
}

.form-group .custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top
}

.form-group button,
.form-group input {
    overflow: visible
}

.form-group button,
.form-group input,
.form-group optgroup,
.form-group select,
.form-group textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

.form-group .custom-checkbox {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.form-group .custom-checkbox label {
    margin-left: 1.25rem
}

.form-group .custom-checkbox label:before {
    margin-left: -1.25rem
}

.form-group .custom-checkbox .custom-control-label::before {
    width: 1.875rem;
    height: 1.875rem;
    background: #f5f5f5
}

.form-group .custom-checkbox .custom-control-label::after {
    position: absolute;
    top: -.05rem;
    left: -3.05rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    content: "";
    background: no-repeat 50%/50% 50%;
    color: #404fa6
}

.form-group .custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.form-group .custom-control-label::before,
.form-group .custom-file-label,
.form-group .custom-select {
    -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.form-group .custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    background-color: #fff;
    border: #d6d6d6 solid .0625rem
}

.form-group *,
.form-group ::after,
.form-group ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.form-group .custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background: no-repeat 50%/50% 50%
}

.form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #dee6f7;
    border-color: #404fa6
}

.form-group .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23404FA6' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

.form-group .field-link {
    float: right;
    padding-top: .625rem
}

.form-group .field-link a {
    font-size: .875rem;
    font-weight: 400
}

.form-group.form-group-skinny {
    margin-bottom: .9375rem
}

footer {
    color: #666;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
    font-size: .8rem
}

footer p {
    margin-top: 1.875rem
}

.main-body {
    padding: 1.5625rem 2.5rem
}

.jumbotron {
    background: 0 0;
    padding: 0
}

.jumbotron h1 {
    font-size: 3rem;
    margin-bottom: 4.375rem
}

.interested h2,
.links h2 {
    font-size: 1.5rem;
    margin-top: 0
}

.interested .row,
.links .row {
    margin-top: 4.3125rem
}

.interested .btn-reverse,
.links .btn-reverse {
    width: 20rem;
    text-align: left
}

.interested .btn-reverse i,
.links .btn-reverse i {
    background: #dee6f7;
    padding: .7rem;
    border-radius: .5rem
}

.login .navbar {
    margin-bottom: 5rem
}

.login .card {
    -webkit-box-shadow: 0 .875rem 1.125rem #00000026;
    box-shadow: 0 .875rem 1.125rem #00000026;
    border-radius: 1.875rem;
    margin-right: 0;
    z-index: 10;
    border: none;
    padding: 3.75rem;
    min-height: 32.75rem;
    background: #fff
}

.login .card .card-body {
    padding-bottom: 0;
    min-height: 21.4rem
}

.login .card .card-body h1 {
    font-size: 2.375rem;
    margin-bottom: 2.1875rem
}

.login .card .card-footer {
    background: 0 0;
    border: none;
    padding: .625rem 0 0 0
}

.login .card .card-footer .login-sub-text {
    display: block;
    margin-top: .625rem;
    text-align: center
}

.login .card .card-footer .login-sub-text a {
    color: #404fa6;
    display: inline;
    padding: 0 .3125rem
}

.login .login-wrapper {
    max-width: 43.75rem;
    margin: 0 auto;
    position: relative
}

.login .background-card {
    background: #7f89c4;
    border-radius: 1.875rem;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg)
}

.login footer {
    margin-top: 8rem
}

.dashboard .card {
    -webkit-box-shadow: 0 .875rem 1.125rem #00000026;
    box-shadow: 0 .875rem 1.125rem #00000026;
    border-radius: 1.875rem;
    z-index: 10;
    border: none;
    padding: 1.75rem;
    background: #fff
}

.dashboard .card .card-body {
    padding-bottom: 0;
    min-height: 300px
}

.dashboard .card .card-body h1 {
    font-size: 2.375rem;
    margin-bottom: 2.1875rem
}

.menu-dashboard-image {
    background: #dee6f7;
    padding: 2.5rem;
    border-bottom-right-radius: 1.25rem;
    -webkit-box-shadow: .15rem .3125rem .6rem #00000025;
    box-shadow: .15rem .3125rem .6rem #00000025
}

.menu-dashboard-image .girl-image {
    width: 200px;
    border: 6px solid #fff;
    border-radius: 100%
}

.menu-dashboard-image .user {
    padding: 45px;
    border: 6px solid #fff;
    border-radius: 100%;
    background-color: #404fa6;
    color: #dee6f7
}

.menu-dashboard-image h1 {
    text-align: center
}

.menu-dashboard-image dl dt {
    font-size: .875rem;
    color: #5f5f5f;
}

.menu-dashboard-image dl.horizontal {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

.menu-dashboard-image dl.horizontal dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.menu-dashboard-image dl.horizontal dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.menu-dashboard-image dl.vertical dt {
    margin-bottom: .625rem
}

@media (min-width: 1200px) {
    .col-lg-4 {
        width: 25% !important;
    }
}

body,
html {
    font-size: 13.5px !important
}

@media (min-width: 992px) {
    .col-md-8 {
        width: 75%;
    }
}

@media (min-width: 1200px) {
    .col-lg-8 {
        width: 75% !important;
    }
}

@media (min-width: 1200px) {
    .col-xl-6 {
        -ms-flex: 0 0 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}

.alert-info {
    color: #000000 !important;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 10px !important;
}

textarea#description {
    width: 100% !important;
    height: 180px !important;
    border-radius: 10px !important;
    background: #eef0f7 !important;
}

.view-pagination {
    float: right !important
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    background: #dee6f7 !important
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    background: #dee6f7 !important
}

@media (min-width: 1200px) {
    .col-lg-offset-3 {
        margin-left: 8%;
    }
}


/*added to support FPCN view details modal popup */

#modalcustomviewdetails {
    display: none;
    position: fixed;
    top: 8%;
    left: 25%;
    width: 55%;
    height: 70%;
    background-color: white;
    z-index: 10;
}

#modalcustomviewdetails iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

#custompopupdarkbg {
    position: fixed;
    z-index: 5;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .75);
    display: none;
}