/*============= RESETS =============*/
:root {
    --comments-size: 50px;
    --allscripts-green: rgb(122, 184, 0);
    --allscripts-navy: #0C203D;
    --allscripts-purple: #2B3E68;
    --allscripts-red: #E84137;
    --allscripts-orange: #F3704C;
    --allscripts-blue: #049EDA;
    --allscripts-gray: #666666;
    --allscripts-black: #000000;
    --allscripts-lightgrayblue: #EAF1F3;
    --allscripts-lightblue: #A1D2F1;
    --allscripts-lightgray: #B3BEB3;
    --allscripts-mediumgrayblue: #ADC1C4;
    --allscripts-border: 0.05rem solid #7b7878;
    --allscripts-text: #000000;
    --veradigm-purple: #403C7E;
}
/*-- iPhone X Remove Gutters --*/


@font-face {
    font-family: NunitoSans-Light;
    src: url('../fonts/NunitoSans-Light.ttf');
}

@font-face {
    font-family: NunitoSans-Regular;
    src: url('../fonts/NunitoSans-Regular.ttf');
}

@font-face {
    font-family: NunitoSans-Black;
    src: url('../fonts/NunitoSans-Black.ttf');
}

html {
    padding: env(safe-area-inset);
}
/*-- Prevent Horizontal Scrolling & Font Style --*/
html, body {
    overflow-x: hidden;
    font-family: 'NunitoSans-Regular', serif !important;
    color: #505962;
    /*background-image: url('../Images/banner/1133-vdmp620-webimage-background.png');*/
    background-size: 100% 100%
}

h1, h2, h3 {
    font-family: 'NunitoSans-Regular', serif !important;
}

h2, h3 {
    font-family: NunitoSans-Black, serif !important;
}

.app-banner-text h2 {
    font-family: 'NunitoSans-Regular', serif !important;
}

.banner-text {
    color: #505962 !important
}

.text-nuno {
    color: #1EBBA3;
}
/*body {
    padding-top: 60px;
}
*/
/*@media (max-width: 980px) {
    body {
        padding-top: 0;
    }

    .caption h1 {
        font-size: 1.75rem;
        letter-spacing: .1rem;*/
/*text-shadow: .1rem .1rem .8rem black;*/
/*padding-bottom: 1rem;
    }

    .caption h2 {
        font-size: 1.50rem;
        padding-bottom: .4rem;
    }
}*/

/*--- Nav Scrolling Offset --*/
.offset:before {
    content: "";
    height: 4rem;
    display: block;
    margin-top: -4rem;
}

/*--- Extra Bootstrap Column Padding --*/
[class*="col-"] {
    padding: 1rem;
}

/*============= NAVIGATION =============*/
.navbar-brand img {
    /*height: 2rem;*/
    max-width: 260px;
}

.navbar {
    padding: .7rem 1rem;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .1rem;
    font-size: .9rem;
    transition: background-color .5s ease;
    /*background-color: #403C7E;*/
}

.navbar-nav li {
    padding-right: .8rem;
}

.navbar-nav .nav-link {
    color: white;
    padding-top: .8rem;
}

    .navbar-nav .nav-link.active
    /*.navbar-nav .nav-link:hover*/ {
        /*color: var(--allscripts-blue)*/
    }

.custom-toggler-icon {
    color: white;
    font-size: 1.6rem;
}

/*.navbar.solid,
.navbar.solid-toggle {
    background: rgba(0, 0, 0, .7) !important;
    transition: background-color 1s ease;
}*/

.navbar-nav .nav-link-2 {
    color: white;
    padding: .8rem;
}

    .navbar-nav .nav-link-2.active,
    .navbar-nav .nav-link-2.active {
        color: #fff;
        /*background-color: #049eda !important;*/
    }

/*-- Remove Button Outline --*/
button:focus, a:focus, a.btn:focus {
    outline: 0;
    -webkit-appearance: none;
    box-shadow: none;
    transition: all .6s ease;
}

button, a, a.btn,
.svg-inline--fa {
    transition: all .6s ease;
}

/*============= LANDING PAGE =============*/

/*--- Fixed Landing Page Section --*/
.landing {
    position: relative;
    width: 100%;
    height: 40vh;
    display: table;
    /* z-index: -1;*/
}

.home-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 3rem;
    left: 5rem;
}

.home-inner {
    /*    background-image: url('https://1xa98p3p8vqh6i62c1ky9tc8-wpengine.netdna-ssl.com/wp-content/uploads/2019/07/default-blog-featured-824x320.jpg');*/
    /*    background-image: url('https://via.placeholder.com/2000x1333');*/
    /*  background-image: url('../images/random/computers.jpg');*/
    background-image: url('../Images/Apps/app_store_blue_background_and_illustration.png');
    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    display: table;
}

/*-- Landing Page Caption --*/
.caption {
    z-index: 1;
    position: absolute;
    top: 20%;
    width: 50%;
    max-width: 100%;
}

    .caption h1 {
        font-size: 4.5rem;
        letter-spacing: .3rem;
        /*text-shadow: .1rem .1rem .8rem black;*/
        padding-bottom: 1rem;
    }

    .caption h3 {
        font-size: 2.5rem;
        /*text-shadow: .1rem .1rem .5rem black;*/
        padding-bottom: 2rem;
    }

    .caption .btn-lg {
        border-width: medium;
        padding: .8rem 1.5rem;
        font-size: 1.1rem;
    }

/*-- Bouncing Down Arrow --*/
.arrow {
    position: absolute;
    bottom: 0;
    width: 100%;
    animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
}

.down-arrow .svg-inline--fa {
    color: #505962;
    font-size: 2.2rem;
    /*   opacity: .3;*/
}

    .down-arrow .svg-inline--fa:hover {
        /*   opacity: .8;*/
    }

/*============= FEATURES SECTION =============*/

.btn-sm {
    border-width: medium;
    border-radius: 0;
    padding: .5rem 1.1rem;
    text-transform: uppercase;
    font-size: .9rem;
    margin: 1rem;
}

.btn-nuno {
    background-color: #1EBBA3;
    color: white;
}

    .btn-nuno:hover {
        background-color: #189582;
        color: white;
    }

h3.heading {
    /*text-transform: uppercase;*/
    font-weight: 700;
    font-size: 1.9rem;
    text-align: center;
    margin-bottom: 1.9rem;
}

.heading-underline {
    width: 3rem;
    height: .2rem;
    background-color: #1EBBA3;
    margin: 0 auto 2rem;
}

.feature span {
    color: #1EBBA3;
    margin-bottom: .6rem;
}

.feature h3 {
    text-transform: uppercase;
    font-size: 1.3rem;
    padding-bottom: .4rem;
}

/*===== FIXED BACKGROUND IMG DARK =====*/

/*--- iOS Fixed Background Image --*/
.fixed {
    position: relative;
    width: 100%;
}

.fixed-wrap {
    clip: rect(0, auto, auto, 0);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -9999;
}

.fixed-dark {
    background-image: url('https://via.placeholder.com/1500x1000');
    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    z-index: -1;
    top: 0;
    left: 0;
    display: table;
}

.dark {
    background-color: rgba(0, 0, 0, .7);
    padding: 7rem 0;
    z-index: 1000;
}

/*============= PORTFOLIO SECTION =============*/

.portfolio-item img:hover {
    transform: scale(1.3);
    cursor: zoom-in;
}

.portfolio-item img {
    transition: transform .4s ease;
}

/*============= PRICING SECTION =============*/

.pricing-column {
    background-color: white;
    height: 100%;
    padding: 1.6rem;
    border-top: .25rem solid #1EBBA3;
    box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
    transition: transform .7s ease;
    position: relative;
    overflow: hidden;
}

    .pricing-column:hover {
        transform: scale(1.1);
    }

    .pricing-column h4 {
        font-size: 1.1rem;
        font-weight: 700;
    }

.ribbon {
    background-color: #6c757d;
    color: white;
    font-size: .8rem;
    font-weight: 700;
    height: 2rem;
    width: 10rem;
    padding-top: .4rem;
    position: absolute;
    transform: rotate(45deg);
    right: -2.8rem;
    top: 1.5rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .25);
}

.ribbon-secondary {
    background-color: #6c757d;
    color: white;
    font-size: .8rem;
    font-weight: 700;
    height: 2rem;
    width: 10rem;
    padding-top: .4rem;
    position: absolute;
    transform: rotate(45deg);
    right: -2.8rem;
    top: 1.5rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .25);
}

/*============= Product SECTION =============*/

.product-column {
    background-color: white;
    height: 100%;
    padding: 1.6rem;
    transition: transform .7s ease;
    position: relative;
    overflow: hidden;
    border-radius: .8rem;
    border: var(--allscripts-border);
    /* 
         border-top: .25rem solid #1EBBA3;
         box-shadow: 10px 10px 5px #aaaaaa;
        -webkit-box-shadow: 0 10px 6px -6px #777;
    -moz-box-shadow: 0 10px 6px -6px #777;
    box-shadow: 0 10px 6px -6px #777;*/
}

    .product-column:hover {
        transform: scale(1.02);
    }

    .product-column h4 {
        font-size: 1.1rem;
        font-weight: 700;
    }
/*============= Product SECTION =============*/

.partner-app {
    background-color: white;
    height: 100%;
    padding: 0 1.6rem;
    transition: transform .7s ease;
    position: relative;
    overflow: hidden;
    border-radius: .8rem;
    border: var(--allscripts-border);
}

    .partner-app:hover {
        transform: scale(1.02);
    }

    .partner-app h4 {
        font-size: 1.1rem;
        font-weight: 700;
    }

.app-column {
    height: 100%;
    /*padding: 1.6rem;*/
    position: relative;
    overflow: hidden;
}

.ribbon {
    background-color: #6c757d;
    color: white;
    font-size: .8rem;
    font-weight: 700;
    height: 2rem;
    width: 10rem;
    padding-top: .4rem;
    position: absolute;
    transform: rotate(45deg);
    right: -2.8rem;
    top: 1.5rem;
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .25);
}

/*============= TEAM SECTION FIXED BG IMG LIGHT =============*/

/*--- Team Light Background Image --*/
.fixed-light {
    /*    background-image: url('../images/random/office.jpg');
    background-image: url('https://via.placeholder.com/1500x1002');*/
    position: fixed;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    z-index: -1;
    top: 0;
    left: 0;
    display: table;
}

.light {
    background-color: rgba(255, 255, 255, .75);
    padding: 5rem 0;
    z-index: 1000;
}

.owl-stage {
    display: flex;
}

.card {
    /*   height: 100%;*/
    border-radius: 0;
    text-align: center;
    margin: 0 1rem;
    border: var(--allscripts-border);
    /* box-shadow: 0 0 .8rem rgba(0, 0, 0, .075);
    box-shadow: 10px 10px 5px #aaaaaa;
    border-left: 0.02rem solid #e0dada;*/
    transition: transform .4s ease;
}
/*
.card:hover {
   transform: scale(.95);
}*/

.owl-item > .card {
    height: 100%;
}

    .owl-item > .card:hover {
        transform: scale(.95);
    }

button.owl-dot.active span,
button.owl-dot:hover span {
    background: var(--allscripts-blue) !important;
}

.owl-theme .owl-dots .owl-dot span {
    width: 20px !important;
    height: 20px !important;
}

owl-item card img {
    width: 150px !important;
    height: 100px;
    align-content: center;
    margin: 0 25%;
}

ul.social {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 1.5rem;
}

    ul.social li {
        display: inline;
        padding-right: .8rem;
    }

        ul.social li a {
            color: #1EBBA3;
            transition: all .2s ease;
        }

            ul.social li a:hover {
                color: #505962;
            }

/*============= SKILLS SECTION =============*/


/*============= CLIENTS SECTION =============*/

#clients-carousel {
    /*  max-width: 1200px;
    margin: 0 auto;*/
}

.clients img {
    /*   border-radius: 50%;*/
    transition: transform .3s ease;
}

    .clients img:hover {
        transform: scale(.95);
    }

blockquote .svg-inline--fa {
    margin: 1rem;
    color: #1EBBA3;
}

.clients-hr {
    border-top: .1rem solid #1EBBA3;
}

/*============= CONTACT SECTION =============*/

.footer {
    background: url('https://via.placeholder.com/2000x722') no-repeat;
    background-size: cover;
    /*   color: white;*/
    /* background-color: #505962; */
    background-color: #403C7E !important;
}

.row.outer {
    /*background-color: rgba(57, 63, 70, .85);*/
    padding: 1rem 2rem 3rem;
}

.footer img {
    height: 2rem;
    margin: 1.5rem 0;
}

.footer a,
.footer ul.social li a {
    color: white;
}

    .footer ul.social li a:hover {
        color: #1EBBA3;
    }

.footer h3 {
    text-transform: uppercase;
    margin: 1.5rem 0;
}

.footer-divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.footer ul li a {
    border: none;
    /*    color: #807e7d;*/
    cursor: pointer;
    font-size: .75em;
    padding: 0.5em 0;
    margin: 0.5em 0;
}

.footer li:first-child {
    font-size: 1.25em;
}

.bottom-footer {
    background-color: #d4d0ca !important;
    color: #343639;
    padding: 1rem 0;
    font-size: 1rem;
}

    .bottom-footer ul li a {
        color: #343639;
    }


    .bottom-footer li:not(:first-child):before {
        content: "|   ";
    }


/*--- Contact Form --*/
.form-group {
    margin-bottom: 1.3rem;
}

.form-control {
    background-color: #53595f;
    border-radius: 0;
    border: .15rem solid #666b71;
    color: white !important;
    font-size: 1.1rem;
}

.request-form-control {
    border-radius: 0;
    border: .15rem solid #666b71;
    font-size: 1.1rem;
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.form-control:focus {
    background-color: #53595f;
    border: .15rem solid #666b71;
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #b2b5b8 !important;
}

hr.socket {
    border-top: .2rem solid #666b71;
    width: 100%;
}

/*============= TOP SCROLL =============*/

a.top-scroll {
    right: 1.2rem;
    bottom: 1.2rem;
    position: fixed;
    opacity: .3;
    z-index: 1000;
    display: none;
}

    a.top-scroll:hover {
        opacity: .5;
    }

.top-scroll .svg-inline--fa {
    background: white;
    color: #53595f;
    font-size: 3rem;
    height: 1.7rem;
}


/*badge*/
.badge {
    color: white;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media(prefers-reduced-motion:reduce) {
    .badge {
        transition: none
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none !important;
    color: white;
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.badge-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}

.badge-primary {
    color: #fff;
    background-color: #007bff
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0.5)
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(108,117,125,0.5)
}

.badge-success {
    color: #fff;
    background-color: #28a745
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(40,167,69,0.5)
}

.badge-info {
    color: #fff;
    background-color: #17a2b8
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(23,162,184,0.5)
}

.badge-warning {
    color: #212529;
    background-color: #ffc107
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(255,193,7,0.5)
}

.badge-danger {
    color: #fff;
    background-color: #dc3545
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(220,53,69,0.5)
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(248,249,250,0.5)
}

.badge-dark {
    color: #fff;
    background-color: #343a40
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(52,58,64,0.5)
}

/*Custom Control checkbox*/
.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
}
/*Colors*/

.allscripts-green {
    background-color: rgb(122, 184, 0);
}

.allscripts-navy {
    background-color: #0C203D !important;
}

.allscripts-purple {
    background-color: #2B3E68 !important;
}

.allscripts-red {
    background-color: #E84137 !important;
}

.allscripts-orange {
    background-color: #F3704C !important;
}

.allscripts-blue {
    background-color: #049EDA !important;
}

.allscripts-gray {
    background-color: #666666 !important;
}

.allscripts-lightgrayblue {
    background-color: #EAF1F3 !important;
}

.allscripts-lightblue {
    background-color: #A1D2F1 !important;
}

.allscripts-lightgray {
    background-color: #B3BEB3 !important;
}

.allscripts-mediumgrayblue {
    background-color: #ADC1C4 !important;
}

.allscripts-text-green {
    color: rgb(122, 184, 0);
}

.allscripts-text-navy {
    color: #0C203D !important;
}

.allscripts-text-purple {
    color: #2B3E68 !important;
}

.allscripts-text-red {
    color: #E84137 !important;
}

.allscripts-text-orange {
    color: #F3704C !important;
}

.allscripts-text-blue {
    color: #403C7E !important;
}

.allscripts-text-gray {
    color: #666666 !important;
}

.allscripts-text-lightgrayblue {
    color: #EAF1F3 !important;
}

.allscripts-text-lightblue {
    color: #A1D2F1 !important;
}

.allscripts-text-lightgray {
    color: #B3BEB3 !important;
}

.allscripts-text-mediumgrayblue {
    color: #ADC1C4 !important;
}

.allscripts-text-black {
    color: #000000;
}

/*============= MEDIA QUERIES =============*/

/* Devices under 992px (lg) */
@media (max-width: 1000.98px) {
    .caption h1 {
        font-size: 1.75rem;
        letter-spacing: .1rem;
        padding-bottom: 1rem;
    }

    .caption h2 {
        font-size: 1.5rem;
        padding-bottom: 0.8rem;
    }

    .caption h3 {
        font-size: 2.2rem;
        padding-bottom: 1.7rem;
    }

    .caption .btn-lg {
        padding: .7rem 1.2rem;
        font-size: 1rem;
    }

    .clients img {
        /*max-width: 50%;*/
        margin: 0 auto;
    }

    .app-banner-text {
        margin-left: 1rem !important;
    }

    .caption {
        top: 9.5rem !important;
    }

    .app-banner-image {
        margin-right: 0.5rem !important;
        margin-top: 3rem;
    }

    .clients img {
        max-width: 30rem;
    }

    .clients h2, a {
        word-break: break-word;
    }

    .clients a {
        padding: 0.8rem 2.0rem;
        font-size: .8rem;
    }

    span.numberCircle {
        position: absolute !important;
        bottom: 2.3rem !important;
        left: 14.5rem !important;
    }

    span.rating {
        position: absolute !important;
        bottom: 2.3rem !important;
        left: 10.5rem !important;
        margin-left: 2rem !important;
    }

    .fixed-top-2 {
        margin-top: 4.87rem !important;
    }

    .home-banner {
        background-size: 70% !important;
    }

    .home-wrap {
        left: .3rem !important;
    }

    #cep_Announcement {
        margin-top: 6rem !important;
    }

    p.detail-sidemenu-icons {
        font-size: .6rem !important;
    }

    .main-body {
        min-height: 50vh !important;
    }
}

/* Devices under 768px (md) */
@media (max-width: 767.98px) {
    .caption h1 {
        font-size: 1.5rem;
        letter-spacing: .15rem;
        padding-bottom: .5rem;
    }

    .caption h2 {
        font-size: 1.20rem;
        padding-bottom: 1.0rem;
    }

    .caption h3 {
        font-size: 1.7rem;
        padding-bottom: 1.2rem;
    }

    .caption .btn-lg {
        padding: .6rem 1.1rem;
    }

    #features h1 {
        font-size: 2rem;
    }

    .fixed-dark {
        background-image: url('https://via.placeholder.com/982x1000')
    }

    .fixed-light {
        background-image: url('https://via.placeholder.com/1163x1002')
    }

    .footer {
        background: url('https://via.placeholder.com/2000x1440') no-repeat;
    }

    .top-scroll {
        display: none !important;
    }

    .app-banner-text {
        margin-left: 1rem !important;
    }

    .caption {
        top: 3rem !important;
    }

    .app-banner-image {
        margin-right: 0.5rem !important;
        margin-top: 2rem;
    }

    .clients img {
        max-width: 10rem;
    }

    .clients h2 {
        word-break: break-word;
    }

    .clients a {
        padding: 0.8rem 1rem !important;
        font-size: .5rem !important;
    }

    span.numberCircle {
        position: absolute !important;
        bottom: 2.3rem !important;
        right: 4rem !important;
    }

    span.rating {
        position: absolute !important;
        bottom: 2.3rem !important;
        right: -6.3rem !important;
        margin-left: 2rem !important;
    }

    .fixed-top-2 {
        margin-top: 8.87rem !important;
        background-color: #bbdefb !important;
    }

    .home-banner {
        background-size: 70% !important;
    }

    .home-wrap {
        left: .3rem !important;
    }

    #cep_Announcement {
        margin-top: 7rem !important;
    }

    p.detail-sidemenu-icons {
        font-size: .7rem !important;
    }

    .main-body {
        min-height: 50vh !important;
    }
}

/* Devices under 576px (sm) */
@media (max-width: 575.98px) {
    .caption h1 {
        margin-top: 3.125rem !important;
        font-size: 1.5rem;
        letter-spacing: .1rem;
        padding-bottom: .4rem;
    }

    .caption h2 {
        font-size: 1rem;
        padding-bottom: .2rem;
    }

    .caption h3 {
        font-size: .5rem;
        padding-bottom: 1rem;
    }

    .caption .btn-lg {
        padding: .4rem .9rem;
        font-size: .9rem;
    }

    .app-banner-text {
        margin-left: 1rem !important;
    }

    .caption {
        top: 2.5rem !important;
    }

    .app-banner-image {
        margin-right: 0.5rem !important;
        margin-top: 2rem;
    }

    .clients img {
        max-width: 10rem;
    }

    .clients h2 {
        word-break: break-word;
    }

    .clients a {
        padding: 0.8rem 1rem !important;
        font-size: .5rem !important;
    }

    span.numberCircle {
        position: absolute !important;
        bottom: 2.3rem !important;
        right: 4rem !important;
    }

    span.rating {
        position: absolute !important;
        bottom: 2.3rem !important;
        left: 2.3rem !important;
        margin-left: 2rem !important;
    }

    .fixed-top-2 {
        margin-top: 8.87rem !important;
        background-color: #bbdefb !important;
    }

    .home-banner {
        background-size: 70% !important;
    }

    .home-wrap {
        left: .3rem !important;
    }

    #cep_Announcement {
        margin-top: 9rem !important;
    }

    p.detail-sidemenu-icons {
        font-size: 1rem !important;
    }

    .main-body {
        min-height: 50vh !important;
    }
}

/* Devices under 1200px (xl) */
@media (min-width: 1000.98px) {

    .caption h1 {
        font-size: 3rem;
        letter-spacing: .1rem;
        /* text-shadow: .1rem .1rem .8rem black;*/
        padding-bottom: 1rem;
    }

    .caption h2 {
        font-size: 2.2rem;
        padding: 0;
    }

    .app-banner-text {
        margin-left: 2rem !important;
    }

    .caption {
        top: 6.11rem !important;
    }

    .app-banner-image {
        margin-right: 0.5rem !important;
        margin-top: 1rem;
    }

    .clients h2 {
        word-break: break-word;
    }

    .clients a {
        padding: 0.8rem 2.0rem;
        font-size: .8rem;
    }

    span.numberCircle {
        position: absolute !important;
        bottom: 2.3rem !important;
        left: 14.5rem !important;
    }

    span.rating {
        position: absolute !important;
        bottom: 2.3rem !important;
        left: 8.5rem !important;
        margin-left: 2rem !important;
    }

    .fixed-top-2 {
        margin-top: 6.87rem !important;
    }

    .home-banner {
        background-size: 75% !important;
    }

    .home-wrap {
        left: 3rem !important;
        top: 2rem !important;
    }

    #cep_Announcement {
        margin-top: 7rem !important;
    }
    p.detail-sidemenu-icons {
        font-size: .7rem !important;
    }

    .main-body {
        min-height: 75vh !important;
    }
}

@media (min-width: 1000.98px) and (max-width: 1503px) {
    .caption h1 {
        font-size: 3rem;
        letter-spacing: .1rem;
        /* text-shadow: .1rem .1rem .8rem black;*/
        padding-bottom: 1rem;
    }

    .caption h2 {
        font-size: 1.8rem;
        padding: 0;
    }
}
@media (min-width: 1000.98px) and (max-width: 1412px) {
    .caption h1 {
        font-size: 2.3rem;
        letter-spacing: .1rem;
        /* text-shadow: .1rem .1rem .8rem black;*/
        padding-bottom: 1rem;
    }

    .caption h2 {
        font-size: 1.3rem;
        padding: 0;
    }
}
/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/


.CoveoSearchInterface .coveo-search-section {
    margin: auto !important;
    padding: 0 10px;
}

/*.jumbotron*/
.jumbotron-bg {
    padding: 3rem 2rem;
    background-color: #fff;
    /*border-radius: .3rem;
    margin-top:4.5rem;*/
}


/*Secondary menu for logged in user*/
.fixed-top-2 {
    margin-top: 6.87rem;
    background-color: #bbdefb !important;
}

.fixed-top-nav-2 {
    background-color: #403C7E !important;
}
/*rating css*/
.rating {
    float: left;
}

    /* :not(:checked) is a filter, so that browsers that don’t support :checked don’t 
   follow these rules. Every browser that supports :checked also supports :not(), so
   it doesn’t make the test unnecessarily selective */
    .rating:not(:checked) > input {
        position: absolute;
        clip: rect(0,0,0,0);
        color: #f70;
        text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating:not(:checked) > label {
        float: right;
        width: 1em;
        padding: 0 .1em;
        overflow: hidden;
        white-space: nowrap;
        cursor: pointer;
        font-size: 200%;
        line-height: 1.2;
        color: #ddd;
        text-shadow: 1px 1px #bbb, 2px 2px #666, .1em .1em .2em rgba(0,0,0,.5);
    }

        .rating:not(:checked) > label:before {
            content: '★ ';
        }

    .rating > input:checked ~ label {
        color: #f70;
        text-shadow: 1px 1px #c60, 2px 2px #940, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating:not(:checked) > label:hover,
    .rating:not(:checked) > label:hover ~ label {
        color: gold;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > input:checked + label:hover,
    .rating > input:checked + label:hover ~ label,
    .rating > input:checked ~ label:hover,
    .rating > input:checked ~ label:hover ~ label,
    .rating > label:hover ~ input:checked ~ label {
        color: #ea0;
        text-shadow: 1px 1px goldenrod, 2px 2px #B57340, .1em .1em .2em rgba(0,0,0,.5);
    }

    .rating > label:active {
        position: relative;
        top: 2px;
        left: 2px;
    }

/*Star Rating*/
.star-ratings-sprite {
    background: url('../Images/ratings/star-rating-sprite.png') repeat-x;
    font-size: 0;
    height: 21px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 110px;
    margin: 0 auto;
}

.star-ratings-sprite-rating {
    background: url('../Images/ratings/star-rating-sprite.png') repeat-x;
    background-position: 0 100%;
    float: left;
    height: 21px;
    display: block;
}


.avatar-circle {
    width: var(--comments-size);
    height: var(--comments-size);
    background-color: dimgray;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.initials {
    position: relative;
    top: calc(var(--comments-size)*.25); /* 25% of parent */
    font-size: calc(var(--comments-size)*.50); /* 50% of parent */
    line-height: calc(var(--comments-size)*.50); /* 50% of parent */
    color: #fff;
    font-family: 'NunitoSans-Regular', serif !important;
    font-weight: bold;
}


/*Blog */

.be-comment-block {
    margin-bottom: 50px !important;
    border: 1px solid #edeff2;
    border-radius: 2px;
    padding: 50px 70px;
    border: 1px solid #ffffff;
}

.comments-title {
    font-size: 16px;
    color: #505962;
    margin-bottom: 15px;
    font-family: 'NunitoSans-Regular', serif !important;
}

.be-img-comment {
    width: 60px;
    height: 60px;
    float: left;
    margin-bottom: 15px;
}

.be-ava-comment {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.be-comment-content {
    margin-left: 60px;
}

    .be-comment-content span {
        display: inline-block;
        width: 49%;
        margin-bottom: 15px;
    }

.be-comment-name {
    font-size: 25px;
    font-family: 'NunitoSans-Regular', serif !important;
}

.be-comment-content a {
    color: #505962;
}

.be-comment-content span {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
}

.be-comment-time {
    text-align: right;
}

.be-comment-time {
    font-size: 15px;
    color: #505962;
}

.be-comment-text {
    /*font-size: 17px;
          display: block;   
    padding: 10px;
    */
    margin-left: 3px;
    line-height: 18px;
    color: #505962;
}

.form-group.fl_icon .icon {
    position: absolute;
    top: 1px;
    left: 16px;
    width: 48px;
    height: 48px;
    background: #f6f6f7;
    color: #b5b8c2;
    text-align: center;
    line-height: 50px;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-bottomleft: 2px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

/*.form-group .form-input {
    font-size: 13px;
    line-height: 50px;
    font-weight: 400;
    color: #b4b7c1;
    width: 100%;
    height: 50px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #edeff2;
    border-radius: 3px;
}*/

.form-group.fl_icon .form-input {
    padding-left: 70px;
}

.form-group textarea.form-input {
    height: 150px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.fa-clock-o:before {
    content: "\f017";
}



.CoveoSearchInterface, .coveo-magicbox-suggestions {
    font-family: 'NunitoSans-Regular', serif !important;
    color: #505962;
    min-width: 35% !important;
}

.CoveoSearchInterface, .coveo-result-row, .CoveoExcerpt {
    font-family: 'NunitoSans-Regular', serif !important;
}

    .CoveoSearchInterface .coveo-main-section {
        max-width: 1800px !important;
    }

    /*.CoveoSearchInterface .coveo-facet-column {
            float: right !important;
            max-width: 400px;
            margin: 0px !important;
            background-color: var(--allscripts-lightgrayblue);*/
    /*height: 100vh;*/
    /*}*/

    /*   .CoveoSearchInterface .CoveoFacet, .CoveoSearchInterface .coveo-facet-header {
            border-left: none !important;
            border-right: none !important;
            border-top: none !important;
            border-radius: 0px !important;
            background: none !important;
        }

        .CoveoSearchInterface .coveo-facet-header-title-section, .coveo-facet-header-title {
            font-size: 25px !important;
            font-weight: 900 !important;
        }*/

    .CoveoSearchInterface .btn-info {
        color: #fff !important;
    }

    .CoveoSearchInterface .coveo-list-layout.CoveoResult {
        border-bottom: none !important;
        padding: 16px !important;
    }

    .CoveoSearchInterface .coveo-field-caption {
        font-weight: bold;
        font-size: 1.1rem;
    }

    .CoveoSearchInterface .CoveoBreadcrumb {
        border-bottom: none !important;
    }

    .CoveoSearchInterface .coveo-facet-value-label {
        padding: 0px !important;
    }

    .CoveoSearchInterface .search-result-image {
        max-height: 200px !important;
    }

    .CoveoSearchInterface .coveo-facet-value-count {
        display: none;
    }

.CoveoResultLink:hover, p.a.CoveoResultLink:hover, .CoveoResult p.a.CoveoResultLink:hover {
    color: var(--allscripts-orange) !important;
}

h3 > a.CoveoResultLink:hover, h3 > a.CoveoResultLink:visited {
    text-decoration: none;
    /*color: var(--allscripts-blue) !important;*/
    color: #403C7E !important;
}

.CoveoSearchButton:hover .coveo-magnifier-circle-svg {
    fill: #ffffff !important;
}

.coveo-search-button-svg {
    color: #ffffff !important
}

.magic-box .magic-box-input .magic-box-underlay {
    background-color: #ffffff;
    color: #67768b;
}

.app-comment-width {
    width: 100%
}

.CoveoSearchbox .magic-box .magic-box-input > input {
    color: #67768b !important;
}
/*End Rating*/
/*Start SortBy dropdwonlist index page */
.sortby {
    width: 20% !important;
    float: right;
}
/*End SortBy dropdwonlist index page */
.accordion .btn-link {
    color: var(--allscripts-navy)
}

.main-body {
    /*margin-top: 72px; for non-logged in user*/
    /*margin-top: 150px; for non-logged in user*/
    min-height: 100vh;
}

.app-title {
    color: var(--allscripts-navy) !important;
}


.detail-sidemenu-left {
    background-color: #fff;
}

.detail-sidemenu {
    color: #0c203d;
}

.img-fluid {
    max-width: 250px !important;
    max-height: 400px !important;
    height: auto;
    overflow: hidden;
}

.detail-sidemenu .card-header {
    padding: .75rem 1.25rem;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 0;
    border-bottom: none;
    border-radius: 0;
}

.detail-sidemenu .card-body {
    padding: .75rem 1.25rem;
    font-size: 1rem;
}

.detail-sidemenu hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.detail-sidemenu a {
    color: #403C7E !important;
}

.detail-sidemenu .badge {
    background-color: var(--allscripts-lightblue);
    border-radius: 2rem;
    font-size: .75rem;
    color: var(--allscripts-black) !important;
    font-weight: normal !important;
}


    .detail-sidemenu .badge:hover,
    .detail-sidemenu .badge:focus {
        background-color: var(--allscripts-blue);
        border-radius: 2rem;
        font-size: .75rem;
        /*color: black;*/
    }

p.detail-sidemenu-icons {
    color: var(--veradigm-purple);
    margin: 0rem !important;
}
/*
.detail-sidemenu p {
    font-size: .75rem;
    color: #007bff
}
*/
/*Start Index button style*/
.app-btnstyles {
    background: #F3704C;
    border: 1px solid #f2704c;
    line-height: normal;
    border-radius: 20px !important;
    color: #fff !important;
    padding: 0.8rem 2.0rem;
    text-transform: uppercase;
    font-size: .9rem;
    text-decoration: none !important;
    word-break: break-word;
    white-space: normal;
}

    .app-btnstyles:hover, .app-btnstyles:focus {
        background: #fee3dc;
        border: 1px solid #f2704c;
        color: var(--allscripts-orange) !important;
        line-height: normal;
        text-decoration: none !important;
        word-break: break-word;
    }

.app-slider-bg {
    background-color: var(--allscripts-mediumgrayblue) !important;
}

.portfolio-certified-app {
    max-width: 17.9rem;
    color: var(--allscripts-navy);
}

.portfolio-application-app a h3,
.portfolio-application-app a h3:visited {
    color: var(--allscripts-navy) !important;
}

    .portfolio-application-app a h3:hover {
        color: var(--allscripts-blue) !important;
    }

span.d-inline-block.portfolio-certified-app a {
    color: var(--allscripts-navy) !important;
}


    span.d-inline-block.portfolio-certified-app a:hover {
        color: var(--allscripts-blue) !important;
    }

/*.portfolio-certified-app a {
    color: var(--allscripts-text);
}
.portfolio-certified-app a:hover {
    color: var(--allscripts-blue) !important;
}

*/

.app-slider-pl {
    padding-left: 10rem !important;
}

.app-position-LearnMore {
    position: absolute;
    bottom: 10px;
}

.offset .card {
    box-shadow: none !important;
    border-radius: 15px;
    border: 1px solid var(--allscripts-gray);
    color: var(--allscripts-gray);
    height: 500px;
    line-height: 29px;
    font-size: 16px;
    padding-bottom: 48px;
}

/*.owl-stage-outer .owl-stage .owl-item.active {
    width: 400px !important;
    margin:10px;
   
}*/
.home-banner {
    /* Aniruddha Commented to change Banner Image 30/03/2025.
        background-image: url('../Images/banner/1133-vdmp620-webimage-circle.png'); */
    background-image: url('../Images/banner/iStock-1334593916-cropped-high.png');
    height: 100%;
    width: 130%;
    background-repeat: no-repeat;
    background-size: 50%;
    z-index: 100 !important;
}


.app-image {
    min-height: 10rem;
    max-height: 10rem;
}

.app-featured-latest {
    min-height: 8rem;
    max-height: 8rem;
    max-width: 20rem;
    padding-top: 2rem;
}

    .app-featured-latest img {
        min-height: 3.5rem;
    }

.app-banner-image {
    width: 45%;
    height: 45%;
    float: right;
    margin-right: 3rem;
}

.app-banner-text {
    width: 50%;
    float: left;
    margin-left: 3rem;
}

.portfolio-bg {
    background-color: #fff;
}

.random-content {
    display: none;
}

.homepage-app-title {
    text-decoration: none;
    color: var(--allscripts-navy)
}

.fl-socials {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    max-width: 340px;
    margin: 16px auto;
    padding: 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
}


.fl-social-icon {
    display: block;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.list-unstyled a {
    color: #fff;
}

    .list-unstyled a:hover {
        /*color: #E84137;*/
    }

.fl-social-facebook {
    background-image: url(../Images/socialicons/icon-social-facebook.svg);
}

    .fl-social-facebook:hover {
        //background-image: url(../Images/socialicons/icon-social-facebook-hover.svg);
    }

.fl-social-youtube {
    background-image: url(../Images/socialicons/icon-social-youtube.svg);
}

    .fl-social-youtube:hover {
        //background-image: url(../Images/socialicons/icon-social-youtube-hover.svg);
    }

.fl-social-linkedin {
    background-image: url(../Images/socialicons/icon-social-linkedin.svg);
}

    .fl-social-linkedin:hover {
        //background-image: url(../Images/socialicons/icon-social-linkedin-hover.svg);
    }

.fl-social-rss {
    background-image: url(https://1xa98p3p8vqh6i62c1ky9tc8-wpengine.netdna-ssl.com/wp-content/themes/bb-theme-child/assets/images/icon-social-rss.svg);
}

    .fl-social-rss:hover {
        //background-image: url(https://1xa98p3p8vqh6i62c1ky9tc8-wpengine.netdna-ssl.com/wp-content/themes/bb-theme-child/assets/images/icon-social-rss.svg-hover.svg);
    }

.fl-social-twitter {
    background-image: url(../Images/socialicons/icon-social-twitter.svg);
}

    .fl-social-twitter:hover {
        //background-image: url(../Images/socialicons/icon-social-twitter-hover.svg);
    }
/*End Index button style*/

.allscripts-partner-logo {
    height: 100px;
    width: 200px;
    overflow: hidden;
}

.owl-carousel .owl-item img {
    width: auto !important;
    align-items: center !important;
    display: inline !important;
}

#clients-carousel img.partner-img {
    width: 100% !important;
}
/*start FAQ css*/
.accordion .card-title:hover {
    text-decoration: none;
}

.accordion .card-title {
    text-decoration: none;
    color: var(--allscripts-navy);
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}

.accordion .card-header {
    cursor: pointer;
}

    .accordion .card-header:after {
        content: "-";
        float: right;
        font-size: 28px;
        font-weight: bold;
    }

    .accordion .card-header.collapsed:after {
        content: "+";
        font-size: 28px;
        font-weight: bold;
    }
/*end FAQ css*/

/*Comment number circle*/
span.numberCircle {
    color: #ffffff;
    display: inline-block;
    width: 1.5em;
    background-color: dimgray;
    text-align: center;
    -webkit-border-radius: 50%;
    position: absolute;
    bottom: 2.3rem;
    right: -0.5rem;
}

span.rating {
    position: absolute;
    bottom: 2.3rem;
    right: -0.5rem;
    margin-left: 2rem;
}

.home-banner-background {
    background-image: url('../Images/banner/veradigm-background-image-new.png'; height: 70%;
    width: 70%;
    );
}
/*ul#cep_leftSideMenu {
    text-transform: uppercase;
}*/
/*end FAQ css*/

.contact_section {
    background-color: #403C7E !important
}

.clients img {
    max-width: 100% !important;
}
/*.CoveoResultLink lead .CoveoResultLink, a.CoveoResultLink, .CoveoResult a.CoveoResultLink, .CoveoResultLink, a.CoveoResultLink, .CoveoResult a.CoveoResultLink:hover {
    color: #403C7E !important
}*/

.coveo-txt-color, .coveo-txt-color:hover {
    color: #403C7E !important
}
.custom-navbar-bg-color {
    background-color: #403C7E !important;
}