/*fonts*/
@font-face {
    font-family: 'Helveticabold';
    src: url(../fonts/HelveticaNeueMedium.ttf);
}

@font-face {
    font-family: 'Helveticalight';
    src: url(../fonts/HelveticaNeueLight.woff);
}

.box .form-group {
    position: relative;
}

.btn-green {
    background: #74b736;
    color: #fff;
    border: 2px solid #74b736;
}

    .btn-green:hover {
        border: 2px solid #74b736;
        background: transparent;
        color: #74b736;
    }

.ExcelIcon {
    text-align: right;
}

.btn-white {
    border: 2px solid #C6C6C6;
    color: #828282;
    background: #fff;
}

    .btn-white:hover {
        border: 2px solid #74b736;
        background: transparent;
        color: #74b736;
    }
/*header start here*/
body {
    /*font-family: 'Helveticalight';*/
    font-family: Poppins,sans-serif !important;
    color: #121212;
    font-size: 17px;
    line-height: 19px;
}

h4 {
    font-family: Helveticabold;
}

.wrapper {
    width: 100%;
}

.navbar {
    background: white;
    padding: .6rem 4rem;
}

.navbar-text ul {
    padding: 15px;
    margin: 0;
    list-style: none;
}

    .navbar-text ul li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 -2px;
        padding: 0 20px;
    }

nav .dropdown-menu {
    left: -124px;
}

.navbar-light .navbar-brand {
    margin-right: 0;
}

.navbar-nav-loggedin {
    padding: 0;
    margin: 0;
    display: none;
}

.without_login .navbar-text ul li {
    padding: 0 10px;
}

.navbar-text ul li a {
    color: #414042 !important;
    font-size: 18px;
    /*font-family: sans-serif;*/
    font-family: Poppins!important;
    padding: 0 !important;
    position: relative;
    transition: all 0.3s ease-in-out;
    text-decoration: none;
}

nav .dropdown-menu {
    background-color: #ffffff;
}

nav .dropdown-item:focus,
nav .dropdown-item:hover {
    background: transparent;
    color: #74B736 !important;
    /*border-left: 2px solid #74B736 !important;*/
}

/*nav .dropdown-divider {
    border-top: 1px solid #2B2B26;
}*/

/*header {
    border-bottom: 1px solid #20201D;
}*/

.small-container {
    max-width: 870px;
    margin: 0 auto;
}

header .fa-bars {
    color: #FFF;
}

.navbar-toggler {
    border-color: #fff !important;
    padding: 0;
    height: 40px;
    width: 43px;
    line-height: 40px;
}

.navbar-light .navbar-toggler:focus {
    outline: none;
}

.navbar-text .dropdown-menu {
    max-width: 228px;
}

    .navbar-nav-loggedin .dropdown-menu .dropdown-item img,
    .navbar-text .dropdown-menu .dropdown-item img {
        position: absolute;
        left: 18px;
        top: 7px;
    }

    .navbar-text .dropdown-menu .dropdown-item {
        font-size: 16px;
        line-height: 24px;
        position: relative;
    }

        .navbar-nav-loggedin .dropdown-menu .dropdown-item.pd,
        .navbar-text .dropdown-menu .dropdown-item.pd {
            padding: 0.25rem 1rem !important;
            margin: 0 !important;
        }

.navbar-nav-loggedin .dropdown-item {
    color: #fff;
    position: relative;
}

.navbar-nav-loggedin .nav-link {
    color: #fff;
}
/*banner section start*/
.banner {
    position: relative;
    overflow: hidden;
    background: #375bed;
    box-shadow: 0px -3px #ffffff;
}

    .banner .text-holder {
        padding: 36px 0px 20px 75px;
    }

        .banner .text-holder h1 {
            color: #F0F3E3;
            font-size: 56px;
            line-height: 67px;
        }

        .banner .text-holder p {
            color: white !important;
            font-size: 17px;
            line-height: 17px;
        }
.header-text {
    color: white !important;
    font-size: 17px;
    line-height: 17px;
}

@media screen and (max-width: 1400px) {
    .carousel-item {
        padding: 0px 0 0px 40px;
    }
}

@media screen and (min-width: 1500px) {
    .carousel-item p {
        font-size: 23px;
        line-height: 33px;
    }

    .carousel-item {
        padding: 0px 0px 0px 75px;
    }

        .carousel-item h3 {
            font-size: 40px;
        }
}

@media screen and (max-width: 1200px) {
    .carousel-item p {
        font-size: 16px;
        line-height: 16px;
    }

    .carousel-item h3 {
        font-size: 30px;
    }
}

.read-more {
    font-size: 14px;
    line-height: 18px;
    text-decoration: none;
    color: #F0F3E3;
    position: relative;
    padding: 0 0 7px;
    font-family: 'Helveticabold';
}

    .read-more:hover {
        text-decoration: none;
        color: #646560;
    }

    .read-more:after {
        background: #74B736;
        height: 2px;
        width: 47px;
        position: absolute;
        content: "";
        left: 0;
        bottom: 0;
    }

.banner .img-holder {
    position: relative;
    float: right;
    padding: 30px 0;
}

    .banner .img-holder img {
        position: relative;
        z-index: 1;
    }

.banner #myCarousel {
    /*position: absolute;*/
    /*top: 13%;*/
    /*left: 9%;*/
    /*WIDTH: 16EM;*/
}

}

.down-banner-arrow {
    position: relative;
    top: -40px;
    left: 55px;
}
/*module section start*/
.modules .flex-container {
    display: flex;
    height: 12em;
    align-content: center;
    justify-content: center;
    /*flex-wrap: wrap;*/
    text-align: left;
}

.modules .flex-box {
    flex-basis: 165px;
    padding: 25px 40px 20px 25px;
    margin: -1px;
    width: 200px;
    display: inline-block;
    transform: skewX(-10deg);
    background-color: white;
    background-image: linear-gradient(to right, #0552ff14, #ebefff63);
    box-shadow: -4px 0px #ecf2ff;
}

.modules {
    position: relative;
    overflow: hidden;
    background: white;
    /*padding: 35px 0;*/
}

    .modules .flex-box p {
        /*font-family: 'Helveticabold';*/
        font-family: Poppins !important;
        margin: 15px 0 0;
        color: #414042;
        font-size: 15px;
        line-height: 22px;
        text-align: center;
    }

    /*.modules .flex-box:first-child p {
        margin: 26px 0 0;
    }*/

    .modules h2 {
        color: #414042;
        font-size: 36px;
        line-height: 46px;
        margin: 0;
        font-family: 'Helveticabold';
    }

/*.modules .text-holder {
        border-right: 1px solid #2D2D27;
    }*/
.mb-0 {
    font-size: 17px;
}
/*sqas text*/
.sqas-text {
    position: relative;
    ;
    overflow: hidden;
    background: #1b1b1b;
    border-top: 1px solid #2D2D27;
    padding: 40px 0;
}

    .sqas-text .text-holder {
        position: relative;
    }

        .sqas-text .text-holder:after {
            background: #74B736;
            height: 90px;
            width: 2px;
            position: absolute;
            content: "";
            left: 0;
            top: 15px;
        }

        .sqas-text .text-holder p {
            color: #F0F3E3;
            font-size: 24px;
            line-height: 38px;
            margin: 0;
            padding: 0 0 0 25px;
        }
/*message on board section start*/
.message-board {
    position: relative;
    overflow: hidden;
    background: #f5f6ec;
    padding: 50px 0;
}

    .message-board h2 {
        color: #121212;
        margin: 0 0 50px;
        font-size: 36px;
        line-height: 40px;
        font-family: 'Helveticabold';
    }

    .message-board .text-holder {
        background: #fff;
        padding: 35px 80px;
        margin: 0 0 15px;
    }

        .message-board .text-holder h3 {
            font-size: 24px;
            line-height: 32px;
            margin: 0 0 35px;
            font-family: 'Helveticabold';
        }

        .message-board .text-holder p {
            font-size: 18px;
            line-height: 32px;
            margin: 0;
        }

.ring-ul {
    margin: 30px 0;
    list-style: none;
    padding: 0 0 0 20px;
}

    .ring-ul li {
        position: relative;
        padding: 0 0 0 20px;
        font-size: 18px;
        line-height: 32px;
    }

.message-board ol {
    padding: 30px 0 0 35px;
}

    .message-board ol li {
        font-size: 18px;
        line-height: 32px;
    }
/*footer start here*/
footer {
    position: relative;
    overflow: hidden;
    background: #375bed;
}

    footer ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        footer ul li {
            vertical-align: middle;
            width: 100%;
            margin: 0 -2px;
        }

            footer ul li a {
                text-decoration: none;
                color: #EFF2E5;
                font-size: 16px;
                line-height: 30px;
                /*font-family: sans-serif;*/
                font-family: Poppins !important;
            }

                footer ul li a i {
                    width: 25px;
                }

                footer ul li a:hover {
                    color: #6abf4b;
                    text-decoration: none;
                }

                footer ul li a img {
                    margin: 0 10px 0 0;
                }

    footer .col {
        display: block;
        width: 50%;
        float: left;
    }

    footer .last-li {
        text-align: right;
    }

    footer .upper-footer {
        padding: 70px 0 50px;
        width: 100%;
    }

    footer .lower-footer {
        border-top: 1px solid #292927;
        width: 100%;
        padding: 15px 0;
        color: #646560;
    }

        footer .lower-footer p {
            margin: 0;
            font-size: 14px;
            line-height: 38px;
        }

    footer .privacy-link li {
        display: inline-block;
        margin: 0 -2px;
        padding: 0 10px;
        vertical-align: middle;
        width: auto;
        position: relative;
    }

        footer .privacy-link li a {
            color: #646560;
            text-decoration: none;
            font-size: 14px;
            line-height: 38px;
        }

        footer .privacy-link li:after {
            position: absolute;
            content: "";
            top: 8px;
            height: 20px;
            width: 1px;
            background: #646560;
            right: 0;
        }

        footer .privacy-link li:last-child:after {
            display: none;
        }

    footer em {
        color: #b85d2a;
        font-style: normal;
        font-weight: bold;
    }

    footer .last-li.pd-15 {
        width: 106px;
        float: right;
        text-align: left;
    }
/*side navbar*/
.sidenav {
    height: 85%;
    width: 0;
    position: fixed;
    z-index: 1030;
    top: 0;
    /* right: 0; */
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 80px;
    border-radius: 0px 40px 40px 0px;
}

    .sidenav a {
        padding: 8px 25px 8px 32px;
        text-decoration: none;
        font-size: 16px;
        line-height: 38px;
        color: #414042;
        display: block;
        transition: 0.3s;
    }

    .sidenav ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .sidenav ul li {
            display: block;
            vertical-align: middle;
            margin: 0 -2px;
        }

    .sidenav a:hover {
        color: black;
    }

    .sidenav .column {
        float: left;
        width: 62%;
    }


        .sidenav .column:last-child {
            border-left: 1px solid #303030;
        }

    .sidenav .closebtn {
        position: absolute;
        top: 15px;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
/*login page model*/
#login .modal-content {
    background: linear-gradient(135deg, #74b736, #5a8e28);
}

#login .modal-dialog {
    /*margin: 15.75rem auto;*/
}

.modal-title {
    color: #EFF2E5;
}

.modal-dialog .close {
    color: #fff;
}

    .modal-dialog .close:hover {
        color: #fff !important;
    }

#login legend {
    color: #646560;
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    top: 8px;
    left: 111px;
    display: inline-block;
    width: auto;
    background: #242424;
    z-index: 1;
}

#login input {
    /*background: transparent;
    border: 1px solid #62635D;
    color: #EFF2E5;*/
}

.modal-header {
    border-bottom: 1px solid #2D2D27 !important;
}

#login .forgot {
    color: #74B736;
    text-decoration: none;
    right: 10px;
    position: absolute;
    top: 8px;
}

#login .form-group {
    position: relative;
    margin-bottom: 5px;
}

#login form {
    max-width: 300px;
    margin: 0 auto;
}

#login ::-webkit-input-placeholder {
    color: #646560;
}

#login ::-moz-placeholder {
    color: #646560;
}

#login ::-ms-placeholder {
    color: #646560;
}

#login ::placeholder {
    color: #646560;
}

/*fogot password page*/
.forgot-password ::-webkit-input-placeholder {
    color: #828282;
}

.forgot-password ::-moz-placeholder {
    color: #828282;
}

.forgot-password ::-ms-placeholder {
    color: #828282;
}

.forgot-password ::placeholder {
    color: #828282;
}

/*.inner-page {
    background: #f5f6ec;
}*/

.forgot-password {
    position: relative;
    padding: 70px 0 150px;
    text-align: center;
}

    .forgot-password .forget {
        background: #fff;
        max-width: 945px;
        margin: 0 auto;
        padding: 60px 100px 70px;
    }

        .forgot-password .forget form {
            max-width: 360px;
            margin: 0 auto;
            padding: 68px 0 0;
        }

    .forgot-password .form-group {
        position: relative;
        margin: 0 0 25px;
    }

    .forgot-password .form-control {
        height: 56px;
        font-size: 18px;
        line-height: 22px;
        color: #121212;
    }

    .forgot-password select {
        color: #828282 !important;
    }

    .forgot-password button {
        float: right;
        height: 56px;
        line-height: 56px;
        font-size: 14px;
        padding: 0;
        width: 96px;
        font-weight: bold;
    }

    .forgot-password .forget h1 {
        font-size: 48px;
        line-height: 58px;
        color: #121212;
    }

    .forgot-password .forget p {
        font-size: 18px;
        line-height: 38px;
        color: #121212;
    }
/*breadcrumbs*/
.breadcrumbs {
    background: url(../images/mask.jpg);
    background-color: #375bed;
    background-size: cover;
    padding: 20px 0 44px;
    background-repeat: no-repeat;
}

.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
    padding: .75rem 0;
}

.breadcrumbs h1 {
    /*font-family: 'Helveticabold';*/
    font-family: Poppins,sans-serif;
    color: #ffffff;
    font-size: 40px;
    line-height: 58px;
    text-transform: uppercase;
}

.breadcrumb-item a {
    font-size: 14px;
    line-height: 38px;
    color: #a3ff4e;
    text-decoration: none;
}

.breadcrumb-item.active a {
    color: #fff;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "";
    background: url(../images/arrow-right.png);
    width: 3px;
    height: 8px;
    background-repeat: no-repeat;
}
/*download page start*/

.FAQs {
    position: relative;
    overflow: hidden;
    padding: 70px 0 150px;
}

    .FAQs .image-holder {
        padding: 50px 35px;
        background: #fff;
        border-radius: 4px;
    }

        .FAQs .image-holder p {
            color: #121212;
            font-size: 18px;
            line-height: 38px;
        }

    .FAQs .card-body ul,
    .Questionairs .card-body ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .FAQs .card-body ul li,
        .Questionairs .card-body ul li {
            display: block;
            width: 100%;
            margin: 0 -2px;
            vertical-align: middle;
            padding: 10px 0;
        }

            .FAQs .card-body ul li a,
            .Questionairs .card-body ul li a {
                text-decoration: none;
                font-size: 18px;
                line-height: 32px;
                color: #121212;
            }


                .FAQs .card-body ul li a span,
                .Questionairs .card-body ul li a span {
                    margin: 0 10px 0 0;
                }



.downloads {
    position: relative;
    overflow: hidden;
    padding: 70px 0 150px;
}

    .downloads .image-holder {
        padding: 50px 35px;
        background: #fff;
        border-radius: 4px;
    }

        .downloads .image-holder p {
            color: #121212;
            font-size: 18px;
            line-height: 38px;
        }

.aside-lnk {
    position: relative;
    overflow: hidden;
    background: #74b736;
    border-radius: 4px;
}

    .aside-lnk a {
        color: #DBEDCA;
        text-decoration: none;
        display: block;
        padding: 10px 35px;
        font-size: 16px;
        line-height: 38px;
    }

        .aside-lnk a:hover {
            color: #fff;
            background: #69A92E;
        }

    .aside-lnk .nav-link.active, .nav-pills .show > .nav-link {
        background: #69A92E;
        color: #fff;
    }

.downloads .card-title {
    font-size: 24px;
    line-height: 29px;
    font-family: 'Helveticabold';
}
/*Questionair pager start*/
.accordion .card-header:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f106";
    float: left;
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f107";
}

.card-header {
    color: #121212;
    font-size: 24px;
    line-height: 28px;
    background: #f5f7f4;
    margin: 10px 0 0;
    position: relative;
    /*font-family: sans-serif;*/
    font-family: Poppins !important;
    cursor: pointer;
}

.card-title {
    margin: 0 0 0 10px;
}

.Questionairs {
    position: relative;
    overflow: hidden;
}

    .downloads .card-body ul,
    .Questionairs .card-body ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .downloads .card-body ul li,
        .Questionairs .card-body ul li {
            display: block;
            width: 100%;
            margin: 0 -2px;
            vertical-align: middle;
            padding: 10px 0;
        }

            .downloads .card-body ul li a,
            .Questionairs .card-body ul li a {
                text-decoration: none;
                font-size: 18px;
                line-height: 32px;
                color: #121212;
            }

                .downloads .card-body ul li a span,
                .Questionairs .card-body ul li a span {
                    margin: 0 10px 0 0;
                }

    .Questionairs .image-holder {
        padding: 25px 35px;
        background: #fff;
        border-radius: 4px;
        width: 100%;
    }

.card-body {
    background: #f5f7f4;
}

.card {
    border: none;
}
/*introduction page start*/
.introduction {
    position: relative;
    overflow: hidden;
    padding: 40px 0 40px;
}

    .introduction .image-holder {
        padding: 50px 35px;
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
    }

    .introduction .nav-pills .nav-link.active,
    .introduction .nav-pills .show > .nav-link {
        background-color: #EBF7DF;
        color: #5C9625;
        border-left: 2px solid #5C9625;
        border-radius: 0;
    }

    .introduction .nav-pills .nav-link {
        color: #121212;
        font-size: 16px;
        line-height: 38px;
    }

    .introduction .flex-column {
        background: #fff;
        border-radius: 4px;
    }

    .introduction p {
        font-size: 18px;
        color: #121212;
    }

    .introduction h2 {
        font-size: 24px;
        line-height: 32px;
        color: #121212;
        font-weight: bold;
    }

    .introduction ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .introduction ul li {
            position: relative;
            padding: 0 0 0 20px;
            font-size: 18px;
            line-height: 32px;
        }

            .ring-ul li:after,
            .introduction ul li:after {
                position: absolute;
                content: "";
                left: 0;
                top: 10px;
                background: url(../images/Ellipse.png);
                width: 20px;
                height: 10px;
                background-repeat: no-repeat;
            }

    /*.introduction a {
        font-size: 18px;
        line-height: 38px;
    }*/

    .introduction .date {
        font-size: 12px;
        line-height: 32px;
        color: #828282;
    }

    .introduction .read-more {
        font-size: 12px;
        line-height: 16px;
        color: #5C9625;
    }

    .introduction .small-text {
        font-size: 16px;
        line-height: 28px;
        margin: 0;
    }

.flt-right {
    float: right;
}

#v-pills-bodies .card-title {
    font-size: 24px;
    line-height: 29px;
    color: #121212;
    font-family: 'Helveticabold';
}

#v-pills-bodies h3 {
    font-size: 14px;
    line-height: 38px;
    color: #121212;
    font-family: 'Helveticabold';
    font-weight: bold;
}

#v-pills-bodies strong {
    font-size: 14px;
    line-height: 38px;
    color: #121212;
    display: block;
}

#v-pills-bodies span {
    font-size: 14px;
    line-height: 38px;
    color: #bbbcbb;
}

#v-pills-bodies p {
    font-size: 14px;
    line-height: 38px;
    color: #121212;
    margin: 0;
}

#v-pills-Assessed .inline-select li {
    padding: 0;
    margin: 15px 0 0;
    font-size: 14px;
    line-height: 38px;
}

#v-pills-Assessed .col-sm-2 span {
    margin: 15px 0;
    display: block;
    font-size: 14px;
    line-height: 38px;
}

#v-pills-Assessed .blocks {
    background: #F5F7F4;
    overflow: hidden;
    margin: 0 0 15px;
    padding: 25px 25px 0;
}

.pagination li:after {
    display: none;
}

.pagination li a {
    border: none;
    outline: none;
    text-decoration: none;
}

    .pagination li a:hover {
        color: #5C9625;
    }

.pagination li.active a {
    color: #5C9625;
    background-color: #e9ecef;
    outline: none;
    box-shadow: none;
}

#v-pills-Assessed h3 {
    font-size: 24px;
    line-height: 38px;
    font-family: 'Helveticabold';
}

    #v-pills-Assessed h3 span {
        float: right;
    }

#v-pills-Assessed p {
    font-size: 14px;
    line-height: 38px;
}

    #v-pills-Assessed p span {
        font-family: 'Helveticabold';
        margin: 0 30px 0 0;
    }

    #v-pills-Assessed p em {
        font-style: normal;
    }
/*subscribe form*/
.subscribe {
    width: 100%;
    position: relative;
}

    .subscribe input {
        position: relative;
        width: 100%;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        padding: 0 0 0 20px;
        vertical-align: top;
        border: 1px solid #C6C6C6;
    }

    .subscribe .subscribe-btn {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        height: 56px;
        outline: none;
        border: none;
        width: 125px;
        color: #fff;
        background: #74B736;
    }

.introduction .inline-select {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .introduction .inline-select li {
        display: inline-block;
        vertical-align: middle;
        margin: 15px -2px;
        padding: 0 3px;
    }

        .introduction .inline-select li:after {
            display: none;
        }

        .introduction .inline-select li select {
            font-size: 14px;
            line-height: 18px;
            border: none;
        }

.contact-us-inst .col-left {
    float: left;
    width: 60%;
    padding: 35px 25px;
}

.contact-us-inst .col-right {
    float: left;
    width: 40%;
}

.contact-us-inst {
    background: #fff;
    position: relative;
    overflow: hidden;
}

    .contact-us-inst .links {
        padding: 30px 0 0;
    }

.introduction #v-pills-FAQ .accordion h2 {
    margin-top: 25px;
}

.introduction .accordion .card-header:after {
    position: relative;
    top: 4px;
}

.introduction .version {
    float: right;
    color: #5C9625;
    font-size: 18px;
    line-height: 36px;
    font-weight: 600;
}
/*planned assesment page start*/
.Plannedassessments {
    padding: 50px 0;
}

    .Plannedassessments .dataTables_wrapper {
        position: relative;
        overflow: hidden;
        padding: 0 10px;
        margin: 40px 0 0;
        border-top: 1px solid #ddd;
    }

        .Plannedassessments .dataTables_wrapper .row {
            position: relative;
            overflow: hidden;
            width: 100%;
        }

    .Plannedassessments tr {
        height: 40px;
    }

    .Plannedassessments .col-sm-5,
    .Plannedassessments .dataTables_filter,
    .Plannedassessments .dataTables_length,
    .Plannedassessments .dataTables_info {
        display: none;
    }

    .Plannedassessments .text-holder {
        padding: 50px 35px;
        background: #fff;
        border-radius: 4px;
        overflow: hidden;
    }

    .Plannedassessments .style-report-slect ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .Plannedassessments .style-report-slect {
        margin: 10px 0;
    }

        .Plannedassessments .style-report-slect ul li {
            display: inline-block;
            float: left;
            padding: 0 0 0 9px;
            vertical-align: middle;
        }

        .Plannedassessments .style-report-slect p {
            line-height: 36px;
            margin-bottom: 0;
        }

        .Plannedassessments .style-report-slect ul li select {
            border: none;
            margin: 0 0 8px;
        }

            .Plannedassessments .style-report-slect ul li select:focus {
                outline: none;
                box-shadow: none;
            }

    .Plannedassessments .tab-content {
        margin: 40px 0 0;
    }

    .Plannedassessments .col-sm-7 {
        max-width: 100%;
        text-align: center;
        flex: none;
        width: 100%;
    }

    .Plannedassessments .nav-tabs .nav-item.show .nav-link,
    .Plannedassessments .nav-tabs .nav-link.active {
        color: #5C9625;
        background-color: transparent;
        border-bottom: 1px solid #5C9625;
        border-top: none;
        border-left: none;
        border-right: none;
    }

    .Plannedassessments .nav-tabs .nav-link:hover {
        border: none;
    }

    .Plannedassessments .nav-tabs .nav-link {
        color: #121212;
    }

    .Plannedassessments .subscribe {
        max-width: 100%;
    }

.pagination {
    position: relative;
    overflow: hidden;
    justify-content: center;
    margin: 25px 0 0 !important;
}

    .pagination li {
        display: inline-block;
    }

        .pagination li a {
            text-decoration: none;
            color: #121212;
            padding: 0 10px;
            height: 30px;
            display: block;
            text-align: center;
            line-height: 30px;
            font-size: 16px;
            border-radius: 50px;
        }

    .pagination .paginate_button.active a {
        background: #EBF7DF;
        color: #5C9625;
        outline: none;
    }

    .pagination .paginate_button a:focus {
        outline: none;
    }

table.dataTable .thead .sorting_asc:after {
    display: none;
}

table.dataTable.dtr-column > tbody > tr > td.control, table.dataTable.dtr-column > tbody > tr > th.control {
    padding: 0 15px;
}

.pagination .paginate_button.previous,
.pagination .paginate_button.next {
    position: relative;
}

    .pagination .paginate_button.next a:after {
        position: absolute;
        content: ">";
        right: -8px;
        color: #121212;
    }

table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after {
    display: none;
}

.pagination .paginate_button.previous a:after {
    position: absolute;
    content: "<";
    left: -8px;
    color: #121212;
}

.Plannedassessments form .form-group {
    position: relative;
}

.Plannedassessments form {
    max-width: 370px;
    margin: 0 auto;
}

    .Plannedassessments form button {
        float: right;
    }
/*gulf questionair*/
.gulf-questionair ul.topnav {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .gulf-questionair ul.topnav li a {
        line-height: 20px;
        /*font-size: 16px;*/
        font-size: 13px;
        padding: 10px 20px;
        color: #121212;
        display: block;
        text-decoration: none;
        position: relative;
    }

        .gulf-questionair ul.topnav li a:hover {
            color: #5C9625;
        }

.gulf-questionair {
    padding: 70px 0 150px;
}

    .gulf-questionair ul.topnav li.active a {
        color: #74B736;
    }

    .gulf-questionair ul.topnav ul li a {
        padding: 7px 0 7px 20px;
        font-size: 13px;
        font-weight: normal;
        outline: 0;
        position: relative;
    }

    .gulf-questionair ul.topnav span {
        float: left;
        margin: 0 10px 0 0;
        position: absolute;
        left: 0;
        top: 7px;
    }

    .gulf-questionair .holder {
        background: #fff;
        overflow: hidden;
        margin: 0 0 20px;
        padding: 30px 20px;
    }

        .gulf-questionair .holder h1 {
            font-size: 24px;
            line-height: 29px;
            color: #121212;
            font-family: 'Helveticabold';
        }

    .gulf-questionair ul.topnav ul li.active a:last-child {
        position: relative;
    }

        .gulf-questionair ul.topnav ul li.active a:last-child:after {
            position: absolute;
            content: "";
            left: 0;
            top: 11px;
            width: 15px;
            height: 16px;
            background: url(../images/file.png);
            background-repeat: no-repeat;
        }

    .gulf-questionair ul.topnav ul ul {
        padding: 0 0 0 25px;
        list-style: none;
    }

    .gulf-questionair .holder p {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 5px;
    }

.progress {
    background: #EBF7DF;
    height: 10px;
}

.progress-bar {
    background-color: #74B736;
}

.gulf-questionair .holder h2 {
    font-size: 36;
    line-height: 43px;
    color: #121212;
    font-family: 'Helveticabold';
}

.gulf-questionair .holder .Well {
    background: #F5F6EC;
    overflow: hidden;
    border-radius: 4px;
    margin: 0 0 10px;
    padding: 10px;
}

    .gulf-questionair .holder .Well p {
        font-size: 16px;
        line-height: 28px;
        margin: 0;
    }

.alert-danger {
    color: #fff;
    background-color: #EF6060;
    border-color: #f5c6cb;
}

.gulf-questionair ul.topnav ul {
    margin: 0;
    padding: 0 0 0 20px;
    display: none;
    list-style: none;
}

.introduction .field-width {
    max-width: 350px;
    margin: 0 auto;
}

.gulf-questionair .field-width {
    max-width: 450px;
    margin: 0 auto;
}
/*input style for forms*/


.box .form-group {
    position: relative;
    display: flex;
    flex-flow: column-reverse;
    margin: 0 0 25px;
}

.box input:placeholder-shown + label {
    cursor: text;
    max-width: 66.66%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transform-origin: left bottom;
    transform: translate(0, 2.125rem) scale(1.5);
}

.box input::-webkit-input-placeholder {
    color: #828282;
}

.box select:focus::-webkit-input-placeholder,
.box textarea:focus::-webkit-input-placeholder,
.box input:focus::-webkit-input-placeholder {
    opacity: 0;
}

.box input:not(:placeholder-shown) + label,
.box input:focus + label {
    transform: translate(0, 0) scale(1);
    cursor: pointer;
}

.box select,
.box input,
.box textarea {
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
    outline: none;
    border: 1px solid #C6C6C6;
    padding: 10px;
    height: 56px;
}

.box textarea {
    color: #999;
    height: 102px;
}

.box label {
    opacity: 0;
    display: none;
}

.box .checkbox label,
.box .radio label {
    opacity: 1;
    display: inline-block;
    outline: none;
    border: none;
    box-shadow: none;
}

.box input[type="submit"] {
    border-bottom: none;
    cursor: pointer;
    background: #EF5350;
    color: #fff;
    margin-bottom: 0px;
    text-transform: uppercase;
    border: none;
}

.box form .form-group {
    position: relative;
}

    .box form .form-group label {
        opacity: 0;
        position: absolute;
    }

.box select:focus ~ label,
.box input:focus ~ label,
.box textarea:focus ~ label {
    top: -12px;
    left: 10px;
    color: #74B736;
    font-size: 14px;
    display: block;
    background: #fff;
    opacity: 1;
    position: absolute;
}

.box select ~ label {
    top: -12px !important;
    left: 10px !important;
    font-size: 14px;
    background: #fff;
}

.box textarea label {
    top: -12px;
    left: 0px;
    color: #999;
    font-size: 14px;
    font-weight: bold;
}

.box select:focus,
.box input:focus,
.box textarea:focus {
    border: 1px solid #74B736;
    outline: none;
    box-shadow: none;
}

sup {
    color: #FF2727;
}

.side-msg {
    position: absolute;
    top: 15px;
    right: -35px;
    text-decoration: none;
    color: #5C9625;
}

.tooltip {
    display: inline-block;
    opacity: 1;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 255px;
        background-color: #EBF7DF;
        color: #121212;
        text-align: left;
        border-radius: 6px;
        padding: 10px;
        position: absolute;
        z-index: 1;
        right: -100px;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

.tooltiptext strong {
    color: #121212;
    font-size: 14px;
    line-height: 18px;
}

.tooltiptext p {
    color: #121212;
    font-size: 14px !important;
    line-height: 24px !important;
}

.gulf-questionair .holder p {
    font-size: 18px;
    line-height: 22px;
    margin: 0;
    font-family: 'Helveticabold';
}

.gulf-questionair hr {
    margin: 5px 0 25px;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 2px solid #a9a9a9;
    border-radius: .25em;
    width: 16px;
    height: 16px;
    float: left;
    margin-right: .5em;
    top: 4px;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(9deg);
        font-size: 14px;
        opacity: 1;
        color: #74B736;
        left: 2px;
        top: 5px;
    }

    .checkbox label input[type="checkbox"]:checked + .cr,
    .radio label input[type="radio"]:checked + .cr {
        border: 2px solid #74B736;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.form-check {
    padding-left: 0px;
}

.radio label input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(9deg);
    font-size: 8px;
    opacity: 1;
    color: #74B736;
    left: 2px;
    top: 6px;
}

.gulf-questionair .box form .form-group button {
    margin: 25px 0 0;
    float: right;
}

.gulf-questionair #one1 {
    display: none;
}

.gulf-questionair .tab-pane ul {
    padding: 0;
    margin: 30px 0;
    list-style: none;
}

    .gulf-questionair .tab-pane ul li {
        display: block;
        margin: 0 -2px;
        vertical-align: middle;
        width: 100%;
        border-bottom: 1px solid #e6eee2;
        height: 56px;
        overflow: hidden;
        position: relative;
    }

        .gulf-questionair .tab-pane ul li .col {
            display: inline-block;
            width: 50%;
            float: left;
        }

            .gulf-questionair .tab-pane ul li .col h3 {
                font-size: 16px;
                line-height: 38px;
                font-family: 'Helveticabold';
                margin: 0;
                line-height: 56px;
            }

            .gulf-questionair .tab-pane ul li .col p {
                font-size: 16px;
                line-height: 55px;
                margin: 0;
                font-family: 'Helveticalight';
            }

.gulf-questionair label {
    font-size: 16px;
    line-height: 20px;
}

.gulf-questionair .tab-pane ul li .col label {
    line-height: 56px;
}

.gulf-questionair .tab-pane ul li .cr {
    top: 20px;
}

.gulf-questionair .ul-holder {
    padding: 0 65px;
    position: relative;
}

    .gulf-questionair .ul-holder .side-msg {
        position: absolute;
        top: 65px;
        right: 0px;
        border: 2px solid #ebf7df;
        border-radius: 50%;
    }

        .gulf-questionair .ul-holder .side-msg:hover {
            border: 2px solid #74B736;
        }

#comment .modal-title {
    font-size: 24px;
    line-height: 38px;
    color: #121212;
    font-family: 'Helveticabold';
}

#comment .close {
    color: #121212;
}

    #comment .close:hover {
        color: #121212 !important;
    }

#comment .modal-header {
    border-bottom: 1px solid #e6eeef;
}

#comment textarea:focus ~ label {
    top: 29px;
    left: 15px;
    position: absolute;
}

#comment textarea {
    margin-top: 40px;
    height: 137px;
    margin-bottom: 0;
}

#comment label {
    position: relative;
    top: -130px;
    left: 10px;
}

.gulf-questionair .pstyle p {
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 6px;
}

#comment.box {
    position: fixed;
    top: 70px;
}

    #comment.box .modal-body {
        padding: 0 90px;
    }

        #comment.box .modal-body button {
            margin-bottom: 50px;
        }
/*terms and privacy*/
.term-privacy p {
    font-size: 16px;
    line-height: 32px;
}

.term-privacy h2 {
    font-size: 24px;
    line-height: 32px;
    font-family: 'Helveticabold';
}
/*my contact information*/
.contact-information {
    padding: 70px 0 150px;
}

    .contact-information .holder {
        background: #fff;
        overflow: hidden;
        width: 100%;
        text-align: center;
        padding: 50px 0;
    }

    .contact-information .field-width {
        margin: 0 auto;
        max-width: 350px;
    }

    .contact-information .btn-row {
        text-align: right;
        display: inline-block;
        float: right;
    }

    .contact-information h2 {
        font-size: 48px;
        line-height: 58px;
        font-weight: 600;
        margin: 0 0 50px;
    }

    .contact-information.edit {
        position: relative;
        overflow: hidden;
    }

        .contact-information.edit ul {
            padding: 0;
            margin: 0;
            list-style: none;
        }

            .contact-information.edit ul li {
                display: block;
                width: 100%;
                overflow: hidden;
                border-bottom: 1px solid #e6eee2;
                height: 50px;
                text-align: left;
            }

        .contact-information.edit .column {
            float: left;
            width: 50%;
        }

            .contact-information.edit .column h4 {
                font-size: 16px;
                line-height: 56px;
                font-family: 'Helveticabold';
                margin: 0;
            }

        .contact-information.edit .field-width {
            max-width: 420px;
        }

        .contact-information.edit .column p {
            margin: 0;
            font-size: 16px;
            line-height: 56px !important;
        }

    .contact-information .btn-green {
        width: 112px;
    }

    .contact-information .btn-white {
        width: 90px;
        margin: 0 10px 0 0;
    }
/*reports page start*/
.long-arrow-left {
    color: #5C9625 !important;
    font-size: 16px !important;
    line-height: 32px !important;
    text-decoration: none !important;
    margin: 0 0 15px;
    display: block;
}

.style-report-slect {
    border-bottom: 1px solid #ccc;
}

    .style-report-slect .form-group {
        margin-bottom: 0px;
    }

.long-arrow-left img {
    margin: 0 8px 0 0;
}

.introduction.report .blocks {
    background: #F5F7F4;
    overflow: hidden;
    padding: 10px 25px 0;
    margin: 0 0 15px;
}

    .introduction.report .blocks ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .introduction.report .blocks ul li {
            display: block;
            width: 100%;
            margin: 0 -2px;
            vertical-align: middle;
            font-size: 14px;
            line-height: 38px;
        }

            .introduction.report .blocks ul li:after {
                display: none;
            }

            .introduction.report .blocks ul li .left {
                width: 30%;
                float: left;
                font-family: 'Helveticabold';
                font-weight: bold;
            }

            .introduction.report .blocks ul li .right {
                width: 70%;
                float: left;
            }

/*.introduction.report select {
    border: none;
}*/

.introduction.report .field-width select {
    border: 1px solid #ddd;
}

.introduction.report .blocks ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .introduction.report .blocks ul li {
        display: block;
        width: 100%;
        margin: 0 -2px;
        vertical-align: middle;
        font-size: 14px;
        line-height: 38px;
    }

        .introduction.report .blocks ul li:after {
            display: none;
        }

        .introduction.report .blocks ul li .left {
            width: 30%;
            float: left;
            font-family: 'Helveticabold';
            font-weight: bold;
        }

        .introduction.report .blocks ul li .right {
            width: 70%;
            float: left;
        }

.introduction.report .blocks ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .introduction.report .blocks ul li {
        display: block;
        width: 100%;
        margin: 0 -2px;
        vertical-align: middle;
        font-size: 14px;
        line-height: 38px;
    }

        .introduction.report .blocks ul li:after {
            display: none;
        }

        .introduction.report .blocks ul li .left {
            width: 30%;
            float: left;
            font-family: 'Helveticabold';
            font-weight: bold;
        }

        .introduction.report .blocks ul li .right {
            width: 70%;
            float: left;
        }


.introduction.report select:focus {
    outline: none;
    box-shadow: none;
}

.introduction .blocks h3 {
    font-size: 24px;
    line-height: 38px;
    font-family: 'Helveticabold';
}

    .introduction .blocks h3 span {
        float: right;
    }

.introduction .blocks p {
    font-size: 14px;
    line-height: 38px;
}

    .introduction .blocks p span {
        margin: 0 30px 0 0;
        font-family: 'Helveticabold';
    }

    .introduction .blocks p em {
        font-style: normal;
    }

    .introduction .blocks p a {
        color: #5C9625;
        text-decoration: none;
    }

.introduction.report .style-report-slect {
    padding: 50px 0 5px;
}

    .introduction.report .style-report-slect li:after {
        display: none;
    }

    .introduction.report .style-report-slect li {
        float: left;
        width: 50%;
    }

.introduction.report .image-holder h3 {
    font-size: 24px;
    line-height: 29px;
    font-family: 'Helveticabold';
}

.mt-top {
    margin-top: 30px !important;
}

.download-reports {
    font-family: 'Helveticabold';
    display: block;
    margin: 15px 0px 15px 15px;
}

.gj-datepicker-bootstrap [role=right-icon] button {
    position: absolute;
    top: 8px;
    right: 10px;
    border: none;
    width: 30px;
    height: 30px;
    padding: 0;
}

    .btn-outline-secondary:not(:disabled):not(.disabled):active,
    .gj-datepicker-bootstrap [role=right-icon] button:focus {
        background: transparent;
        outline: none;
        box-shadow: none !important;
        border: none;
    }

.table-striped tbody tr:nth-of-type(2n+1) {
    background-color: #F5F7F4;
}

.tabel-row span {
    display: block;
    float: left;
    margin: 0 10px 0 0px;
}

.tabel-row .progress {
    margin: 14px 0;
}

.tabel-row .row {
    padding: 10px 0;
}

    .tabel-row .row:nth-child(odd) {
        background: #F5F7F4;
    }

.set-table-head .col-md-6 {
    font-size: 12px;
    line-height: 38px;
    font-family: 'Helveticabold';
}

.tabel-row .col-md-6 {
    font-size: 14px;
    line-height: 38px;
}
/*company policy page*/
.company-policy .form-check.checkbox {
    width: 30px;
    float: left;
}

.company-policy .row:nth-child(even) {
    background: #F5F7F4;
    overflow: hidden;
}

.company-policy {
    font-size: 14px;
    line-height: 29px;
}

    .company-policy .points {
        float: left;
        width: 70px;
    }

    .company-policy .tooltip .tooltiptext {
        right: -20px;
        top: 38px;
    }

    .company-policy .col-sm-10 .text {
        width: calc(100% - 70px);
        display: inline-block;
    }

    .company-policy .tooltip {
        margin: 0px 0 0;
        position: relative;
        z-index: auto;
    }

td.details-control {
    background: url('../resources/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('../resources/details_close.png') no-repeat center center;
}

/*assement date start here*/
.assesmrnt-date ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.assesmrnt-date input,
.assesmrnt-date select {
    height: 35px;
}

.assesmrnt-date ul li {
    vertical-align: middle;
    margin: 0 -2px;
    width: 100%;
    display: block;
    overflow: hidden;
    font-family: 'Helveticabold';
}

    .assesmrnt-date ul li:first-child {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }

    .assesmrnt-date ul li .col {
        float: left;
        width: 50%;
    }

    .assesmrnt-date ul li .col-left {
        float: left;
        width: 35%;
    }

    .assesmrnt-date ul li .col-right {
        float: left;
        width: 65%;
    }

.assesmrnt-date h4 {
    margin: 0;
    font-size: 16px;
    line-height: 35px;
}

.assesmrnt-date h3 {
    margin: 0;
    font-size: 16px;
    line-height: 50px;
}

.assesmrnt-date .hidden {
    color: #fff;
}

.quality-management .form-group {
    margin: 0;
}

.assesmrnt-date .form-group {
    margin: 0 0 10px;
}

.assesmrnt-date button {
    display: block;
    margin: 0 0 10px;
}

.quality-management td {
    padding: 6px 3px;
}

.quality-management select,
.quality-management input {
    height: 35px;
    padding: 0 0 0 5px;
}

.quality-management button {
    margin-top: 15px;
}

.note {
    color: #EF6060;
    font-size: 14px !important;
    line-height: 22px !important;
    margin: 0 !important;
    font-family: 'Helveticalight' !important;
    font-weight: 600;
}

.error {
    color: #EF6060;
    font-size: 12px !important;
    line-height: 16px !important;
    position: absolute;
    bottom: -15px;
}

.buttons-row {
    position: relative;
    overflow: hidden;
    margin: 10px 0;
    background: #EFFFE9;
}

    .buttons-row ul {
        padding: 0;
        margin: 15px auto !important;
        list-style: none;
        text-align: center;
    }

        .buttons-row ul li {
            display: inline-block !important;
            background: #f7f7f7;
            vertical-align: middle;
            margin: 0 -2px;
            width: auto !important;
            height: 60px;
            text-align: center;
        }

            .buttons-row ul li a {
                text-decoration: none;
                color: #121212;
                padding: 5px 12px;
                display: block;
            }

            .buttons-row ul li span {
                display: block;
            }

            .buttons-row ul li .dropdown .btn {
                background: transparent;
                padding: 0;
                outline: none;
                border: none;
                color: #121212;
            }

            .buttons-row ul li .dropdown {
                padding: 18px 5px;
            }

.company-policy.height {
    height: 600px;
    overflow: scroll;
}

input:placeholder-shown ~ label {
    opacity: 0;
}

.errorForRadiobutton .error {
    bottom: 2px;
    left: 0;
}

.type-operators input {
    height: 35px;
}

.type-operators .form-group {
    margin: 0;
}

.type-operators .div-holder {
    display: block;
    padding: 10px 0;
    overflow: hidden;
}

    .type-operators .div-holder .form-check {
        display: inline-block;
        float: left;
    }

    .type-operators .div-holder .radio:first-child {
        margin: 0 5px 0 0;
    }

    .type-operators .div-holder .radio .cr {
        margin-right: 3px;
    }

.type-operators sup {
    top: 12px;
    left: -3px;
    font-size: 14px;
    position: relative;
}

.type-operators .note {
    margin: 10px 0 0 !important;
    display: block;
}

    .type-operators .note sup {
        top: 0;
        left: 0;
        font-size: 14px;
    }

.type-operators .form-check.checkbox {
    width: auto;
}

.type-operators .col-sm-6 {
    padding: 10px;
}

.type-operators h4 {
    font-size: 16px;
    line-height: 22px;
    margin: 10px 0;
    font-family: 'Helveticabold';
}

.type-operators.errorForRadiobutton .error {
    left: 15px;
}

.pdfAnchor {
    font-size: 24px;
    text-decoration: none !important;
    line-height: 29px;
    color: #121212 !important;
    font-family: 'Helveticabold';
}

    .pdfAnchor span {
        margin: 0 10px 0 0;
    }

.col-md-8.contact-information.edit {
    padding: 0;
}

    .col-md-8.contact-information.edit .holder {
        padding: 10px 20px;
    }

    .col-md-8.contact-information.edit h4 {
        margin-bottom: 0;
        float: left;
        font-family: 'Helveticabold';
    }

    .col-md-8.contact-information.edit ul {
        margin-bottom: 12px;
    }

    .col-md-8.contact-information.edit h3 {
        text-align: left;
        font-family: 'Helveticabold';
    }

    .col-md-8.contact-information.edit .checkbox {
        line-height: 26px;
        position: relative;
    }

        .col-md-8.contact-information.edit .checkbox .cr {
            top: 0px;
            position: absolute;
            left: 0;
        }

        .col-md-8.contact-information.edit .checkbox label {
            padding: 0 0 0 20px;
        }

.text-area-portion {
    background: #EFFFE9;
    padding: 30px 20px;
}

    .text-area-portion p {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        color: #121212;
    }

.modal-backdrop {
    background-color: transparent !important;
}

.text-areaholder textarea {
    height: auto;
}

.buttons-row.comment ul {
    text-align: left;
    padding: 0 0 0 15px;
}

.buttons-row.comment li {
    background: transparent;
    height: auto;
    text-align: left;
}

    .buttons-row.comment li a {
        color: #74b736;
        font-family: 'Helveticabold';
    }

.box .form-group.text-right {
    display: block;
    text-align: right;
}

.view-agreement {
    text-align: left !important;
}

    .view-agreement h3 {
        font-size: 22px;
        line-height: 38px;
    }

    .view-agreement p {
        font-size: 16px !important;
        line-height: 24px !important;
        font-family: 'Helveticalight' !important;
    }

    .view-agreement ol {
        padding: 25px;
        margin: 0;
        overflow: hidden;
        display: block;
    }

    .view-agreement .height {
        margin: 0 0 30px;
    }

    .view-agreement .cr {
        top: 5px !important;
    }

.col-md-8.contact-information.edit li {
    height: auto;
}

.view-agreement .btn-green {
    width: auto;
}

.headingandbuttons .close,
.headingandbuttons .modal-title {
    color: #121212;
}

.margin-bottom-o {
    margin-bottom: 0 !important;
}

.row.btn-for-model a {
    width: 100px;
    float: left;
}

.col-sm-6.sub-btn a:last-child {
    margin: 0 0 0 17px;
}
/*pre-notification-assessment-form*/
.pre-notification-form {
    padding: 50px 35px;
    background: #fff;
    border-radius: 4px;
    overflow: hidden;
}

    .pre-notification-form ul {
        padding: 0;
        margin: 0;
        list-style: none;
        overflow: hidden;
    }

        .pre-notification-form ul li {
            display: block;
            width: 100%;
            vertical-align: middle;
            margin: 0;
            overflow: hidden;
        }

            .pre-notification-form ul li .left-col {
                float: left;
                width: 35%;
            }

            .pre-notification-form ul li .right-col {
                float: left;
                width: 65%;
            }

    .pre-notification-form h3 {
        /*font-family: 'Helveticabold';*/
        font-family: Poppins !important;
        font-size: 32px;
        line-height: 38px;
    }

    .pre-notification-form h4 {
        font-size: 22px;
        /*font-family: 'Helveticabold';*/
        font-family: Poppins !important;
        line-height: 28px;
    }

    .pre-notification-form label {
        /*font-family: 'Helveticabold';*/
        font-family: Poppins !important;
        font-size: 14px;
        line-height: 28px;
    }

.margin-bottom-15 {
    margin-bottom: 15px;
}

.error-div {
    position: relative;
}

    .error-div .error {
        font-size: 24px !important;
        line-height: 38px !important;
        /*font-family: 'Helveticabold';*/
        font-family: Poppins !important;
    }

.mybuttonclass {
    margin-top: 15px;
}

.color-red {
    color: red;
}

.error-heading {
    color: #EF6060;
    font-size: 32px;
    font-weight: 600;
    position: relative;
}


/*media Query*/
@media screen and (min-width: 1500px) {

    .banner .text-holder p {
        font-size: 23px;
        line-height: 33px;
    }

    .text-holder h3 {
        font-size: 40px;
    }
}

@media screen and (min-width: 1300px) {
    .banner #myCarousel {
    }

    .text-holder1 {
        padding: 15px 50px 10px 10px !important;
        margin-right: 1em;
    }

    .navbar-text ul li {
        padding: 0 5px;
    }
}

@media screen and (max-width: 1400px) {

    .banner .text-holder {
        padding: 40px 0 0px 40px;
    }

    .text-holder1 {
        padding: 15px 50px 10px 10px !important;
        margin-right: 1em;
    }
}

@media screen and (max-width: 1300px) {
    .banner .text-holder {
        padding: 0px 0 0px 40px;
    }

    .navbar-text ul li {
        padding: 0 5px;
    }
}

@media screen and (max-width: 1200px) {
    .modules .flex-container {
        height: 12em;
    }

    .modules h2 {
        line-height: 35px;
    }

    .text-holder1 {
        padding: 15px 50px 10px 10px !important;
        margin-right: 1em;
    }

    .header-h3 {
        color: white;
        font-size: 30px;
    }

    .btn-header {
        font-size: 20px !important;
        margin: 0px 5px !important;
        width: 9em !important;
        line-height: 10px !important;
    }

    .btn-green2 {
        font-size: 20px !important;
        margin: 0px 5px !important;
        width: 9em !important;
        line-height: 10px !important;
    }

    .banner .text-holder p {
        font-size: 16px;
        line-height: 16px;
    }
    /*.header-text{
                   display:none;
               }*/


    .without_login .navbar-text ul li {
        padding: 0 26px;
    }

    .banner #myCarousel {
    }
}

@media screen and (max-width: 992px) {
    #comment.box .modal-body {
        padding: 0 10px;
    }

    .banner .text-holder {
        padding: 16px 10px 20px 20px;
    }

    .sidenav .column {
        width: 100% !important;
    }

    .navbar-nav li {
        border-bottom: 1px solid #6abf4b;
    }

    .navbar-nav {
        width: 55%;
    }

    .introduction .image-holder {
        padding: 50px 8px;
    }

    #v-pills-Assessed h3 {
        font-size: 16px;
    }

    #v-pills-Assessed .inline-select li {
        width: 100%;
    }

    #login .modal-dialog {
        margin: 10.75rem auto;
    }

    .without_login .navbar-text ul li {
        /*padding: 0 0 0 3px;*/
    }

    .dp-none {
        display: none !important;
    }

    .modules .text-holder {
        border-right: none;
        text-align: center;
    }

    .modules .flex-container {
        text-align: center;
    }

    .navbar {
        padding: .5rem 1rem;
    }


    .navbar-text ul li {
        display: block;
        width: 100%;
        padding: 10px 1px;
    }

    .navbar-text ul a:hover {
        color: #74B736 !important;
    }

    .navbar-text ul li:last-child {
        display: none;
    }

    .navbar-light .navbar-text {
        width: 100%;
    }

    .sqas-text .text-holder p {
        padding: 0 15px 0 15px;
    }

    .message-board .text-holder {
        padding: 24px 15px;
    }

    .banner .carousel {
        padding: 0 0 15px;
    }

    .down-banner-arrow {
        display: none;
    }

    .banner .text-holder h1 {
        font-size: 42px;
        line-height: 52px;
    }

    .modules .flex-box {
        margin: 10px 0;
    }

    footer .col {
        width: 100%;
    }

    footer .last-li {
        text-align: left;
    }

    footer .pd-15 {
        padding: 0 15px;
    }

    footer .lower-footer {
        padding: 20px 15px;
    }

    .message-board .text-holder .text-right {
        text-align: left !important;
    }

    .message-board .text-holder h3 {
        margin: 0 0 15px;
    }

    .forgot-password .forget {
        padding: 40px 15px;
    }

    .navbar-nav-loggedin {
        display: block;
        position: absolute;
        right: 55px;
        top: 20px;
    }

    footer .last-li.pd-15 {
        width: 100%;
        float: left;
        text-align: left;
    }
}


@media screen and (max-width: 848px) {
    .navbar-nav {
        width: 75%;
    }
}



@media screen and (max-width: 767px) {
    /*#myCarousel {
        top: 16.5% !important;
        left: 11% !important;
        margin: 0 !important;
    }*/
    .SideNavWidth {
        width: 100% !important;
    }

    .modules .flex-container {
        height: 12em;
    }

    .Plannedassessments .style-report-slect ul li {
        width: 100%;
    }

    .subscribe button {
        width: 75px;
    }

    .contact-information .field-width {
        padding: 0 10px;
    }

    .downloads .card-title {
        font-size: 18px;
        line-height: 22px;
        position: relative;
    }

    .FAQs .card-title {
        /*font-family: sans-serif;*/
        font-family: Poppins !important;
        font-size: 18px;
        line-height: 22px;
        font-weight: 600;
        position: relative;
    }

    .accordion .card-header.collapsed::after {
        content: "\f107";
        top: 15px;
        position: absolute;
        left: 5px;
    }

    .introduction.report .blocks ul li .right {
        width: 70%;
        float: left;
        padding: 0 0 0 10px;
    }

    .style-report-slect .form-group {
        margin-bottom: 10px;
    }

    .assesmrnt-date input,
    .assesmrnt-date select {
        width: 90px;
        padding: 0;
    }

    .modules .flex-container {
        flex-direction: column;
        height: auto !important;
    }

    .modules .flex-box {
        width: auto !important;
    }
}

@media screen and (max-width: 580px) {
    /*#myCarousel {
        top: 2.5% !important;
        left: -8% !important;
        margin: 58px !important;
    }*/

    .breadcrumbs {
        /*width: 38em;*/
    }

    .py-5 {
        padding: 1em 1em 1em 2em;
    }

    .introduction {
        padding: 41px 30px 40px 30px;
    }

    .navbar {
        text-align: center;
    }

    .navbar-brand img {
        width: 6em;
        margin-top: -0.3em;
    }


    #myBtn {
        margin-top: -6em;
    }

    .side-msg {
        right: 8px;
    }

    .tooltip .tooltiptext {
        right: -10px;
    }

    .m-board {
        text-align: center;
    }

    .company-policy .tooltip .tooltiptext {
        right: -200px;
        top: 38px;
    }

    .company-policy .col-sm-10 {
        width: 100%;
        display: inline-flex;
    }

    .company-policy .points {
        float: left;
        width: 120px;
    }
}


.product-store td,
.product-store th {
    padding: 0;
}

.product-store select,
.product-store input {
    height: 40px;
}

.product-store th a,
.product-store td a {
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
}

.product-store th select,
.product-store td select,
.product-store th input,
.product-store td input {
    font-size: 14px;
}

.cool-link {
    display: inline-block;
    color: #000;
    text-decoration: none !important;
    width: fit-content;
}

    .cool-link::after {
        content: '';
        display: block;
        width: 0;
        height: 3px;
        background: #6abf4b;
        transition: width .4s;
    }

    .cool-link:hover::after {
        width: 100%;
        //transition: width .3s;
    }

.btn-green1 {
    background: #6abf4b;
    font-family: sans-serif;
    color: #fff;
    font-size: 18px;
    padding: 6px 30px;
    margin-top: 15px;
    display: inline-block;
    text-decoration: none !important;
}

    .btn-green1 :hover {
        color: #0056b3;
        text-decoration: none !important;
        background: #6abf4b;
    }

.btn-header {
    border-radius: 4px;
    background: linear-gradient(to right, #6abf4b, #0055b8) !important;
    border: none;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    padding: 20px;
    width: 200px;
    transition: all 0.4s;
    cursor: pointer;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.4s;
    text-decoration: none !important;
    line-height: 18px;
}

    .btn-header :hover {
        color: #0056b3;
        text-decoration: none !important;
        background: #6abf4b;
        opacity: 1;
        right: 0;
    }

    .btn-header span:after {
        content: '\00bb';
        position: absolute;
        opacity: 0;
        top: 0;
        right: -20px;
        transition: 0.5s;
    }

    .btn-header span {
        padding-right: 25px;
    }



.a_text {
    padding-left: 5px;
    padding-right: 5px;
    transform: skewX(9deg);
}


/*.a_text:hover {
    color: #ffffff !important;
            }*/


section.introduction p {
    font-size: 17px;
}

.introduction .col-lg-6 {
    margin-top: 20px;
}

h3.green {
    font-family: Helveticabold;
    color: rgb(106, 191, 75);
    font-size: 38px;
    font-weight: normal;
}

/*footer p {
    color: #fff;
    font-size: 18px;
}*/

/*footer a {
    text-decoration: none;
    color: #EFF2E5;
    font-size: 16px;
    line-height: 38px;*/
    /*font-family: sans-serif;*/
    /*font-family: Poppins !important;
}*/

    footer a:hover {
        color: #6abf4b;
        text-decoration: none;
    }

footer b {
    font-size: 3em;
    font-family: auto;
}



.py-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
}

.modules .flex-box:hover {
    cursor: pointer;
    border-radius: 3px;
    color: #ffffff !important;
    background-color: white;
    background-image: linear-gradient(to right, #78ff4747, #ebefff63);
}

.box {
    font-size: 17px;
    border: 1px solid #f7f7f7;
    padding: 80px 70px 35px 70px;
    min-height: 370px;
    padding: 20px;
    margin-bottom: 20px;
    LINE-HEIGHT: 19px;
}

    .box h4 {
        font-family: Helveticabold;
        font-size: 23px;
    }


    .box img {
        margin-bottom: 30px;
        width: 4em;
    }



.mt-minus .box img {
    margin-top: 0;
}

.bg-lgray {
    background: #f9f9f9;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}


.btn-green2 {
    border-radius: 4px;
    background: linear-gradient(to right, #6abf4b, #0055b8) !important;
    border: none;
    color: #FFFFFF;
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    padding: 20px;
    width: 200px;
    transition: all 0.4s;
    cursor: pointer;
    margin: 5px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.4s;
    text-decoration: none !important;
    position: absolute;
    bottom: 10%;
    left: 23%;
    line-height: 18px;
}



@media screen and (min-width: 768px) {
    .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
        width: 83px !important;
        height: 30px !important;
        margin-top: -20px !important;
        font-size: 34px !important;
        opacity: 0.3;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
        /*box-shadow: 0 5px 15px rgb(105 191 74 / 65%);*/
    }
}


.carousel-control.left {
    background-image: none !important;
}

.carousel-control.right {
    background-image: none !important;
}

.carousel-inner > .item {
    position: relative;
    display: none;
    -webkit-transition: 0.1s ease-in-out left;
    -moz-transition: 0.1s ease-in-out left;
    -o-transition: 0.1s ease-in-out left;
    transition: 0.1s ease-in-out left;
}

.SideNavWidth {
    width: 40%;
}

.SideNavClose {
    width: 0%;
}


.header-h3 {
    color: white;
    font-size: 30px;
}

.text-holder1 {
    padding: 15px 50px 10px 15px !important;
    margin-right: 1em;
    border-left: 5px solid #69bf4a;
    margin-top: 1em;
}

.FAQs .card-body ul li ul li {
    list-style-type: disc;
    display: list-item;
    margin: 0px 0px 0px 20px;
}

.FAQs .card-body ul li h4 {
    /*font-family: sans-serif;*/
    font-family: Poppins !important;
}

.FAQs .card-body ul li h4 {
    /*font-family: sans-serif;*/
    font-family: Poppins !important;
}

#v-pills-messages1 {
    width: 100%;
}

/*.accordion1 .card-header :after {
    content: "\f067" !important;
}

.accordion1 .card-header.collapsed :after {
    content: "\f068" !important;
}*/


#accordion1 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion1 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

#accordion2 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion2 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

#accordion3 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion3 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

#accordion4 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion4 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

#accordion5 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion5 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

#accordion6 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion6 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

#accordion7 .cust-card:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f068";
    float: left;
     padding-top: 6px;
    padding-right: 20px;
}

#accordion7 .cust-card.collapsed:after {
    /* symbol for "collapsed" panels */
    padding-top: 6px;
    padding-right: 20px;
    content: "\f067";
}

.cust-card {
    color: #121212;
    font-size: 24px;
    line-height: 28px;
    background: #f5f7f4;
    margin: 10px 0 0;
    position: relative;
    /*font-family: sans-serif;*/
    font-family: Poppins !important;
    cursor: pointer;
}

.back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none;
}
.text-theme {
    color: #69bf4a!important;
}

.animate-div {
    animation: experience-float 3s ease-in-out infinite;
}
.read-more {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #69bf4a;
    font-weight: 500;
    transition: all 0.3s ease;
}