/*@import url(https://allfont.net/allfont.css?fonts=agency-fb);*/
/*body{
     background-color: #f1eeee;
}*/

.pre_assessment_applicant_table tbody tr:nth-of-type(even) {
    background-color: #f5f5f5;
}

.pre_assessment_applicant_table tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.pre_assessment_applicant_table .table .tbody tr td {
    border-bottom-color: #eee;
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/century-gothic/Century Gothic.ttf') format('truetype');
}

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

@font-face {
    font-family: 'GOTHICB';
    src: url('../fonts/century-gothic/GOTHICB.TTF') format('truetype');
}

.boarder {
    border-bottom: 1px solid #ddd;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
    position: relative;
    /*z-index: 1;*/
    width: 100%;
    float: left;
    margin-top: 0px;
}


tr.monitoring-tr {
    background-color: #f5f5f5;
    color: #000;
    font-size: 16px;
}

    tr.monitoring-tr .monitoning-name {
        vertical-align: top;
    }

.example-report {
    color: #000;
}

a.example-report:hover {
    color: #000 !important;
}

.ellipsis-pointer {
    cursor: pointer;
}

.background-tr {
    background-color: #f5f5f5;
}

.plan {
    font-size: 2px;
    font-weight: bold;
}

.monitoring td.monitoring-label {
    width: 400px;
    text-align: left !important;
    white-space: nowrap;
}

.monitoring-th {
    background-color: #f5f5f5;
    color: #000;
    font-size: 12px;
    padding: 5px 10px !important;
}

.radio-selected {
    border: 2px solid !important;
}

.hide-radio {
    visibility: hidden;
}

.margin-space {
    margin-left: -29px;
}

.margin-icon {
    margin-left: -20px;
}

.filter-space {
    margin-left: -24px;
    font-size: 18px;
}

.monitoring {
    vertical-align: middle;
    white-space: nowrap;
}

    .monitoring td {
        text-align: center;
    }

.user-info {
    padding-top: 13px;
}

.monitoring [type="checkbox"] + label.label1 {
    height: 10px;
}

.scrollBar {
    overflow: auto;
    width: auto;
    height: 290px;
    display: block;
}

.m-t-28 {
    margin-top: 28px;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-65 {
    margin-top: 65px !important;
}

.chart-text {
    font-size: 14px !important;
}

.division {
    cursor: pointer;
    padding-left: 900px;
    display: contents;
}

.tooltipInfo1 {
    position: relative;
    display: inline-block;
}

    .tooltipInfo1 .tooltipInfotext1 {
        visibility: hidden;
        width: 350px;
        background-color: black;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px 15px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 59%;
        font-weight: normal !important;
        text-transform: none !important;
    }

    .tooltipInfo1:hover .tooltipInfotext1 {
        visibility: visible;
    }

.icon1 {
    margin-top: 0px;
    position: relative;
    margin-left: 0px;
    cursor: pointer;
    font-size: 15px;
    color: #000;
}

.image .btn-group {
    box-shadow: none;
}

.name2 {
    /*float: left;*/
    margin: 0px 5px 0px 7px;
    width: auto !important;
}

.enter {
    line-height: 24px;
    font-size: 10px;
    color: #ef3340 !important;
    text-align: center;
    display: block;
    margin-right: 3px;
}

/*.enter:hover {
        line-height: 24px;
        font-size: 12px;
        color: #0c5898;
        
display: block;
margin-right: 3px;
color: #b2232d !important;
}

*/

.enter2 {
    line-height: 20px;
    font-size: 13px;
    color: #000;
    text-align: center;
    display: block;
    margin-right: 3px;
}

.theme-red .navbar {
    background-color: #00BCD4 !important;
}


.user-info {
    padding-top: 6px;
}
/*.icon1 {
    margin-top: -25px;
    position: absolute;
    margin-left: 6px;
    cursor: pointer;
}*/


.navbar-nav .dropdown-menu {
    margin-top: -4px !important;
    right: -8px;
}

.rightside {
    margin-right: 28px !important;
}

.theme-red .navbar {
    background-color: #00BCD4 !important;
}

img.arrow {
    width: 22px;
    margin-left: 7px;
    margin-top: -7px;
}

.spacing {
    padding: 11px 11px;
}

.boldfont {
    font-weight: bold;
}

.colorclass {
    background: #36a2eb;
}

.setalign {
    margin-top: -10px;
}

.infobox12 {
    height: auto;
    text-align: center;
    padding: 1px 1px;
    display: inline-block;
    margin-bottom: 0px;
    width: 100%;
}

.infobox13 {
    height: auto;
    text-align: center;
    display: inline-block;
    margin-bottom: 0px;
    padding: 10px 12px;
    width: 100%;
    margin-top: 0px;
}

    .infobox13 .content .text {
        font-size: 15px;
    }

.infobox12 .content .text {
    font-size: 18px;
}

.btnwidth {
    width: 30%;
}

.size-up {
    font-size: 25px;
}

.card .paddingclass {
    padding: 10px 12px;
    border-bottom: none;
}

.infoboz23 {
    margin-bottom: 0px;
}

.dashboard .info-box .content {
    padding: 5px 20PX;
    display: block;
}

.overlay {
    z-index: 11;
}

.info-box {
    display: block;
}

.error {
    font-size: 12px;
    display: block;
    margin-top: 5px;
    font-weight: normal;
    color: #F44336;
}

.google-visualization-orgchart-node {
    text-align: center;
    vertical-align: middle;
    font-family: "Roboto",sans-serif !important;
    cursor: default;
    border: none !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    -moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
    background-color: #edf7ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee));
}

@media (max-width:1060px) {
    .chart-text {
        font-size: 12px !important;
    }

    .PerformanceQuadrant {
        margin-bottom: 4px !important;
    }
}

@media (max-width:768px) {
    .card .body {
        font-size: 14px;
        color: #555;
        padding: 5px;
    }

    .chart-text {
        font-size: 10px !important;
    }

    .infobox13 {
        height: auto;
        text-align: center;
        display: inline-block;
        margin-bottom: 0px;
        padding: 10px 0px;
        width: 100%;
        margin-top: 0px;
    }

    .info-box .content {
        padding: 0px;
    }
}

.info-box-1 {
    margin-bottom: 5px;
}

.filter {
    font-size: 17px;
}

.table tbody tr td, .table tbody tr th {
    padding: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    vertical-align: middle;
}

.table thead tr th {
    padding: 10px;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.topdivision {
    margin-top: 7px;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before {
    display: none;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
    font-weight: 600;
    margin-left: 0px;
}

.card .sidespace {
    padding: 10px 10px 0px 15px !important;
}

.sidespace {
    padding: 10px 10px 0px 15px !important;
}

.box-1 {
    background-color: #ddd;
    text-align: center;
    color: #000;
    height: 30px;
    padding: 2px;
    font-size: 20px;
}

.box-2 {
    background-color: #cde7ee;
    text-align: center;
    color: #000;
    height: 800px;
    padding: 2px;
    font-size: 20px;
}

.box-3 {
    background-color: #ddd;
    text-align: center;
    color: #000;
    height: 300px;
    padding: 2px;
    font-size: 20px;
}

.box-4 {
    background-color: #ddd;
    text-align: center;
    color: #000;
    height: 470px;
    padding: 2px;
    font-size: 20px;
}

.box-5 {
    background-color: red;
    text-align: center;
    color: #000;
    height: 470px;
    font-size: 20px;
    padding: 2px;
}

.cardheight {
    min-height: 400px;
}

.navbar-header .bars {
    display: block !important;
    opacity: 1 !important;
}

@media (min-width: 768px) {
    .container-fluid .navbar-brand {
        margin-left: 0px !important;
    }
}

.form-group .form-control {
    border: 1px solid #ddd !important;
    /*padding: 6px 10px !important;*/
}


input {
    padding: 6px 10px !important;
}

.form-group .form-line {
    width: 100%;
    position: relative;
    border-bottom: none !important;
}

    .form-group .form-line:focus {
        outline: -webkit-focus-ring-color auto 5px;
        border: 1px solid #36a2eb;
    }

.bootstrap-select.btn-group:not(.input-group-btn) {
    border: 0px solid #ddd !important;
}

.btn:not(.btn-link):not(.btn-circle) {
    border: 1px solid #ddd !important;
}

.btn:not(.btn-link):not(.btn-circle) {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    /*border: 1px solid #ddd;*/
}

/*.bootstrap-select.btn-group:not(.input-group-btn) {
    border: 1px solid #ddd;
}*/

.bootstrap-select {
    box-shadow: none !important;
    border-bottom: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.dataTables_wrapper select {
    border: 1px solid #ddd !important;
    margin-left: 5px;
}

.dataTables_wrapper input[type="search"] {
    border: 1px solid #ddd !important;
    margin-left: 5px;
}

.btn:not(.btn-link):not(.btn-circle) {
    box-shadow: none !important;
}

.spacedown {
    margin-bottom: 0px !important;
}

.spaceup {
    margin-top: 25px;
    margin-bottom: 20px;
}

textarea {
    resize: none;
    overflow: hidden;
}

.ColorCodeGreen {
    background-color: #32CD32;
    padding: 10px;
}

.ColorCodeYellow {
    background-color: #FFC200;
    padding: 10px;
}

.ColorCodeRed {
    background-color: #FF0000;
    padding: 10px;
}

.ColorCodeBlue {
    background-color: #00BFFF;
    padding: 10px;
}

.TableHeaderColor {
    background-color: #F9F9FB;
}

.variationgreen {
    background-color: #f0fbf0;
}

.variationyellow {
    background-color: #f9f8e2;
}

.variationred {
    background-color: #f9e2e2;
}

.table-icon {
    text-decoration: none !important;
    color: #000;
    font-size: 22px;
    margin: 2px 3px;
    cursor: pointer
}

/*body {
    background-color: #fafafa;
    font-family: 'Open Sans';
}*/

.treetable {
}

    .treetable .fa {
        cursor: pointer;
        padding-right: 5px;
    }

    .treetable .rowhidden {
        display: none;
    }

    .treetable .j-addChild {
        display: none;
    }

    .treetable .selected .j-addChild {
        display: block;
    }

    .treetable .btn-outline {
        background-color: transparent;
    }

    .treetable .form-control {
        width: 82%;
        display: inline-block;
    }

    .treetable .textalign-center {
        text-align: center;
    }

    .treetable .j-expend {
        cursor: pointer;
        width: 35% !important;
        text-align: left !important;
    }

    .treetable .maintitle {
        width: 35% !important;
    }

    .treetable .j-remove {
        padding: 8px;
        cursor: pointer;
        font-size: 16px;
        color: red;
    }

    .treetable .tt-header {
        margin-top: 10px;
    }

    .treetable .class-level-2 .class-level-ul .j-expend {
        position: relative;
        left: 22px;
    }

    .treetable .class-level-3 .class-level-ul .j-expend {
        position: relative;
        left: 44px;
    }

    .treetable .class-level-4 .class-level-ul .j-expend {
        position: relative;
        left: 66px;
    }

    .treetable .class-level-1 {
        border-bottom: dashed 1px #eee;
    }

    .treetable .class-level-ul {
        padding: 0;
        margin-bottom: 2px;
    }

        .treetable .class-level-ul li {
            float: left;
            text-align: center;
            vertical-align: middle;
            padding: 1px 10px;
            min-width: 114px;
            list-style: none;
        }

        .treetable .class-level-ul:after {
            display: block;
            clear: both;
            height: 0;
            content: "\0020";
        }

    .treetable .tt-header div span {
        width: auto;
        line-height: 29px;
        display: inline-block;
        min-width: 114px;
        text-align: left;
        padding-left: 30px;
    }

    .treetable .tt-body {
        border: solid 1px #DDD;
        padding-top: 1px;
        background-color: #FFF;
    }

    .treetable .tt-header div {
        border: solid 1px #DDD;
        border-bottom: none;
        background-color: #FFF;
    }

.tabletextbox {
    width: 96px;
    background-color: #FFF;
}

.projectList1 tr td .tabletextbox {
    width: 100%;
}

.projectList1 tr td .tablelabel {
    width: 100%;
}


.tablelabel {
    width: 96px;
    background-color: #eee !important;
}

.headcenter {
    text-align: center;
}


/******************login************/

@media (max-width:4000px) {
    .login-page::after {
        background-size: cover;
    }
}



.login-page {
    background-color: #F6F6FA;
    padding-left: 0;
    max-width: 100%;
    margin: 0px;
    /*overflow: hidden;*/
    height: 100vh;
    /*background-image: linear-gradient(rgba(46, 46, 56, 0) 0%, rgb(46, 46, 56) 100%), url(https://auth.blockchain.ey.com/static/media/HeroMain.8005a10d.jpg);*/
}

.logo-image {
    width: 100%;
    position: relative;
    height: 100vh;
    /*background-image: url(../../images/xchange-login--page.jpg);*/
    background-image: url('../../images/xchange-login-page-3.jpg');
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
    /*background-position: 34% 48%;*/
    background-repeat: no-repeat;
    background-position: center;
}

    .logo-image::after {
        /*background-color: #000;*/
        height: 100%;
        width: 100%;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

.login-page .logo {
    margin: 20px auto;
    display: table;
    max-width: 75%;
}

.login-page .login-box {
    bottom: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    max-width: 85%;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
    justify-content: center;
}
/*.black-header {
    background: #060606;
    z-index: 99;
    position: relative;
}*/
.logo-image img {
    position: relative;
    width: 250px;
    z-index: 9;
}

.login-box img {
    width: 140px;
    margin: 0px auto 30px;
}

.login-box .card {
    background: transparent;
    box-shadow: none;
}

.login-box .input-group .form-line {
    border: 1px solid #2e2e38;
}

.login-box .form-control {
    background: transparent;
    padding: 18.5px 14px !important;
}

.login-box .input-group {
    margin-bottom: 15px;
}

.login-box h4 {
    font-size: 1.8rem;
    font-family: Roboto,sans-serif;
    font-weight: 300;
    line-height: 1.8rem;
    margin-bottom: 12px;
}

.login-text {
    position: absolute;
    top: 20px;
    left: 100px;
    border-bottom: 2px solid #fff;
}

    .login-text h4 {
        color: #fff;
        font-weight: 500;
        font-size: 28px;
        line-height: 40px;
        width: 100%;
    }

    .login-text p {
        color: #fff;
    }

.login-page .login-box .logo a {
    font-size: 26px;
    display: block;
    text-align: center;
    color: #000;
}

.copyright-logo {
    background-color: transparent;
    color: #fff;
    position: fixed;
    padding: 6px;
    width: 100%;
    bottom: 0px;
    /*text-align: left;*/
    z-index: 99;
}

.logo-text {
    position: relative;
    z-index: 999;
    float: left;
    left: 8%;
    /*font-family: 'Agency FB', arial;*/
    font-size: 35px;
    margin-top: 5%;
    color: #000;
}

.login-box .btn {
    background-color: #000 !important;
    font-weight: bold;
}

    .login-box .btn:hover {
        color: #f91838 !important;
        font-weight: bold;
        /*transition: all ease-out 1s;*/
    }

.login-box .signin_microsoft {
    width: 100%;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    padding: 8px 25px;
    border: 1px solid #ccc;
    background-color: #FFF;
    /* text-transform: uppercase;*/
    transition: all ease-out .5s;
    color: #000 !important;
}

    .login-box .signin_microsoft:hover {
        color: #FFF !important;
        background-color: #000 !important;
    }

    .login-box .signin_microsoft span, .login-box .signin_microsoft svg {
        vertical-align: middle;
    }


.ride-text {
    font-size: 15px;
    color: #999;
    margin-top: 30px;
}

.login-box .form-line input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: black;
    opacity: 1; /* Firefox */
}

.login-box .form-line input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: black;
}

.login-box .form-line input::-ms-input-placeholder { /* Microsoft Edge */
    color: black;
}
/*.login-page::after {
    background-color: #fff;
    background-image: url(../../images/main-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    content: '';
    position: fixed;
    background-attachment: fixed;
    z-index: 9;
    bottom: 0px;
    visibility: visible;
    display: block;
    max-width: 100%;
}*/

.margin-top10 {
    margin-top: 10px;
}



@media (max-width:767px) {
    .login-page .login-box {
        max-width: 320px;
        float: none;
        width: 100%;
        position: relative;
        height: 100%;
        right: 30px;
        margin: 0px auto;
        display: table;
        z-index: 99;
    }

    .copyright-logo {
        background-color: transparent;
        color: #fff;
        position: fixed;
        padding: 15px;
        width: 100%;
        bottom: 0px;
        text-align: center;
        z-index: 99;
    }

    .logo-text {
        position: relative;
        z-index: 999;
        float: left;
        left: 4%;
        /*font-family: 'Agency FB', arial;*/
        font-size: 32px;
        /* margin-top: 0%; */
        margin: 30px auto;
        display: table;
        text-align: left;
        width: 100%;
    }


    body {
        overflow-y: auto !important;
    }

    .login-text h4 {
        width: 95% !important;
    }
}

@media (max-width:767px) {
    .copyright-logo {
        background-color: #000;
        color: #fff;
        position: fixed;
        padding: 15px;
        width: 100%;
        bottom: 0px;
        text-align: center;
        z-index: 99;
        margin: 0px;
    }

    .abc-right {
        float: left !important;
    }
}

@media (max-width: 1024px) and (min-width: 992px) {

    .login-page .login-box {
        margin: 5px auto 0;
    }
}

@media (max-width: 1280px) and (min-width: 1025px) {
    .login-page .login-box {
        margin: 100px auto;
    }
}

@media (max-width: 1300px) and (min-width: 992px) {

    .logo-text {
        width: 90%;
        font-size: 22px;
    }

        .logo-text span {
            font-size: 20px !important;
        }

    .ride-text {
        font-size: 13px;
        color: #999;
        margin-top: 10px;
    }
}

@media (max-width: 992px) and (min-width: 640px) {
    /*.login-page {
        margin: 0% !important;
    }*/
}

@media (max-width: 640px) and (min-width: 320px) {
    /*.login-page {
        margin: 0px !important;
    }*/
}

@media (max-width: 992px) and (min-width: 768px) {

    .login-text {
        left: 30px;
    }

    .logo-text {
        width: 90%;
        font-size: 22px;
    }

        .logo-text span {
            font-size: 20px !important;
        }

    .ride-text {
        font-size: 13px;
        color: #999;
        margin-top: 30px;
    }

    .login-page .login-box {
        margin-top: 200px;
    }
}

@media (max-width:767px) {
    .login-page .login-box {
        max-width: 100%;
        float: none;
        width: 100%;
        position: relative;
        height: 100%;
        margin: 0 auto;
        right: 0px;
        display: table;
    }

    .login-box .card {
        padding: 15px 0px;
        box-shadow: none;
    }

    .copyright-logo {
        font-size: 10px;
    }

    .logo-text {
        position: relative;
        z-index: 999;
        float: left;
        left: 1%;
        font-family: 'Agency FB', arial;
        font-size: 32px;
        margin-top: 0%;
        display: none;
    }

    .login-page::after {
        background-color: #fff;
        /* margin: 1% 1%; */
        /* overflow: hidden; */
        background-image: url(../../images/login-bg.png);
        background-repeat: no-repeat;
        background-position: center bottom;
        width: 100%;
        height: 150px;
        background-size: contain;
        background-repeat: no-repeat;
        content: '';
        position: static;
        background-attachment: unset;
        z-index: -1;
        bottom: 0px;
        visibility: visible;
        display: block;
        max-width: initial;
        display: none;
    }
}

/*************login end***************/

.bg-pink {
    background-color: #133a6e !important;
    color: #fff;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 0px 0px;
    font-size: 18px;
    line-height: 20px;
}

.theme-cyan .sidebar .menu .list li.active > :first-child i, .theme-cyan .sidebar .menu .list li.active > :first-child span {
    color: #be0000 !important;
}

.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #000 !important;
    /*color: #f91838 !important;*/
}

    .btn-primary:hover {
        background-color: #000 !important;
        color: #f91838 !important;
        /*transition: all ease-out 1s;*/
    }
/*.info-box-design {
    box-shadow:none;
    height: 80px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}*/
.theme-cyan .navbar {
    background-color: #e1e1e1;
    z-index: 999;
    position: fixed;
    width: 100%;
    top: 0px;
    height: 60px;
    border-bottom: 1px solid #bbb;
}

ul.nav.navbar-nav.navbar-right {
    margin-top: 0px;
}

.paddingclass2 {
    height: 230px;
    padding: 10px;
}

.text-welcome {
    font-weight: bold;
    font-size: 40px;
    text-align: center;
}

.importFileId {
    padding-bottom: 5px;
}



@media (max-width:767px) {
    .login-page .login-box .logo a {
        color: #000;
    }

    .login-box .card .body {
        padding: 15px;
    }

    .logo-image {
        background-image: none;
        height: auto;
        background-color: #333;
    }

    .login-text {
        display: none;
    }
}

@media (max-width:992px) {
    .logo-image {
        background-position: 40% 50%;
    }
}

@media (min-width:320px) and (max-width:640px) {
    /*.login-page {
        margin: 34% 1%;
    }*/

    .treetable .tt-header div span {
        min-width: 4px;
    }
}

@media (min-width:640px) and (max-width:992px) {
    /*.login-page {
        margin: 25% 5%;
    }*/

    .treetable .tt-header div span {
        min-width: 20%;
    }
}

@media (min-width:992px) and (max-width:1300px) {
    /*.login-page {
        margin: 12% 2%;
    }*/
}

@media (max-width:768px) {
    /*.icon1 {
        margin-top: -28px;
        margin-left: 9px;
    }*/

    .navbar-nav .dropdown-menu {
        margin-top: 13px !important;
        right: -65px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .treetable .tt-header div span {
        min-width: 25%;
    }

    /*.icon1 {
        margin-top: -13px !important;
        margin-left: 9px;
    }*/

    .navbar-nav .dropdown-menu {
        margin-top: 29px !important;
        right: -40px !important;
    }
}
/*@media (min-width:768px) and (max-width:1366px) {
    .login-box {
       margin: 40% 11% 32% 0%;
    }
}*/

/*@media (min-width:1024px) and (max-width:1366px) {
    .login-box {
       margin: 12% 8%;
    }
}*/
.bootstrap-select.btn-group .dropdown-menu li.active small {
    background-color: transparent;
    color: #777 !important;
}

.bs-searchbox .form-control {
    width: 90% !important;
}

.bootstrap-select.btn-group .dropdown-menu {
    z-index: 9 !important;
    width: 100%;
}

#exampleTable_wrapper #exampleTable_info {
    font-weight: bold;
    font-size: 16px;
}
/*Jahanvi*/
.mainhome {
    width: 100%;
    height: auto;
}

.heading {
    font-weight: bold;
    padding: 15px 0 15px 10px;
    font-size: 30px;
    background-color: #bbb9b1;
    color: #6e7072;
}

.swNew {
    margin-left: 5px;
}

.users {
    margin-top: 13px;
}

.browse {
    margin: 20px 0 0 8px;
}

.browseText {
    float: left;
    width: 80%;
    padding: 9px 15px 9px 15px;
    border: 1px #000;
    background-color: #ddd;
    color: white;
}

.browseButton {
    max-width: 18%;
    margin-left: 5px;
    font-size: 15px;
    text-align: center;
    font-weight: bold;
    padding: 9px 15px 9px 15px;
    color: #6e7072;
    background-color: #bbb9b1;
}

.upload {
    margin-left: 17px;
    font-size: 15px;
    font-weight: bold;
    padding: 9px 20px 9px 20px;
    background-color: #bbb9b1;
    color: #e31837;
}

.or {
    text-align: center;
    font-size: 20px;
    color: black;
    margin-top: 10px;
    margin-bottom: 10px;
}

.createNew {
    float: left;
    font-size: 14px;
}

#createnewtable {
    border-collapse: collapse;
    width: 100%;
    height: auto;
}

    #createnewtable td, #createnewtable th {
        border: 1px solid #ddd;
        padding: 5px;
    }

    #createnewtable tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #createnewtable tr:hover {
        background-color: #ddd;
    }

    #createnewtable th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        color: #6e7072;
        background-color: #bbb9b1;
    }

    #createnewtable .srno {
        font-weight: bold;
        padding-left: 5px;
    }

    #createnewtable .tabletext {
        padding: 5px;
        width: 100%;
    }

.swMain .stepContainer div.content {
    width: 100%;
    height: auto;
}

.swMain {
    width: 100%;
}

#mastertable {
    text-align: center;
    border-collapse: collapse;
    width: 80%;
    height: auto;
}

    #mastertable td, #mastertable th {
        border: 1px solid #ddd;
        padding: 5px;
    }

    #mastertable tr:nth-child(even) {
        background-color: #f2f2f2;
    }

    #mastertable tr:hover {
        background-color: #ddd;
    }

    #mastertable th {
        padding-top: 12px;
        padding-bottom: 12px;
        text-align: center;
        color: #6e7072;
        background-color: #bbb9b1;
    }

    #mastertable .srno {
        font-weight: bold;
        padding-left: 5px;
    }

    #mastertable .tabletext {
        padding: 5px;
        width: 100%;
    }



/*inbuilt for dropdown*/
.tab {
    font-weight: bold;
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    .tab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
        font-size: 15px;
    }

        .tab button:hover {
            background-color: #e31837;
            color: white;
        }

        .tab button.active {
            background-color: #e31837;
            color: white;
        }

.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.topright {
    float: right;
    cursor: pointer;
    font-size: 15px;
}

    .topright:hover {
        color: red;
    }
/*inbuilt over*/
.addtop {
    margin-bottom: 20px;
}

.wizardmenu {
    padding: 10px 0px;
    border-radius: 0px;
}

    .wizardmenu .user-info {
        padding-top: 7px;
    }

/*Jahanvi_over*/

.dashboard .info-box-3 {
    height: auto;
    margin-bottom: 0px;
    box-shadow: none;
    border-bottom: 1px solid #fff !important;
}

.dashboard .info-box {
    box-shadow: none;
    height: 80px;
    display: block;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #ddd;
}

.dashboard .infobox12 {
    box-shadow: none;
    height: 80px;
    display: block;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px !important;
    border: none !important;
}

.dashboard .info-box {
    height: auto;
    /*background: #09B84F !important;*/
}

.dashboard .green-box {
    background: #7c9263 !important;
}

.info-box .content .text {
    font-size: 18px;
    margin-top: 0px;
    color: #555;
}

.dashboard .info-box-3 .content {
    display: inline-block;
    padding: 10px 16px;
}

    .dashboard .info-box-3 .content .text {
        font-size: 18px;
        margin-top: 0px;
        color: #555;
    }

.block-header h1 {
    background-color: #fff;
    font-size: 20px;
    color: #4e4c4c;
    padding: 15px;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 0px;
    border-bottom: 1px solid #ddd;
}

.card2 {
    box-shadow: none;
}

.margin-b-0 {
    margin-bottom: 0px;
    /*box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);*/
}

/*.dashboard .card{
    box-shadow:none;
}*/
.headcount .content .text {
    margin-top: 0px !important;
    text-align: center !important;
}

.headcount {
    text-align: center !important;
    display: block;
}


.dashboard .info-box .content .number1::after {
    content: '';
    position: absolute;
    width: 21px;
    height: 28px;
    right: 11px;
    background-image: url('../../images/green-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 8px;
}

.dashboard .info-box .content .number2::after {
    content: '';
    position: absolute;
    width: 21px;
    height: 28px;
    right: 11px;
    background-image: url('../../images/down-arrow.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 11px;
}

.dashboard .info-box .content .number3::after {
    content: '';
    position: absolute;
    width: 21px;
    height: 28px;
    right: 11px;
    background-image: url('../../images/star.png');
    background-size: contain;
    background-repeat: no-repeat;
    top: 5px;
}

.padding5 {
    padding: 5px;
    z-index: 99;
}

.centertext {
    display: block;
    text-align: center;
}

.margin-btm-0 {
    margin-bottom: 0px;
    box-shadow: none;
    width: 70%;
}

.info-box .border-left5 {
    border-right: 5px solid #fff;
}

.yellowcircle {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFC107;
    display: inline-flex;
    margin-top: 8px;
}

.theme-cyan .bars {
    color: #051f43;
}

.red {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: red;
    display: flex;
    margin-top: 7px;
    margin-left: 35%;
}

.green {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: green;
    display: flex;
    margin-top: 7px;
    margin-left: 35%;
}

.yellow {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFC107;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.darkyellow {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #EFC952;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.amber {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #FFBF00;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.blue {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0000FF;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.gray {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #b5a9a9;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.darkred {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: darkred;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.forestgreen {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: forestgreen;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.crimson {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: crimson;
    display: inline-flex;
    margin-top: 7px;
    margin-left: 35%;
}

.evidence-requested {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #00A2E8;
    display: inline-flex;
    margin-top: 7px;
}

.evidence-uploaded {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #818049;
    display: inline-flex;
    margin-top: 7px;
}

.evidence-insufficient {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #ED1C24;
    display: inline-flex;
    margin-top: 7px;
}

.evidence-clarification {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #EFE4B0;
    display: inline-flex;
    margin-top: 7px;
}

.evidence-accepted {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #22B14C;
    display: inline-flex;
    margin-top: 7px;
}

.evidence-unassigned {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #C3C3C3;
    display: inline-flex;
    margin-top: 7px;
}

.amcharts-chart-div a {
    opacity: 0 !important;
}

.class1 {
    border: 1px solid #ddd;
    margin: 20px 0px;
    padding: 7px;
}

.font18 {
    font-size: 18px !important;
}

.headingscore {
    display: block;
    text-align: left;
}

.yearlabel {
    width: 100%;
    font-size: 23px;
    text-align: center;
    display: block;
    color: #fff;
    background-color: #be0000;
    padding: 5px;
}

.dashboard .btn:not(.btn-link):not(.btn-circle) span {
    position: relative;
    top: 0px;
    margin-left: 3px;
}

.dashboard .form-group {
    margin-bottom: 0px;
    /*margin-top: 7px;*/
}

.marign5 {
    margin: 5px 0px;
}

/*map*/

#chartdiv {
    width: 100%;
    height: 500px;
}

.map-marker {
    /* adjusting for the marker dimensions
    so that it is centered on coordinates */
    margin-left: -8px;
    margin-top: -8px;
}

    .map-marker.map-clickable {
        cursor: pointer;
    }

.amcharts-chart-div {
    height: 500px !important;
}

.pulse {
    width: 10px;
    height: 10px;
    border: 5px solid #f7f14c;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background-color: #716f42;
    z-index: 10;
    position: absolute;
}

.map-marker .dot {
    border: 10px solid #fff601;
    background: transparent;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    height: 50px;
    width: 50px;
    -webkit-animation: pulse 3s ease-out;
    -moz-animation: pulse 3s ease-out;
    animation: pulse 3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    top: -20px;
    left: -20px;
    z-index: 1;
    opacity: 0;
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -moz-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -moz-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -moz-transform: scale(1);
        opacity: 0.0;
    }
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        opacity: 0.0;
    }

    25% {
        -webkit-transform: scale(0);
        opacity: 0.1;
    }

    50% {
        -webkit-transform: scale(0.1);
        opacity: 0.3;
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: 0.5;
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 0.0;
    }
}


.taka {
    font-size: 16px;
}

.font20 {
    font-size: 20px;
    color: #133a6e;
}
/******************Reset Password************/
/*#resetpassword {
    background-color: #fff;
    padding-left: 0;
    max-width: 370px;
    margin: 8% 0%;
    overflow-x: hidden;
    background-image: url('../../images/login-bg.jpg');
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:8% auto;
    float:none!important;
    width: 100%;
}*/
/*#resetpassword .login-box{
    margin:0 auto;
}
#resetpassword .login-box h1{
    color:#103438;
    margin-bottom:40px;
    text-align:center;
}

    .login-page .login-box .logo a {
        font-size: 26px;
        display: block;
        /* width: 100%; 
        text-align: center;
        color: #000;
    }*/

.bg-light-green {
    background-color: #7c9263 !important;
    color: #fff;
}

.bg-orange {
    background-color: #b69315 !important;
    color: #fff;
}

.bg-cyan {
    background-color: #7253a1 !important;
}

.bg-lightpink2 {
    background-color: #b55475 !important;
}

    .bg-lightpink2 .text {
        color: #fff !important;
    }

.dashboard .card .bg-cyan, .dashboard .card .bg-lightpink2, .dashboard .card .bg-light-green, .dashboard .card .bg-lime, .dashboard .card .bg-yellow, .dashboard .card .bg-amber, .dashboard .card .bg-orange, .dashboard .card .bg-deep-orange, .dashboard .card .bg-brown, .dashboard .card .bg-grey, .dashboard .card .bg-blue-grey, .dashboard .card .bg-black {
    border-bottom: 1px solid #fff !important;
    color: #fff !important;
    border-left: 1px solid #fff;
    z-index: 10;
}

.navbar-brand > img {
    display: block;
    width: 150px;
}

.navbar-header {
    padding: 7px 0px;
}

.goal h4 {
    color: #fff;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-70 {
    padding-left: 70px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-70 {
    padding-right: 70px !important;
}

/*.border-greeen {
    border: 1px solid #8bc34a;
    padding: 5px;
    min-height: 155px;
}

.border-orange {
    border: 1px solid #ff9800;
    padding: 5px;
    min-height: 155px;
}

.border-cyan {
    border: 1px solid #00bcd4;
    padding: 5px;
    min-height: 155px;
}

.border-lightpink2 {
    border: 1px solid #ea7ca2;
    padding: 5px;
    min-height: 155px;
}*/

.m-t-0 {
    margin-top: 0px;
}

.renk {
    padding: 10px;
    background: #fff;
    margin: 10px !important;
    color: #000;
    text-align: center;
    font-size: 17px;
}

.rating {
    list-style-type: none;
    display: contents;
}

    .rating li {
        float: left;
        margin: 0;
        /*border-right: 1px solid #ddd;*/
        padding: 11px 20px;
        position: relative;
        /*border: 1px solid #03a9f4;*/
    }

.text2 {
    font-size: 14px;
    color: #a5a1a1;
    /*border-bottom: 1px solid #03a9f4;*/
}

.text3 {
    font-size: 14px;
    color: black;
    /*border-bottom: 1px solid #03a9f4;*/
    text-transform: uppercase;
}


.box-head {
    border: 1px solid #eee;
    padding: 11px 20px;
    background-color: white;
    color: black;
}

.number {
    font-size: 18px !important;
    color: #333;
}

.number-text {
    font-size: 18px !important;
    color: black;
}

.rating li:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: #ddd;
    top: 12px;
    right: 0px;
}

.rating li.last:after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: transparent;
    top: 12px;
    right: 0px;
}

.rating li:last-child::after {
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 50px;
    background-color: transparent;
    top: 12px;
    right: 0px;
}
/***************************/

.gauge {
    position: relative;
    width: 300px;
    height: 170px;
    top: 0px;
    left: 0%;
    margin: 0 auto;
    border-radius: 100%;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -webkit-transform: rotate(0deg);
}

.meter {
    margin: 0;
    padding: 0;
}

    .meter > li {
        width: 150px;
        height: 150px;
        list-style-type: none;
        position: absolute;
        border-top-left-radius: 250px;
        border-top-right-radius: 0px;
        transform-origin: 100% 100%;
        ;
        -webkit-transform-origin: 100% 100%;
        ;
        -ms-transform-origin: 100% 100%;
        ;
        transition-property: -webkit-transform;
        pointer-events: none;
    }

    .meter .low {
        transform: rotate(0deg); /* W3C */
        -webkit-transform: rotate(0deg); /* Safari & Chrome */
        -moz-transform: rotate(0deg); /* Firefox */
        -ms-transform: rotate(0deg); /* Internet Explorer */
        -o-transform: rotate(0deg); /* Opera */
        z-index: 8;
        background-color: #FA0E1C;
    }

    .meter .normal {
        transform: rotate(50deg); /* W3C */
        -webkit-transform: rotate(50deg); /* Safari & Chrome */
        -moz-transform: rotate(50deg); /* Firefox */
        -ms-transform: rotate(50deg); /* Internet Explorer */
        -o-transform: rotate(50deg); /* Opera */
        z-index: 7;
        background-color: #FEE62A;
    }

    .meter .high {
        transform: rotate(90deg); /* W3C */
        -webkit-transform: rotate(90deg); /* Safari & Chrome */
        -moz-transform: rotate(90deg); /* Firefox */
        -ms-transform: rotate(90deg); /* Internet Explorer */
        -o-transform: rotate(90deg); /* Opera */
        z-index: 6;
        background-color: #09B84F;
    }


.dial,
.dial .inner {
    width: 282px;
    height: 282px;
    position: relative;
    top: 10px;
    left: 5px;
    border-radius: 100%;
    border-color: purple;
    z-index: 10;
    transition-property: -webkit-transform;
    transition-duration: 1s;
    transition-timing-function: ease-in-out;
    transform: rotate(0deg); /* W3C */
    -webkit-transform: rotate(0deg); /* Safari & Chrome */
    -moz-transform: rotate(0deg); /* Firefox */
    -ms-transform: rotate(0deg); /* Internet Explorer */
    -o-transform: rotate(0deg); /* Opera */
}

    .dial .arrow {
        width: 0;
        height: 0;
        position: absolute;
        top: 129px;
        left: 24px;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: 32px solid #09B84F;
        -webkit-transform: rotate(-88deg); /* Safari & Chrome */
        -moz-transform: rotate(-88deg); /* Firefox */
        -ms-transform: rotate(-88deg); /* Internet Explorer */
        -o-transform: rotate(-88deg); /* Opera */
    }

.gauge .value {
    font-family: 'Josefin Slab', serif;
    font-size: 35px;
    color: #09B84F;
    position: absolute;
    top: 97px;
    left: 40%;
    z-index: 11;
}

.dial {
    background-color: #fff;
    z-index: 9;
}

/*Scorecard accordition*/
.padding-das {
    padding-left: 6px;
    padding-top: 10px;
}

.panel-group .panel-primary .panel-title {
    background-color: #e4e4e4;
}

.panel-primary > .panel-heading {
    color: #000;
    background-color: #e4e4e4;
    border-color: #e4e4e4;
}

.panel-group .panel-primary {
    border: 1px solid #e4e4e4;
}

.panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #686b6d;
}

[type="checkbox"] + label {
    padding-left: 26px;
    height: 25px;
    line-height: 21px;
    font-size: 14px;
    font-weight: normal;
}

    [type="checkbox"] + label.label1 {
        height: 40px;
    }

.panel-title > a, .panel-title > a:active {
    display: block;
    padding: 15px;
    color: #555;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
}

.panel-heading .panel-title a.collapsed:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    float: right;
    transition: all 0.5s;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    font-size: 20px;
    font-weight: bold;
}

.panel-heading .panel-title a:after {
    font-family: 'Material Icons';
    content: "\e5cc";
    float: right;
    z-index: 999;
    font-size: 20px;
    font-weight: bold;
}

.manage-table h4 span {
    font-size: 11px;
    display: block;
    width: 70px;
    line-height: 18px;
}

.nodata {
    color: #1f91f3;
    font-size: 31px;
}

.manage-table table thead {
    background-color: #d0d0d0;
}

.manage-table label {
    font-weight: normal;
}

.fontbold {
    font-weight: bold !important;
    font-size: 18px !important;
    margin: 10px 0px 0px;
}

.fontbold2 {
    font-weight: bold !important;
    font-size: 16px !important;
    margin: 10px 0px 0px;
}

.bold {
}

.viewtable .fontbold {
    margin: 0px 0px 0px;
}

.progress {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    border-radius: 7px;
    height: 22px;
    margin: 0px;
}

.form-group .redborder {
    border-color: red !important;
    border: 1px solid red !important;
}

.form-control .redborder {
    border-color: red !important;
    border: 1px solid red !important;
}

.redborder {
    border-color: red !important;
    border: 1px solid red !important;
}

.borderred {
    border-color: red !important;
}

.form-group .reddropdownborder {
    border: 1px solid red !important;
}


.progress .progress-bar {
    line-height: 23px;
    background-color: #4a902a;
}

.progress .progress-bar-success {
    background-color: #006400;
}

.progress .progress-bar-info {
    background-color: #ffc200;
}

.progress .progress-bar-warning {
    background-color: #FFF10F;
}

.progress .progress-bar-danger {
    background-color: #f94a37;
}


.form-group .greyborder {
    border-color: #ddd !important;
}
/**********Meter guage completed*******/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
    .login-page {
        max-width: 100%;
    }
}

.scorecard-icon-class i {
    transform: rotate(180deg);
}






/****************/
body {
    /*background: #c9c7c7;*/
    background: #f1eeee;
    height: 100%;
}
/*#wrapper{padding:90px 15px;}*/
.navbar-expand-lg .navbar-nav.side-nav {
    flex-direction: column;
}

.card {
    margin-bottom: 15px;
    border-radius: 0;
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
}

.applicant_block {
    display: block;
    margin-bottom: 10px;
}

    .applicant_block .applicant_title_block {
        display: block;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        position: relative;
    }

        .applicant_block .applicant_title_block::after {
            content: "";
            background-color: #b2232d;
            width: 25px;
            height: 4px;
            border-radius: 0px;
            display: block;
            position: absolute;
            bottom: -3px;
            left: 0px;
        }

        .applicant_block .applicant_title_block h3 {
            font-size: 20px;
            font-weight: 700;
            color: #333;
            margin: 0;
        }

        .applicant_block .applicant_title_block p {
            font-size: 16px;
            font-weight: 400;
            color: #333;
            margin: 0;
            margin-bottom: 5px;
        }

.report_tab_block {
    padding: 11px 20px;
    background-color: #fff;
    color: #000;
    border: 1px solid #ddd;
    border-left: 10px solid #ddd;
    display: block;
    border-radius: 2px;
    display: flex;
    justify-content: space-between;
}

    .report_tab_block .report_content {
        position: relative;
    }

    .report_tab_block .report_image_block {
        margin: auto 0;
    }

    .report_tab_block .report_content .content_title {
        font-size: 16px;
        color: #000;
        text-transform: uppercase;
        margin: 0;
        margin-bottom: 5px;
        font-weight: 400;
    }

    .report_tab_block .report_content .content_description {
        font-size: 21px;
        color: #000;
        font-weight: 700;
        margin: 0;
    }

.header-top {
    box-shadow: 0 3px 5px rgba(0,0,0,.1);
}

.leftmenutrigger, .navbar-nav li a .shortmenu {
    display: none;
}

.card-title {
    font-size: 28px;
}

@media(min-width:992px) {
    .leftmenutrigger {
        display: block;
        display: block;
        margin: 7px 20px 4px 0;
        cursor: pointer;
    }
    /*#wrapper{padding: 90px 15px 15px 75px; }*/
    /*#wrapper.open{padding: 90px 15px 15px 225px; }*/
    .navbar-nav.side-nav.open {
        left: 0;
    }

    .side-nav li a {
        padding: 15px 10px;
    }

    .navbar-nav li a .shortmenu {
        display: block;
        opacity: 1;
        margin: 0 auto;
    }

    .navbar-nav.side-nav.open.navbar-nav li a .shortmenu {
        opacity: 0;
    }

    .navbar-nav.side-nav {
        background: #194979;
        box-shadow: 2px 1px 2px rgba(0,0,0,.1);
        position: fixed;
        top: 68px;
        flex-direction: column !important;
        left: 0px;
        width: 90px;
        bottom: 0;
        padding-bottom: 40px;
    }
}

.animate {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navbar-nav li a svg {
    font-size: 25px;
    margin: 0 0px 0 0px;
    text-align: center;
}

.side-nav li {
    border-bottom: 1px solid #50575d;
}

.side-nav .dropdown {
    position: initial;
}

.side-nav .dropdown-menu {
    position: relative;
    opacity: 0;
    left: 120%;
    top: 0;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: 5px 0 5px rgba(0,0,0,.1);
    background: #eee;
    visibility: hidden;
    display: block;
    transition: .4s ease all;
}

    .side-nav .dropdown-menu.show {
        left: 100%;
        opacity: 1;
        visibility: visible;
        display: block;
        transition: .4s ease all;
        width: 200px;
        border-right: 1px solid #000;
        margin-left: 1px;
    }

.navbar-nav > li > a {
    /*padding: 7px 7px 2px 7px;
    margin-top:10px;
    margin-left: 5px;
    margin-bottom:10px;*/
    text-align: center;
}

.navbar-nav.open li a svg {
    font-size: 25px;
    margin: 0 10px 0 5px;
}

.navbar-nav .dropdown-menu {
    margin-top: 0px !important;
    right: -8px;
}

.side-nav .dropdown-menu.show > .dropdown-menu.show {
    left: 100%;
    opacity: 1;
    visibility: visible;
    display: block;
    transition: .4s ease all;
}

.navbar-nav > li > a {
    padding: 0px;
    margin-top: 0px;
    margin-left: 0px;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem;
    padding: 10px;
}

.side-nav .dropdown-menu.show > .dropdown-menu.show {
    left: 0%;
    opacity: 1;
    visibility: visible;
    display: block;
    transition: .4s ease all;
    width: 200px;
    border-right: 1px solid #000;
    margin-left: 1px;
    top: 45px;
}

.side-nav .dropdown-menu > .dropdown-menu {
    height: auto;
}

.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
    font-family: FontAwesome;
    content: "\f078";
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    vertical-align: middle;
    float: right;
}

.nav-side-menu ul .active,
.nav-side-menu li .active {
    border-left: 3px solid #d19b3d;
    background-color: #4f5b69;
}

.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
    color: #d19b3d;
}

    .nav-side-menu ul .sub-menu li.active a,
    .nav-side-menu li .sub-menu li.active a {
        color: #d19b3d;
    }

.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
    background-color: #181c20;
    border: none;
    line-height: 28px;
    border-bottom: 1px solid #23282e;
    margin-left: 0px;
}

    .nav-side-menu ul .sub-menu li:hover,
    .nav-side-menu li .sub-menu li:hover {
        background-color: #020203;
    }

    .nav-side-menu ul .sub-menu li:before,
    .nav-side-menu li .sub-menu li:before {
        font-family: FontAwesome;
        content: "\f105";
        display: inline-block;
        padding-left: 10px;
        padding-right: 10px;
        vertical-align: middle;
    }

.nav-side-menu li {
    padding-left: 0px;
    border-left: 3px solid #2e353d;
    border-bottom: 1px solid #23282e;
}

    .nav-side-menu li a {
        text-decoration: none;
        color: #e1ffff;
    }

        .nav-side-menu li a i {
            padding-left: 10px;
            width: 20px;
            padding-right: 20px;
        }

    .nav-side-menu li:hover {
        border-left: 3px solid #d19b3d;
        background-color: #4f5b69;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

@media (max-width: 767px) {
    .nav-side-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
    }

        .nav-side-menu .toggle-btn {
            display: block;
            cursor: pointer;
            position: absolute;
            right: 10px;
            top: 10px;
            z-index: 10 !important;
            padding: 3px;
            background-color: #ffffff;
            color: #000;
            width: 40px;
            text-align: center;
        }
}
/*#style-14::-webkit-scrollbar
{
	width: 10px;
	background-color: #eee;
}*/

/*#style-14::-webkit-scrollbar-thumb {
    width: 12px;
    background-color: #eee;
    background-image: -webkit-linear-gradient(90deg, #c9c7c7 0%, #c9c7c7 25%, #c9c7c7 100%, #c9c7c7 75%, #eee)
}
.scrollbar
{
   
	overflow-y: scroll;
    z-index:99;
	
}
#style-14::-webkit-scrollbar{
    width: 1.5px;
    height: 1px;
}*/
/*#style-14::-webkit-scrollbar-button {
    background: #ccc
}
#style-14::-webkit-scrollbar-track-piece {
    background: #888
}
#style-14::-webkit-scrollbar-thumb {
    background: #eee
}​*/


.force-overflow {
    min-height: 100%;
}

section.content {
    margin: 59px 0px 0 94px;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    background-color: #f1eeee;
    /*height: 100%;
    min-height: 1000px;*/
    /*overflow-x: auto;*/
}

ul#menu-header-menu {
    margin: -15px 0px;
}

.menu {
    z-index: 9;
}

.inner-div {
    background-color: #f1eeee;
    padding: 20px;
}

.set-dashboard {
    /*display:table;
 width: 100%;*/
}

@media(max-width:767px) {
    section.content {
        margin: 65px 0px 0px 0px !important;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -webkit-transition: 0.5s;
        transition: 0.5s;
        background-color: #e9e9e9;
        padding: 5px;
    }

    .customheader {
        right: 0px;
        position: relative;
        height: 73px;
        z-index: 9;
    }

    .sidebar .menu {
        margin-top: 0px;
        height: auto;
        z-index: 999;
    }

    .theme-cyan .navbar {
        z-index: 9;
        height: 75px;
    }

    nav > .nav-inner > ul > li > a {
        padding: 4px 10px;
    }

    .card {
        padding: 15px;
    }

    .inner-div {
        background-color: #f1eeee;
        padding: 5px;
    }

    ul#menu-header-menu {
        margin: 0px 0px;
    }

    nav li a {
        height: auto;
    }
}

.element-header {
    border-bottom: 1px solid #bbb;
    padding-bottom: 1rem;
    margin-bottom: 0rem;
    position: relative;
    /*z-index: 1;*/
    width: 100%;
    float: left;
    margin-top: 0px;
    color: black !important;
}

    .element-header:after {
        content: "";
        background-color: #b2232d;
        width: 25px;
        height: 4px;
        border-radius: 0px;
        display: block;
        position: absolute;
        bottom: -3px;
        left: 0px;
    }

.toggle-icon {
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
    z-index: 8;
}

.toggle-icon2 {
    position: absolute;
    right: 45px;
    top: 0px;
    cursor: pointer;
    z-index: 8;
    font-size: 30px;
    color: #333;
}

.dashboard #demo {
    position: relative;
    width: 100%;
    z-index: 99;
}

.headinga img {
    width: 20px;
    z-index: 99;
}

/*.dashboard .block-header h1{margin-top:0px;}*/
.dataTables_filter {
    text-align: right;
}

.dataTables_wrapper {
    position: relative;
    overflow-x: hidden;
}

@media(max-width:767px) {
    .scrollbar {
        height: auto;
        overflow-y: scroll;
        z-index: 99;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 0px solid #ddd;
    }

    .toggle-icon {
        position: absolute;
        right: 17px;
        top: 26px;
        cursor: pointer;
        z-index: 8;
    }

    .toggle-icon2 {
        position: absolute;
        right: 45px;
        top: 22px;
        cursor: pointer;
        z-index: 8;
        font-size: 30px;
        color: #333;
    }

    .dataTables_wrapper {
        position: relative;
        overflow-x: scroll;
    }

    .element-header {
        margin-top: 20px;
    }

    .dataTables_filter {
        text-align: left;
    }
}

@media(max-width:992px) {
    .dataTables_wrapper {
        position: relative;
        overflow-x: scroll;
    }

    .card .body {
        font-size: 14px;
        color: #555;
        padding: 15px;
    }
}

.leftsidebar {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 50px;
    /*height: 100%;*/
    height: 100%;
    /* width: 8%;*/
    z-index: 810;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
    min-height: 100% !important;
}

.dtp > .dtp-content > .dtp-date-view > header.dtp-header {
    background: #be0000;
    color: #fff;
    text-align: center;
    padding: 0.3em;
    height: auto;
}

.dtp > .dtp-content > .dtp-date-view .dtp-actual-day {
    margin-top: -25px
}

.infoclass {
    position: absolute;
    top: 2px;
    right: 0px;
}


.infoclass2 {
    position: absolute;
    top: -16px;
    right: -13px;
}


#customer-radio [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:before, [type="radio"].with-gap:checked + label:after {
    border: 2px solid #1f91f3;
}

#customer-radio [type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
    background-color: #1f91f3;
    z-index: 0;
}

.radio input[type="radio"] {
    cursor: pointer !important;
    opacity: 1 !important;
    z-index: 1 !important;
    outline: none !important;
}

[type="radio"]:not(:checked), [type="radio"]:checked {
    position: absolute;
    left: 0px;
    opacity: 0;
}
/*.leftsidebar header::before{
    position:absolute;
    display:block;
    height:100%;
    background-color:#000;
    width:8%;
    content:'';
}*/
/**********Adashboard******************/
.blue-section {
    background-color: #4488bb;
    padding: 19px 10px;
    height: 110px;
    margin: 10px;
}

.textclass {
    float: left;
    position: relative;
}

.border-right {
    border-right: 1px solid #fff;
    height: 70px;
}

.textclass p {
    color: #fff;
    font-size: 18px;
}

.margin10 {
    margin: 10px;
}

.padding-right10 {
    padding-right: 9px;
    padding-left: 0px;
}

.padding-left10 {
    padding-left: 10px;
    padding-right: 0px;
}

.imagewidth {
    width: 60%;
}

.imageright {
    position: absolute;
    right: 13px;
    text-align: center;
}

.imagewidth2 {
    width: 75%;
}

.financial-box {
    background-image: linear-gradient(-90deg, #2bb9c7, #4488bb);
    height: 130px !important;
}

.info-box-3 .icon {
    position: absolute;
    right: 10px;
    bottom: 22px;
    text-align: center;
}

.customer-box {
    background-image: linear-gradient(-90deg, #cd4a36, #ff4500);
    height: 130px !important;
}

.process-box {
    background-image: linear-gradient(-90deg, #fec709, #f2a724);
    height: 130px !important;
}

.learning-box {
    background-image: linear-gradient(-90deg, #1b9836, #228b22);
    height: 130px !important;
}

.content h4 {
    font-weight: normal;
    margin-bottom: 15px;
}

.info-box-3 .content .number {
    font-size: 15px !important;
    margin-bottom: 10px;
}

.content span {
    font-size: 14px;
}

.card-design {
    background: #f7f7f7;
    height: auto;
    margin: 10px 15px 10px 0px;
    padding: 23px 10px;
    border: 1px solid #b9b7b7;
}

.card-design2 {
    background: #f7f7f7;
    height: auto;
    margin: 0px;
    padding: 10px;
    border: 1px solid #b9b7b7;
}

.center-box {
    margin: 0 auto;
    display: table;
}

.heading2 {
    font-size: 18px;
    border-bottom: 1px solid #4488bb;
    color: #4488bb;
    margin-bottom: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 0px;
    font-weight: 600;
}

.heading3 {
    font-size: 16px;
    border-bottom: 2px solid #ee4240;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}

.financial-box .content .number, .customer-box .content .number, .process-box .content .number, .learning-box .content .number {
    float: left;
    margin: 10px 15px 10px 0px;
}

#invoice .box-head {
    padding: 30px 12px;
}

.border2-down {
    border-bottom: 1px solid #ddd;
    /*margin:10px 0px;*/
}

.background-action {
    background: #eee;
    color: #000;
    padding: 10px;
}

.font-20 {
    font-size: 20px !important;
}

.right-sidebar {
    width: 570px;
    right: -605px;
}

    .right-sidebar p {
        margin: 10px 0px 10px 0px;
        font-weight: normal;
        text-align: left;
    }

.between-section {
    position: relative;
    height: 80%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.sidebar-footer {
    padding: 10px 20px;
    border-top: 1px solid #e5e5e5;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 10%;
    background: #fff;
}

.header-sidebar {
    height: 10%;
    padding: 10px;
}

    .header-sidebar span {
        margin-left: -10px;
    }

i.open:hover {
    cursor: pointer;
}
/*****************/
popup-overlay {
    /*Hides pop-up when there is no "active" class*/
    visibility: hidden;
    position: absolute;
    background: #ffffff;
    /*border:3px solid #666666;
  width:100%;
  height:100vh;
  left:0%; */
}

.popup-content {
    position: absolute;
    background: #ffffff;
    width: 100%;
    left: 0%;
    top: 0px;
    height: 100vh;
}

.popup-overlay.active {
    /*displays pop-up when "active" class is present*/
    visibility: visible;
    text-align: left;
}

.popup-content {
    /*Hides pop-up content when there is no "active" class */
    visibility: hidden;
    padding: 10px 15px;
}

    .popup-content.active {
        /*Shows pop-up content when "active" class is present */
        visibility: visible;
    }

button.close {
    padding: 10px 16px;
    background-color: #1f91f3 !important;
    color: #fff;
    box-shadow: none;
    border: none;
    opacity: 1;
    text-shadow: none;
    font-size: 13px;
    font-weight: normal;
    float: none;
    line-height: 1.33;
}

    button.close:hover {
        padding: 10px 16px;
        background-color: #1f91f3 !important;
        color: #fff !important;
        box-shadow: none;
        border: none;
        opacity: 1 !important;
        text-shadow: none;
        font-size: 13px;
        font-weight: normal;
        float: none;
        line-height: 1.33;
    }

    button.close:hover {
        padding: 10px 16px;
        background-color: #1f91f3 !important;
        color: #fff !important;
        box-shadow: none;
        border: none;
        opacity: 1 !important;
        text-shadow: none;
        font-size: 13px;
        font-weight: normal;
        float: none;
        line-height: 1.33;
    }
/********************/
@media (max-width:1366px) {
    .imageright {
        right: 0px;
    }
}

@media (max-width:768px) {
    .block-header h1 {
        background-color: #fff;
        font-size: 20px;
        color: #4e4c4c;
        padding: 0px 15px;
    }

    .card-design {
        margin: 10px 15px 10px 15px;
    }
}

.closebtn1 {
    position: absolute;
    content: ' ';
    top: 30px;
    left: -30px;
    width: 30px;
    height: 30px;
    color: #000;
    background: #fff;
    z-index: 999;
    padding: 5px 11px;
    cursor: pointer;
}

.right-sidebar {
    overflow: initial;
}

.tblLeftRightBorder {
    border-Right: 0px solid #eee !important;
    border-left: 0px solid #eee !important;
}

.tblLeftRightBorderTD {
    text-align: left !important;
    border-Right: 0px solid #eee !important;
    border-left: 0px solid #eee !important;
    background-color: #f6f6f6 !important;
}


.progress-bar-red {
    background-color: #dccece !important;
}

.pagination li.active a {
    background-color: #ee3340 !important;
    color: white !important;
}

    .pagination li.active a:hover {
        background-color: #ee3340 !important;
    }

a {
    color: #ee3340;
}

    a:hover, a:focus {
        color: #b2232d !important;
    }

.dtp > .dtp-content > .dtp-date-view a:hover, .dtp > .dtp-content > .dtp-date-view a:focus {
    color: white !important
}

.right-sidebar .nav-tabs li:first-child {
    width: 20%;
}

.right-sidebar .nav-tabs li:last-child {
    width: 20%;
}

.right-sidebar .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 14px;
}

#navbar-collapse a i.icondemo {
    font-size: 25px;
    padding: 26px 17px;
    color: black;
}

img.icon_image {
    width: 25px;
}

li.header_image {
    padding: 9px 15px 5px;
    display: inline;
}

.search input[type="text"] {
    margin-top: 17px;
    margin-left: 20px;
}

.search button {
    margin-top: 17px;
}

form.example button {
    float: left;
    width: 56px;
    padding: 7px 0px 0px 0px;
    background: #555;
    color: white;
    font-size: 17px;
    border: 1px solid #e4e4e4;
    border-left: none;
    cursor: pointer;
}

    form.example button .fontsearch {
        font-size: 18px;
    }

form.example input[type=text] {
    padding: 5px;
    font-size: 14px;
    border: 1px solid #e4e4e4;
    float: left;
    width: 80%;
    background: #f1f1f1;
}

form.example button:hover {
    background: #c9c7c7;
}

nav li a span {
    display: block;
    text-align: center;
    color: black;
}

span.text-center.admin_image {
    text-align: center;
    display: block;
}

.admin_image p {
    margin: 9px 10px;
}

nav li a {
    height: 30px;
}

li.header_image:hover {
    color: red !important;
}

nav li a {
    height: auto;
}

img.icon_image {
    position: relative;
}

span.notification_circle {
    position: absolute;
    background-color: black;
    height: 20px;
    width: 28px;
    color: white;
    border-radius: 100%;
    padding: 2px;
    left: 34px;
    top: -9px;
    text-align: center;
}

li.header_image:hover {
    background: #c9c7c7;
    padding: 9px 15px 5px;
}

/*#exampleTable .details .table-responsive {
    max-width: 93%
}*/

/*#exampleTable .details .table-responsive .dataTables_wrapper {
        overflow-x: auto;
        position: relative;
    }*/
.card .table thead tr th {
    text-align: left;
}

#tblRateCard .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

#tblRateCard .btn:not(.btn-link):not(.btn-circle) span {
    position: relative;
    top: 0px;
    margin-left: 3px;
}

#RateCardWidth {
    width: 100% !important;
    height: 36px: !important;
}

.background-red-color {
    color: red !important;
    border: 1px solid #f00;
    border-color: red !important;
}

.background-green-color {
    border: 2px solid #006400 !important;
}

.notification-height {
    height: auto !important;
}

.closebtn {
    z-index: -1;
    position: absolute;
    top: 70px;
    background: #fff;
    width: 30px;
    height: 30px;
    left: -28px;
    padding: 3px 3px;
    font-size: 18px;
    text-align: center;
    box-shadow: -1px 0px 7px #d4cdcd;
}

.rightsidebar {
    position: relative;
}
/*#exampleTable {
    width: 100% !important;
}*/

.notification-height {
    height: auto !important;
}

#exampleTable_1 {
    width: 100% !important;
}

.nametable {
    width: 96% !important;
}

.arrow123 {
    width: 4% !important;
}

/*#exampleTable .dataTables_wrapper .table {
    width: 100% !important;
}*/

#exampleTable_wrapper {
    position: relative;
    width: 100% !important;
    overflow-x: auto;
    max-width: 100%;
    overflow-y: auto;
    height: 300px;
    overflow-x: auto;
}

/*#exampleTable_wrapper .dataTables_wrapper {
        width: 100% !important;
    }*/

.ui-autocomplete {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    max-width: 300px;
}

#divcriteriaList .panel-title > a {
    font-size: 14px;
}

.divcriteriasidebar .nav-tabs--vertical li a {
    font-size: 12px;
}

#divcriteriaList .form-control {
    width: auto;
}

#divcriteriaList label {
    font-weight: normal;
}

#vrmtable .bootstrap-select > .dropdown-toggle {
    padding-right: 10px;
}

#vrmtable .vrmlink {
    color: #555;
    text-decoration: underline;
    font-size: 20px !important;
}

.ui-widget {
    font-size: 12px;
    line-height: 1.5;
    padding: .2em .4em;
    font-family: 'Roboto', Arial, Tahoma, sans-serif;
}

    .ui-widget :active, .ui-widget :hover {
        outline: none;
        background: #eee;
        /*font-size: 12px;*/
        border: 1px solid #eee;
    }

.ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: 0;
    padding: 5px 10px;
}

.ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
    line-height: 1.5;
    zoom: normal;
}

.ui-menu .ui-menu-item {
    zoom: normal;
    text-decoration: underline;
}

.tooltipicon {
    font-size: 16px !important;
}

.closemodelbtn {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 15px 15px 5px 15px !important;
    z-index: 999;
}

    .closemodelbtn button {
        background: #000 !important;
        color: #fff;
        font-size: 20px;
        padding: 5px 13px;
    }

        .closemodelbtn button:hover {
            background: #000 !important;
            color: #fff;
            font-size: 20px;
            padding: 5px 13px;
        }

.modal .modal-content .modal-body {
    color: #777;
    padding: 40px 25px;
}

nav > .nav-inner > ul > li > a:hover, nav > .nav-inner > ul > li > a:focus {
    text-decoration: none;
}

nav .dd-nav a:hover {
    color: #2a6496;
    text-decoration: none !important;
    cursor: pointer;
}

nav .dd-nav a {
    cursor: pointer;
}

.drkred-box-dashboard {
    background: #d40808;
    width: 100px;
    height: 15px;
}

.red-box-dashboard {
    background: #ff4500;
    width: 100px;
    height: 15px;
}

.yellow-box-dashboard {
    background: #ffbf00;
    width: 100px;
    height: 15px;
}

.lightgreen-box-dashboard {
    background: #97de98;
    width: 100px;
    height: 15px;
}

.green-box-dashboard {
    background: #499f4a;
    width: 100px;
    height: 15px;
}

.slider-dashboard {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 55px;
}

.card-dahsboard {
    padding: 10px 15px;
    position: relative;
    background: #f7f7f7;
    margin: 10px 10px;
}

.arrow-dashoard {
    position: absolute;
    top: 52px;
    width: 10px;
    left: 50px;
}

.red-text {
    color: #ff4500;
}

.green-text {
    color: #499f4a;
}

.red-dashboard {
    background: #ff4500;
    width: 55px;
    height: 55px;
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.yellow-dashboard {
    background: #ffbf00;
    width: 55px;
    height: 55px;
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.green-dashboard {
    background: #499f4a;
    width: 55px;
    height: 55px;
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

#help h4 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
}

#help table {
    background: #fff;
    font-size: 16px;
}

#help .card-design2 {
    border: 0px;
    margin: 10px;
}

#help .card {
    box-shadow: none;
}

#help .table-header a {
    color: #000;
    display: grid;
    padding: 10px 0px;
}

#help .table-header th:hover {
    background: #eee;
}

#help .table thead tr th {
    text-align: center;
}

#help .table-header a > img {
    margin: 0 auto;
    display: table;
}

#help .table tbody tr td, #help .table tbody tr th {
    padding: 5px 7px;
    width: 10%;
    font-size: 14px;
}

.table ul {
    margin-bottom: 0px;
}

#help .card-design2 .table thead tr th {
    text-align: left;
}

.topclass60 {
    padding-top: 60px;
}
/******Extra*/
.dashboard .financial-box {
    background-image: none;
    height: 130px !important;
    background-color: #fff !important;
    border: 1px solid #4488bb !important;
}

.dashboard .customer-box {
    background-image: none;
    height: 130px !important;
    background-color: #fff !important;
    border: 1px solid #dd597e !important;
}

.dashboard .process-box {
    background-image: none;
    height: 130px !important;
    background-color: #fff !important;
    border: 1px solid #fe4d09 !important;
}

.dashboard .learning-box {
    background-image: none;
    height: 130px !important;
    background-color: #fff !important;
    border: 1px solid #2b760c !important;
}

.bg-pink .content .text, .bg-pink .content .number {
    color: #000 !important;
}

.dashboard .content h4 {
    color: #4e4c4c !important;
    margin-bottom: 10px;
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
}

.textclass p {
    color: #4e4c4c;
    font-size: 18px;
}

.blue-section {
    border: 1px solid #fff;
    padding: 10px 0px;
    background: #fff;
}

.border-right {
    border-right: 1px solid #4e4c4c;
    height: 70px;
}

.info-box-3 .icon {
    position: relative;
    right: 0px;
    padding-top: 25px;
    bottom: auto;
}

.financial-box .icon {
    background-image: linear-gradient(-90deg, #2bb9c7, #4488bb);
    width: 40%;
    right: -1px;
}

.customer-box .icon {
    background-image: linear-gradient(-90deg, #dd597e, #c40e0e);
    width: 40%;
    right: -1px;
}

.process-box .icon {
    width: 40%;
    background-image: linear-gradient(-90deg, #fe4d09, #ffa200);
    right: -1px;
}

.learning-box .icon {
    background-image: linear-gradient(-90deg, #2b760c, #114221);
    width: 40%;
    right: -1px;
}

.dashboard .info-box-3 .content {
    display: inline-block;
    padding: 10px 10px;
    width: 60%;
}

.financial-box .content .number, .customer-box .content .number, .process-box .content .number, .learning-box .content .number {
    float: left;
    margin: 10px 15px 0px 0px;
    border-bottom: 0px;
}

.imagewidth2 {
    width: 70%;
}

.achievement-box .content .number {
    float: left;
    margin: 10px 15px 0px 0px;
    border-bottom: 0px;
    font-size: 50px !important;
}

.blue-section .achievement-box {
    background-image: none;
    height: 120px !important;
    background-color: #fff !important;
    border: 1px solid #5f4081 !important;
}

.achievement-box .icon {
    background-image: none;
    width: 50%;
    text-align: left;
    padding-top: 7px;
    padding-left: 20px;
}

.dashboard .achievement-box .content h4 {
    color: #4e4c4c !important;
    margin-bottom: 0px;
    border-bottom: 0px solid #000;
    padding-bottom: 0px;
}

.blue-section {
    padding: 0;
    margin-bottom: -9px;
}

.achievementimage {
    max-width: 70%;
    height: auto;
    margin-top: 6px;
}

.dashboard .achievement-box .content {
    width: 50%;
}
/******Extraend*/


.dark-red-dashboard {
    background: #d40808;
    width: 55px;
    height: 55px;
    padding: 10px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
}

.main-dashboard .block-header h1 {
    padding: 10px 0px;
    font-family: 'Century Gothic';
    font-weight: 600;
}

.main-dashboard #DesignationList {
    height: 248px;
    overflow-y: auto;
    overflow-x: hidden;
}

#ViewRankingModal .modal-lg {
    width: 1100px;
    font-size: 12px;
}

    #ViewRankingModal .modal-lg table th {
        font-weight: bold;
    }

    #ViewRankingModal .modal-lg table tbody tr td:first-child {
        font-weight: bold;
    }

.alpha-date {
    display: inline-block;
    background-color: #000000;
    padding: 6px;
}

.copyright-text-footer {
    padding: 6px;
}

.alpha-text-small {
    font-size: 10px;
}

#spend-analysis .table thead tr {
    background: #eee /*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png) /*{bgImgUrlDefault}*/ 50% /*{bgDefaultXPos}*/ 50% /*{bgDefaultYPos}*/ repeat-x /*{bgDefaultRepeat}*/;
}

    #spend-analysis .table thead tr th {
        border-bottom: 1px solid #e1e1e1;
        border-right: 1px solid #e1e1e1;
    }

    #spend-analysis .table thead tr:nth-child(2) {
        text-align: center;
        border-bottom: 2px solid #bfbdbd;
    }

.custom-width {
    width: 11.666667%;
}

.header-detail {
    font-size: 16px;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 10px 0px;
    font-weight: bold !important;
}

.label-width {
    width: 35%;
    vertical-align: top;
}

.label-width1 {
    width: 15%;
    vertical-align: top;
}

.column-width {
    width: 5%;
    vertical-align: top;
}

.description-width {
    width: 60%;
    vertical-align: top;
}

.label-width2 {
    width: 22%;
    vertical-align: top;
}

.column-width2 {
    width: 5%;
    vertical-align: top;
}

.description-width2 {
    width: 73%;
    vertical-align: top;
}

.challenge-detail table {
    width: 100%;
}

.centertext {
    text-align: center;
}

.spend-analysistbl .table tbody tr td {
    vertical-align: top !important;
    padding: 0px;
}

.spend-analysistbl tbody tr td:nth-child(3) p {
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 5px 0px 5px 10px;
}

.spend-analysistbl tbody tr td:nth-child(4) p {
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 5px 0px 5px 10px;
}

.spend-analysistbl tbody tr td:nth-child(5) p {
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    margin-bottom: 0px;
    padding: 5px 0px 5px 10px;
}

.spend-analysistbl tbody tr td:nth-child(2) p {
    border-bottom: 1px solid #ddd;
    padding: 5px 0px 5px 10px;
    margin-bottom: 0px;
    font-weight: bold;
}

#tblFilterSummary [type="radio"]:not(:checked), #tblFilterSummary [type="radio"]:checked {
    vertical-align: sub;
}

#tblFilterSummary .material-icons {
    vertical-align: middle;
}

#tblFilterSummary {
    text-align: center;
    /*width: 98%;*/
    /*background-color: white;*/
    /*margin: 0px 15px;*/
    /*border: 1px solid #eeeeee;*/
    /*border:1px solid #eee;*/
}

    #tblFilterSummary tr td {
        display: table-cell;
        border: none;
    }

.border-set {
    border: 1px solid #c7c7c7;
    padding: 10px;
    background: #f1eeee;
}

    .border-set h4 {
        margin-bottom: 5px;
        font-weight: 600;
    }

.upform-main label {
    color: black;
}

#riskquestion .nav-tabs li {
    font-size: 18px;
    font-weight: bold;
    width: 18%;
    margin: 0px;
}

#riskquestion .nav-tabs + .tab-content {
    padding: 15px 0;
    border: 1px solid black;
}

#riskquestion .nav-tabs {
    background: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
}

#riskquestion h4 {
    color: black;
}

#riskquestion .nav-tabs > li > a:before {
    display: none;
}

#riskquestion .nav-tabs > li > a {
    border: 1px solid #ccc7c7 !important;
    background-color: #fff !important;
    color: black !important;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}

#riskquestion .nav-tabs > li.active > a {
    border: 1px solid black !important;
    background-color: black !important;
    color: white !important;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

#riskquestion .nav-tabs {
    border-bottom: 0px;
}

    #riskquestion .nav-tabs > li {
        position: relative;
        top: 0px;
        left: 0px;
    }

/*#region Risk Module*/
#tblAdditionalQuestion .ddlCategory, #tblAdditionalQuestion .ddlSubCategory, #tblAdditionalQuestion .ddlRegulatoryBody {
    width: 200px !important;
    height: 50px;
    border-radius: 7px !important;
    margin-top: -8px;
}

#tblAdditionalQuestion input[type=text] {
    width: 150px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblAdditionalQuestion textarea {
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
    margin-top: 8px;
}

#tblBreach tr td {
    text-align: left !important;
}

#tblIssues tr td {
    text-align: left !important;
}

#tbtRiskDash tr td, #tbtRiskDash tr th {
    text-align: center !important;
}

    #tbtRiskDash tr td:first-child, #tbtRiskDash tr th:first-child {
        width: 23%;
        text-align: left !important;
    }

    #tbtRiskDash tr td:first-child {
        padding-left: 20px !important;
    }

#dvScaRating .progress .progress-bar {
    line-height: 23px;
    background-color: #337ab7 !important;
}

#tblSSDash tr td, #tblSSDash tr th {
    text-align: center !important;
}

    #tblSSDash tr td:first-child, #tblSSDash tr th:first-child {
        width: 15%;
        text-align: left !important;
    }

#tblSSDash .tooltipInfo .tooltipInfotext {
    right: 100% !important;
    left: auto !important;
}

#ulDomList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

    #ulDomList li {
        float: left;
        padding: 10px;
        background: #eaf4ff;
        border: 1px solid #adcff7;
        color: black;
        text-align: center;
        margin: 5px;
    }

#tblOprHealth tr td, #tblOprHealth tr th {
    text-align: center !important;
}

    #tblOprHealth tr td:first-child, #tblOprHealth tr th:first-child {
        width: 20%;
        text-align: left !important;
    }

#tblSigAssDash tr td, #tblSigAssDash tr th {
    text-align: center !important;
}

/*#tblSigAssDash tr td:first-child, #tblSigAssDash tr th:first-child, #tblSigAssDash tr td:nth-child(2), #tblSigAssDash tr th:nth-child(2) {
        width: 20%;
        text-align: left !important;
    }*/

#tblQuestions tr th {
    vertical-align: middle;
    text-align: center;
    font-size: large;
}

    #tblQuestions tr th span {
        font-size: large;
        font-weight: normal;
    }

#tblQues .flotting .RC, #tblSummary .flotting .RC {
    display: none;
    position: absolute;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 3px;
    width: 250px;
    background: #eaf4ff;
}

#tblDocumentInventory input[type=text] {
    width: 200px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblDocumentInventory textarea {
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
    margin-top: 8px;
}

#tblDocumentInventory th span {
    color: red;
}

#tblDimension input[type=text] {
    width: 255px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblDimension textarea {
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
    margin-top: 8px;
}

/*#tblDimension .RegulatoryBodyIDs button {
    height: 50px;
    border-radius: 7px !important;
    margin-top: -8px;
}*/

#tblQuestionnaire .ddlDimension {
    width: 250px !important;
    left: 0 !important;
}

#tblQuestionnaire input[type=text] {
    width: 100px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblQuestionnaire textarea {
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
    margin-top: 8px;
}

#tblQuestionnaire .ddlDimension button {
    height: 50px;
    border-radius: 7px !important;
    margin-top: -8px;
}

#tblQuestionnaire tr th {
    vertical-align: middle;
    text-align: center;
}

/*#tblMCRatings input[type=text] {
    width: 250px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblMCRatings input[class=only-numeric] {
    width: 100px !important;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblRatings input[type=text] {
    width: 150px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblRiskControlsMap select {
    width: 330px !important;
}

    #tblRiskControlsMap select button {
        height: 50px;
        border-radius: 7px !important;
        margin-top: -8px;
    }

#tblTolerance input[type=text] {
    width: 200px;
    height: 50px;
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
}

#tblTolerance textarea {
    border-radius: 7px;
    border: 1px solid #ddd;
    padding-left: 5px;
    margin-top: 8px;
}*/

#tblAssList tr td, #tblAssList tr th {
    border: 1px solid #eee;
    text-align: center;
}

#tblAssList thead tr:first-child {
    background-color: #040404 !important;
    color: white;
}

#tblAssList .TableHeaderColor {
    background: #e1e1e1;
}

#tblAssList a:hover {
    color: #b2232d !important;
}

#tblAssList tr td:first-child, #tblAssList tr td:nth-child(2) {
    background: #e1e1e1;
    color: black;
}

#tblAssList .ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}

#tblAssList .full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: black;
}

#tblAssList .full-stars-blue {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: #4488bb;
}

    #tblAssList .empty-stars:before, #tblAssList .full-stars:before, #tblAssList .full-stars-blue:before {
        content: "\2605\2605\2605\2605\2605";
        font-size: 15pt;
    }

#tblAssList .bigStar .empty-stars:before, #tblAssList .bigStar .full-stars:before, #tblAssList .bigStar .full-stars-blue:before {
    content: "\2605\2605\2605\2605\2605";
    font-size: 20pt;
}

#tblAssList .empty-stars:before {
    -webkit-text-stroke: 1px #848484;
}

#tblAssList .full-stars:before {
    -webkit-text-stroke: 1px black;
}

#tblAssList .full-stars-blue:before {
    -webkit-text-stroke: 1px #4488bb;
}

#tblAssList tbody tr td, #tblAssList tbody tr th {
    padding: 8px;
}

#tblPrmList tbody tr td, #tblPrmList tbody tr th {
    border: 1px solid #d6d0d0;
    text-align: center;
}

#tblPrmList thead tr:first-child {
    background-color: #333F4F;
    color: white;
}

#dvPrmRating .progress .progress-bar {
    line-height: 23px;
    background-color: #337ab7 !important;
}

#dvPrmRevItem table input[type=text] {
    width: 250px;
    height: 40px;
}

#dvPrmCtegory .content_box {
    float: left;
    width: 100%;
}

#dvPrmCtegory .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 100vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvPrmCtegory .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#dvPrmCtegory .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvPrmCtegory .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvPrmCtegory .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}


    #dvPrmCtegory .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


#dvPrmCtegory .active, #dvPrmCtegory .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#dvPrmCtegory .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}

#dvPrmCtegory .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

#dvPrmCtegory .active, #dvPrmCtegory .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}

#dvEmmaCategory .content_box {
    float: left;
    width: 100%;
}

#dvEmmaCategory .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 100vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvEmmaCategory .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#dvEmmaCategory .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvEmmaCategory .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvEmmaCategory .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}

    #dvEmmaCategory .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


#dvEmmaCategory .active, #dvEmmaCategory .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#dvEmmaCategory .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}

#dvEmmaCategory .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

#dvEmmaCategory .active, #dvEmmaCategory .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}

#dvScaVendorRisk .content_box {
    float: left;
    width: 100%;
}

#dvScaVendorRisk .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 150vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvScaVendorRisk .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#dvScaVendorRisk .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvScaVendorRisk .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvScaVendorRisk .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}


    #dvScaVendorRisk .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


/*#dvScaVendorRisk .active,*/ #dvScaVendorRisk .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#dvScaVendorRisk .nav-tabs li.active a {
    /*color: #fefefe !important;*/
    font-size: 14px;
    cursor: pointer;
}

#dvScaVendorRisk .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

/*#dvScaVendorRisk .active,*/ #dvScaVendorRisk .btndiv:hover {
    /*color: #fefefe !important;*/
    background-color: #0b0e11;
}

#dvRiskResponse .content_box {
    float: left;
    width: 100%;
}

#dvRiskResponse .left_bar {
    float: left;
    width: 15%;
    background: white;
    /*min-height: 180vh;*/
    border: 1px solid #eee;
    height: 100%;
}

#dvRiskResponse .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: #0b0e11;
    margin-left: 2px;
}

#dvRiskResponse .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvRiskResponse .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvRiskResponse .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}


    #dvRiskResponse .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
        margin-left: 1px;
    }


#dvRiskResponse .active, #dvRiskResponse .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

/*#dvRiskResponse .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}*/

#dvRiskResponse .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

/*#dvRiskResponse .active, #dvRiskResponse .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
    margin-left: 2px;
}*/

#dvRiskResponseDetails .content_box {
    float: left;
    width: 100%;
}

#dvRiskResponseDetails .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 170vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvRiskResponseDetails .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: #0b0e11;
}

#dvRiskResponseDetails .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvRiskResponseDetails .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvRiskResponseDetails .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}

    #dvRiskResponseDetails .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }

#dvRiskResponseDetails .tab-nav-right .active, .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

/*#dvRiskResponseDetails .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}*/

#dvRiskResponseDetails .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

/*#dvRiskResponseDetails .tab-nav-right .active, #dvRiskResponseDetails .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}*/

#dvleftDomainList .content_box {
    float: left;
    width: 100%;
}

#dvleftDomainList .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 150vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvleftDomainList .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#dvleftDomainList .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvleftDomainList .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvleftDomainList .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}


    #dvleftDomainList .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


#dvleftDomainList .active, #dvleftDomainList .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#dvleftDomainList .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}

#dvleftDomainList .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

#dvleftDomainList .active, #dvleftDomainList .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}

#custDomains .content_box {
    float: left;
    width: 100%;
}

#custDomains .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 150vh;
    border: 1px solid #eee;
    height: 100%;
}

#custDomains .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#custDomains .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#custDomains .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#custDomains .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}


    #custDomains .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


        /*#custDomains .active, #custDomains .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#custDomains .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}*/

        #custDomains .nav-tabs--vertical li a.active::after {
            content: "";
            border-color: #1276F0;
            border-style: solid;
            position: absolute;
            right: -8px;
            border-right: transparent;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
            border-bottom: 16px solid #fff;
            border-top: 0;
            transform: rotate(270deg);
            z-index: 0;
        }

/*#custDomains .active, #custDomains .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}
*/
#custQuestions input[type="checkbox"] {
    position: inherit !important;
    opacity: 1 !important;
}

.tooltipcustom {
    position: relative;
    display: inline-block;
}

    .tooltipcustom .tooltiptext {
        visibility: hidden;
        width: 250px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
    }

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

    .tooltipcustom .tooltiptext li {
        line-height: 15px;
        text-align: left;
    }

    .tooltipcustom .tooltiptext ul {
        list-style-type: none;
        padding-left: 5px;
    }

#VRMMList .ratings {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}

#VRMMList .full-stars {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: black;
}

    #VRMMList .empty-stars:before, #VRMMList .full-stars:before {
        content: "\2605\2605\2605\2605\2605";
        font-size: 30pt;
    }

#VRMMList .empty-stars:before {
    -webkit-text-stroke: 1px #848484;
}

#VRMMList .full-stars:before {
    -webkit-text-stroke: 1px black;
}



#VRMMList .ratingssub {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}

#VRMMList .full-starssub {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: black;
}

    #VRMMList .empty-starssub:before, #VRMMList .full-starssub:before {
        content: "\2605\2605\2605\2605\2605";
        font-size: 18pt;
    }

#VRMMList .empty-starssub:before {
    -webkit-text-stroke: 1px #848484;
}

#VRMMList .full-starssub:before {
    -webkit-text-stroke: 1px black;
}

#ViewRankingModal tr td {
    text-align: left !important;
}

#tblvolumerebate tr td:last-child {
    text-align: center !important;
}

#editVRMMAssmnt .content_box {
    float: left;
    width: 100%;
}

#editVRMMAssmnt .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 100vh;
    border: 1px solid #eee;
    height: 100%;
}

#editVRMMAssmnt .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#editVRMMAssmnt .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#editVRMMAssmnt .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#editVRMMAssmnt .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}

    #editVRMMAssmnt .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


#editVRMMAssmnt .active, #editVRMMAssmnt .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#editVRMMAssmnt .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}

#editVRMMAssmnt .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

#editVRMMAssmnt .active, #editVRMMAssmnt .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}

#dvVRMSelfAssmnt .content_box {
    float: left;
    width: 100%;
}

#dvVRMSelfAssmnt .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 100vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvVRMSelfAssmnt .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#dvVRMSelfAssmnt .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvVRMSelfAssmnt .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvVRMSelfAssmnt .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}

    #dvVRMSelfAssmnt .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


#dvVRMSelfAssmnt .active, #dvVRMSelfAssmnt .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#dvVRMSelfAssmnt .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}

#dvVRMSelfAssmnt .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

#dvVRMSelfAssmnt .active, #dvVRMSelfAssmnt .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}

#tblcontact input[type="checkbox"] {
    position: inherit !important;
    opacity: 1 !important;
}

#tblcontact .eml .tooltipInfo .tooltipInfotext {
    right: 100% !important;
    left: auto !important;
}

#tblRiskDtlDash tr td {
    text-align: center;
}

    #tblRiskDtlDash tr td:nth-child(1) {
        text-align: left;
    }

/*#tblRiskDtlDash tr:nth-child(1) th {
    font-size: 25px;
    text-align: center;
}

#tblRiskDtlDash tr:nth-child(2) td {
    font-size: 40px;
    text-align: center;
}*/

#frmDash button {
    padding: 15px 30px !important;
    background: black;
    color: white;
    margin-right: 15px;
}

#dvPrivacyResponse .content_box {
    float: left;
    width: 100%;
}

#dvPrivacyResponse .left_bar {
    float: left;
    width: 15%;
    background: white;
    min-height: 180vh;
    border: 1px solid #eee;
    height: 100%;
}

#dvPrivacyResponse .nav-tabs--vertical li a:hover {
    float: left;
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #adcff7;
    color: white !important;
    font-size: 14px;
    cursor: pointer;
    background: black;
}

#dvPrivacyResponse .right_bar {
    float: left;
    width: 85%;
    padding: 0px;
    height: 100%;
    padding-left: 15px;
}

#dvPrivacyResponse .nav-tabs {
    border-bottom: 0px solid #ddd;
}

#dvPrivacyResponse .nav-tabs--vertical li {
    float: left;
    width: 100%;
    padding: 0;
    position: relative;
}


    #dvPrivacyResponse .nav-tabs--vertical li a {
        float: left;
        width: 100%;
        padding: 15px;
        border-bottom: 1px solid #adcff7;
        color: #000000;
        font-size: 14px;
        cursor: pointer;
    }


#dvPrivacyResponse .active, #dvPrivacyResponse .btndiv:hover {
    color: #000000;
    background-color: #eaf4ff;
}

#dvPrivacyResponse .nav-tabs li.active a {
    color: #fefefe !important;
    font-size: 14px;
    cursor: pointer;
}

#dvPrivacyResponse .nav-tabs--vertical li a.active::after {
    content: "";
    border-color: #1276F0;
    border-style: solid;
    position: absolute;
    right: -8px;
    border-right: transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 16px solid #fff;
    border-top: 0;
    transform: rotate(270deg);
    z-index: 0;
}

#dvPrivacyResponse .active, #dvPrivacyResponse .btndiv:hover {
    color: #fefefe !important;
    background-color: #0b0e11;
}

#dvPrivacyResponse table tr th:first-child {
    width: 80% !important;
}

#dvPrivacyResponse table tr th {
    text-align: center;
}

    #dvPrivacyResponse table tr th span {
        font-weight: normal;
    }

#bodyFPLocation input[type="checkbox"], #bodyLocation input[type="checkbox"], #bodyFPLocation input[type="checkbox"]:checked, #bodyLocation input[type="checkbox"]:checked {
    position: inherit !important;
    opacity: 1 !important;
}

#divPrivacyQuestionList label {
    padding: 0px 15px 0px 15px;
}

#CRDash tr td {
    width: 20%
}

#CRDash .tooltipInfo .tooltipInfotext {
    right: 100% !important;
    left: auto !important;
}

#tblVendorList .fixed-action-btn {
    position: relative;
    right: 0px;
    bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0;
    z-index: 998
}

    #tblVendorList .fixed-action-btn.active ul {
        visibility: visible
    }

    #tblVendorList .fixed-action-btn.horizontal {
        padding: 0 0 0 15px
    }

        #tblVendorList .fixed-action-btn.horizontal ul {
            text-align: right;
            right: 60px;
            top: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 100%;
            left: initial;
            width: 400px;
        }

            #tblVendorList .fixed-action-btn.horizontal ul li {
                display: inline-block;
                margin: 10px 0px 0 0
            }

    #tblVendorList .fixed-action-btn ul {
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
        visibility: hidden
    }

        #tblVendorList .fixed-action-btn ul li {
            margin-bottom: 15px
        }

        #tblVendorList .fixed-action-btn ul a.btn-floating {
            opacity: 0
        }

#tblVendorList .action-icon {
    text-decoration: none !important;
    color: black !important;
    font-size: 22px;
    margin: 2px 3px;
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 3px 4px;
    background-color: #fff;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid black !important;
}

    #tblVendorList .action-icon:hover {
        color: black !important;
        background-color: #ddd !important;
    }



.tblhovericon .fixed-action-btn {
    position: relative;
    right: 0px;
    bottom: 0px;
    padding-top: 0px;
    margin-bottom: 0;
    z-index: 2;
}

    .tblhovericon .fixed-action-btn.active ul {
        visibility: visible
    }

    .tblhovericon .fixed-action-btn.horizontal {
        padding: 0 0 0 15px;
    }

        .tblhovericon .fixed-action-btn.horizontal ul {
            text-align: right;
            right: 60px;
            top: 0;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            height: 100%;
            left: initial;
            width: 400px;
            padding-left: 8px !important;
        }

            .tblhovericon .fixed-action-btn.horizontal ul li {
                display: inline-block;
                margin: 10px 0px 0 0 !important;
            }

    .tblhovericon .fixed-action-btn ul {
        left: 0;
        right: 0;
        text-align: center;
        position: absolute;
        bottom: 64px;
        margin: 0;
        visibility: hidden
    }

        .tblhovericon .fixed-action-btn ul li {
            margin-bottom: 15px
        }

        .tblhovericon .fixed-action-btn ul a.btn-floating {
            opacity: 0
        }

.tblhovericon .action-icon {
    text-decoration: none !important;
    color: black !important;
    font-size: 22px;
    margin: 2px 3px;
    display: inline-block;
    color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 1;
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 3px 4px;
    background-color: #fff;
    border-radius: 50%;
    transition: .3s;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid black !important;
}

    .tblhovericon .action-icon:hover {
        color: black !important;
        background-color: #ddd !important;
    }

#tblActionDetails input[type="radio"]:checked + label, #tblActionDetails input[type="radio"] + label {
    position: inherit !important;
    opacity: 1 !important;
    padding: 0px !important;
}

    #tblActionDetails input[type="radio"]:checked + label:after, #tblActionDetails input[type="radio"] + label:after, #tblActionDetails input[type="radio"]:checked + label:before, #tblActionDetails input[type="radio"] + label:before {
        border: none !important;
        background: none !important;
    }
/*#endregion Risk Module*/
/*#region Common*/
/*table [type="radio"]:not(:checked), table [type="radio"]:checked {
    position: relative;
    left: 0px;
    opacity: 1;
    margin-left: 20px;
}*/

/*table input[type="checkbox"] {
    position: inherit !important;
    opacity: 1 !important
}*/

.modal button.close, .modal button.close:hover {
    padding: 0 !important;
    cursor: pointer !important;
    background: 0 0 !important;
    background-color: transparent !important;
    border: 0 !important;
    -webkit-appearance: none !important;
    color: #000 !important;
}

.modal-dialog .close {
    float: right !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    color: #000 !important;
    text-shadow: 0 1px 0 #fff !important;
    filter: alpha(opacity=20) !important;
    opacity: .2 !important;
}

.modal .modal-header .modal-title {
    margin-bottom: 0 !important;
}

.tooltipInfo {
    position: relative;
    display: inline-block;
}

    .tooltipInfo .tooltipInfotext {
        visibility: hidden;
        width: 350px;
        background-color: black;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 10px 15px;
        /* Position the tooltip */
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 105%;
        font-weight: normal !important;
        text-transform: none !important;
    }

    .tooltipInfo:hover .tooltipInfotext {
        visibility: visible;
    }

.dotOrange {
    height: 25px;
    width: 25px;
    background-color: #ffd800;
    border-radius: 50%;
    display: inline-block;
}

.dotGreen {
    height: 25px;
    width: 25px;
    background-color: #4cff00;
    border-radius: 50%;
    display: inline-block;
}

.dotRed {
    height: 25px;
    width: 25px;
    background-color: #ff0000;
    border-radius: 50%;
    display: inline-block;
}

.height40 {
    height: 40px;
}

.height80 {
    height: 80px;
}

.height100 {
    height: 100px;
}

.height65 {
    height: 65px;
}

.height-122-px {
    height: 122px !important;
}

.slowtxt {
    font-size: 13px;
}

.bootstrap-select > select {
    left: 0 !important;
}
/*#endregion Common*/
.red-rounded {
    background: red;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    position: relative;
    float: right;
}
/*.red-rounded img{
    width:150px;
    position:absolute;
}*/


.checkout-wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fafbfa;
}

.checkout {
    background-color: #fff;
    border: 1px solid #eaefe9;
    font-size: 14px;
}


.checkout-step {
    border-top: 1px solid #f2f2f2;
    color: #666;
    font-size: 14px;
    padding: 0px;
    position: relative;
    margin-bottom: 0px;
}

.accordion-heading {
    padding: 20px 15px;
    background: #eee;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: flex-start;
    font-size: 18px;
    font-weight: bold;
}

.checkout-step-number {
    /*border-radius: 50%;
    border: 1px solid #666;
    display: inline-block;
    font-size: 12px;
    height: 32px;
    margin-right: 26px;
    padding: 6px;
    text-align: center;
    width: 32px;*/
}

.checkout-step-title {
    font-size: 18px;
    font-weight: 500;
    vertical-align: middle;
    display: inline-block;
    margin: 0px;
    padding-left: 10px;
}

.checout-address-step {
}

    .checout-address-step .form-group {
        margin-bottom: 18px;
        display: inline-block;
        width: 100%;
    }

.checkout-step-body {
    padding-left: 30px;
    padding-top: 20px;
}

.checkout-step-active {
    display: block;
}

.checkout-step-disabled {
    display: none;
}

.checkout-login {
}

.login-phone {
    display: inline-block;
}

    .login-phone:after {
        content: '+91 - ';
        font-size: 14px;
        left: 36px;
    }

    .login-phone:before {
        content: "";
        font-style: normal;
        color: #333;
        font-size: 18px;
        left: 12px;
        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;
    }

    .login-phone:after, .login-phone:before {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .login-phone .form-control {
        padding-left: 68px;
        font-size: 14px;
    }

.checkout-login .btn {
    height: 42px;
    line-height: 1.8;
}

.wizardstatus #accordion a {
    color: black;
}

.otp-verifaction {
    margin-top: 30px;
}

.checkout-sidebar {
    background-color: #fff;
    border: 1px solid #eaefe9;
    padding: 30px;
    margin-bottom: 30px;
}

.checkout-sidebar-merchant-box {
    background-color: #fff;
    border: 1px solid #eaefe9;
    margin-bottom: 30px;
}

.checkout-total {
    border-bottom: 1px solid #eaefe9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.checkout-invoice {
    display: inline-block;
    width: 100%;
}

.checout-invoice-title {
    float: left;
    color: #30322f;
}

.checout-invoice-price {
    float: right;
    color: #30322f;
}

.checkout-charges {
    display: inline-block;
    width: 100%;
}

.checout-charges-title {
    float: left;
}

.checout-charges-price {
    float: right;
}

.charges-free {
    color: #43b02a;
    font-weight: 600;
}

.checkout-payable {
    display: inline-block;
    width: 100%;
    color: #333;
}

.checkout-payable-title {
    float: left;
}

.checkout-payable-price {
    float: right;
}

.checkout-cart-merchant-box {
    padding: 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #eaefe9;
    padding-bottom: 20px;
}

.checkout-cart-merchant-name {
    color: #30322f;
    float: left;
}

.checkout-cart-merchant-item {
    float: right;
    color: #30322f;
}

.checkout-cart-products {
}

    .checkout-cart-products .checkout-charges {
        padding: 10px 20px;
        color: #333;
    }

.checkout-cart-item {
    border-bottom: 1px solid #eaefe9;
    box-sizing: border-box;
    display: table;
    font-size: 12px;
    padding: 22px 20px;
    width: 100%;
}

.checkout-item-list {
}

.checkout-item-count {
    float: left;
}

.checkout-item-img {
    width: 60px;
    float: left;
}

.checkout-item-name-box {
    float: left;
}

.checkout-item-title {
    color: #30322f;
    font-size: 14px;
}

.checkout-item-unit {
}

.checkout-item-price {
    float: right;
    color: #30322f;
    font-size: 14px;
    font-weight: 600;
}


.checkout-viewmore-btn {
    padding: 10px;
    text-align: center;
}

.header-checkout-item {
    text-align: right;
    padding-top: 20px;
}

.checkout-promise-item {
    background-repeat: no-repeat;
    background-size: 14px;
    display: inline-block;
    margin-left: 20px;
    padding-left: 24px;
    color: #30322f;
}

    .checkout-promise-item i {
        padding-right: 10px;
        color: #43b02a;
    }

.centerclass {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.help-wizard {
    width: 20px;
}

a.key-performace-image {
    position: absolute;
    display: inherit;
}

.bold-default-pointer {
    font-weight: bold !important;
    cursor: default !important;
}

.default-pointer {
    cursor: default !important;
}

.curser-pointer {
    cursor: pointer !important;
}

.wizard-page-button-text {
    display: flex;
}

    .wizard-page-button-text p {
        margin: 10px;
        font-size: 16px;
        font-weight: 600;
    }

.redHeader {
    color: #b2232d !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

.mb-0 {
    margin-bottom: 0px !important;
    padding: 11px;
}

.card .header {
    border-bottom: 0px solid #fff !important;
}

.bs-example {
    margin: 20px;
}

.rotate {
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg); /* Firefox */
    -ms-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg); /* Standard syntax */
}

.panel-heading .panel-title a:after {
    display: none;
}

.accordion-span {
    padding: 10px 5px 10px 15px;
    color: #555;
    font-size: 16px !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    word-spacing: 3px;
    text-decoration: none;
    cursor: pointer;
    text-transform: CAPITALIZE;
}

.actived, .panel .span:hover {
    color: #b2232d !important;
}

.arrow-right {
    float: right;
    cursor: pointer;
}

.switch label {
    font-weight: bold;
    margin-bottom: 15px !important;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.switch label {
    font-size: 15px;
}

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

.help-block {
    color: #a94442 !important;
}

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

.listul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    list-style-type: none;
    padding: 0px;
}

.demo {
    padding: 50px 0;
}

.heading-title .material-icons {
    font-size: 35px;
}

.pricingTable {
    border: 1px solid #dbdbdb;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.14);
    margin: 0 -15px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}

    .pricingTable:hover, .pricingTableActive {
        border: 2px solid #b2232d;
        /*margin-top: -30px;*/
        position: relative;
        /*bottom: 30px;*/
    }

    .pricingTable .pricingTable-header {
        padding: 15px 10px;
    }

    .pricingTable .pricing-plans {
        padding-bottom: 25px;
        border-bottom: 1px solid #d0d0d0;
        color: #000;
        font-weight: 900;
    }

    .pricingTable .price-value {
        color: #474747;
        display: block;
        font-size: 25px;
        font-weight: 800;
        line-height: 30px;
    }

        .pricingTable .price-value span {
            font-size: 30px;
            line-height: 30px;
        }

    .pricingTable .subtitle {
        color: #82919f;
        display: block;
        font-size: 15px;
        margin-top: 15px;
        font-weight: 100;
    }

    .pricingTable .pricingContent ul {
        padding: 20px 0 0 0;
        list-style: none;
        margin-bottom: 0;
    }

        .pricingTable .pricingContent ul li {
            padding: 10px 0;
            font-size: 18px;
            font-weight: bold;
        }

            .pricingTable .pricingContent ul li span {
                font-size: 15px;
                font-weight: 400;
            }

    .pricingTable .pricingTable-sign-up {
        padding: 25px;
    }

.subscription_plan_section {
    display: flex;
    justify-content: center;
}

    .subscription_plan_section.plan_left {
        justify-content: start;
    }

    .subscription_plan_section .subscription_plan {
        width: 260px;
        padding: 0 15px;
    }

.dotOrangeSmall {
    height: 20px;
    width: 20px;
    background-color: #ffd800;
    border-radius: 50%;
    display: inline-block;
}



.riskVeryHigh {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(212, 8, 8);
    display: flex;
    margin-top: 7px;
    margin-left: 35%;
}

.riskHigh {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(255, 69, 0);
    display: flex;
    margin-top: 7px;
    margin-left: 35%;
}

.riskMedium {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(255, 191, 0);
    display: flex;
    margin-top: 7px;
    margin-left: 35%;
}

.riskLow {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(73, 159, 74);
    display: flex;
    margin-top: 7px;
    margin-left: 35%;
}

.bg-greycustom {
    background-color: #ddd !important;
    color: #000 !important;
}

.checkboxmargin {
    margin-top: 30px;
    padding-left: 40px;
}

.hiddencheckbox {
    left: 20px !important;
    opacity: 1 !important;
}

.font-30 {
    font-size: 30px !important;
}

.mb-8px {
    margin-bottom: 8px !important;
}

.font-24 {
    font-size: 24px !important;
}

.bootstrap-select.btn-group:not(.input-group-btn).redborder .btn:not(.btn-link):not(.btn-circle) {
    border: 1px solid red !important;
}

.tr-12 {
    font-size: 12px !important;
    background: #333 !important;
    color: #fff;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left !important;
}

.overflow-hidden {
    overflow-x: hidden !important;
}

.textarea-padding {
    padding: 6px 10px !important;
}

.table-height {
    height: 350px !important;
    overflow-y: auto;
    overflow-x: hidden;
}

.hide {
    display: none !important;
}

.highlights-font {
    font-size: 14px !important;
}

/*.bootstrap-select.btn-group .dropdown-toggle .caret
{
    right:-10px !important;
}*/


.width-60 {
    width: 60px !important;
}

.width-80 {
    width: 80px !important;
}

.width-100 {
    width: 100px !important;
}

.width-120 {
    width: 120px !important;
}

.width-125 {
    width: 132px !important;
}

.height-155-px {
    height: 155px !important;
}

.width-140 {
    width: 140px !important;
}

.width-160 {
    width: 160px !important;
}

.width-180 {
    width: 180px !important;
}

.width-200 {
    width: 200px !important;
}

.width-220 {
    width: 220px !important;
}

.width-380 {
    width: 380px !important;
}

.width-300 {
    width: 300px !important;
}

.width-400 {
    width: 400px !important;
}

.width-450 {
    width: 450px !important;
}

.width-500 {
    width: 500px !important;
}


.bg-eee {
    background: #eee !important;
}

.text-dark-bold {
    color: black !important;
    font-weight: bold;
}

#ScoreCardList .text-success {
    color: #96f597;
    font-weight: 600;
}

#ScoreCardList .text-warning {
    color: #f5cd89;
    font-weight: 600;
}

#ScoreCardList .text-danger {
    color: #f97674;
    font-weight: 600;
}

#ScoreCardList .text-blue {
    color: #10dce6;
    font-weight: bold;
}
/*#region ajaxLoader*/

/* Absolute Center Spinner */
.loading {
    position: fixed;
    z-index: 1100;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

    /* Transparent Overlay */
    .loading:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.3);
    }

    /* :not(:required) hides these rules from IE9 and below */
    .loading:not(:required) {
        /* hide "loading..." text */
        font: 0/0 a;
        color: transparent;
        text-shadow: none;
        background-color: transparent;
        border: 0;
    }

        .loading:not(:required):after {
            content: '';
            display: block;
            font-size: 10px;
            width: 1em;
            height: 1em;
            margin-top: -0.5em;
            -webkit-animation: spinner 1500ms infinite linear;
            -moz-animation: spinner 1500ms infinite linear;
            -ms-animation: spinner 1500ms infinite linear;
            -o-animation: spinner 1500ms infinite linear;
            animation: spinner 1500ms infinite linear;
            border-radius: 0.5em;
            -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
            box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
        }

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*#endregion ajaxLoader*/
.spanmsg {
    font-size: 10px !important;
    color: #ee3340;
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

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

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

#tblstrategic thead th {
    width: auto !important;
}

#tbltactical thead th {
    width: auto !important;
}

#tbloperational thead th {
    width: auto !important;
}

.table thead tr th {
    position: relative;
}

table.dataTable thead .sorting_asc:after {
    content: '' !important;
    background-image: url(/Content/images/sort_asc.png);
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
}

table.dataTable thead .sorting_desc:after {
    content: '' !important;
    background-image: url(/Content/images/sort_desc.png) !important;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
}

table.dataTable thead .sorting:after {
    opacity: 1;
    content: '' !important;
    background-image: url(/Content/images/Sort_asc_desc.png) !important;
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    right: 0;
    background-repeat: no-repeat;
}

table.dataTable thead .sorting_asc {
    background-image: none;
}

table.dataTable thead .sorting_desc {
    background-image: none;
}

table.dataTable thead .sorting {
    background-image: none;
}

/*#viewdetail .body .col-sm-12, .col-sm-6 {
    margin-bottom: 0px !important;
}*/

.clearfix {
    margin-bottom: 10px;
}

.engaizRed {
    color: #ee142c !important;
}

.spacePOC {
    height: 39px !important;
}

.p-0 {
    padding: 0 !important;
}

.m-t-35 {
    margin-top: 35px !important;
}

textarea.form-control {
    padding: 6px 10px !important;
}

.chart-container {
    position: relative;
    margin: auto;
    height: 300px;
    width: 80vw;
}

.chart-container-height {
    position: relative;
    margin: auto;
    height: 46vh;
    width: 40vw;
}

.greenColor {
    color: green !important;
}

.dt-button {
    color: #333 !important;
    background-color: #fff !important;
    border-color: #ccc !important;
    border: 1px solid #ccc !important;
    box-shadow: none !important;
    border-radius: 5px !important;
}

    .dt-button:hover {
        color: #333 !important;
        background-color: #d4d4d4 !important;
        border-color: #8c8c8c !important;
    }

.report-type-lable {
    text-align: center !important;
    font-size: 24px !important;
    font-weight: bold !important;
    position: relative !important;
    top: 20px !important;
}

.dataTables_wrapper .dt-buttons {
    margin-top: 4px !important;
    /*margin-bottom: 12px !important;*/
}

.report-icon {
    position: relative;
    cursor: pointer;
    z-index: 8;
    font-size: 17px;
    color: #333;
    top: 4px;
}

.arrowbefore {
    position: relative;
}

    .arrowbefore::after {
        content: ' ';
        position: absolute;
        width: 22px;
        height: 46px;
        display: block;
        background-image: url('../../images/arrowbefore.png');
        right: -12px;
        top: 40%;
    }
/***insight-dashboard*/
.insight-dashboard .block-header h1 {
    font-family: 'Century Gothic';
    font-weight: 500;
    color: #4488bb;
    border-bottom: 1px solid #4488bb;
}

.insight-dashboard .white-box {
    width: 70%;
    margin: 25px auto 0px;
    background-color: white;
    padding: 10px;
    color: #333;
    display: block;
    text-align: center;
    border: 1px solid #ddd;
}

.spaceforname {
    width: 80%;
    display: block;
}

.white-box p {
    display: flex;
    margin: 0
}

div.google-visualization-tooltip {
    display: none
}

.setrisksection {
    display: flex;
    justify-content: center;
    align-items: center;
}

.insight-dashboard .setrisksection .white-box2 {
    width: 25%;
    margin: 0 auto;
    background-color: white;
    padding: 10px;
    color: #333;
    display: block;
    text-align: left;
    border: 1px solid #ddd;
}

    .insight-dashboard .setrisksection .white-box2 p {
        display: flex;
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        padding-top: 10px;
    }

        .insight-dashboard .setrisksection .white-box2 p:last-child {
            display: flex;
            padding-bottom: 0px;
            border-bottom: 0px;
            padding-top: 10px;
        }

.white-box3 .spaceforname {
    width: 40%;
}

.graph {
    margin: 0 auto;
    display: table;
}

.risk-button {
    display: flex;
    justify-content: space-between;
}

button.high {
    padding: 0px 40px;
    color: #fff;
    background: #e6664d;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

button.Low {
    padding: 0px 40px;
    color: #fff;
    background: #2ddd97;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

button.veryhigh {
    padding: 0px 40px;
    color: #fff;
    background: #c32f12;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

button.medium {
    padding: 0px 40px;
    color: #fff;
    background: #e4ef39;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

.borderfortop5 {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    /* padding: 5px; */
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
}


.card3 {
    border-radius: 10px 10px 5px 5px !important;
}

.card_img {
    height: 200px;
    overflow: hidden;
}

    .card_img img {
        width: 100%;
        border-radius: 8px 8px 0 0 !important;
    }

.card-body3 {
    padding: 0px 20px 10px !important;
}

    .card-body3 a {
        color: #000 !important;
    }

        .card-body3 a:hover {
            color: #ee4857 !important;
        }

.card3:hover {
    -webkit-box-shadow: 13px 19px 28px -29px rgba(178, 35, 45,0.36);
    -moz-box-shadow: 13px 19px 28px -29px rgba(178, 35, 45,0.36);
    box-shadow: 13px 19px 28px -29px rgba(178, 35, 45,0.36);
}

.card-title3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 20px !important;
}

    .card-title3 a {
        color: #000 !important;
    }

        .card-title3 a:hover {
            color: #ee4857 !important;
        }

.DashboardGallery-icon span {
    top: 3px !important;
    margin-right: 5px !important;
}

.card-body3 .card-text3 {
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    font-size: 12px;
    color: #a8a8a8;
}

.card_img:hover::before {
    font-family: "Material Icons";
    content: "\e895";
    top: 12%;
    color: #5a5555;
    left: 41%;
    font-size: 80px;
    position: absolute;
    z-index: 99;
}

.card_img:hover::after {
    content: "";
    background-color: rgba(217, 220, 224, 0.58);
    width: 100%;
    top: 0;
    left: 0;
    height: 200px;
    border-radius: 9px 9px 0px 0px;
    position: absolute;
    z-index: 99;
}
/**   Dashborad gallery    **/
.performance-insight .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}

.performance-insight .graph .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 200px;
}

button.high.excedded {
    padding: 0px 40px;
    color: #fff;
    background: #00b050;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

button.Low.met {
    padding: 0px 40px;
    color: #fff;
    background: #92d050;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

button.veryhigh.poor {
    padding: 0px 40px;
    color: #fff;
    background: #ff0000;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

button.medium.average {
    padding: 0px 40px;
    color: #fff;
    background: #ff9966;
    font-size: 17px;
    margin: 20px;
    height: 45px;
}

#RiskInsightItemList #grphCriticality {
    margin: 0 auto !important;
    display: table;
}

/*****New range Slider**/
.rangeborder {
    border: 1px dashed #ddd;
    margin-top: 30px;
}

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

.range-wrap {
    position: relative;
    margin: 6em auto 3rem;
}

.range {
    width: 100%;
    background: linear-gradient(90deg,#e6664d, #e4ef39, #2ddd97) !important;
    padding: 0px !important;
    height: 15px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}

input [type="range"] {
    background-image: linear-gradient(90deg,#e6664d, #e4ef39, #2ddd97) !important;
}


.bubble {
    color: white;
    left: 50%;
    display: block;
    position: absolute;
    line-height: 35px;
    width: 40px;
    padding: 0px 4px;
    top: -11px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    background: #000000;
    color: #fff;
    border-radius: 100px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
}

    .bubble::after {
        content: "";
        position: absolute;
        width: 2px;
        height: 2px;
        /* background: red; */
        top: 31px;
        left: 50%;
        content: "";
        position: absolute;
        bottom: 0px;
        left: 50%;
        border: 12px solid #000000;
        border-bottom: none;
        border-left-color: transparent;
        border-right-color: transparent;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }

.range-wrap input::-webkit-slider-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    margin-top: 2px;
}

.range-wrap input::-moz-range-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
}

.range-wrap input::-ms-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
}

.range-wrap .rangeslider-thumb {
    box-sizing: border-box;
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
    border: 6px solid #fff;
    height: 24px;
    width: 24px;
    border-radius: 100px;
    background: #333940;
    cursor: pointer;
    position: absolute;
    touch-action: pan-x;
    top: 50%;
    -webkit-transform: translateY(-10%);
    transform: translateY(-10%);
    will-change: left;
}

/*ref-not-found*/
.ref-not-found {
    color: #ddd !important;
}

/*end ref-not-found*/

/* start Chart Css*/
.chart-body {
    background-color: #f1eeee !important;
    padding: 0px !important;
}

.box-shadow-none {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.new-card-design {
    background: #ffffff;
    height: auto;
    margin: 0px;
    padding: 10px;
    border: 0 !important;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
    -moz-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
    box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
}

.new-chart-heading {
    font-size: 12px;
    border-bottom: 2px solid #ee4240;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    font-weight: 600;
}

.padding-0 {
    padding: 0 !important;
}

.padding-right-0 {
    padding-right: 0 !important;
}

.padding-left-0 {
    padding-left: 0 !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.bar-scroll-width {
    width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}

    .bar-scroll-width:hover {
        overflow-x: scroll !important;
        position: relative;
    }

    /* width */
    .bar-scroll-width::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    /* Track */
    .bar-scroll-width::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px grey;
        border-radius: 10px;
    }

    /* Handle */
    .bar-scroll-width::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 10px;
    }

        /* Handle on hover */
        .bar-scroll-width::-webkit-scrollbar-thumb:hover {
            background: #a9a9a9;
        }

.chart-height-100 {
    height: 100px !important;
    overflow: hidden !important;
}

.chart-height-105 {
    height: 105px !important;
    overflow: hidden !important;
}

.chart-height-113 {
    height: 113px !important;
    overflow: hidden !important;
}

.chart-height-213 {
    height: 213px !important;
    overflow: hidden !important;
}

.chart-height-250 {
    height: 250px !important;
    overflow: hidden !important;
}

.chart-height-255 {
    height: 255px !important;
    overflow: hidden !important;
}

.chart-height-260 {
    height: 260px !important;
    overflow: hidden !important;
}

.chart-height-270 {
    height: 270px !important;
    overflow: hidden !important;
}

.chart-height-275 {
    height: 275px !important;
    overflow: hidden !important;
}

.chart-height-280 {
    height: 280px !important;
    overflow: hidden !important;
}

.chart-height-324 {
    height: 324px !important;
    overflow: hidden !important;
}

.chart-height-345 {
    height: 345px !important;
    overflow: hidden !important;
}

.chart-height-370 {
    height: 370px !important;
    overflow: hidden !important;
}

.chart-height-415 {
    height: 415px !important;
    overflow: hidden !important;
}

    .chart-height-100:hover .bar-scroll-width, .chart-height-105:hover .bar-scroll-width, .chart-height-113:hover .bar-scroll-width,
    .chart-height-250:hover .bar-scroll-width, .chart-height-255:hover .bar-scroll-width, .chart-height-260:hover .bar-scroll-width,
    .chart-height-270:hover .bar-scroll-width, .chart-height-275:hover .bar-scroll-width, .chart-height-280:hover .bar-scroll-width,
    .chart-height-324:hover .bar-scroll-width, .chart-height-345:hover .bar-scroll-width,
    .chart-height-415:hover .bar-scroll-width {
        overflow-x: auto !important;
        position: relative;
    }

.width-10-per {
    width: 10% !important;
}

.width-15-per {
    width: 15% !important;
}

.width-20-per {
    width: 20% !important;
}

.width-25-per {
    width: 25% !important;
}

.width-30-per {
    width: 30% !important;
}

.width-35-per {
    width: 35% !important;
}

.width-50-per {
    width: 50% !important;
}

.width-60-per {
    width: 60% !important;
}

.width-75-per {
    width: 75% !important;
}

.width-100-per {
    width: 100% !important;
}

/* end Chart Css*/
.vendor-dropdown-down .bootstrap-select.btn-group .dropdown-menu {
    z-index: 9 !important;
    top: 70px;
    bottom: auto;
}

.cmnt-input {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.input-group .buttonadd {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 0px;
    width: 20%;
    height: 34px;
}

.height50 {
    height: 50px;
    width: auto !important;
}

.logoset {
    display: flex;
    align-items: flex-start;
}

    .logoset span {
        color: #fff;
        font-size: 20px;
        display: block;
        margin-top: 20px;
    }

    .logoset .image {
        width: 170px;
    }

.containerRdo {
    font-weight: 400;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: -5px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
    .containerRdo input {
        position: absolute;
        opacity: 0 !important;
        cursor: default;
    }

/* Create a custom radio button */
.checkmarkRdo {
    position: absolute;
    top: 1px;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}


/* On mouse-over, add a grey background color */
.containerRdo:hover input ~ .checkmarkRdo {
    background-color: #ccc;
}

/* When the radio button is checked, add a black background */
.containerRdo input:checked ~ .checkmarkRdo {
    background-color: black !important;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRdo:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRdo input:checked ~ .checkmarkRdo:after {
    display: block !important;
}

/* Style the indicator (dot/circle) */
.containerRdo .checkmarkRdo:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white !important;
}


.checkmarkRdo2 {
    position: absolute;
    left: 50%;
    height: 23px;
    width: 23px;
    background-color: #eee;
    border-radius: 50%;
    margin-top: 35px;
}


.containerRdo:hover input ~ .checkmarkRdo2 {
    background-color: #ccc;
}

.containerRdo input:checked ~ .checkmarkRdo2 {
    background-color: black;
}

.checkmarkRdo2:after {
    content: "";
    position: absolute;
    display: none;
}

.containerRdo input:checked ~ .checkmarkRdo2:after {
    display: block !important;
}

.containerRdo .checkmarkRdo2:after {
    top: 7px;
    left: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white !important;
}


/* The container */
.containerChk {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: -5px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .containerChk input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmarkChk {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 23px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.containerChk:hover input ~ .checkmarkChk {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.containerChk input:checked ~ .checkmarkChk {
    background-color: black;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmarkChk:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.containerChk input:checked ~ .checkmarkChk:after {
    display: block;
}

/* Style the checkmark/indicator */
.containerChk .checkmarkChk:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*******************Risk Certificate page************************/
.risk-certificate {
    padding: 0px 0px 8px 0px !important;
}

.risk-certificate-padding1 {
    align-items: center;
    display: flex;
    /* width: 60%;*/
    justify-content: center;
    padding: 0px;
    margin: 0px !important;
}

.risk-certificate-padding {
    float: left;
    margin: 0px 0px 0px 10px !important;
    padding: 10px 0px !important;
}

.risk-certificate-padding2 {
    margin: 0px 10px 0px 0px !important;
    padding: 0px;
    display: flex;
    justify-content: flex-end;
}

.field-required {
    color: red !important;
}

.text-required {
    font-size: 17px !important;
    color: red !important;
    padding-left: 5px;
}

@media(max-width:1400px) {
    #dvRiskDtlDash .box-head {
        padding: 11px 15px;
    }
}

@media(max-width:1260px) {
    .risk-code-boxes p {
        padding-left: 10px !important;
    }

        .risk-code-boxes p.risk-box-border {
            margin: 10px !important;
        }

    .risk-five-boxes .box-head {
        padding: 11px 0px 11px 15px !important;
    }
}

@media(max-width:1200px) {

    .risk-assesment-year {
        padding: 11px 15px 15px 15px !important;
    }

    .risk-vendor-name .font-30 {
        font-size: 25px !important;
        line-height: 32px !important;
    }

    .risk-assesment-year .font-30 {
        font-size: 25px !important;
        line-height: 32px !important;
    }

    .risk-certificate-padding {
        float: left;
        margin: 0px 0px 0px 5px !important;
        padding: 10px 0px !important;
    }

    .risk-certificate-padding2 {
        margin: 0px 0px 0px 0px !important;
        padding: 0px;
        display: flex;
        justify-content: flex-end;
    }
}

@media(max-width:769px) {
    .risk-pep .text3 {
        padding-bottom: 25px !important;
    }

    .risk-certificate-padding1 {
        align-items: baseline !important;
        display: flex;
        /* width: 60%; */
        justify-content: center;
        padding: 0px;
        margin: 0px 15px !important;
    }
}

/*input {
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px;
    font-size: 16px;
}

    input[type="file"] {
        display: block;
        width: 100%;
    }*/

#loading {
    position: fixed;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    opacity: 0.7;
    background-color: #fff;
    z-index: 99999;
}

#loading-image {
    position: absolute;
    top: 40%;
    left: 45%;
    right: 30%;
    bottom: 50%;
    height: 80px;
    z-index: 100;
}

.p-25 {
    padding: 25px !important;
}

.challenge-detail h4 {
    font-weight: bold;
}

.challenge-detail table tr td {
    vertical-align: top;
}

#PolicyBuilderForm .containerRdo {
    font-size: 15px;
}

/*#tableRiskRegulatoryBody_div, #tablePoliciesMaster_wrapper {
    border: 1px solid #ddd;
    padding: 20px;
    background: #f9f9f9;
}*/

.TableHeaderColorDark {
    background-color: #d9d9d9;
}

.text-1-span {
    color: #a9a9a9;
    padding-left: 30px;
}

.summertext-description {
    max-height: 400px;
    overflow-y: auto;
}

.summertext-description-2 {
    max-height: 400px;
    overflow-y: auto;
}

.textarea-scrollbar-100 {
    height: 100px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar-150 {
    height: 150px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar-200 {
    height: 200px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar-250 {
    height: 250px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar-1000 {
    height: 1000px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar-1500 {
    height: 1500px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar-2000 {
    height: 2000px !important;
    overflow-y: auto;
    resize: none;
}

.textarea-scrollbar {
    overflow-y: auto;
    resize: none;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
    border-radius: 10px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 7px;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #999;
    }
/************ Commitment Wizard ****************/
.commitment-wizard .wizard > .steps > ul > li:after {
    display: none !important;
}

.commitment-wizard .wizard > .steps > ul > li {
    margin: 0px !important;
    width: 20% !important;
}

    .commitment-wizard .wizard > .steps > ul > li a {
        background: #dbdada;
        color: #6a6a6a !important;
        cursor: default;
        text-transform: uppercase;
    }

.commitment-wizard .wizard .steps .current a {
    background-color: #000 !important;
    color: #fff !important;
}

.commitment-wizard .wizard .steps .done a {
    background-color: #a1a1a1 !important;
    color: #000 !important;
    cursor: pointer;
}

    .commitment-wizard .wizard .steps .done a > .number {
        color: #000 !important;
    }

.commitment-wizard .wizard .steps .current .number {
    color: #fff !important;
}

.steps .number {
    color: #6a6a6a !important;
}

.embedCommitmentPDF {
    width: 97%;
    text-align: justify;
    height: 350px;
    overflow: auto;
    margin-bottom: 40px;
    font-size: 20px;
    border-radius: 5px;
}

.CommitmentDescription {
    width: 97%;
    text-align: justify;
    margin: auto;
    margin-top: 25px;
    border: none;
    max-height: 350px;
    overflow: auto;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 33px;
    padding: 50px;
    background-color: #fafafa;
    border-radius: 5px;
}

.commit-box {
    padding: 30px 0px 50px 0px;
    margin: 15px;
    background-color: #fafafa;
    border-radius: 5px;
}

    .commit-box h3 {
        text-align: center;
        font-size: 25px;
        margin-bottom: 50px;
        line-height: 33px;
    }

.commit-text {
    margin-top: 25px;
}

.commit-congrats {
    background-color: #fafafa;
    padding: 50px;
    line-height: 32px;
    text-align: left;
    color: #666;
    border-radius: 5px;
}

.eweb-General {
    vertical-align: text-top;
    font-size: 18px;
    text-align: justify;
    padding: 10px 20px !important;
}

.commitment-wizard {
    padding: 20px 12px 12px 12px !important;
}

.btnCommit {
    float: right !important;
    margin-right: 20px !important;
}

#SelectedCommit {
    font-size: 28px;
    color: #b2232d;
}

.btnVendorRequest {
    margin-bottom: 10px;
}

.InfoMsg {
    text-align: center;
    height: 400px;
    margin-top: 10%
}

    .InfoMsg i {
        font-size: 100px
    }

    .InfoMsg b {
        font-size: 24px
    }

    .InfoMsg p {
        text-align: center;
        font-size: 22px
    }

.swal2-popup {
    font-size: 13px !important;
    width: 625px !important;
    border-radius: 10px !important;
}

    .swal2-popup button {
        /* background-color: #8CD4F5; */
        background-color: #000 !important;
        color: white;
        border: none;
        box-shadow: none;
        font-weight: 500;
        -webkit-border-radius: 4px;
        border-radius: 5px;
        margin: 26px 5px 0 5px;
        cursor: pointer;
        font-size: 15px !important;
        border-radius: 0 !important;
        padding: 5px 20px !important;
    }

    .swal2-popup .swal2-html-container p {
        text-align: left
    }

.btn-party {
    background-color: #fff !important;
    border: 2px solid #000 !important;
    border-radius: 5px !important;
    height: 22px !important;
    width: 23px !important;
    font-weight: bold;
    margin-left: 0px !important;
    padding: 2px 0 0 0 !important;
    cursor: pointer;
}

.vendor-icon {
    font-size: 24px !important;
    vertical-align: middle !important;
}

.Blink {
    font-size: 26px;
    color: #bd2b37;
    animation: blinker 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

/* Checklist */

.Checklist_box {
    padding: 15px;
    font-size: 16px;
    border-radius: 4px;
    background-color: #F1EEEE;
}

    .Checklist_box p {
        margin-bottom: 5px;
    }

.CheckList p:last-child {
    margin-bottom: 0;
}

.Checklist_box.highlighted {
    color: #000;
    font-size: 20px;
    background-color: #ededed;
    box-shadow: 2px 2px 6px rgb(56 56 56 / 50%);
}

p.generated_heading {
    font-size: 24px;
    font-weight: 600;
    margin-top: 25px;
    padding-top: 25px;
    text-align: center;
    border-top: 1px solid #CCC;
}

.checklist_selection {
    display: grid;
    grid-gap: 3rem;
    margin-top: 25px;
    grid-template-columns: repeat(4, 1fr);
}

    .checklist_selection .checkbox {
        margin: 0;
    }

        .checklist_selection .checkbox [type="checkbox"] {
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
        }

            .checklist_selection .checkbox [type="checkbox"] + label:before {
                left: 0;
                right: 0;
                width: 45px;
                height: 45px;
                bottom: 20px;
                top: inherit;
                margin: 0 auto;
                border-radius: 3px;
                border: 3px solid #5a5a5a;
            }

            .checklist_selection .checkbox [type="checkbox"]:checked + label:before {
                z-index: 1;
                left: -25px;
                width: 22px;
                height: 32px;
                bottom: 30px;
                border-right: 3px solid #FFF;
                border-bottom: 3px solid #FFF;
                border-top: 3px solid transparent;
                border-left: 3px solid transparent;
            }

            .checklist_selection .checkbox [type="checkbox"] + label:after {
                left: 0;
                right: 0;
                bottom: 20px;
                width: 45px;
                top: inherit;
                height: 45px;
                margin: 0 auto;
                border-radius: 3px;
                transform: scale(0);
                background-color: #5a5a5a;
            }

            .checklist_selection .checkbox [type="checkbox"]:checked + label:after {
                transform: scale(1);
            }


    .checklist_selection .checklist_div {
        padding: 15px;
        height: inherit;
        border-radius: 6px;
        text-align: center;
        background-color: #FFF;
        transition: all ease-in-out .5s;
        box-shadow: inset 0px 0px 10px rgba(0,0,0,0.15);
    }

        .checklist_selection .checklist_div span {
            display: block;
            font-size: 16px;
            margin-bottom: 0;
            min-height: 280px;
            line-height: 24px;
            padding: 15px 15px 60px 15px;
        }

        .checklist_selection .checklist_div h5 {
            font-size: 26px;
            margin-bottom: 5px;
        }

        .checklist_selection .checklist_div img {
            height: 75px;
            display: block;
            margin: 0 auto;
            padding-top: 5px;
            margin-bottom: 20px;
        }


.checked_selection {
    display: grid;
    grid-gap: 2rem;
    margin-top: 15px;
    grid-template-columns: repeat(5, 1fr);
}

    .checked_selection .checked_div {
        padding: 35px 10px;
        border-radius: 6px;
        text-align: center;
        background-color: #ededed;
        box-shadow: 2px 2px 6px rgb(56 56 56 / 50%);
    }

        .checked_selection .checked_div .brand_icon {
            min-height: 120px;
        }

            .checked_selection .checked_div .brand_icon img {
                margin-left: auto;
                margin-right: auto;
                margin-bottom: 20px;
            }

        .checked_selection .checked_div h5 {
            font-size: 22px;
        }

        .checked_selection .checked_div .checkbox {
            margin: 0;
        }

            .checked_selection .checked_div .checkbox label {
                width: 30px;
                height: 30px;
                padding: 5px;
                border-radius: 15px;
                background-color: #26A69A;
            }


@media screen and (min-width: 767px) and (max-width: 980px) {

    .risk_monitoring_section h2 {
        line-height: initial;
    }

    .company_profile {
        grid-template-columns: 12fr;
    }

        .company_profile .first-div {
            grid-template-columns: 3fr 12fr;
        }

        .company_profile #ulIcons {
            grid-template-columns: 12fr !important;
        }

    .risk_score_div {
        grid-template-columns: 12fr !important;
    }

    .risk_score .risk_trend {
        grid-template-columns: 12fr;
    }

    .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level {
        grid-template-columns: repeat(3,1fr);
    }

    .cyber_security .cyber_security_thread_indicators .thread_details .thread_div {
        grid-template-columns: 2.3fr 9fr;
    }

    .cyber_security .cyber_security_thread_indicators .upgrade_details .thread_div {
        grid-template-columns: 1fr 9fr !important;
    }

    .financial_health .financial_health_div {
        grid-template-columns: 12fr;
    }

    .checklist_selection {
        grid-template-columns: repeat(2, 1fr);
    }

    .checked_selection {
        grid-template-columns: repeat(4, 1fr);
    }
}


@media screen and (min-width: 981px) and (max-width: 1024px) {

    .company_profile {
        grid-template-columns: 12fr;
    }

        .company_profile .first-div {
            grid-template-columns: 1.5fr 10fr;
        }

    .risk_score_div {
        grid-template-columns: 12fr !important;
    }

    .risk_score .risk_trend {
        grid-template-columns: 12fr;
    }

    .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level {
        grid-template-columns: repeat(3,1fr);
    }

    .financial_health .financial_health_div {
        grid-template-columns: 12fr;
    }

    .country_risk .country_map {
        height: 410px !important;
    }
}

.checklist_link {
    color: #555555 !important;
}

.generatedCheckList-btn {
    padding: 15px 90px !important;
}

.generatedCheckList-div {
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}

.generatedCheckList-btn i {
    font-size: 28px !important;
    padding-right: 5px !important;
}


.generatedCheckList-btn span {
    top: 0;
    font-size: 21px;
    vertical-align: text-bottom;
}


@media screen and (min-width: 1025px) and (max-width: 1599px) {
    .cyber_security .cyber_security_thread_indicators .upgrade_details .thread_div {
        grid-template-columns: 1fr 9fr !important;
    }

    .cyber_security .cyber_security_thread_indicators .thread_details .thread_div {
        grid-template-columns: 2.7fr 9fr;
    }
}

@media screen and (min-width:1600px) {

    .checklist_selection .checklist_div span {
        min-height: 230px;
    }
}


.card-design-box {
    margin: 0px;
    height: auto;
    padding: 15px;
    border-radius: 4px;
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
    -moz-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
    -webkit-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
}

    .card-design-box .charts_title_div {
        text-align: left;
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        -moz-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        -webkit-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        padding: 10px;
        margin-top: 15px;
    }

        .card-design-box .charts_title_div p {
            font-size: 12px;
            font-weight: 500;
            text-transform: uppercase;
            color: #000;
            margin: 0;
            text-align: left;
            padding: 10px 0;
        }

        .card-design-box .charts_title_div span {
            font-size: 22px;
            text-align: left;
            font-weight: 600;
        }


    .card-design-box .range-red p span {
        background-color: #FF0000 !important;
    }

    .card-design-box .range-red .dash-slider::-webkit-slider-thumb {
        box-shadow: -170px 0 0 170px #FF0000 !important;
    }

    .card-design-box .range-orange p span {
        background-color: #FFBF00 !important;
    }

    .card-design-box .range-orange .dash-slider::-webkit-slider-thumb {
        box-shadow: -170px 0 0 170px #FFBF00 !important;
    }

    .card-design-box .range-lgreen p span {
        background-color: #90EE90 !important;
    }

    .card-design-box .range-lgreen .dash-slider::-webkit-slider-thumb {
        box-shadow: -170px 0 0 170px #90EE90 !important;
    }

    .card-design-box .range-dgreen p span {
        background-color: #013220 !important;
    }

    .card-design-box .range-dgreen .dash-slider::-webkit-slider-thumb {
        box-shadow: -170px 0 0 170px #013220 !important;
    }

    .card-design-box .charts_range_div {
        margin-top: 15px;
        text-align: left;
        border-radius: 4px;
        background-color: #FFFFFF;
        box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        -moz-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        -webkit-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        padding: 10px;
    }

        .card-design-box .charts_range_div span {
            font-size: 14px;
            font-weight: 600;
            text-transform: uppercase;
            color: #000;
            border-bottom: 2px solid #c9c7c7;
            display: block;
            padding-bottom: 5px;
            margin-bottom: 15px;
        }

        .card-design-box .charts_range_div .charts_range_block {
            padding: 0 10px;
            color: #fff;
            display: flex;
            justify-content: space-between;
            gap: 40px;
        }

            .card-design-box .charts_range_div .charts_range_block p {
                padding: 10px 0;
                position: relative;
            }

                .card-design-box .charts_range_div .charts_range_block p:after {
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: -20px;
                    width: 1px;
                    background: #c9c7c7;
                    content: "";
                    display: block;
                    transform: rotate(10deg);
                }

                .card-design-box .charts_range_div .charts_range_block p span {
                    background-color: #6dab32;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-radius: 50%;
                    height: 60px;
                    width: 60px;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    color: #fff;
                    font-size: 16px;
                    font-weight: 600;
                }

            /*.card-design-box .charts_range_div .charts_range_block input[type='range'].charts_range {
    overflow: hidden;
    -webkit-appearance: none;
    background-color: #9a905d;
}   

.card-design-box .charts_range_div .charts_range_block input[type='range'].charts_range::-webkit-slider-runnable-track {
    height: 10px;
    -webkit-appearance: none;      
    color: #13bba4;
    margin-top: -1px;
} */

            .card-design-box .charts_range_div .charts_range_block input[type='range'].charts_range {
                accent-color: auto;
                accent-color: #6dab32;
                background: transparent;
                pointer-events: none;
                width: 100%;
                padding: 0 !important;
            }

                .card-design-box .charts_range_div .charts_range_block input[type='range'].charts_range::-webkit-slider-thumb {
                    visibility: hidden;
                }

        .card-design-box .charts_range_div .charts_range_bloc input[type='range']::-webkit-slider-thumb {
            width: 0.01px;
            -webkit-appearance: none;
            height: 0.01px;
        }



/*.card-design-box .charts_range_div .charts_range_block input[type='range']::-webkit-slider-runnable-track {
    display:none;
}

.card-design-box .charts_range_div .charts_range_block input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    cursor: ew-resize;
    background: #434343;
}*/

.dashboard_welcome .compliance_track_section {
    background: #fff;
    margin-bottom: 30px;
}

    .dashboard_welcome .compliance_track_section .heading3 {
        padding: 15px;
        font-size: 24px;
        margin-bottom: 0;
    }

    .dashboard_welcome .compliance_track_section .compliance_text_block {
        padding: 20px 50px;
        border: 1px solid #eee;
        background: #fff;
        box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        -moz-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        -webkit-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
        border-radius: 4px;
    }

    .dashboard_welcome .compliance_track_section .compliance_track_div {
        padding: 15px;
    }

        .dashboard_welcome .compliance_track_section .compliance_track_div .compliance_detail_block {
            background: #fff;
            box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
            -moz-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
            -webkit-box-shadow: 1px 1px 5px -1px rgba(170,170,170,0.5);
            border-radius: 4px;
            padding: 15px;
            padding-top: 0;
        }

            .dashboard_welcome .compliance_track_section .compliance_track_div .compliance_detail_block .nav-tabs + .tab-content {
                padding-bottom: 0;
            }

            .dashboard_welcome .compliance_track_section .compliance_track_div .compliance_detail_block .compliance_table_block td {
                padding: 6px 10px;
            }

                .dashboard_welcome .compliance_track_section .compliance_track_div .compliance_detail_block .compliance_table_block td.compliance_table_heading {
                    font-weight: 700;
                }

    .dashboard_welcome .compliance_track_section .compliance_logo_block {
        background: #f5f5f5;
        border-radius: 4px;
    }

        .dashboard_welcome .compliance_track_section .compliance_logo_block .compliance_logos {
            padding: 20px 35px;
        }

            .dashboard_welcome .compliance_track_section .compliance_logo_block .compliance_logos .image_block a {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 0 15px;
            }

                .dashboard_welcome .compliance_track_section .compliance_logo_block .compliance_logos .image_block a img {
                    max-width: 100%;
                }

.dashboard_welcome .certification_flow {
    margin-bottom: 30px;
    background-color: #FFF;
}

    .dashboard_welcome .certification_flow .heading3 {
        padding: 15px;
        font-size: 24px;
        margin-bottom: 0;
    }

    .dashboard_welcome .certification_flow #certiFlow {
        margin: 0;
        padding: 15px 15px 15px 0;
    }

        .dashboard_welcome .certification_flow #certiFlow .box-head {
            border-left: 5px solid #000;
        }

.dashboard_welcome .improve_risk {
    margin-bottom: 30px;
    background-color: #FFF;
}

    .dashboard_welcome .improve_risk .heading3 {
        padding: 15px;
        font-size: 24px;
        margin-bottom: 0;
    }

    .dashboard_welcome .improve_risk .charts_div {
        margin: 0;
        padding: 15px 0;
    }

    .dashboard_welcome .improve_risk .cyber_risk_ratings {
        gap: 1.5rem;
        padding: 15px;
        display: flex;
    }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .new-chart-heading {
            border-bottom: 2px solid #C9C7C7;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_very_high a {
            color: #BB202A !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_very_high .cost_breach_value span {
            background-color: #BB202A;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_very_high .breach-slider::-webkit-slider-thumb {
            width: 0px;
            height: 0px;
            cursor: pointer;
            border-radius: 50%;
            background: #BB202A;
            -webkit-appearance: none;
            border: 0px solid #BB202A;
            box-shadow: -170px 0 0 170px #BB202A;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_high a {
            color: #EF4B2D !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_high .cost_breach_value span {
            background-color: #EF4B2D;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_high .breach-slider::-webkit-slider-thumb {
            width: 0px;
            height: 0px;
            cursor: pointer;
            border-radius: 50%;
            background: #EF4B2D;
            -webkit-appearance: none;
            border: 0px solid #EF4B2D;
            box-shadow: -170px 0 0 170px #EF4B2D;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_moderate a {
            color: #FFBF00 !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_moderate .cost_breach_value span {
            background-color: #FFBF00;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_moderate .breach-slider::-webkit-slider-thumb {
            width: 0px;
            height: 0px;
            cursor: pointer;
            border-radius: 50%;
            background: #FFBF00;
            -webkit-appearance: none;
            border: 0px solid #FFBF00;
            box-shadow: -170px 0 0 170px #FFBF00 !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_very_low a {
            color: #E2EFDA !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_very_low .cost_breach_value span {
            background-color: #E2EFDA;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_very_low .breach-slider::-webkit-slider-thumb {
            width: 0px;
            height: 0px;
            cursor: pointer;
            border-radius: 50%;
            background: #E2EFDA;
            -webkit-appearance: none;
            border: 0px solid #E2EFDA;
            box-shadow: -170px 0 0 170px #E2EFDA !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_low a {
            color: #4ABA00 !important;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_low .cost_breach_value span {
            background-color: #4ABA00;
        }

        .dashboard_welcome .improve_risk .cyber_risk_ratings .ratings_low .breach-slider::-webkit-slider-thumb {
            width: 0px;
            height: 0px;
            cursor: pointer;
            border-radius: 50%;
            background: #4ABA00;
            -webkit-appearance: none;
            border: 0px solid #4ABA00;
            box-shadow: -170px 0 0 170px #4ABA00 !important;
        }


    .dashboard_welcome .improve_risk .charts_div .new-chart-heading {
        padding-top: 0;
        padding-bottom: 10px;
        border-bottom: 2px solid #c9c7c7;
    }

.dashboard_welcome .company_monitor {
    margin-bottom: 30px;
    background-color: #FFF;
}

    .dashboard_welcome .company_monitor .heading3 {
        padding: 15px;
        font-size: 24px;
        margin-bottom: 0;
    }

    .dashboard_welcome .company_monitor .pep_sanctions {
        margin: 15px;
        padding-bottom: 15px;
    }

        .dashboard_welcome .company_monitor .pep_sanctions .icon_div .number-text {
            background-color: #F2F2F2;
        }

        .dashboard_welcome .company_monitor .pep_sanctions .heading3 {
            padding-top: 0;
            padding-left: 0;
        }

        .dashboard_welcome .company_monitor .pep_sanctions .pep_sanctions_details {
            margin: 0;
            padding: 0;
        }

            /*.dashboard_welcome .company_monitor .pep_sanctions .pep_sanctions_details .details {
                padding: 15px;
            }*/

            .dashboard_welcome .company_monitor .pep_sanctions .pep_sanctions_details h4 {
                color: #000;
                font-weight: 600;
                border-left: none;
                padding: 10px;
                background-color: transparent;
                border-bottom: 2px solid #c9c7c7;
            }

            .dashboard_welcome .company_monitor .pep_sanctions .pep_sanctions_details p {
                background-color: transparent !important;
            }

.dashboard_welcome .cyber_securoty_sec {
    margin-bottom: 30px;
    background-color: #FFF;
}

.dashboard_welcome .cyber_security .cyber_security_thread_indicators .thread_details .thread_div {
    grid-gap: 2rem;
    grid-template-columns: 2.5fr 9fr;
}

.dashboard_welcome .cyber_securoty_sec .heading3 {
    padding: 15px;
    font-size: 24px;
    margin-bottom: 0;
}

.dashboard_welcome .cyber_securoty_sec .cyber_security_thread_indicators {
    border: none;
}

    .dashboard_welcome .cyber_securoty_sec .cyber_security_thread_indicators h4 {
        color: #000;
        border-left: 0;
        font-weight: 600;
        padding: 10px;
        background-color: transparent;
        border-bottom: 2px solid #c9c7c7;
    }

.dashboard_welcome .organication_sec {
    margin-bottom: 30px;
    padding-bottom: 15px;
    background-color: #FFF;
}

    .dashboard_welcome .organication_sec .heading3 {
        padding: 15px;
        font-size: 24px;
        margin-bottom: 15px;
    }

.dashboard_welcome .industry_update {
    margin-bottom: 30px;
    padding-bottom: 15px;
    background-color: #FFF;
}

    .dashboard_welcome .industry_update .heading3 {
        padding: 15px;
        font-size: 24px;
        margin-bottom: 15px;
    }

.dashboard_welcome {
    background-color: #F2F2F2;
}

    .dashboard_welcome .guide_section {
        padding: 15px;
        margin-bottom: 30px;
        background-color: #FFF;
    }

        .dashboard_welcome .guide_section .row {
            margin: 0 0 0 -15px;
        }

        .dashboard_welcome .guide_section .heading3 {
            padding-top: 0;
            font-size: 24px;
            margin-top: 5px;
            margin-bottom: 15px;
            padding-bottom: 15px;
        }

.spin-icon {
    animation: spins 2s linear infinite;
}

@keyframes spins {
    0% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.acknowledged-status {
    vertical-align: middle !important;
}

.acknowledged-yes {
    height: 25px;
    width: 25px;
    background-color: #0d6d0d;
    border-radius: 50%;
    display: inline-block;
}

.acknowledged-no {
    height: 25px;
    width: 25px;
    background-color: #a82631;
    border-radius: 50%;
    display: inline-block;
}

.acknowledged-text {
    padding-left: 10px;
    font-size: 14px !important;
    vertical-align: super;
}


.privacy_policy_div {
    box-shadow: none;
    margin-bottom: 0;
    background-color: transparent;
}

    .privacy_policy_div .four_column {
        display: grid;
        grid-gap: 1.5rem;
        grid-column: 1/4;
        grid-template-columns: repeat(4,1fr);
    }

    .privacy_policy_div .three_column .two_column {
        grid-column: 1/3;
    }

    .privacy_policy_div .three_column .full_column {
        grid-column: 1/4;
    }

    .privacy_policy_div .three_column {
        display: grid;
        grid-gap: 1.5rem;
        grid-template-columns: repeat(3,1fr);
    }

    .privacy_policy_div .view_policy_box {
        padding: 20px;
        border-radius: 5px;
        background-color: #FFF;
        box-shadow: 0 0px 10px rgba(0,0,0,0.05);
    }

        .privacy_policy_div .view_policy_box .summertext-description {
            padding-right: 20px;
            overflow: hidden auto;
        }

            .privacy_policy_div .view_policy_box .summertext-description p b span {
                color: #6691FF !important;
            }

        .privacy_policy_div .view_policy_box .doc_icon {
            padding: 12px 10px;
            border-radius: 5px;
            display: inline-block;
            background-color: #F1EEEE;
        }

            .privacy_policy_div .view_policy_box .doc_icon a {
                color: #000 !important;
            }

        .privacy_policy_div .view_policy_box .checkbox_div {
            margin-bottom: 0;
            margin-top: 50px;
            padding: 7px 10px;
            border-radius: 5px;
            background-color: #F1EEEE;
        }

            .privacy_policy_div .view_policy_box .checkbox_div [type="checkbox"] + label {
                height: 22px;
            }

            .privacy_policy_div .view_policy_box .checkbox_div [type="checkbox"]:checked + label:before {
                top: -2px;
                left: 0px;
                width: 7px;
                z-index: 1;
                height: 14px;
                border-right: 2px solid #FFF;
                border-bottom: 2px solid #FFF;
                border-top: 2px solid transparent;
                border-left: 2px solid transparent;
            }

            .privacy_policy_div .view_policy_box .checkbox_div [type="checkbox"]:checked + label:after {
                transform: scale(1);
            }

            .privacy_policy_div .view_policy_box .checkbox_div [type="checkbox"] + label:after {
                margin: 0 auto;
                border-radius: 1px;
                transform: scale(0);
                background-color: #5a5a5a;
            }

@media screen and (max-width:767px) {
    .privacy_policy_div .three_column .two_column, .privacy_policy_div .three_column, .privacy_policy_div .four_column {
        grid-column: auto;
        grid-template-columns: repeat(1, 1fr);
    }

        .privacy_policy_div .three_column .full_column {
            grid-column: auto;
        }
}

@media screen and (min-width: 768px) and (max-width: 980px) {

    .privacy_policy_div .three_column .two_column {
        grid-column: 1/2;
    }

    .privacy_policy_div .three_column .full_column {
        grid-column: 1/3;
    }

    .privacy_policy_div .four_column {
        grid-column: 1/ span 2;
        grid-template-columns: repeat(2, 1fr);
    }

    .privacy_policy_div .three_column {
        grid-template-columns: repeat(2, 1fr);
    }
}


.course_notify {
    color: #000;
    padding: 10px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 15px;
}

    .course_notify:last-child {
        margin-bottom: 0;
    }

    .course_notify p .congarts {
        color: #4BB543;
        font-size: 18px;
    }

    .course_notify p .attention {
        color: #FF0000;
        font-size: 18px;
    }


.courses_status_div {
    display: grid;
    grid-gap: 1.5rem;
    margin-bottom: 15px;
    padding: 0 0 15px 0;
    background-color: #FFF;
    grid-template-columns: 7fr 5fr;
    border-bottom: 1px solid #EBEBEB;
    /*box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.6);
    -moz-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.6);
    -webkit-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.6);*/
}


    .courses_status_div:last-child {
        border: none !important;
        margin-bottom: 0 !important;
    }

    .courses_status_div.course_passed .course_desc {
        min-height: 255px !important;
    }

    .courses_status_div .video {
        position: relative;
    }

        .courses_status_div .video img {
            width: 100%;
            border-radius: 10px;
            /*box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.3);
            -webkit-box-shadow: 0px 3px 20px 3px rgba(0,0,0,0.3);*/
        }

        .courses_status_div .video .play_icon {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            display: flex;
            position: absolute;
            border-radius: 10px;
            align-items: center;
            justify-content: center;
            color: transparent !important;
            background-color: rgba(0,0,0,0.4);
            cursor: pointer;
        }

            .courses_status_div .video .play_icon span {
                color: #FFF;
                font-size: 75px;
            }

    .courses_status_div .btn-lg {
        width: 100%;
        padding: 10px;
        font-weight: 600;
        font-size: 18px !important;
    }

    .courses_status_div .course_status.passed {
        background-color: #309F49;
    }

    .courses_status_div .course_status.failed {
        background-color: #FC1429;
    }

    .courses_status_div .course_status.incomplete {
        background-color: #EFC952;
    }

    .courses_status_div .course_status {
        color: #FFF;
        padding: 5px;
        border-radius: 50px;
        display: inline-block;
    }

        .courses_status_div .course_status span {
            width: 28px;
            height: 28px;
            font-size: 24px;
            margin-right: 0px;
            line-height: 28px;
            text-align: center;
            vertical-align: middle;
        }

        .courses_status_div .course_status label {
            color: #FFF;
            font-size: 14px;
            margin-bottom: 0;
            margin-right: 10px;
            letter-spacing: 0.5px;
            vertical-align: middle;
            text-transform: uppercase;
        }

    .courses_status_div h2 {
        color: #000;
        margin-top: 0;
        font-size: 24px;
        margin-bottom: 5px;
        line-height: initial;
    }

    .courses_status_div .course_details {
        padding: 15px;
        border-radius: 5px;
        margin-bottom: 15px;
        background-color: #F1EEEE;
    }

    .courses_status_div .two_column {
        display: grid;
        grid-gap: 1.5rem;
        grid-template-columns: 6fr 6fr;
    }

    .courses_status_div .course_details h4 {
        color: #000;
        margin-top: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .courses_status_div .course_details p {
        margin-bottom: 0px;
    }

    .courses_status_div .course_details.course_desc {
        margin-bottom: 0;
        min-height: 325px;
    }

        .courses_status_div .course_details.course_desc p {
            margin-bottom: 10px;
        }

        .courses_status_div .course_details.course_desc ul {
            padding-left: 15px;
        }

@media screen and (min-width: 320px) and (max-width: 980px) {

    .courses_status_div {
        grid-template-columns: 12fr;
    }
}

@media screen and (min-width:1600px) {

    .courses_status_div .course_details.course_desc {
        min-height: 395px;
    }

    .courses_status_div.course_passed .course_desc {
        min-height: 330px !important;
    }
}

.view-details-bg-box {
    background-color: #f8f6f6;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 25px;
    box-shadow: 0 4px 8px 0 rgb(161 161 161 / 20%), 0 6px 20px 0 rgb(245 245 245 / 19%);
}

    .view-details-bg-box h3 {
        font-size: 22px;
        border-bottom: 1px solid #ed142a;
        padding-bottom: 15px;
        margin-top: 0px;
    }

    .view-details-bg-box h4 {
        color: #000;
    }

    .view-details-bg-box p {
        text-align: justify;
    }

    .view-details-bg-box .small-box {
        margin-bottom: 15px;
    }



.quiz_bank_section {
    min-height: inherit;
}

    .quiz_bank_section .wizard-sec-count {
        width: 30%;
        margin: 0 0 15px auto;
    }

    .quiz_bank_section .wizard > .steps {
        display: none;
    }

    .quiz_bank_section .wizard.vertical {
        padding: 0;
        overflow: inherit;
        min-height: inherit;
    }

        .quiz_bank_section .wizard.vertical > .content {
            width: 100%;
            float: none;
            border: none;
            margin: 0 auto;
        }

    .quiz_bank_section .wizard .content .section-heading {
        color: #FFF;
        display: grid;
        padding: 10px;
        margin-top: 0;
        grid-gap: 2rem;
        font-size: 18px;
        margin-bottom: 0;
        font-weight: 600;
        background-color: #000;
        border-radius: 4px 4px 0 0;
        grid-template-columns: 1fr 15fr;
    }

        .quiz_bank_section .wizard .content .section-heading span {
            font-size: 18px;
            padding-right: 5px;
            border-right: 2px solid #FFF;
        }

    .quiz_bank_section .wizard .wizard-sec {
        overflow: hidden;
        border-radius: 7px;
        border: 1px solid #DDD;
    }

        .quiz_bank_section .wizard .wizard-sec .checkbox [type="checkbox"]:checked + label:before {
            top: 0px;
            left: 1px;
            width: 9px;
            z-index: 1;
            height: 14px;
            border-right: 2px solid #FFF;
            border-bottom: 2px solid #FFF;
            border-top: 2px solid transparent;
            border-left: 2px solid transparent;
        }

        .quiz_bank_section .wizard .wizard-sec .checkbox [type="checkbox"] + label {
            height: 28px;
            font-size: 16px;
            line-height: 24px;
            padding-left: 30px;
        }

        .quiz_bank_section .wizard .wizard-sec .checkbox [type="checkbox"]:checked + label:after {
            transform: scale(1);
        }

        .quiz_bank_section .wizard .wizard-sec .checkbox [type="checkbox"] + label:before {
            width: 21px;
            height: 21px;
        }

        .quiz_bank_section .wizard .wizard-sec .checkbox [type="checkbox"] + label:after {
            width: 21px;
            height: 21px;
            margin: 0 auto;
            border-radius: 4px;
        }

        .quiz_bank_section .wizard .wizard-sec .radio input[type="radio"] {
            display: none;
        }

            .quiz_bank_section .wizard .wizard-sec .radio input[type="radio"] + label:after {
                margin: 0;
                width: 18px;
                height: 18px;
            }

            .quiz_bank_section .wizard .wizard-sec .radio input[type="radio"] + label:before {
                margin: 0;
                width: 18px;
                height: 18px;
                border: none;
                background-color: #eee;
            }

        .quiz_bank_section .wizard .wizard-sec .radio [type="radio"]:checked + label:after {
            border: 5px solid #000;
            background-color: #FFF;
        }

        .quiz_bank_section .wizard .wizard-sec .radio label {
            margin: 0;
            height: 28px;
            font-size: 16px;
            line-height: 16px;
            padding-left: 30px;
        }

    .quiz_bank_section .wizard.vertical > .actions {
        width: 100%;
        float: none;
        margin: 0 auto;
        /*padding: 0 15px;*/
    }

    .quiz_bank_section .wizard .actions > ul {
        display: flex;
        justify-content: space-between;
    }

        .quiz_bank_section .wizard .actions > ul li {
            margin: 0;
        }

    .quiz_bank_section .wizard .actions li.disabled {
        opacity: 0;
        display: block;
    }


    .quiz_bank_section .wizard .actions li a {
        font-size: 13px;
        border-radius: 0;
        padding: 10px 16px;
        background-color: #000;
    }

    .quiz_bank_section .wizard .steps > ul li.current span.number {
        color: #FFF !important;
        background-color: #F91838 !important;
    }

    .quiz_bank_section .wizard .steps > ul li.done span.number {
        color: #FFF !important;
        background-color: #000 !important;
    }

    .quiz_bank_section .wizard .steps > ul li span.number {
        color: #FFF !important;
    }


.select_assign_course {
    margin-bottom: 0;
}

    .select_assign_course .panel-title {
        margin-bottom: 0;
    }

        .select_assign_course .panel-title .accordion-right.action-icons {
            display: flex;
            align-items: center;
        }

            .select_assign_course .panel-title .accordion-right.action-icons a {
                margin: 0 !important;
                padding: 0 !important;
            }

        .select_assign_course .panel-title a, .select_assign_course .panel-title span {
            margin-bottom: 0;
            font-size: 21px !important;
        }

        .select_assign_course .panel-title .range_date {
            gap: 3rem;
            display: flex;
            color: #000 !important;
            font-size: 14px !important;
            justify-content: space-evenly;
        }

            .select_assign_course .panel-title .range_date label {
                margin-bottom: 0 !important;
                letter-spacing: 0 !important;
            }

    .select_assign_course .table tbody tr td {
        font-size: 16px;
        padding: 15px 15px;
    }

.updated_arrow_accordion .arrow-right {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

    .updated_arrow_accordion .arrow-right.collapsed {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

.updated_arrow_accordion .accordion-span.collapsed {
    color: #555;
}

.updated_arrow_accordion .accordion-span {
    color: #B2232D;
}

.updated_arrow_accordion .glyphicon.collapsed {
    color: #555;
}

.updated_arrow_accordion .glyphicon {
    color: #B2232D;
}

.courses-assigned-title {
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 0px;
    background-color: #F1EEEE;
}

.pre_assessment_table .table tbody tr td {
    padding: 25px 15px;
    border-bottom-color: #eee;
}

.quiz-font {
    font-size: 24px;
    font-weight: bold;
}

.responseimgdiv {
    margin-top: 45px;
}

.responseimg {
    height: 120px;
}

.pass-div {
    font-size: 24px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #7ac142;
}

.fail-div {
    font-size: 22px !important;
    margin-top: 20px;
    margin-bottom: 20px;
}

.fail-txt {
    font-size: 24px !important;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #f34442;
}

.corse-score-div {
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 20px;
}

.pass-score {
    font-size: 24px !important;
    font-weight: bold;
    color: #7ac142;
}

.fail-score {
    font-size: 24px !important;
    font-weight: bold;
    color: #f34442;
}

.corse-score {
    font-size: 24px !important;
    font-weight: bold;
    color: #000;
}

.popup-ok {
    width: 120px;
    font-size: 20px !important;
}

.quiz-required-msg {
    font-size: 12px !important;
    color: #aaaaaa !important;
}

.training-course-table .containerRdo {
    font-size: 14px;
}

.question-table tbody tr td {
    font-size: 15px !important;
    border-bottom-color: #BABABA;
    padding: 25px 15px !important;
}

.question-table .containerRdo {
    font-size: 14px;
    margin-right: 10px;
    margin-bottom: 5px;
    padding-left: 25px;
    vertical-align: super;
}

    .question-table .containerRdo .checkmarkRdo {
        top: -2px;
    }

    .question-table .containerRdo input[type="radio"] {
        z-index: -1;
        position: absolute;
    }

.audit_risk_box .box-head {
    padding: 12px;
}

.risk_monitoring_section {
    padding: 0 !important;
    border: 1px solid #ddd;
    background-color: #F2F2F2;
}

    .risk_monitoring_section .new-card-design {
        box-shadow: none !important;
    }

.company_profile .first-div {
    display: grid;
    grid-gap: 1rem;
    align-items: center;
    margin-bottom: 20px;
    grid-template-columns: 2fr 10fr;
}

.company_profile {
    padding: 15px;
    display: grid;
    grid-gap: 2rem;
    margin-bottom: 30px;
    background-color: #FFF;
    grid-template-columns: 6fr 6fr;
}


    .company_profile #ulIcons {
        display: grid;
        grid-gap: 1rem;
        align-items: center;
        padding: 0 !important;
        grid-template-columns: 6fr 6fr;
    }

        .company_profile #ulIcons li {
            color: #000;
            display: grid;
            align-items: center;
            list-style-type: none;
            grid-template-columns: 1fr 11fr;
        }

            .company_profile #ulIcons li label {
                margin-bottom: 0;
                line-height: 18px;
            }

            .company_profile #ulIcons li i {
                width: 35px;
                height: 35px;
                color: #FFFFFF !important;
                font-size: 21px;
                padding-right: 0;
                line-height: 35px;
                margin-right: 5px;
                text-align: center;
                border-radius: 50px;
                background-color: #F37021 !important;
            }

    .company_profile .vendor-first-row .social-1 h5 {
        margin: 0;
    }

    .company_profile .vendor-first-row .social-1 a {
        color: #000;
        display: flex;
        grid-gap: 0.5rem;
        font-weight: 500;
        line-height: 32px;
        margin-bottom: 10px;
        align-items: center;
    }

    .company_profile .vedndor-details-inner .details {
        margin-bottom: 25px;
    }

        .company_profile .vedndor-details-inner .details:last-child {
            margin-bottom: 0;
        }

        .company_profile .vedndor-details-inner .details h4 {
            margin: 0;
            color: #FFF !important;
            padding: 10px;
            font-size: 16px;
            font-weight: 500;
            background-color: #2F486E !important;
            border-left: 10px solid #F37021 !important;
        }

        .company_profile .vedndor-details-inner .details p {
            padding: 15px;
            margin-bottom: 0;
            background-color: #EEEEEE !important;
        }

    .company_profile .location-map {
        background-color: #EEEEEE !important;
    }

        .company_profile .location-map h4 {
            margin: 0;
            color: #FFF !important;
            padding: 10px;
            font-size: 16px;
            font-weight: 500;
            text-transform: none;
            background-color: #2F486E !important;
            border-left: 10px solid #F37021 !important;
        }

        .company_profile .location-map p {
            margin: 0;
            color: #000 !important;
            padding: 15px;
        }



.risk_score {
    margin-bottom: 30px;
    background-color: #FFF !important;
}

    .risk_score h2 {
        margin: 0;
        color: #FFF !important;
        padding: 15px;
        font-size: 24px;
        font-weight: 700;
        background-color: #2F486E !important;
        border-left: 10px solid #F0A640 !important;
    }

.risk_score_div {
    display: grid;
    grid-gap: 2rem;
    padding: 50px 15px 0;
    grid-template-columns: 6fr 6fr;
}

.risk_score .risk_score_div .risk_score_details h4 {
    margin: 0;
    color: #FFF !important;
    font-size: 16px;
    overflow: hidden;
    font-weight: 500;
    position: relative;
    background-color: #2F486E !important;
    padding: 10px 10px 10px 10px;
    border-left: 10px solid #F0A640 !important
}

/*.risk_score .risk_score_div .risk_score_details h4::after {
        top: 0;
        width: 50px;
        left: -31px;
        content: '';
        height: 38px;
        position: absolute;
        background-position: 50px -206px;
        background-image: url(http://xchangesustainability.engaiz.net/Content/css/Custom/images/goal_report_bg.png);
    }*/

.risk_score .risk_score_div .risk_score_details p {
    margin: 0;
    padding: 15px;
    background-color: #EEEEEE !important;
}

.risk_score .risk_score_div .risk_score_details .details {
    margin-bottom: 15px;
}

    .risk_score .risk_score_div .risk_score_details .details:last-child {
        margin-bottom: 0;
    }

.risk_score .risk_score_div .risk_score_details ul {
    margin: 0;
    padding: 15px;
    display: grid;
    line-height: 28px;
    list-style-type: none;
    background-color: #EEEEEE !important;
    grid-template-columns: 6fr 6fr;
}

.risk_score .risk_score_div .risk_level {
    display: grid;
    grid-gap: 1rem;
    margin-top: 35px;
    grid-template-columns: repeat(5,1fr);
}

    .risk_score .risk_score_div .risk_level .risk_level_div {
        padding: 10px 5px 5px;
        text-align: center;
        border-radius: 4px;
        background-color: #EEEEEE !important;
    }

        .risk_score .risk_score_div .risk_level .risk_level_div p {
            color: #000 !important;
            text-transform: uppercase;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div img {
            margin-bottom: 10px;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div h3 {
            margin: 10px 0;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div span.verylow {
            color: #77DD77 !important;
            font-size: 24px;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div span.low {
            color: #029A30 !important;
            font-size: 24px;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div span.medium {
            color: #FFD400 !important;
            font-size: 24px;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div span.high {
            color: #FF2014 !important;
            font-size: 24px;
        }

        .risk_score .risk_score_div .risk_level .risk_level_div span.veryhigh {
            color: #820006 !important;
            font-size: 24px;
        }

.risk_score .risk_trend {
    display: grid;
    grid-gap: 2rem;
    padding: 20px;
    grid-template-columns: 6fr 6fr;
}

    .risk_score .risk_trend #curve_chart div {
        width: 100% !important;
    }

    .risk_score .risk_trend h4 {
        margin: 0;
        color: #FFF !important;
        font-size: 16px;
        overflow: hidden;
        font-weight: 500;
        position: relative;
        background-color: #2F486E !important;
        padding: 10px 10px 10px 10px;
        border-left: 10px solid #F0A640 !important
    }

    /*.risk_score .risk_trend h4::after {
            top: 0;
            width: 50px;
            left: -31px;
            content: '';
            height: 38px;
            position: absolute;
            background-position: 50px -206px;
            background-image: url(http://xchangesustainability.engaiz.net/Content/css/Custom/images/goal_report_bg.png);
        }*/

    .risk_score .risk_trend .charts_div {
        border: 1px solid #F0A640 !important;
    }

    .risk_score .risk_trend .charts_content_div {
        border: 1px solid #F0A640 !important;
    }

        .risk_score .risk_trend .charts_content_div ul {
            line-height: 24px;
            padding: 0 30px 10px;
            list-style-type: decimal;
        }

            .risk_score .risk_trend .charts_content_div ul li {
                margin-bottom: 10px;
            }

                .risk_score .risk_trend .charts_content_div ul li:last-child {
                    margin-bottom: 0;
                }

        .risk_score .risk_trend .charts_content_div .charts_score_level {
            display: flex;
            grid-gap: 5rem;
            padding: 25px 0;
            align-items: center;
            justify-content: center;
        }

            .risk_score .risk_trend .charts_content_div .charts_score_level span {
                font-size: 45px;
            }


.company_details {
    margin-bottom: 20px;
    padding-bottom: 5px;
    background-color: #FFF !important;
}

    .company_details h2 {
        margin: 0;
        color: #FFF !important;
        padding: 15px;
        font-size: 24px;
        font-weight: 700;
        background-color: #2F486E !important;
        border-left: 10px solid #F37021 !important;
    }

    .company_details .business_entity {
        margin: 15px;
        border: 1px solid #F37021 !important;
    }

        .company_details .business_entity h4 {
            margin: 0;
            color: #FFF !important;
            font-size: 16px;
            font-weight: 500;
            background-color: #2F486E !important;
            padding: 10px 10px 10px 10px;
            border-left: 10px solid #F37021 !important;
        }

        .company_details .business_entity .new-card-design {
            padding: 15px 10px 0 10px;
        }

        .company_details .business_entity .table-responsive {
            padding: 15px;
        }

        .company_details .business_entity table {
            border: none;
            border-spacing: 0 0.2rem;
            border-collapse: separate;
        }

            .company_details .business_entity table thead tr {
                color: #FFF !important;
                background-color: #2F486E !important;
            }

            .company_details .business_entity table tbody tr:nth-child(even) {
                background-color: rgba(47,72,110,0.15) !important;
            }



.pep_sanctions {
    margin-bottom: 20px;
    background-color: #FFF !important;
}

    .pep_sanctions h2 {
        margin: 0;
        color: #FFF !important;
        padding: 15px;
        font-size: 24px;
        font-weight: 700;
        background-color: #2F486E !important;
        border-left: 10px solid #F0A640 !important;
    }

    .pep_sanctions .icon_div {
        position: relative;
        display: inline-block;
    }

        .pep_sanctions .icon_div span {
            width: 70px;
            height: 70px;
            padding: 5px;
            font-size: 40px;
            margin-bottom: 15px;
            text-align: center;
            border-radius: 50px;
            display: inline-block;
            background-color: #BFBFBF !important;
        }

            .pep_sanctions .icon_div span i {
                color: #FFF !important;
            }

        .pep_sanctions .icon_div .number-text {
            top: 0;
            right: -20px;
            height: 30px;
            position: absolute;
            background-color: #FFF !important;
        }

    .pep_sanctions .pep_sanctions_details {
        margin: 0 15px;
        padding-bottom: 15px;
    }

        .pep_sanctions .pep_sanctions_details .details h4 {
            margin: 0;
            color: #FFF !important;
            padding: 10px;
            font-size: 16px;
            overflow: hidden;
            font-weight: 500;
            position: relative;
            background-color: #2F486E !important;
            border-left: 10px solid #F0A640 !important;
        }

        .pep_sanctions .pep_sanctions_details .details p {
            margin: 0;
            padding: 15px;
            background-color: #EEEEEE !important;
        }


.cyber_security {
    margin-bottom: 20px;
    background-color: #FFF !important;
}

    .cyber_security h2 {
        margin: 0;
        color: #FFF !important;
        padding: 15px;
        font-size: 24px;
        font-weight: 700;
        background-color: #2F486E !important;
        border-left: 10px solid #F37021 !important;
    }

    .cyber_security .cyber_security_thread_indicators {
        border: 1px solid #F37021;
    }

        .cyber_security .cyber_security_thread_indicators h4 {
            margin: 0;
            color: #FFF !important;
            padding: 10px;
            font-size: 16px;
            font-weight: 500;
            background-color: #2F486E !important;
            border-left: 10px solid #F37021 !important;
        }

        .cyber_security .cyber_security_thread_indicators .thread_details {
            padding: 15px;
        }

            .cyber_security .cyber_security_thread_indicators .thread_details .thread_div {
                display: grid;
                grid-gap: 2rem;
                margin-bottom: 15px;
                grid-template-columns: 2.5fr 9fr;
            }

                .cyber_security .cyber_security_thread_indicators .thread_details .thread_div:last-child {
                    margin-bottom: 0px;
                }

            .cyber_security .cyber_security_thread_indicators .thread_details .thread_count {
                gap: 1rem;
                display: flex;
                align-items: center;
                border-right: 2px dashed #7D7D7D !important;
            }

                .cyber_security .cyber_security_thread_indicators .thread_details .thread_count p {
                    font-size: 18px;
                    font-weight: 900;
                    margin-bottom: 0;
                }

            .cyber_security .cyber_security_thread_indicators .thread_details .thread_info p {
                font-size: 14px;
                font-weight: 900;
                margin-bottom: 2px;
            }

            .cyber_security .cyber_security_thread_indicators .thread_details .thread_info span {
                display: block;
                font-size: 12px;
                line-height: 15px;
            }

    .cyber_security .cyber_securtiy_details {
        margin: 0 15px;
        padding-bottom: 15px;
    }

        .cyber_security .cyber_securtiy_details .details {
            margin-bottom: 30px;
            border: 1px solid #F37021;
        }

            .cyber_security .cyber_securtiy_details .details:last-child {
                margin-bottom: 0;
            }

        .cyber_security .cyber_securtiy_details .details-1 h4 {
            color: #000 !important;
            text-transform: none;
            background-color: #FFF !important;
        }

            .cyber_security .cyber_securtiy_details .details-1 h4 span {
                font-size: 16px;
                font-weight: 600;
                padding-right: 5px;
            }

                .cyber_security .cyber_securtiy_details .details-1 h4 span.a-factor {
                    color: #4ABA00 !important;
                }

                .cyber_security .cyber_securtiy_details .details-1 h4 span.b-factor {
                    color: #E5BD00 !important;
                }

                .cyber_security .cyber_securtiy_details .details-1 h4 span.c-factor {
                    color: #F08F00 !important;
                }

                .cyber_security .cyber_securtiy_details .details-1 h4 span.d-factor {
                    color: #F1431C !important;
                }

                .cyber_security .cyber_securtiy_details .details-1 h4 span.f-factor {
                    color: #B40000 !important;
                }

        .cyber_security .cyber_securtiy_details .details h4 {
            margin: 0;
            color: #FFF !important;
            padding: 10px;
            font-size: 16px;
            font-weight: 500;
            background-color: #2F486E !important;
            border-left: 10px solid #F37021 !important;
        }

        .cyber_security .cyber_securtiy_details .details p {
            padding: 15px;
            margin-bottom: 0;
        }

        .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level {
            display: grid;
            grid-gap: 2rem;
            padding: 5px 15px;
            background-color: #EEEEEE !important;
            grid-template-columns: repeat(5,1fr);
        }

            .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level h5 {
                text-transform: uppercase;
            }

            .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level ul {
                margin: 0;
                padding: 0;
                list-style-type: none;
            }

                .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level ul li {
                    font-size: 13px;
                    line-height: 15px;
                    margin-bottom: 10px;
                }

.financial_health {
    margin-bottom: 20px;
    background-color: #FFF !important;
}

    .financial_health h2 {
        margin: 0;
        color: #FFF !important;
        padding: 15px;
        font-size: 24px;
        font-weight: 700;
        background-color: #2F486E !important;
        border-left: 10px solid #F0A640 !important;
    }

    .financial_health .financial_health_div {
        padding: 15px;
        display: grid;
        grid-gap: 2rem;
        grid-template-columns: 6fr 6fr;
    }

        /*.financial_health .financial_health_div .financial_health_content {
                border: 1px solid #CCC;
            }*/

        .financial_health .financial_health_div .financial_health_content .details {
            margin-bottom: 25px;
        }

            .financial_health .financial_health_div .financial_health_content .details:last-child {
                margin-bottom: 0;
            }

            .financial_health .financial_health_div .financial_health_content .details h4 {
                margin: 0;
                color: #FFF !important;
                padding: 10px;
                font-size: 16px;
                font-weight: 500;
                background-color: #2F486E !important;
                border-left: 10px solid #F0A640 !important;
            }

            .financial_health .financial_health_div .financial_health_content .details p {
                padding: 15px;
                margin-bottom: 0;
                background-color: #EEEEEE !important;
            }

        .financial_health .financial_health_div .new-card-design .four_column {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
        }

        .financial_health .financial_health_div .new-card-design {
            padding: 0;
            border-radius: 0;
            border: 1px solid #F0A640 !important;
        }

            .financial_health .financial_health_div .new-card-design h4 {
                margin: 0;
                font-size: 16px;
                font-weight: 500;
                color: #FFF !important;
                background-color: #2F486E !important;
                padding: 10px 10px 10px 10px !important;
                border-left: 10px solid #F0A640 !important;
            }

            .financial_health .financial_health_div .new-card-design .box-head {
                padding: 10px;
                background-color: #EEEEEE !important;
            }

                .financial_health .financial_health_div .new-card-design .box-head p {
                    margin-bottom: 0;
                }

        .financial_health .financial_health_div .financial_health_two_div {
            display: grid;
            grid-gap: 2rem;
            grid-template-columns: 6fr 6fr;
        }

            .financial_health .financial_health_div .financial_health_two_div .content {
                color: #FFF !important;
                padding: 15px;
                background-color: #2F486E !important;
                border-left: 10px solid #F0A640 !important;
            }

                .financial_health .financial_health_div .financial_health_two_div .content .text3 {
                    color: #FFF !important;
                    font-size: 14px;
                }

                .financial_health .financial_health_div .financial_health_two_div .content .number-text {
                    color: #FFF !important;
                    font-size: 18px;
                }

                    .financial_health .financial_health_div .financial_health_two_div .content .number-text .bold {
                        color: #FFF !important;
                    }

.country_risk {
    padding-bottom: 1px;
    background-color: #FFF !important;
}

    .country_risk h2 {
        margin: 0;
        color: #FFF !important;
        padding: 15px;
        font-size: 24px;
        font-weight: 700;
        background-color: #2F486E !important;
        border-left: 10px solid #F37021 !important;
    }

    .country_risk .country_risk_div {
        margin: 15px 0;
    }

        .country_risk .country_risk_div table {
            border: none;
            border-spacing: 0 0.2rem;
            border-collapse: separate;
        }

            .country_risk .country_risk_div table thead tr {
                color: #FFF !important;
                background-color: #2F486E !important;
            }

            .country_risk .country_risk_div table tbody tr:nth-child(even) {
                background-color: rgba(47,72,110,0.15) !important;
            }

    .country_risk .country_risk_content {
        padding: 0;
        margin: 15px;
        border-radius: 0;
        border: 1px solid #F0A640 !important;
    }

        .country_risk .country_risk_content h4 {
            margin: 0;
            color: #FFF !important;
            font-size: 16px;
            font-weight: 500;
            background-color: #2F486E !important;
            padding: 10px 10px 10px 10px;
            border-left: 10px solid #F37021 !important;
        }

.risk_monitoring_section .d-none {
    display: none;
}

.pdf_first_page {
    width: 100%;
    display: none;
    position: relative;
    align-items: center;
}

    .pdf_first_page .company_logo img {
        height: 40px;
        display: block;
        margin: 10px auto 50px auto;
    }

    .pdf_first_page .company_logo h4 {
        font-size: 25px;
        font-weight: 900;
        text-align: center;
        margin-bottom: 90px;
    }

    .pdf_first_page .bg_img {
        position: relative;
    }

    .pdf_first_page .report_name {
        top: 20%;
        right: 25%;
        width: 310px;
        position: absolute;
        text-align: center;
    }

    /*.pdf_first_page .report_name h3 {
            font-size: 45px;
            line-height: 60px;
            letter-spacing: 1px;
            color: #FFF !important;
            text-transform: uppercase;
        }

            .pdf_first_page .report_name h3 span {
                font-size: 45px;
                font-weight: 900;
                letter-spacing: 1px;
                color: #000 !important;
                text-transform: uppercase;
            }*/

    .pdf_first_page .vendor_logo {
        left: 55%;
        bottom: 0;
        position: absolute;
    }

        .pdf_first_page .vendor_logo h5 {
            font-weight: 900;
            text-align: left;
            margin-bottom: 15px;
            color: #000 !important;
            font-size: 21px;
        }

        .pdf_first_page .vendor_logo p {
            text-align: left;
            margin-bottom: 5px;
            color: #000 !important;
            font-size: 16px;
        }

        .pdf_first_page .vendor_logo img {
            height: 150px !important;
        }

/*.pdf_first_page .top_logo {
        text-align: center;
        padding: 25% 20px 70px 20px;
    }

        .pdf_first_page .top_logo img {
            margin: 0 auto;
        }

    .pdf_first_page .company_logo {
        gap: 4rem;
        display: flex;
        margin-top: 90px;
        justify-content: center;
    }

        .pdf_first_page .company_logo img {
            margin: 0;
        }

        .pdf_first_page .company_logo h4 {
            margin: 0;
            font-size: 21px;
            font-weight: bold;
            color: #FFF !important;
            text-transform: uppercase;
        }

    .pdf_first_page .top_logo .bloba_logo {
        margin: 0 !important;
        padding: 5% 0 !important;
    }

        .pdf_first_page .top_logo .bloba_logo img {
            margin: 0 auto;
        }

    .pdf_first_page .top_logo p.tag_line {
        font-size: 21px;
        margin-bottom: 0;
        font-weight: 700;
        text-align: center;
        padding-bottom: 18%;
        color: #FFF !important;
    }

        .pdf_first_page .top_logo p.tag_line span {
            font-weight: 700;
            color: #ED1426 !important;
        }*/

.pdf_second_page {
    display: none;
    margin-top: 120px;
}

    .pdf_second_page .report_generated_details {
        padding: 0 75px;
        margin-bottom: 120px;
    }

        .pdf_second_page .report_generated_details h5 {
            font-size: 16px;
            font-weight: bold;
        }

    .pdf_second_page .report_about_details {
        padding: 0 90px;
        margin: 0 auto 200px auto !important;
    }

        .pdf_second_page .report_about_details h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #000 !important;
        }

        .pdf_second_page .report_about_details p, .pdf_second_page .report_about_details span {
            font-size: 14px;
            text-align: justify;
            margin-bottom: 10px;
            color: #555 !important;
        }


    .pdf_second_page .report_disclaimer {
        margin: 0 auto;
        padding: 0 90px;
    }

        .pdf_second_page .report_disclaimer h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #000 !important;
        }

        .pdf_second_page .report_disclaimer p, .pdf_second_page .report_disclaimer span {
            font-size: 14px;
            text-align: justify;
            margin-bottom: 10px;
            color: #555 !important;
        }

.pdf_last_page {
    display: none;
    align-items: center !important;
    background-color: #000 !important;
}


    .pdf_last_page .footer_logo {
        width: 100%;
        padding: 7% 25px 2% !important;
    }

        .pdf_last_page .footer_logo .company_logo {
            gap: 4rem;
            display: flex;
            margin-bottom: 40px;
            justify-content: center;
        }

    .pdf_last_page .company_logo h2 {
        margin: 0;
        font-size: 21px;
        font-weight: bold;
        color: #FFF !important;
        text-transform: uppercase;
    }

    .pdf_last_page .footer_logo h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 10px;
        color: #FFF !important;
    }

    .pdf_last_page .footer_logo p {
        text-align: center;
    }

        .pdf_last_page .footer_logo p a {
            font-size: 16px;
            text-align: center;
            color: #F91838 !important;
            text-decoration: none !important;
        }

    .pdf_last_page .report_generated_by {
        padding: 0 90px;
        margin: 0 auto 10px auto !important;
    }

        .pdf_last_page .report_generated_by h5 {
            margin-top: 0;
            font-size: 16px;
            font-weight: bold;
            padding-top: 30px;
            margin-bottom: 20px;
            color: #FFF !important;
            text-decoration: underline;
            border-top: 4px solid #F91838 !important;
        }

        .pdf_last_page .report_generated_by p {
            font-size: 16px;
            font-weight: bold;
            text-align: justify;
            margin-bottom: 10px;
            color: #FFF !important;
        }

    .pdf_last_page .report_company_details {
        padding: 0 90px;
        margin: 0 auto 30px auto;
    }

        .pdf_last_page .report_company_details h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 5px;
            color: #FFF !important;
        }

        .pdf_last_page .report_company_details p {
            font-size: 14px;
            text-align: justify;
            margin-bottom: 15px;
            color: #BEBEBE !important;
        }

        .pdf_last_page .report_company_details ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
        }

            .pdf_last_page .report_company_details ul li {
                display: grid;
                grid-gap: 1rem;
                color: #FFF !important;
                grid-template-columns: 3fr 9fr;
            }

                .pdf_last_page .report_company_details ul li b {
                    color: #FFFFFF !important;
                }

                .pdf_last_page .report_company_details ul li span {
                    color: #BEBEBE !important;
                }

    .pdf_last_page .report_about_details {
        padding: 0 90px;
        margin: 0 auto 30px auto;
    }

        .pdf_last_page .report_about_details h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #FFF !important;
        }

        .pdf_last_page .report_about_details p, .pdf_last_page .report_about_details span {
            font-size: 14px;
            text-align: justify;
            margin-bottom: 10px;
            color: #BEBEBE !important;
        }


    .pdf_last_page .report_disclaimer {
        margin: 0 auto;
        padding: 0 90px 20px;
    }

        .pdf_last_page .report_disclaimer h5 {
            font-size: 16px;
            font-weight: bold;
            margin-bottom: 15px;
            color: #FFF !important;
        }

        .pdf_last_page .report_disclaimer p, .pdf_last_page .report_disclaimer span {
            font-size: 14px;
            text-align: justify;
            margin-bottom: 10px;
            color: #BEBEBE !important;
        }

.ui-autocomplete.ui-menu {
    width: 100% !important;
    max-width: 425px;
}

    .ui-autocomplete.ui-menu .ui-menu-item {
        border: none !important;
        text-decoration: none !important;
    }

        .ui-autocomplete.ui-menu .ui-menu-item a {
            font-size: 14px;
            border: none !important;
            text-decoration: none !important;
        }

            .ui-autocomplete.ui-menu .ui-menu-item a:hover {
                color: #000 !important;
            }

.risk_control_response {
    height: 390px;
    overflow-y: auto;
    padding-top: 15px !important;
}

    .risk_control_response .dt-button {
        color: #FFF !important;
        border-radius: 0 !important;
        background-color: #000 !important;
    }

        .risk_control_response .dt-button:hover {
            background-color: #a0a0a0 !important;
        }

.cyber_security_report {
    padding: 0 !important;
    border: 1px solid #ddd;
    background-color: #F2F2F2;
}

    .cyber_security_report .main_page {
        display: none;
    }

        .cyber_security_report .main_page .report_heading {
            display: grid;
            align-items: center;
            margin-bottom: 50px;
            grid-template-columns: 6fr 6fr;
            background-color: #E8E8E8 !important;
        }

            .cyber_security_report .main_page .report_heading p {
                margin: 0;
                padding: 20px;
                font-size: 18px;
                color: #FFF !important;
                background-color: #000 !important;
                border-right: 15px solid #B2232D !important;
            }

            .cyber_security_report .main_page .report_heading h1 {
                margin: 0;
                padding: 15px;
                color: #000 !important;
            }

        .cyber_security_report .main_page .report_generated_by {
            text-align: center;
            margin-bottom: 50px;
        }

            .cyber_security_report .main_page .report_generated_by img {
                margin: 0 auto;
            }

            .cyber_security_report .main_page .report_generated_by p {
                font-size: 18px;
                margin-bottom: 15px;
            }

            .cyber_security_report .main_page .report_generated_by h6 {
                font-size: 16px;
            }

        .cyber_security_report .main_page .report_main_img {
            position: relative;
        }

            .cyber_security_report .main_page .report_main_img img {
                width: 100%;
            }

            .cyber_security_report .main_page .report_main_img .company_logo {
                left: 0;
                width: 100%;
                bottom: -65%;
                display: grid;
                grid-gap: 3rem;
                position: absolute;
                align-items: center;
                grid-template-columns: 5fr 7fr;
            }

                .cyber_security_report .main_page .report_main_img .company_logo img.risk_report_img {
                    border-top: 5px solid #FFF !important;
                    border-right: 7px solid #FFF !important;
                }

                .cyber_security_report .main_page .report_main_img .company_logo img.engaiz_logo {
                    padding-bottom: 25px;
                    border-bottom: 1px solid #000;
                }

                .cyber_security_report .main_page .report_main_img .company_logo h4 {
                    text-align: center;
                }

    .cyber_security_report .cyber_security h2 {
        margin-bottom: 15px;
    }

    .cyber_security_report .cyber_security .cyber_security_thread_indicators .thread_details .thread_div {
        margin-bottom: 7px;
    }

    .cyber_security_report .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level {
        text-align: center;
        grid-template-columns: repeat(3, 1fr);
    }

        .cyber_security_report .cyber_security .cyber_securtiy_details .details-1 .cyber_security_level ul li {
            font-size: 16px;
        }

    .cyber_security_report .cyber_specific_industry {
        padding-bottom: 20px;
        background-color: #FFF !important;
    }

        .cyber_security_report .cyber_specific_industry h2 {
            margin: 0;
            padding: 15px;
            font-size: 24px;
            font-weight: 700;
            margin-bottom: 15px;
            color: #FFF !important;
            background-color: #2F486E !important;
            border-left: 10px solid #F0A640 !important;
        }

        .cyber_security_report .cyber_specific_industry .details {
            margin: 0 15px 15px;
            background-color: #FFF !important;
            border-top: 1px solid #F0A640 !important;
            border-bottom: 1px solid #F0A640 !important;
        }

            .cyber_security_report .cyber_specific_industry .details p:first-child {
                padding-top: 15px;
            }

            .cyber_security_report .cyber_specific_industry .details h4 {
                margin-top: 0;
                font-size: 16px;
                font-weight: 500;
                margin-bottom: 15px;
                color: #FFF !important;
                background-color: #2F486E !important;
                padding: 10px 10px 10px 10px !important;
                border-left: 10px solid #F0A640 !important;
            }

            .cyber_security_report .cyber_specific_industry .details p {
                margin: 0;
                padding: 0 15px 15px;
            }

            .cyber_security_report .cyber_specific_industry .details ul {
                line-height: 24px;
                margin-bottom: 15px;
            }

                .cyber_security_report .cyber_specific_industry .details ul li {
                    margin-bottom: 5px;
                    padding-right: 15px;
                }

.schedule_call_btn {
    font-size: 18px;
    cursor: pointer;
    padding: 12px 25px;
    border-radius: 10px;
    color: #FFF !important;
    text-decoration: none !important;
    background-color: #F0A640 !important;
}

.cyber_security_report .cyber_specific_industry .schedule_call_link {
    margin-top: 25px;
    text-align: center;
}

#tblInherentInsights .report_icon {
    color: #4C4C4C;
}

    #tblInherentInsights .report_icon:hover {
        color: #000 !important;
    }

.report_icon label {
    cursor: pointer !important;
}

.severity-font {
    font-size: 24px;
    font-weight: bold;
}

.audit-lable-2 {
    background-color: #c3c3c3;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
}

.audit-status-2 p {
    line-height: 35px;
    margin: 0;
}

    .audit-status-2 p b {
        float: left;
        margin-left: 0px;
    }

    .audit-status-2 p span {
        margin-left: 5px;
    }

.audit-text-ddl-2 {
    margin: 5px 0 10px 0px;
}

.p-l-0 {
    padding-left: 0px !important;
}

.padding-5-10 {
    padding: 5px 10px !important;
}

.security-chart-img {
    height: 600px;
    margin-top: 30px;
}

.security-chart-img-2 {
    height: 500px;
    margin-top: 30px;
}

.security-data-title {
    font-size: 20px;
    font-weight: bold;
}

.security-chart-div {
    text-align: center;
}

.findvendor-div {
    font-size: 16px;
    line-height: 35px;
    text-align: right
}

.findvendor-div-i {
    font-size: 30px;
    position: absolute;
    margin-left: -32px;
    margin-top: 5px;
}

.findvendor-div-span {
    font-size: 25px !important;
    font-weight: normal;
}

.box-head-div {
    background-color: white !important;
    border-left: 10px solid black !important;
}

.tooltipInfotext-span {
    top: 20px !important;
    left: -200px !important;
}

.overflow-x-hidden {
    overflow-x: hidden !important;
}

.overflow-y-hidden {
    overflow-y: hidden !important;
}

#dvVideos {
    width: 98% !important
}

.slimScrollBar {
    right: 0 !important
}

.width-20per {
    width: 20% !important;
    text-align: center;
    padding: 10px;
    float: left;
}

.width-20per-i {
    font-size: 50px !important;
}

.width-20per-img {
    height: 50px !important;
    margin-bottom: 5px;
}

.width-20per-span {
    font-size: 12px;
    display: block;
}


.cost_breach_section .cost_breach {
    gap: 7rem;
    padding: 10px;
    display: flex;
    align-items: center;
}

    .cost_breach_section .cost_breach .cost_breach_value {
        font-size: 18px;
        font-weight: 700;
        position: relative;
        text-align: center;
    }

        .cost_breach_section .cost_breach .cost_breach_value:after {
            top: 0;
            width: 1px;
            content: '';
            height: 100%;
            right: -30px;
            position: absolute;
            transform: skewX(-10deg);
            border-right: 1px solid #c9c7c7;
        }

        .cost_breach_section .cost_breach .cost_breach_value span {
            color: #FFF;
            width: 95px;
            height: 95px;
            display: flex;
            font-size: 45px;
            border-radius: 50%;
            margin-bottom: 5px;
            align-items: center;
            justify-content: center;
            background-color: #EB1B22;
        }

    .cost_breach_section .cost_breach .cost_breach_percentage {
        width: 100%;
    }

        .cost_breach_section .cost_breach .cost_breach_percentage p {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .cost_breach_section .cost_breach .cost_breach_percentage .breach-slider {
            width: 100%;
            height: 10px;
            outline: none;
            overflow: hidden;
            border-radius: 15px;
            background: #C9C7C7;
            pointer-events: none;
            padding: 0 !important;
            -webkit-appearance: none;
        }

            .cost_breach_section .cost_breach .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
                width: 0px;
                height: 0px;
                cursor: pointer;
                border-radius: 50%;
                background: #EB1B22;
                -webkit-appearance: none;
                border: 0px solid #EB1B22;
                box-shadow: -170px 0 0 170px #EB1B22;
            }

    .cost_breach_section .cost_breach.moderate_probability .cost_breach_value span {
        background-color: #F97E25;
    }

    .cost_breach_section .cost_breach.moderate_probability .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
        background: #F97E25;
        box-shadow: -170px 0 0 170px #F97E25;
    }

    .cost_breach_section .cost_breach.low_probability .cost_breach_value span {
        background-color: #22B14C;
    }

    .cost_breach_section .cost_breach.low_probability .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
        background: #22B14C;
        box-shadow: -170px 0 0 170px #22B14C;
    }

    .cost_breach_section .cost_breach.gray_probability .cost_breach_value span {
        background-color: #808080;
    }

    .cost_breach_section .cost_breach.gray_probability .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
        background: #808080;
        box-shadow: -170px 0 0 170px #22B14C;
    }

.cost_breach_section .avg_cost_breach {
    background-color: #FFF;
    box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.60);
    color: #000;
    font-weight: bold;
}

.cost_breach_section .avg_cost_breach2 {
    background-color: #FFF;
    box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.60);
    color: #000;
    font-weight: bold;
}

.cost_breach_section .avg_cost_breach3 {
    background-color: #FFF;
    box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.60);
    color: #000;
    font-weight: bold;
}

.cost_breach_section.custom_summary_filter .containerRdo {
    padding: 0 !important;
    justify-content: center;
}

    .cost_breach_section.custom_summary_filter .containerRdo .new-card-design {
        padding: 5px;
        width: 100% !important;
        box-shadow: none !important;
    }

        .cost_breach_section.custom_summary_filter .containerRdo .new-card-design .new-chart-heading {
            font-size: 10px;
            padding-top: 0 !important;
        }

    .cost_breach_section.custom_summary_filter .containerRdo .cost_breach {
        grid-gap: 1.5rem;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach.accepted span {
            background-color: #22B14C;
        }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach.acceptance span {
            background-color: #FF6A00;
        }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach.unaccepted span {
            background-color: #FF0000;
        }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach.accepted input[type="range"] {
            /*background-color: #22B14C;*/
        }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach.acceptance input[type="range"] {
            /*background-color: #FF6A00;*/
        }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach.unaccepted input[type="range"] {
            /*background-color: #FF0000;*/
        }

    .cost_breach_section.custom_summary_filter .containerRdo .cost_breach_value {
        font-size: 12px;
        white-space: nowrap;
    }

        .cost_breach_section.custom_summary_filter .containerRdo .cost_breach_value:after {
            right: -10px;
        }

    .cost_breach_section.custom_summary_filter .containerRdo .cost_breach_percentage p {
        font-size: 14px;
    }

    .cost_breach_section.custom_summary_filter .containerRdo .cost_breach_value span {
        width: 30px;
        height: 30px;
        font-size: 16px;
    }

    .cost_breach_section.custom_summary_filter .containerRdo .breach-slider {
        opacity: 1 !important;
        cursor: default !important;
        position: relative !important;
    }

.top_cyber_vectors_section .body {
    padding: 5px;
}

.top_cyber_vectors_section ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style-type: none;
}

    .top_cyber_vectors_section ul li {
        z-index: 1;
        color: #000;
        font-size: 16px;
        font-weight: 700;
        position: relative;
        margin-bottom: 15px;
        border: 1px solid #c9c7c7;
        padding: 12px 15px !important;
        box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.60);
    }

        .top_cyber_vectors_section ul li:last-child {
            margin-bottom: 0;
        }

        .top_cyber_vectors_section ul li span {
            width: 25px;
            height: 25px;
            line-height: 25px;
            font-weight: bold;
            margin-right: 10px;
            text-align: center;
            border-radius: 50px;
            display: inline-block;
            color: #FFF !important;
            background-color: #F97E25;
        }

    .top_cyber_vectors_section ul.top_security_controls li span {
        background-color: #22B14C;
    }


.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.avg_cost_breach_Value {
    color: #000;
    font-weight: bold;
}

.vertical-align-text-bottom {
    vertical-align: text-bottom !important;
}

.img-right-p-3 {
    padding-right: 3px !important;
}

.cyberSecurityGrade-img {
    height: 30px;
    width: 30px;
    padding-right: 5px;
}

.paging-nav {
    text-align: center;
    padding-top: 20px;
    width: 100%;
    font-family: Arial, sans-serif;
}

    .paging-nav a {
        margin: auto 1px;
        text-decoration: none;
        display: inline-block;
        padding: 10px 20px;
        background: black;
        color: white;
        border-radius: 3px;
        cursor: pointer;
    }

    .paging-nav .selected-page {
        background: #187ed5;
        font-weight: bold;
        color: white !important;
    }

.data-type-volume-title {
    background-color: #ddd;
    color: #000;
    padding: 12px 10px;
    font-weight: bold;
}

.sitemap {
    text-align: right;
}

.sitemap-m-t-5 {
    text-align: right;
    margin-top: 5px;
}

.control-level {
    color: #fff;
    padding: 7px;
    text-align: center;
    font-weight: bold;
    margin: auto;
}

.control-level-1-bg {
    background-color: #79A440;
}

.control-level-2-bg {
    background-color: #96B55C;
}

.control-level-3-bg {
    background-color: #FEB814;
}

.control-level-4-bg {
    background-color: #e57226;
}

.control-level-5-bg {
    background-color: #C42134;
}

.low-severity-bg {
    background-color: #ADEB5C;
}

.medium-severity-bg {
    background-color: #EFE4B0;
}

.high-severity-bg {
    background-color: #FF7F27;
}

.critical-severity-bg {
    background-color: #FA1E26;
}

.catastrophic-severity-bg {
    background-color: #A61C2C;
}

.customer-risk-grade-text {
    padding-top: 20px;
}

.customer-risk-grade-img {
    height: 80px;
    padding: 0 20px 20px 20px;
}

/****  CyberRiskQuantification ****/
.CyberRiskQuantification_Section .cyber_riskquantification_chart {
    height: 400px;
    overflow-y: auto;
}

.CyberRiskQuantification_Section canvas#CyberRiskQuantificationChart {
    width: 100%;
}

.CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label {
    color: #FFF;
    padding: 5px 0;
    display: block;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}

    .CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label.no_risk {
        background-color: #E0E0E0;
    }

    .CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label.vlow_risk {
        background-color: #79A440;
    }

    .CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label.low_risk {
        background-color: #96B55C;
    }

    .CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label.moderate_risk {
        background-color: #FEB814;
    }

    .CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label.high_risk {
        background-color: #E57226;
    }

    .CyberRiskQuantification_Section .tblCyberRiskCompant .risk_label.vhigh_risk {
        background-color: #C42134;
    }

.CyberRiskQuantificationScenarios_Section .annual_loss_heading, .CyberRiskQuantificationScenariosDetail_Section .annual_loss_heading {
    color: #FFF;
    text-align: center;
    border-bottom: none;
    background-color: #EE4240;
}

.CyberRiskQuantificationScenariosDetail_Section .lef_tabs .nav-tabs {
    background-color: #EFEFEF;
}

    .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .nav-tabs li a {
        background-color: transparent;
    }

.CyberRiskQuantificationScenariosDetail_Section .lef_tabs .new-card-design {
    padding: 0 0 15px;
}

.CyberRiskQuantificationScenariosDetail_Section .lef_tabs .tab-content {
    padding: 15px;
}

.CyberRiskQuantificationScenariosDetail_Section .lef_tabs .box-head {
    margin-bottom: 15px;
    padding: 10px 15px 20px;
}

.CyberRiskQuantificationScenariosDetail_Section .lef_tabs .new-chart-heading {
    padding-top: 0;
    margin-bottom: 15px;
    padding-bottom: 10px;
}

.CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button {
    position: relative;
    display: inline-block;
}

    .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button label {
        margin: 0;
        padding: 0;
        width: 40px;
        height: 30px;
        color: #9F9F9F;
        display: block;
        cursor: pointer;
        overflow: hidden;
        user-select: none;
        text-align: center;
        border-radius: 3px;
        border: 1px solid #DDD;
        transition: all 120ms ease-in-out;
        -webkit-tap-highlight-color: transparent;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }

        .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button label p {
            margin: 0;
            font-size: 12px;
        }

        .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button label:after {
            border: none;
            content: inherit;
        }

        .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button label:before {
            margin: 0;
            width: 100%;
            border: none;
            display: block;
            font-size: 14px;
            line-height: 30px;
            font-family: "Roboto";
            content: attr(data-icon);
        }

    .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button input[type=radio] {
        display: none;
    }

        .CyberRiskQuantificationScenariosDetail_Section .lef_tabs .radio__button input[type=radio]:checked + label {
            background: #337272;
            color: #FFF !important;
            border: 1px solid #337272;
        }

.vendor-tier-bg {
    padding: 8px;
    color: #FFF !important;
    font-size: 16px !important;
    justify-content: center;
}

.Control-Severity-bg {
    padding: 6px;
    color: #FFF !important;
    font-size: 14px !important;
    text-align: center;
    margin-bottom: 0 !important;
}

.bg-white-only {
    background-color: #fff !important;
}

.font-bold {
    font-weight: bold !important;
}

.color-333 {
    color: #333 !important;
}

margin-bottom: 0 !important;
}

.tblVulnerabilityDetails h3 {
    margin-top: 5px;
    margin-bottom: 10px;
}

.tblVulnerabilityDetails p {
    margin-bottom: 5px;
}

.tblVulnerabilityDetails .tbl_vulnerability_heading {
    background-color: #FAFAFA !important;
}

.Vulnerabilities_ScanInfrastructure {
    box-shadow: none;
    background-color: transparent;
}

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

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .two_column {
            grid-column: 2 / span 2 !important;
        }

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .severity_level {
            display: flex;
            align-items: center;
        }

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .vlow_risk {
            color: #FFF;
            background-color: #79A440;
        }

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .low_risk {
            color: #FFF;
            background-color: #96B55C;
        }

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .moderate_risk {
            background-color: #FEB814;
        }

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .high_risk {
            color: #FFF;
            background-color: #E57226;
        }

        .Vulnerabilities_ScanInfrastructure .privacy_policy_div .vhigh_risk {
            color: #FFF;
            background-color: #C42134;
        }

    .Vulnerabilities_ScanInfrastructure .tbl_threat_value {
        border: none;
    }

        .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr:nth-child(odd) {
            background-color: #F5F5F5 !important;
        }

        .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr:nth-child(even) {
            background-color: #FFF !important;
        }

        .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr th, .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr td {
            border: none;
        }

            .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr td p:last-child {
                margin-bottom: 0;
            }


        .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr th {
            text-align: center;
        }

            .Vulnerabilities_ScanInfrastructure .tbl_threat_value tr th span {
                display: block;
                color: #C42134;
                font-size: 28px;
                margin-bottom: 5px;
            }

    .Vulnerabilities_ScanInfrastructure .threat_value_section {
        display: grid;
        grid-gap: 2rem;
        margin-bottom: 20px;
    }

        .Vulnerabilities_ScanInfrastructure .threat_value_section:last-child {
            margin-bottom: 0px;
        }

    .Vulnerabilities_ScanInfrastructure .column_8 {
        grid-template-columns: 8fr 4fr;
    }

    .Vulnerabilities_ScanInfrastructure .column_6 {
        grid-template-columns: 6fr 6fr;
    }

    .Vulnerabilities_ScanInfrastructure .column_4 {
        grid-template-columns: 4fr 8fr;
    }

    .Vulnerabilities_ScanInfrastructure .threat_value_inner {
        padding: 20px;
        overflow: hidden;
        position: relative;
        border-radius: 5px;
        background-color: #FFF;
        box-shadow: 0 0px 10px rgba(0,0,0,0.05);
    }

        .Vulnerabilities_ScanInfrastructure .threat_value_inner h4 {
            margin-top: 0;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 15px;
            padding-bottom: 15px;
            border-bottom: 1px solid #EEE;
        }

    .Vulnerabilities_ScanInfrastructure .threat_value_icon {
        text-align: center;
    }

    .Vulnerabilities_ScanInfrastructure .threat_value_inner {
        display: grid;
        grid-gap: 1rem;
        align-items: center;
        grid-template-columns: 1.5fr 10fr;
    }

        .Vulnerabilities_ScanInfrastructure .threat_value_inner .main_icon {
            font-size: 90px;
        }

        .Vulnerabilities_ScanInfrastructure .threat_value_inner .second_icon {
            top: -30px;
            left: -50px;
            opacity: 0.05;
            font-size: 220px;
            position: absolute;
        }

.cyber-score {
    font-weight: bold;
    font-size: 24px;
}

.cyber-score-color-a {
    color: #4aba00 !important;
}

.cyber-score-color-b {
    color: #e5bd00 !important;
}

.cyber-score-color-c {
    color: #f08f00 !important;
}

.cyber-score-color-d {
    color: #f1431c !important;
}

.cyber-score-color-f {
    color: #b40000 !important;
}

.cyber-score-color-na {
    color: #d9d9d9 !important;
}

.Enterprise-Agreements-tblTitle {
    color: #4aba00 !important;
    font-size: 14px !important;
    font-weight: bold;
}


.ratings-mid {
    position: relative;
    vertical-align: middle;
    display: inline-block;
    color: #b1b1b1;
    overflow: hidden;
}

.full-stars-mid {
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
    overflow: hidden;
    color: black;
}

    .empty-stars-mid:before, .full-stars-mid:before {
        content: "\2605\2605\2605\2605\2605";
        font-size: 24pt;
    }

.empty-stars-mid:before {
    -webkit-text-stroke: 1px #848484;
}

.full-stars-mid:before {
    -webkit-text-stroke: 1px black;
}

.divPreQuestionList .dropdown-menu .active {
    color: #000;
    background-color: #F5F5F5;
}

/*********** Page CSS ************/


/* VendorRisk View */
/*#tblPreAssessmentRules .caret {
    left: 50%
}

#tblPreAssessmentRules .ddlResponse .ddlResponse {
    width: 150px !important
}*/

#tblPreAssessmentRules .bootstrap-select .bs-searchbox {
    padding: 0px 15px 5px 0 !important;
}

/*#SCAVendorListAttrList {
    padding-left: 10px;
    padding-right: 10px;
}*/

#SCAVendorListAttrList #tblAttr tr th {
    text-align: center;
}

#SCAVendorListAttrList #tblAttr input[type=text] {
    margin-left: 20px;
    width: 250px;
    height: 40px;
}

#SCAVendorListAttrList #tblAttr tr td {
    padding: 17px 10px;
}

/*#SCAVendorListAttrList h5 {
        border: 1px solid #eee;
        background-color: #f5f5f5;
    }*/

/*#SCAVendorListAttrList .panel {
        border: 1px solid #eee;
        margin-bottom: 10px !important;
    }*/

#SCAVendorListAttrList table [type="radio"]:not(:checked), #SCAVendorListAttrList table [type="radio"]:checked {
    position: relative;
    left: 0px;
    opacity: 1;
    margin-left: 20px;
}

#SCAVendorListAttrList .w3-input {
    padding: 8px;
    display: block;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%
}

#SCAVendorListAttrList .border-red {
    border: 1px solid red;
}

#PreAssement .bootstrap-select {
    width: 100% !important
}

#VendorRiskResponsDetails {
    padding-top: 0px;
    margin-top: 20px;
    padding-left: 0px;
}

    #VendorRiskResponsDetails .w3-input {
        padding: 8px;
        display: block;
        border: none;
        border-bottom: 1px solid #ccc;
        width: 100%
    }

    #VendorRiskResponsDetails table .tooltipInfo .tooltipInfotext, #VendorRiskResponsDetails #tblSummary .tooltipInfo .tooltipInfotext {
        width: 360px;
        background-color: black;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 5px 5px;
        position: absolute;
        z-index: 2;
        top: 25px;
        left: -300px;
        font-weight: normal !important;
    }

    #VendorRiskResponsDetails .vendorlist_chart_section .progress-wrap {
        width: 100%;
        max-width: 1000px;
    }

    #VendorRiskResponsDetails .vendorlist_chart_section .inner-progress-wrap {
        width: 100%;
        height: 20px;
        margin-top: 30px;
        position: relative;
        margin-bottom: 20px;
        /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
        /* ff 3.6+ */
        background: -moz-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
        /* safari 5.1+,chrome 10+ */
        background: -webkit-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
        /* opera 11.10+ */
        background: -o-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
        /* global 94%+ browsers support */
        background: linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    }

        #VendorRiskResponsDetails .vendorlist_chart_section .inner-progress-wrap > * {
            position: absolute;
        }

    #VendorRiskResponsDetails .vendorlist_chart_section .milestones {
        top: 30px;
        font-size: 12px;
    }

    #VendorRiskResponsDetails .vendorlist_chart_section .progres {
        height: 20px;
        background-color: transparent;
        transition: 300ms all;
        display: block;
        border-radius: 5px;
        width: 0;
    }

    #VendorRiskResponsDetails .vendorlist_chart_section .count {
        top: -30px;
        width: 20px;
        height: 20px;
        right: -12px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
        position: absolute;
        text-align: center;
        border-radius: 50% 50% 0;
        background-color: #651fff;
        transform: rotateZ(45deg);
    }

        #VendorRiskResponsDetails .vendorlist_chart_section .count.vhigh {
            background-color: #C42134;
            color: #C42134;
        }

        #VendorRiskResponsDetails .vendorlist_chart_section .count.high {
            background-color: #e57226;
            color: #e57226;
        }

        #VendorRiskResponsDetails .vendorlist_chart_section .count.moderate {
            background-color: #FEB814;
            color: #FEB814;
        }

        #VendorRiskResponsDetails .vendorlist_chart_section .count.low {
            background-color: #96B55C;
            color: #96B55C;
        }

        #VendorRiskResponsDetails .vendorlist_chart_section .count.vlow {
            background-color: #79A440;
            color: #79A440;
        }

    #VendorRiskResponsDetails .vendorlist_chart_section {
        padding: 15px;
        background-color: #F5F5F5
    }

        #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div {
            padding: 15px;
            display: grid;
            grid-gap: 2rem;
            background-color: #FFF;
            border: 3px solid #E8E8EA;
            grid-template-columns: 10fr 2fr;
        }

        #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart p {
            font-size: 18px;
            margin-bottom: 4px !important;
        }

            #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart p span {
                font-size: 11px;
                color: #000000 !important;
            }

        #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label {
            width: 100%;
            bottom: -32px;
            position: absolute;
        }

            #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label label {
                color: #000;
                font-size: 11px;
                font-weight: 900;
                text-align: center;
            }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(1) {
                    width: 19.5%;
                    color: #b8b8b8 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(2) {
                    width: 19.5%;
                    color: #b8b8b8 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(3) {
                    width: 19.5%;
                    color: #b8b8b8 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(4) {
                    width: 19.5%;
                    color: #b8b8b8 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(5) {
                    width: 19.5%;
                    color: #b8b8b8 !important;
                }

        #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value {
            height: 100%;
            display: flex;
            text-align: center;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            /*background-color: #F5F5F5;*/
            border: 3px solid #E8E8EA;
        }

            #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h4 {
                font-size: 28px;
                font-weight: 200;
                margin: 0 0 10px 0;
            }

            #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h5 {
                margin: 0;
                color: #e57226;
                font-size: 21px;
                font-weight: 200;
            }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vhigh {
                    color: #C42134 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.high {
                    color: #e57226 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.moderate {
                    color: #FEB814 !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.low {
                    color: #96B55C !important;
                }

                #VendorRiskResponsDetails .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vlow {
                    color: #79A440 !important;
                }

#VendorRiskCertification #tbtRiskCerti .tooltipInfo .tooltipInfotext {
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 5;
    top: 0;
    left: -300px;
    font-weight: normal !important;
    text-transform: none !important
}


#VendorRiskCertification .blink {
    font-weight: bold;
    animation: VCertificationAnimate 1.5s linear infinite;
    display: inline;
}

    #VendorRiskCertification .blink b, #VendorRiskCertification .blink sup {
        font-weight: bold
    }

@keyframes VCertificationAnimate {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


#VendorRiskCertificationDetails #tblRiskDtlDash tr th, #VendorRiskCertificationDetails #tblRiskDtlDash tr td {
    text-align: center;
}

#VendorRiskCertificationDetails .hedaingtable {
    vertical-align: bottom;
}

#VendorRiskCertificationDetails #dvRiskDtlDash .tooltipInfo .tooltipInfotext {
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: -300px;
    font-weight: normal !important;
    text-transform: none !important
}

#VendorRiskCertificationDetails .blink {
    font-weight: bold;
    animation: VRiskCertDetailsAnimate 1.5s linear infinite;
    display: inline;
}

    #VendorRiskCertificationDetails .blink b, #VendorRiskCertificationDetails .blink sup {
        font-weight: bold
    }

@keyframes VRiskCertDetailsAnimate {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}


#InherentInsights .modal1 {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1050; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

#InherentInsights .modal-content1 {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

#InherentInsights .close1 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    #InherentInsights .close1:hover,
    #InherentInsights .close1:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

#InherentInsights .ppModal {
    width: 810px;
    margin: 30px auto;
}

#InherentInsights .MsgModal {
    width: 478px;
    padding: 40px;
    text-align: center;
    background-color: #fff;
    margin: 30px auto;
}

#InherentInsights .icon-span {
    font-size: 24px !important;
    font-weight: bold;
    position: relative;
    top: -7px;
    padding: 0 2px;
}



#AddNewCustomQues .bootstrap-select .open {
    width: 90% !important
}



.divPreQuestionList #tblReport tr th {
    border: 8px solid #fff !important;
}

    .divPreQuestionList #tblReport tr th:nth-child(1), .divPreQuestionList #tblReport tr th:nth-child(3) {
        width: 15% !important
    }

.divPreQuestionList .PreSteps {
    display: none;
    position: fixed;
    z-index: 1100;
    top: 50%;
    left: 25%;
    height: 100%;
    width: 70%;
}

    .divPreQuestionList .PreSteps:before {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(228,228, 228,0.3);
    }

    .divPreQuestionList .PreSteps .progress {
        height: 60px;
    }

    .divPreQuestionList .PreSteps .bg-dark {
        background-color: #040404 !important;
    }

    .divPreQuestionList .PreSteps .material-icons {
        color: green
    }

    .divPreQuestionList .PreSteps .progress-bar {
        line-height: 60px !important
    }

body.loadP .divPreQuestionList .PreSteps {
    overflow: hidden;
}

body.loadP .divPreQuestionList .PreSteps {
    display: block;
}

.divPreQuestionList #rptMain .tooltipInfo .tooltipInfotext {
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    padding: 5px 10px;
    position: absolute;
    z-index: 2;
    top: 0;
    left: -300px;
    font-weight: normal !important;
    text-transform: none !important
}

/*.divPreQuestionList #dvRecommendations {
    color: black !important;
    font-size: 17px
}*/

.divPreQuestionList #dvRecommendations p {
    margin-bottom: 20px
}

.divPreQuestionList #dvRecommendations ul {
    padding: 20px;
}

.divPreQuestionList .border-none {
    border-collapse: collapse;
    border: none;
}

    .divPreQuestionList .border-none td {
        border: 1px solid black;
        padding: 20px;
    }

    .divPreQuestionList .border-none tr:first-child td {
        border-top: none;
    }

    .divPreQuestionList .border-none tr:last-child td {
        border-bottom: none;
    }

    .divPreQuestionList .border-none tr td:first-child {
        border-left: none;
        font-weight: bold;
    }

    .divPreQuestionList .border-none tr td:last-child {
        border-right: none;
    }

    .divPreQuestionList .border-none ul li {
        color: darkgrey;
        font-style: italic;
    }

.divPreQuestionList .vendorlist_chart_section .progress-wrap {
    width: 100%;
    max-width: 1000px;
}

.divPreQuestionList .clsInstructionAndNotice {
    font-weight: bold;
    color: #0b0e11;
    font-size: 16px;
    display: block;
    margin-bottom: 10px;
}

.divPreQuestionList .clsInstructionNoticsContent {
    margin-bottom: 10px;
}


.divPreQuestionList .vendorlist_chart_section .inner-progress-wrap {
    width: 100%;
    height: 20px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 20px;
    /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
    /* ff 3.6+ */
    background: -moz-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* safari 5.1+,chrome 10+ */
    background: -webkit-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* opera 11.10+ */
    background: -o-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* global 94%+ browsers support */
    background: linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
}

    .divPreQuestionList .vendorlist_chart_section .inner-progress-wrap > * {
        position: absolute;
    }

.divPreQuestionList .vendorlist_chart_section .milestones {
    top: 30px;
    font-size: 12px;
}

.divPreQuestionList .vendorlist_chart_section .progres {
    height: 20px;
    background-color: transparent;
    transition: 300ms all;
    display: block;
    border-radius: 5px;
    width: 0;
}

.divPreQuestionList .vendorlist_chart_section .count {
    top: -30px;
    width: 20px;
    height: 20px;
    right: -12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    text-align: center;
    border-radius: 50% 50% 0;
    background-color: #651fff;
    transform: rotateZ(45deg);
}

    .divPreQuestionList .vendorlist_chart_section .count.vhigh {
        background-color: #C42134;
        color: #C42134;
    }

    .divPreQuestionList .vendorlist_chart_section .count.high {
        background-color: #e57226;
        color: #e57226;
    }

    .divPreQuestionList .vendorlist_chart_section .count.moderate {
        background-color: #FEB814;
        color: #FEB814;
    }

    .divPreQuestionList .vendorlist_chart_section .count.low {
        background-color: #96B55C;
        color: #96B55C;
    }

    .divPreQuestionList .vendorlist_chart_section .count.vlow {
        background-color: #79A440;
        color: #79A440;
    }

.divPreQuestionList .vendorlist_chart_section {
    padding: 15px;
    border-radius: 10px;
    background-color: #F9F9FB
}

    .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div {
        padding: 15px;
        display: grid;
        grid-gap: 2rem;
        border-radius: 7px;
        background-color: #FFF;
        /*border: 3px solid #E8E8EA;*/
        grid-template-columns: 10fr 2fr;
    }

    .divPreQuestionList .vendorlist_chart_section .vendorlist_chart p {
        font-size: 18px;
        margin-bottom: 4px !important;
    }

        .divPreQuestionList .vendorlist_chart_section .vendorlist_chart p span {
            font-size: 11px;
            color: #b8b8b8 !important;
        }

    .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label {
        width: 100%;
        bottom: -32px;
        position: absolute;
    }

        .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label label {
            color: #000;
            font-size: 11px;
            font-weight: 900;
            text-align: center;
        }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(1) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(2) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(3) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(4) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(5) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

    .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value {
        height: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        /*background-color: #F5F5F5;*/
        border: 3px solid #E8E8EA;
    }

        .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h4 {
            font-size: 28px;
            font-weight: 200;
            margin: 0 0 10px 0;
        }

        .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h5 {
            margin: 0;
            color: #e57226;
            font-size: 21px;
            font-weight: 200;
        }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vhigh {
                color: #C42134 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.high {
                color: #e57226 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.moderate {
                color: #FEB814 !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.low {
                color: #96B55C !important;
            }

            .divPreQuestionList .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vlow {
                color: #79A440 !important;
            }

.divPreQuestionList .Pre-risk-score-span {
    font-size: 16px !important;
    padding-left: 5px;
}



#VendorRiskResQuesList {
    margin-top: 20px;
    padding-top: 0px;
    padding-left: 0px;
}

    #VendorRiskResQuesList .w3-input {
        padding: 8px;
        display: block;
        border: none;
        border-bottom: 1px solid #ccc;
        width: 100%;
        overflow: auto;
    }

    #VendorRiskResQuesList table .tooltipInfo .tooltipInfotext, #VendorRiskResQuesList #tblSummary .tooltipInfo .tooltipInfotext {
        width: 360px;
        background-color: black;
        color: #fff;
        text-align: left;
        border-radius: 6px;
        padding: 5px 5px;
        position: absolute;
        z-index: 2;
        top: 0;
        left: -360px;
        font-weight: normal !important;
    }

    #VendorRiskResQuesList .br-theme-fontawesome-stars {
        float: right;
    }

        #VendorRiskResQuesList .br-theme-fontawesome-stars .br-widget a.br-selected:after {
            color: black !important
        }

        #VendorRiskResQuesList .br-theme-fontawesome-stars .br-widget a.br-active:after {
            color: black !important
        }

.VulnerabilitiesSDetailDiv_scandatebx {
    font-size: 15px !important
}
/* Auto Pilot View */
#tblRiskEvents .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 200px !important
}

.card.vulnerabilities .body .col-xs-4, .card.vulnerabilities .body .col-sm-4, .card.vulnerabilities .body .col-md-4, .card.vulnerabilities .body .col-lg-4 {
    margin-bottom: 0 !important;
}

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

.card.vulnerabilities {
    background-color: #f5f5f5;
}

.vulnerabilities_values.vulnerabilities_Data {
    display: flex;
    text-align: center;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    background-color: #E8E8EA;
    padding: 12px 12px;
}

    .vulnerabilities_values.vulnerabilities_Data p {
        font-size: 21px;
        font-weight: 600;
        text-align: center;
    }

    .vulnerabilities_values.vulnerabilities_Data h3 {
        font-size: 36px;
        margin-top: 2px;
        margin-bottom: 0;
        text-align: center;
    }



/* Monitor */
#VSDI .vendorlist_chart_section {
    display: grid;
    grid-gap: 1.5rem;
    grid-template-columns: 2fr 10fr;
}

    #VSDI .vendorlist_chart_section .vulnerabilities_values {
        display: flex;
        text-align: center;
        flex-direction: column;
        justify-content: center;
        background-color: #E8E8EA;
    }

        #VSDI .vendorlist_chart_section .vulnerabilities_values p {
            font-size: 21px;
            font-weight: 600;
            text-align: center;
        }

        #VSDI .vendorlist_chart_section .vulnerabilities_values h3 {
            font-size: 36px;
            margin-top: 2px;
            margin-bottom: 0;
            text-align: center;
        }

    #VSDI .vendorlist_chart_section .progress-wrap {
        width: 100%;
        max-width: 1000px;
    }

    #VSDI .vendorlist_chart_section .inner-progress-wrap {
        width: 100%;
        height: 20px;
        margin-top: 30px;
        position: relative;
        margin-bottom: 20px;
        /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
        /* ff 3.6+ */
        background: -moz-linear-gradient(90deg, @Model.MinimalSeverityColor 0%, @Model.MinimalSeverityColor 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, @Model.LowSeverityColor 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, @Model.ModerateSeverityColor 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, @Model.HighSeverityColor 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, @Model.VeryHighSeverityColor 100%);
        /* safari 5.1+,chrome 10+ */
        background: -webkit-linear-gradient(90deg, @Model.MinimalSeverityColor 0%, @Model.MinimalSeverityColor 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, @Model.LowSeverityColor 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, @Model.ModerateSeverityColor 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, @Model.HighSeverityColor 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, @Model.VeryHighSeverityColor 100%);
        /* opera 11.10+ */
        background: -o-linear-gradient(90deg, @Model.MinimalSeverityColor 0%, @Model.MinimalSeverityColor 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, @Model.LowSeverityColor 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, @Model.ModerateSeverityColor 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, @Model.HighSeverityColor 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, @Model.VeryHighSeverityColor 100%);
        /* global 94%+ browsers support */
        background: linear-gradient(90deg, @Model.MinimalSeverityColor 0%, @Model.MinimalSeverityColor 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, @Model.LowSeverityColor 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, @Model.ModerateSeverityColor 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, @Model.HighSeverityColor 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, @Model.VeryHighSeverityColor 100%);
    }

        #VSDI .vendorlist_chart_section .inner-progress-wrap > * {
            position: absolute;
        }

    #VSDI .vendorlist_chart_section .milestones {
        top: 30px;
        font-size: 12px;
    }

    #VSDI .vendorlist_chart_section .progres {
        height: 20px;
        background-color: transparent;
        transition: 300ms all;
        display: block;
        border-radius: 5px;
        width: 0;
    }

    #VSDI .vendorlist_chart_section .count {
        top: -30px;
        width: 20px;
        height: 20px;
        right: -12px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 600;
        line-height: 25px;
        position: absolute;
        text-align: center;
        border-radius: 50% 50% 0;
        background-color: #651fff;
        transform: rotateZ(45deg);
    }

        #VSDI .vendorlist_chart_section .count.vhigh {
            background-color: #C42134;
            color: #C42134;
        }

        #VSDI .vendorlist_chart_section .count.high {
            background-color: #e57226;
            color: #e57226;
        }

        #VSDI .vendorlist_chart_section .count.moderate {
            background-color: #FEB814;
            color: #FEB814;
        }

        #VSDI .vendorlist_chart_section .count.low {
            background-color: #96B55C;
            color: #96B55C;
        }

        #VSDI .vendorlist_chart_section .count.vlow {
            background-color: #79A440;
            color: #79A440;
        }

#VSDI .vendorlist_chart_section {
    padding: 15px;
    background-color: #F5F5F5
}

    #VSDI .vendorlist_chart_section .vendorlist_chart_div {
        padding: 15px;
        display: grid;
        grid-gap: 2rem;
        background-color: #FFF;
        border: 3px solid #E8E8EA;
        grid-template-columns: 10fr 2fr;
    }

    #VSDI .vendorlist_chart_section .vendorlist_chart p {
        font-size: 18px;
        margin-bottom: 4px !important;
    }

        #VSDI .vendorlist_chart_section .vendorlist_chart p span {
            font-size: 11px;
            color: #b8b8b8 !important;
        }

    #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label {
        width: 100%;
        bottom: -32px;
        position: absolute;
    }

        #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label label {
            color: #000;
            font-size: 11px;
            font-weight: 900;
            text-align: center;
        }

            #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(1) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(2) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(3) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(4) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(5) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

    #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value {
        height: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        background-color: #F5F5F5;
        border: 3px solid #E8E8EA;
    }

        #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h4 {
            font-size: 28px;
            font-weight: 200;
            margin: 0 0 5px 0;
        }

        #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h5 {
            margin: 0;
            color: #e57226;
            font-size: 21px;
            font-weight: 200;
        }

            #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vhigh {
                color: #C42134 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.high {
                color: #e57226 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.moderate {
                color: #FEB814 !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.low {
                color: #96B55C !important;
            }

            #VSDI .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vlow {
                color: #79A440 !important;
            }

#tblActionDetails .action-icon-left {
    float: left !important;
    margin-right: 5px;
}

#tblActionDetails .action-items-icon {
    font-size: 25px !important;
    color: #000 !important;
}

#tblActionDetails .auditor-action-items-icon {
    font-size: 25px !important;
    color: #0cc9b7 !important;
}

#tblActionDetails .auditor-action-items {
    color: #0cc9b7 !important;
}

#tblActionDetails .auditor-h4 {
    color: #0cc9b7 !important;
    font-size: 18px !important;
}



/*Vendor Master*/
#FindVendorMaster #dvControl .bootstrap-select {
    width: 550px;
}

#FindVendorMaster #SearchVendorName {
    font-size: 22px;
    padding: 0 5px;
    color: #747474;
    font-weight: bold;
}

#FindVendorMaster .SubmitRequest {
    font-weight: bold;
    cursor: pointer;
    padding: 0 5px;
}

#FindVendorMaster #tblFindVendor .vendor-first-row {
    display: flex;
    width: 100%;
    /*justify-content: space-between;*/
}

#FindVendorMaster #tblFindVendor .first-div {
    display: flex;
    width: 48%;
}

#FindVendorMaster #tblFindVendor .second-div {
    /*display: flex;*/
    width: 40%;
}

#FindVendorMaster #tblFindVendor .category-td {
    width: 40%;
}

#FindVendorMaster #tblFindVendor .first-div h2 {
    margin: 0px 0px 15px 0px;
    font-size: 25px;
}

#FindVendorMaster #tblFindVendor .text-1 {
    margin: 0px 20px;
}

#FindVendorMaster .text-1-span {
    color: #a9a9a9;
    padding-left: 30px;
}

#FindVendorMaster #tblFindVendor table tr td label {
    color: #999;
}

#FindVendorMaster #tblFindVendor ul li {
    color: darkgrey;
}

#FindVendorMaster #FindVendorList p {
    display: flex;
}

/*#FindVendorMaster #FindVendorList i {
    margin-right: 5px;
    color: #999;
}*/

#FindVendorMaster #FindVendorList h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 0px;
}

#FindVendorMaster #FindVendorList li {
    margin-left: -20px;
    line-height: 27px;
}

#FindVendorMaster #FindVendorList .category-td {
    vertical-align: top !important;
}

/*#FindVendorMaster #FindVendorList .category-td label {
        font-family: 'Barlow', sans-serif !important;
        color: darkgrey !important;
        font-weight: bold !important
    }*/

#FindVendorMaster #FindVendorList .social-icon {
    padding: 5px
}

/*#FindVendorMaster #FindVendorList [type="checkbox"] + label:before {
    height: 25px;
    width: 25px;
}

#FindVendorMaster #FindVendorList [type="checkbox"] + label {
    padding-left: 35px;
    line-height: 30px;
    margin-top: 5px
}

#FindVendorMaster #FindVendorList [type="checkbox"]:checked + label:before {
    height: 22px;
    width: 11px;
}*/


#VendorMasterDetailsPopup.v-details {
    width: 1200px;
}

    #VendorMasterDetailsPopup.v-details .form-line span {
        color: #777;
        font-size: 14px;
    }

    #VendorMasterDetailsPopup.v-details .form-group ul {
        padding-left: 15px
    }

    #VendorMasterDetailsPopup.v-details .vendor-detail {
        justify-content: space-between;
        /*display: flex;*/
        width: 100%;
        position: relative;
        margin-bottom: 30px;
    }

        #VendorMasterDetailsPopup.v-details .vendor-detail::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #ddd;
            bottom: -15px;
            display: block;
        }

        #VendorMasterDetailsPopup.v-details .vendor-detail .first-div {
            display: flex;
        }

        #VendorMasterDetailsPopup.v-details .vendor-detail .second-div {
            display: flex;
        }

            #VendorMasterDetailsPopup.v-details .vendor-detail .second-div p {
                display: flex;
                color: #999;
                align-items: center;
            }

        #VendorMasterDetailsPopup.v-details .vendor-detail .middle-div span {
            margin: 0px 20px;
        }

        #VendorMasterDetailsPopup.v-details .vendor-detail .text-1 {
            margin: 0px 20px;
        }

        #VendorMasterDetailsPopup.v-details .vendor-detail .middle-div ul li {
            color: darkgrey;
            font-weight: bold;
        }

        #VendorMasterDetailsPopup.v-details .vendor-detail .first-div h2 {
            margin: 0px 0px 15px 0px;
            font-size: 25px;
        }

    #VendorMasterDetailsPopup.v-details .details {
        position: relative;
    }

        #VendorMasterDetailsPopup.v-details .details p {
            font-weight: 500;
            color: #000 !important;
        }

        #VendorMasterDetailsPopup.v-details .details:after {
            position: absolute;
            content: '';
            width: 1px;
            height: 100%;
            background: #ddd;
            right: -10px;
            top: 0px;
            display: block;
        }

    #VendorMasterDetailsPopup.v-details .social-1 {
        position: relative;
    }

        #VendorMasterDetailsPopup.v-details .social-1:after {
            position: absolute;
            content: '';
            width: 1px;
            height: 100%;
            background: #ddd;
            right: -10px;
            top: 0px;
            display: block;
        }

        #VendorMasterDetailsPopup.v-details .social-1 h5 {
            width: 100%;
            text-align: center
        }

    #VendorMasterDetailsPopup.v-details .vedndor-details-inner {
        position: relative;
        margin-bottom: 10px;
    }

        #VendorMasterDetailsPopup.v-details .vedndor-details-inner::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #ddd;
            bottom: 0px;
            display: block;
        }

        #VendorMasterDetailsPopup.v-details .vedndor-details-inner ul li {
            list-style: none
        }

    #VendorMasterDetailsPopup.v-details .modal-content {
        height: 700px;
        overflow-y: scroll;
    }

    #VendorMasterDetailsPopup.v-details .cat-detail {
        display: flex;
        justify-content: space-between;
    }

    #VendorMasterDetailsPopup.v-details .vendor-social {
        position: relative;
        margin-bottom: 20px;
    }

        #VendorMasterDetailsPopup.v-details .vendor-social div {
            margin-bottom: 10px !important;
        }

        #VendorMasterDetailsPopup.v-details .vendor-social::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #ddd;
            bottom: 0px;
            display: block;
        }

    #VendorMasterDetailsPopup.v-details .cat-detail1 {
        display: flex;
        justify-content: space-evenly;
    }

    #VendorMasterDetailsPopup.v-details .category-offer h3 {
        margin-bottom: 15px;
        font-weight: bold;
    }

    /*#VendorMasterDetailsPopup.v-details .category-offer label {
        font-family: 'Barlow', sans-serif !important;
        color: darkgrey !important;
        font-weight: bold !important;
    }*/

    #VendorMasterDetailsPopup.v-details .vendor-offers {
        position: relative;
        margin-bottom: 20px;
    }

        #VendorMasterDetailsPopup.v-details .vendor-offers::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #ddd;
            bottom: 0px;
            display: block;
        }

    #VendorMasterDetailsPopup.v-details .category-offer {
        position: relative;
        margin-bottom: 10px
    }

        #VendorMasterDetailsPopup.v-details .category-offer:after {
            position: absolute;
            content: '';
            width: 1px;
            height: 100%;
            background: #ddd;
            right: -10px;
            top: 0px;
            display: block;
        }

    #VendorMasterDetailsPopup.v-details .vendor-knowledge {
        position: relative;
        margin-bottom: 10px;
    }

        #VendorMasterDetailsPopup.v-details .vendor-knowledge::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 1px;
            background: #ddd;
            bottom: 0px;
            display: block;
        }

    #VendorMasterDetailsPopup.v-details h4 {
        font-weight: 500;
        color: #000 !important;
    }

    #VendorMasterDetailsPopup.v-details h3 {
        font-weight: 600;
        color: #555;
    }

    #VendorMasterDetailsPopup.v-details .text-2 label {
        color: #555;
    }

    #VendorMasterDetailsPopup.v-details .cat-detail span {
        word-break: break-word;
    }

#VendorMasterDetailsPopup .vedndor-details-inner .details li {
    margin-left: 0 !important;
    line-height: 27px;
    display: flex;
    color: darkgrey;
}

#VendorMasterDetailsPopup .vendor-first-row li {
    color: darkgrey;
    font-weight: bold;
}

#VendorMasterDetailsPopup .vendor-form label {
    color: #555;
}


.VendorMasterInventory .vendor-first-row {
    display: flex;
    width: 100%;
    /*justify-content: space-between;*/
}

.VendorMasterInventory .first-div {
    display: flex;
    width: 100%;
}

.VendorMasterInventory .second-div {
    /*display: flex;*/
    width: 40%;
}

.VendorMasterInventory .second-col {
    width: 15%;
    padding: 25px 10px;
    text-align: center;
}

    .VendorMasterInventory .second-col label {
        color: #000;
        display: block;
        margin-top: 10px;
    }

.VendorMasterInventory .initial-app {
    width: auto;
    padding: 10px;
    border-top: none;
    text-align: center;
    border-right: none;
    border-bottom: none;
    border-left: 1px solid #EEE !important;
}

    .VendorMasterInventory .initial-app label {
        color: #999999;
        display: block;
        margin-top: 10px;
        font-size: 13px;
    }

.VendorMasterInventory .scorecard_timeline {
    width: 75%;
}

    .VendorMasterInventory .scorecard_timeline ul {
        padding: 0;
        display: flex;
        position: relative;
        text-align: center;
        align-items: center;
        list-style-type: none;
        justify-content: space-around;
    }

        .VendorMasterInventory .scorecard_timeline ul::before {
            right: 0;
            top: 12px;
            width: 67%;
            left: -10px;
            height: 1px;
            content: '';
            margin: 0 auto;
            position: absolute;
            background-color: darkgrey;
        }

        .VendorMasterInventory .scorecard_timeline ul li {
            z-index: 2;
            width: 100%;
            position: relative;
        }

            .VendorMasterInventory .scorecard_timeline ul li i {
                margin-right: 0;
                background-color: #FFF;
            }

            .VendorMasterInventory .scorecard_timeline ul li label {
                display: block;
                font-weight: 400;
                margin-bottom: 0;
            }

.VendorMasterInventory .category-td {
    width: 25%;
}

.VendorMasterInventory .first-div h2 {
    margin: 0px 0px 15px 0px;
    font-size: 25px;
}

.VendorMasterInventory .text-1 {
    margin: 0px 20px;
}

.VendorMasterInventory tr td label {
    color: #999;
    font-weight: bold
}

.VendorMasterInventory ul li {
    color: darkgrey;
    font-weight: bold
}

.VendorMasterInventory p {
    display: flex;
    color: darkgrey;
}

.VendorMasterInventory i {
    margin-right: 5px;
    color: #999;
}

.VendorMasterInventory h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 0px;
}

.VendorMasterInventory li {
    margin-left: -20px;
    line-height: 27px;
}

.VendorMasterInventory .category-td {
    vertical-align: top !important;
}

    .VendorMasterInventory .category-td label {
        color: darkgrey !important;
        font-weight: bold !important
    }

.VendorMasterInventory .social-icon {
    padding: 5px
}

.VendorMasterInventory [type="checkbox"] + label:before {
    height: 25px;
    width: 25px;
}

.VendorMasterInventory [type="checkbox"] + label {
    padding-left: 35px;
    line-height: 30px;
    margin-top: 5px
}

.VendorMasterInventory [type="checkbox"]:checked + label:before {
    height: 22px;
    width: 11px;
}

.VendorMasterInventory .AssStatus div {
    display: flow-root;
}

.VendorMasterInventory .AssStatus label {
    float: left
}

.VendorMasterInventory .AssStatus b {
    float: right
}

.VendorMasterInventory .tbl-100 {
    width: 100% !important;
}

.VendorMasterInventory .border-none {
    border: none !important;
}

.VendorMasterInventory .p-b-0 {
    padding-bottom: 0 !important;
}

.VendorMasterInventory .ul-bullets-none {
    list-style-type: none;
}


/*#FindFPVendorMaster #dvControl .bootstrap-select {
    width: 550px;
}*/

#FindFPVendorMaster #tblFindVendor .vendor-first-row {
    display: flex;
    width: 100%;
    /*justify-content: space-between;*/
}

#FindFPVendorMaster #tblFindVendor .first-div {
    display: flex;
    width: 48%;
}

#FindFPVendorMaster #tblFindVendor .second-div {
    /*display: flex;*/
    width: 40%;
}

#FindFPVendorMaster #tblFindVendor .category-td {
    width: 40%;
}

#FindFPVendorMaster #tblFindVendor .first-div h2 {
    margin: 0px 0px 15px 0px;
    font-size: 25px;
}

#FindFPVendorMaster #tblFindVendor .text-1 {
    margin: 0px 20px;
}

#FindFPVendorMaster .text-1-span {
    color: #a9a9a9;
    padding-left: 30px;
}

/*#FindFPVendorMaster #tblFindVendor table tr td label {
    font-family: 'Barlow', sans-serif !important;
    color: #999;
    font-weight: bold
}*/

#FindFPVendorMaster #tblFindVendor ul li {
    color: darkgrey;
    font-weight: bold
}

#FindFPVendorMaster #FindVendorList p {
    display: flex;
}

/*#FindFPVendorMaster #FindVendorList i {
    margin-right: 5px;
    color: #999;
}*/

#FindFPVendorMaster #FindVendorList h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 0px;
}

#FindFPVendorMaster #FindVendorList li {
    margin-left: -20px;
    line-height: 27px;
}

#FindFPVendorMaster #FindVendorList .category-td {
    vertical-align: top !important;
}

/*#FindFPVendorMaster #FindVendorList .category-td label {
        color: darkgrey !important;
        font-weight: bold !important
    }*/

#FindFPVendorMaster #FindVendorList .social-icon {
    padding: 5px
}
/*
#FindFPVendorMaster #FindVendorList [type="checkbox"] + label:before {
    height: 25px;
    width: 25px;
}

#FindFPVendorMaster #FindVendorList [type="checkbox"] + label {
    padding-left: 35px;
    line-height: 30px;
    margin-top: 5px
}

#FindFPVendorMaster #FindVendorList [type="checkbox"]:checked + label:before {
    height: 22px;
    width: 11px;
}*/

#FindFPVendorMaster #SearchVendorName {
    font-size: 22px;
    padding: 0 5px;
    color: #747474;
    font-weight: bold;
}

#FindFPVendorMaster .SubmitRequest {
    font-weight: bold;
    cursor: pointer;
    padding: 0 5px;
}

#tblVendorInvtry.FPVendorMasterInventory .vendor-first-row {
    display: flex;
    width: 100%;
    /*justify-content: space-between;*/
}

    #tblVendorInvtry.FPVendorMasterInventory .vendor-first-row .brand_logo_small #user_img {
        width: 50px;
        height: 50px;
    }

    #tblVendorInvtry.FPVendorMasterInventory .vendor-first-row .brand_logo_small h2 {
        font-size: 18px;
    }

#tblVendorInvtry.FPVendorMasterInventory .first-div {
    display: flex;
    width: 40%;
}

#tblVendorInvtry.FPVendorMasterInventory .second-div {
    display: flex;
    width: 60%;
}

#tblVendorInvtry.FPVendorMasterInventory .category-td {
    width: 35%;
}

#tblVendorInvtry.FPVendorMasterInventory .first-div h2 {
    margin: 0px 0px 15px 0px;
    font-size: 25px;
}

#tblVendorInvtry.FPVendorMasterInventory .text-1 {
    margin: 0px 20px;
}

#tblVendorInvtry.FPVendorMasterInventory tr td label {
    color: #999;
    font-weight: bold
}

/*#tblVendorInvtry.FPVendorMasterInventory ul li {
    font-family: 'Barlow', sans-serif !important;
    color: darkgrey;
    font-weight: bold
}*/

#tblVendorInvtry.FPVendorMasterInventory p {
    display: flex;
    color: darkgrey;
}

#tblVendorInvtry.FPVendorMasterInventory i {
    margin-right: 5px;
    /*color: #999;*/
}

#tblVendorInvtry.FPVendorMasterInventory h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 0px;
}

/*#tblVendorInvtry.FPVendorMasterInventory li {
    margin-left: -20px;
    line-height: 27px;
}*/

#tblVendorInvtry.FPVendorMasterInventory .category-td {
    vertical-align: top !important;
}

/* #tblVendorInvtry.FPVendorMasterInventory .category-td label {
        font-family: 'Barlow', sans-serif !important;
        color: darkgrey !important;
        font-weight: bold !important
    }*/

#tblVendorInvtry.FPVendorMasterInventory .social-icon {
    padding: 5px
}

/*#tblVendorInvtry.FPVendorMasterInventory [type="checkbox"] + label:before {
    height: 25px;
    width: 25px;
}

#tblVendorInvtry.FPVendorMasterInventory [type="checkbox"] + label {
    padding-left: 35px;
    line-height: 30px;
    margin-top: 5px
}

#tblVendorInvtry.FPVendorMasterInventory [type="checkbox"]:checked + label:before {
    height: 22px;
    width: 11px;
}*/

#tblVendorInvtry.FPVendorMasterInventory .AssStatus div {
    display: flow-root;
}

#tblVendorInvtry.FPVendorMasterInventory .AssStatus label {
    float: left
}

#tblVendorInvtry.FPVendorMasterInventory .AssStatus b {
    float: right
}


#RateCardList .changeboarder {
    border: 1px solid #ddd;
}

#RateCardList .measure-division-box {
    border: 2px solid #dddddd;
    padding: 5px 45px 0px 0px;
    margin-right: 5px;
    color: #000;
}

    #RateCardList .measure-division-box a {
        color: #000;
    }

#RateCardList .measure-icon {
    top: 0px;
    cursor: pointer;
    z-index: 8;
    font-size: 30px;
    color: #333;
    width: 17px !important;
    position: relative;
    float: left;
    right: -30px;
    top: -5px;
}

#RateCardList .measure-division-box2 {
    border: 2px solid #dddddd;
    padding: 5px 45px 0px 0px;
    color: #000;
}

    #RateCardList .measure-division-box2 a {
        color: #000;
    }

#RateCardList .measure-icon2 {
    cursor: pointer;
    z-index: 8;
    font-size: 30px;
    color: #333;
    width: 17px !important;
    position: relative;
    float: left;
    right: -83px;
    top: -5px;
}

#RateCardList .changeboarder {
    border: 1px solid #ddd;
}

#RateCardList input[type="file"] {
    display: none !important;
}

#RateCardList #tblDiversity input {
    width: 120px !important
}



/*User View*/
.AddUserPopup input[type="checkbox"] {
    position: inherit !important;
    opacity: 1 !important
}

/*Customer view*/
#ManageBusinessDuvisions a:hover {
    text-decoration: none !important;
}

/*Account View*/
#CustomerProfileAcc {
    color: #000;
    font-weight: bold;
}

    #CustomerProfileAcc #tblAgrDetails {
        color: black;
        font-weight: bold;
        border-collapse: separate;
        border-spacing: 15px;
    }

        #CustomerProfileAcc #tblAgrDetails td:nth-child(1) {
            width: 30%;
            color: #999999;
        }

        #CustomerProfileAcc #tblAgrDetails td:nth-child(3) {
            font-size: 18px;
            /*color: #555;*/
        }


.SubscriptionPlanPopupHeader .blink {
    font-weight: bold;
    animation: animate 3.5s linear infinite;
    display: inline;
}

.SubscriptionPlanPopupHeader .highlight {
    background-color: #d51717;
    padding: 5px;
    color: white;
}

/*.SubscriptionPlanPopupBody {
    min-height: 300px;
    padding-top: 20px;
}*/

.SubscriptionPlanPopupBody .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100% !important
}

.SubscriptionPlanPopupBody #tblPriceDetails {
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
}

    .SubscriptionPlanPopupBody #tblPriceDetails tr td:nth-child(2) {
        font-size: 16px
    }

    .SubscriptionPlanPopupBody #tblPriceDetails tr td:nth-child(1) {
        width: 80%
    }

.SubscriptionPlanPopupBody #tblPriceDetailsPrem {
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
}

    .SubscriptionPlanPopupBody #tblPriceDetailsPrem tr td:nth-child(2) {
        font-size: 16px
    }

    .SubscriptionPlanPopupBody #tblPriceDetailsPrem tr td:nth-child(1) {
        width: 80%
    }

.SubscriptionPlanPopupBody #tblPriceDetailsAddOn {
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
}

    .SubscriptionPlanPopupBody #tblPriceDetailsAddOn tr td:nth-child(2) {
        font-size: 16px
    }

    .SubscriptionPlanPopupBody #tblPriceDetailsAddOn tr td:nth-child(1) {
        width: 80%
    }

.SubscriptionPlanPopupBody #tblPriceDetailsAddOnPrem {
    width: 90%;
    margin-left: 5%;
    margin-top: 15px;
}

    .SubscriptionPlanPopupBody #tblPriceDetailsAddOnPrem tr td:nth-child(2) {
        font-size: 16px
    }

    .SubscriptionPlanPopupBody #tblPriceDetailsAddOnPrem tr td:nth-child(1) {
        width: 80%
    }



/*Personnel View*/

#tblPersonnelList #tblPersonnel [type="checkbox"] {
    height: 20px;
    width: 20px;
}

#tblPersonnelList #tblPersonnel [type="checkbox"] {
    padding-left: 35px;
    line-height: 30px;
    margin-top: 5px
}

    #tblPersonnelList #tblPersonnel [type="checkbox"]:checked {
        height: 22px;
        width: 11px;
    }

    #tblPersonnelList #tblPersonnel [type="checkbox"] + label {
        padding-left: 0px;
        height: 10px;
    }


/* Training View */
.training_video_modal .embed-pdf {
    width: 100%;
    text-align: justify;
    height: 350px;
    margin-bottom: 0px;
    font-size: 20px
}

/* Checklist View */
/*#GeneratedChecklistActionItemsDataTable [type="checkbox"] + label:before, #GeneratedChecklistActionItemsDataTable [type="checkbox"]:not(.filled-in) + label:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    z-index: 0;
    border: 2px solid #5a5a5a;
    border-radius: 1px;
    margin-top: 2px;
    transition: .2s;
}*/

#GeneratedChecklistActionItemsDataTable [type="checkbox"]:checked + label:after {
    transform: scale(1) !important;
}

#GeneratedChecklistActionItemsDataTable .ddlOwner_Id {
    width: 126px !important;
}

#PlantargetDate {
    width: 133px !important;
}

#GeneratedChecklistActionItemsDataTable .bootstrap-select.btn-group.ddlOwner_Id .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -2px;
    vertical-align: middle;
}

.risk-assesment-year-type-box {
    background-color: white;
    display: inline-flex;
    width: 100%;
    padding: 11px 15px 30px 15px;
    border-left: 10px solid black
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-35 {
    padding-top: 35px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-b-30 {
    padding-bottom: 30px;
}

.p-10 {
    padding: 10px !important;
}

.p-0-20 {
    padding: 0 20px !important;
}

.new-chart-heading-new-border-bottom {
    border-bottom: 2px solid #c9c7c7 !important;
}

.span-text1 {
    font-size: 10px !important;
    color: #969696 !important;
}

.span-text2 {
    font-size: 12px !important;
    color: #000000 !important;
}

.span-text3 {
    font-size: 14px !important;
    color: #000000 !important;
}

.span-text4 {
    font-size: 15px !important;
    color: #969696 !important;
}

.span-text3-bold {
    font-weight: bold !important;
    color: #000000 !important;
}

.color-black {
    color: black !important;
}

.new-card-design-background-color-e5e5e5 {
    background-color: #e5e5e5 !important;
}


.vendorlist_chart_section_Box .vendorlist_chart_section .progress-wrap {
    width: 100%;
    max-width: 1000px;
}

.vendorlist_chart_section_Box .vendorlist_chart_section .inner-progress-wrap {
    width: 100%;
    height: 20px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 20px;
    /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
    /* ff 3.6+ */
    background: -moz-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* safari 5.1+,chrome 10+ */
    background: -webkit-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* opera 11.10+ */
    background: -o-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* global 94%+ browsers support */
    background: linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
}

    .vendorlist_chart_section_Box .vendorlist_chart_section .inner-progress-wrap > * {
        position: absolute;
    }

.vendorlist_chart_section_Box .vendorlist_chart_section .milestones {
    top: 30px;
    font-size: 12px;
}

.vendorlist_chart_section_Box .vendorlist_chart_section .progres {
    height: 20px;
    background-color: transparent;
    transition: 300ms all;
    display: block;
    border-radius: 5px;
    width: 0;
}

.vendorlist_chart_section_Box .vendorlist_chart_section .count {
    top: -30px;
    width: 20px;
    height: 20px;
    right: -12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    text-align: center;
    border-radius: 50% 50% 0;
    background-color: #651fff;
    transform: rotateZ(45deg);
}

    .vendorlist_chart_section_Box .vendorlist_chart_section .count.vhigh {
        background-color: #C42134;
        color: #C42134;
    }

    .vendorlist_chart_section_Box .vendorlist_chart_section .count.high {
        background-color: #e57226;
        color: #e57226;
    }

    .vendorlist_chart_section_Box .vendorlist_chart_section .count.moderate {
        background-color: #FEB814;
        color: #FEB814;
    }

    .vendorlist_chart_section_Box .vendorlist_chart_section .count.low {
        background-color: #96B55C;
        color: #96B55C;
    }

    .vendorlist_chart_section_Box .vendorlist_chart_section .count.vlow {
        background-color: #79A440;
        color: #79A440;
    }

.vendorlist_chart_section_Box .vendorlist_chart_section {
    padding: 15px;
    background-color: #F5F5F5
}

    .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div {
        padding: 15px;
        display: grid;
        grid-gap: 2rem;
        background-color: #FFF;
        border: 3px solid #E8E8EA;
        grid-template-columns: 10fr 2fr;
    }

    .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart p {
        font-size: 18px;
        margin-bottom: 4px !important;
    }

        .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart p span {
            font-size: 11px;
            color: #b8b8b8 !important;
        }

    .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label {
        width: 100%;
        bottom: -32px;
        position: absolute;
    }

        .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label label {
            color: #000;
            font-size: 11px;
            font-weight: 900;
            text-align: center;
        }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(1) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(2) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(3) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(4) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart .chart_label label:nth-child(5) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

    .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value {
        height: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        background-color: #F5F5F5;
        border: 3px solid #E8E8EA;
    }

        .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h4 {
            font-size: 28px;
            font-weight: 200;
            margin: 0 0 10px 0;
        }

        .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h5 {
            margin: 0;
            color: #e57226;
            font-size: 21px;
            font-weight: 200;
        }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vhigh {
                color: #C42134 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.high {
                color: #e57226 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.moderate {
                color: #FEB814 !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.low {
                color: #96B55C !important;
            }

            .vendorlist_chart_section_Box .vendorlist_chart_section .vendorlist_chart_div .chart_value h5.vlow {
                color: #79A440 !important;
            }

.tblControlSummary {
    width: 100%;
    font-size: 15px !important;
    margin-top: 10px;
}

.table-bordered-inner {
    border: 0;
}

    .table-bordered-inner tr td {
        padding: 10px;
        width: 25%
    }

    .table-bordered-inner tr {
        border-top: 0;
    }

        .table-bordered-inner tr + tr {
            border-top: 1px solid black;
        }

    .table-bordered-inner td {
        border-left: 0;
    }

        .table-bordered-inner td + td {
            border-left: 1px solid black;
        }

    .table-bordered-inner tr:first-child td {
        text-align: center
    }

    .table-bordered-inner tr:nth-child(2) td {
        text-align: left;
        vertical-align: top;
        padding-top: 20px;
        font-size: 14px;
    }


.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    margin-top: 10px;
}

.bootstrap-select .bs-searchbox + .bs-actionsbox {
    padding: 4px !important;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    overflow-y: auto;
}

/*.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{
    margin-right: 0;
}*/
.evidence-main-div {
    margin: 10px 0px 10px 10px;
}

.evidence-sub-div {
    height: 100px;
    float: left;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
}

.evidence-bg {
    padding-top: 10px;
    background: #ffffff;
    height: auto;
    margin: 0px;
    border: 0 !important;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
    -moz-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
    box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
}

.evidence-text {
    font-size: 30px !important;
    font-weight: bold;
    padding-left: 5px;
}

.evidence-title {
    font-weight: bold !important;
}

.position-fixed {
    position: fixed;
}

.faq-card-design {
    height: auto;
    margin: 0px;
    padding: 20px 10px 40px 10px !important;
    border: 0 !important;
    border-radius: 4px;
    background-color: #f3f3f394;
    -webkit-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
    -moz-box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
    box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);
}

.faq-subtext {
    margin-top: 30px;
    color: #afafaf;
}

.faq-question-text {
    background-color: #eee;
    padding: 18px 12px;
    border-radius: 5px !important;
    margin-top: 0;
}

.faq-question-desc {
    background-color: #eee;
    padding: 18px 12px;
    border-radius: 5px !important;
    margin-top: 0;
    color: #afafaf;
}

.faq-question-text2 {
    background-color: #fff;
    padding: 18px 12px;
    border-radius: 5px !important;
    margin-top: 0;
}

.faq-question-desc2 {
    background-color: #fff;
    padding: 18px 12px;
    border-radius: 5px !important;
    margin-top: 0;
    color: #afafaf;
}

.faq-question-resp {
    padding: 18px 12px;
    border-radius: 5px !important;
    margin-top: 0;
    border: 2px solid #eee;
}

.cursor-default {
    cursor: default;
}

.position-relative-top-5 {
    top: 5px;
    position: relative;
}

.maturity_adjusted_img {
    height: 30px;
    margin-top: 5px;
}

.checklisthovernone :hover, .checklisthovernone:focus {
    color: #555555 !important;
}

.checklistchkgbox_div {
    position: absolute;
    bottom: 7px;
    left: 39%;
}

.Chartheaderboarder {
    border-bottom: 2px solid #c9c7c7;
}

.Percentageprocessbox {
    background-color: #0d6d0d !important;
    line-height: 34px !important;
    font-size: 18px !important;
}

.demo_icon_box {
    text-align: center;
    width: 25%;
}

.new-card-design-padding {
    padding: 5px 15px 15px !important;
}

.color-red {
    color: red !important;
}

.addcommenticon {
    pointer-events: auto !important;
    position: relative !important;
}

.custom_summary_filter tr td {
    padding: 5px !important;
}

.custom_summary_filter label.containerRdo {
    border-radius: 4px;
    margin-bottom: 5px;
    border: 2px solid #EEE;
    padding: 10px 10px 10px 40px;
    /*box-shadow: 0px 3px 10px -1px rgba(211,211,211,0.61);*/
}

    .custom_summary_filter label.containerRdo [type="radio"]:checked, .custom_summary_filter label.containerRdo [type="radio"]:not(:checked) {
        display: none;
    }

    .custom_summary_filter label.containerRdo label {
        margin-bottom: 0;
    }

    .custom_summary_filter label.containerRdo .checkmarkRdo {
        top: 12px;
        left: 10px;
    }

    .custom_summary_filter label.containerRdo .font-bold {
        vertical-align: sub;
    }

    .custom_summary_filter label.containerRdo .tquestion {
        display: block;
        padding: 2px 5px;
        border-radius: 4px;
        background-color: #EEE;
    }

.custom_summary_filter label.default_rdo {
    display: flex;
    min-height: 76px;
    align-items: center;
}

    .custom_summary_filter label.default_rdo .checkmarkRdo {
        top: 22px;
    }

.top-15 {
    top: 15px !important;
}

.widgetbx {
    border: 1px solid black;
    text-align: center;
    border-radius: 4px;
    height: 160px;
}

    .widgetbx span {
        font-size: 12px;
    }

.customise_btn {
    position: absolute;
    right: 10%;
    bottom: 5px;
    width: 80%;
}

.text-b8b8b8 {
    color: #b8b8b8 !important;
}

.border-radius-5px {
    border-radius: 5px !important;
}

.color-blue {
    color: blue !important;
}

.color-gray {
    color: gray !important;
}

.card-design-1 {
    background: #f3f3f3;
    height: auto;
    margin: 0px;
    padding: 10px;
    border: 0 !important;
    border-radius: 4px;
}

.customise_WidgetIcon {
    height: 32px !important;
    width: 32px !important;
}

#policy_Det_tbl tbody tr td {
    border: 1px solid black;
    padding: 10px;
    font-size: 20px;
}

.p_h_color {
    color: #256EB6;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    font-size: 20pt;
}

#Agreement_tbl tbody tr td {
    background: #D9E1F3 !important;
    padding: 5px !important;
}

#Agreement_tbl {
    width: 100% !important;
}

    #Agreement_tbl tbody tr td p {
        text-indent: 0pt;
        text-align: left;
    }

.border_right_White {
    border-right: 2px solid white !important;
}

.border_bottom_White {
    border-bottom: 2px solid white !important;
}

.print-show {
    display: none;
}

.update-company-profile-company-logo {
    max-height: 150px;
    max-width: 550px;
}

.view-agreement {
    cursor: pointer;
    display: inline-flex;
    padding-top: 5px;
    font-size: 18px;
}

.curser-disabled {
    cursor: not-allowed !important;
}

.configuration_table {
    overflow: auto;
    width: auto;
    max-height: 2650px;
}

.plan-width-1 {
    width: 100% !important;
}

.plan-width-2 {
    width: 80% !important;
}

.plan-width-2 {
    width: 60% !important;
}

.plan-width-4 {
    width: 40% !important;
}

.plan-width-5 {
    width: 20% !important;
}

.plan-width-20- {
    width: 20% !important;
}

.text-center {
    text-align: center !important;
}

.company_titleWithIcon {
    width: 500px !important;
    display: contents;
}

.company_titleWithIcon1 {
    display: contents;
}

.width-500-px {
    width: 500px !important;
}

.TitleWIcon {
    width: 135px !important;
}

.TitleWTIcon {
    width: 195px !important;
}

.ips_box_height {
    height: 45px !important;
}

.unsetChartdv {
    grid-gap: unset !important;
    grid-template-columns: none !important;
}

.mbox_mt-1-pr {
    margin-top: 1% !important;
}

.width-80-per {
    width: 80%;
    margin: auto;
}

.vertical-align-middle {
    vertical-align: middle
}

.display-inline {
    display: inline;
}

.line-height-25px {
    line-height: 25px;
}

.line-height-30px {
    line-height: 30px;
}

.font-14-imp {
    font-size: 14px !important;
}

.font-18-imp {
    font-size: 18px !important;
}

.ReApprove_Div {
    padding: 24px;
    margin: 6px 0px 0px 30px;
}

.black_bg_WhiteFont {
    background-color: black;
    color: white;
    padding: 2px 2px 2px 5px;
    width: 44%;
    font-weight: bold;
    margin-bottom: 6px;
}


.updated_arrow_accordion .defaultActive span {
    color: #B2232D !important;
}

.updated_arrow_accordion .defaultActive .glyphicon-menu-right {
    color: #B2232D;
    transform: rotate(90deg);
}


.vendorlist_chart_section2 .progress-wrap {
    width: 100%;
    max-width: 1000px;
}

.vendorlist_chart_section2 .inner-progress-wrap {
    width: 100%;
    height: 20px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 20px;
    /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
    /* ff 3.6+ */
    background: -moz-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* safari 5.1+,chrome 10+ */
    background: -webkit-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* opera 11.10+ */
    background: -o-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* global 94%+ browsers support */
    background: linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
}

    .vendorlist_chart_section2 .inner-progress-wrap > * {
        position: absolute;
    }

.vendorlist_chart_section2 .milestones {
    top: 30px;
    font-size: 12px;
}

.vendorlist_chart_section2 .progres {
    height: 20px;
    background-color: transparent;
    transition: 300ms all;
    display: block;
    border-radius: 5px;
    width: 0;
}

.vendorlist_chart_section2 .count {
    top: -30px;
    width: 20px;
    height: 20px;
    right: -12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    text-align: center;
    border-radius: 50% 50% 0;
    background-color: #651fff;
    transform: rotateZ(45deg);
}

    .vendorlist_chart_section2 .count.vhigh {
        background-color: #C42134;
        color: #C42134;
    }

    .vendorlist_chart_section2 .count.high {
        background-color: #e57226;
        color: #e57226;
    }

    .vendorlist_chart_section2 .count.moderate {
        background-color: #FEB814;
        color: #FEB814;
    }

    .vendorlist_chart_section2 .count.low {
        background-color: #96B55C;
        color: #96B55C;
    }

    .vendorlist_chart_section2 .count.vlow {
        background-color: #79A440;
        color: #79A440;
    }

/*.vendorlist_chart_section2 {
    background-color: #F5F5F5
}*/

.vendorlist_chart_section2 .vendorlist_chart_div {
    padding: 15px;
    display: grid;
    grid-gap: 2rem;
    background-color: #FFF;
    /*border: 3px solid #E8E8EA;*/
    grid-template-columns: 10fr 2fr;
}

.vendorlist_chart_section2 .vendorlist_chart p {
    font-size: 18px;
    margin-bottom: 4px !important;
}

    .vendorlist_chart_section2 .vendorlist_chart p span {
        font-size: 11px;
        color: #000000 !important;
    }

.vendorlist_chart_section2 .vendorlist_chart .chart_label {
    width: 100%;
    bottom: -32px;
    position: absolute;
}

    .vendorlist_chart_section2 .vendorlist_chart .chart_label label {
        color: #000;
        font-size: 11px;
        font-weight: 900;
        text-align: center;
    }

        .vendorlist_chart_section2 .vendorlist_chart .chart_label label:nth-child(1) {
            width: 19.5%;
            color: #b8b8b8 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart .chart_label label:nth-child(2) {
            width: 19.5%;
            color: #b8b8b8 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart .chart_label label:nth-child(3) {
            width: 19.5%;
            color: #b8b8b8 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart .chart_label label:nth-child(4) {
            width: 19.5%;
            color: #b8b8b8 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart .chart_label label:nth-child(5) {
            width: 19.5%;
            color: #b8b8b8 !important;
        }

.vendorlist_chart_section2 .vendorlist_chart_div .chart_value {
    height: 100%;
    display: flex;
    text-align: center;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    background-color: #FFFFFF;
    /*border: 3px solid #E8E8EA;*/
}

    .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h4 {
        font-size: 28px;
        font-weight: 200;
        margin: 0 0 10px 0;
    }

    .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h5 {
        margin: 0;
        color: #e57226;
        font-size: 21px;
        font-weight: 200;
    }

        .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h5.vhigh {
            color: #C42134 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h5.high {
            color: #e57226 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h5.moderate {
            color: #FEB814 !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h5.low {
            color: #96B55C !important;
        }

        .vendorlist_chart_section2 .vendorlist_chart_div .chart_value h5.vlow {
            color: #79A440 !important;
        }




























.vendorlist_chart_section3 .progress-wrap {
    width: 100%;
    max-width: 1000px;
}

.vendorlist_chart_section3 .inner-progress-wrap {
    width: 100%;
    height: 20px;
    margin-top: 40px;
    position: relative;
    /*margin-bottom: 20px;*/
    /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
    /* ff 3.6+ */
    background: -moz-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* safari 5.1+,chrome 10+ */
    background: -webkit-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* opera 11.10+ */
    background: -o-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* global 94%+ browsers support */
    background: linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
}

    .vendorlist_chart_section3 .inner-progress-wrap > * {
        position: absolute;
    }

.vendorlist_chart_section3 .milestones {
    top: 30px;
    font-size: 12px;
}

.vendorlist_chart_section3 .progres {
    height: 20px;
    background-color: transparent;
    transition: 300ms all;
    display: block;
    border-radius: 5px;
    width: 0;
}

.vendorlist_chart_section3 .count {
    top: -30px;
    width: 20px;
    height: 20px;
    right: -12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    text-align: center;
    border-radius: 50% 50% 0;
    background-color: #651fff;
    transform: rotateZ(45deg);
}

    .vendorlist_chart_section3 .count.vhigh {
        background-color: #C42134;
        color: #C42134;
    }

    .vendorlist_chart_section3 .count.high {
        background-color: #e57226;
        color: #e57226;
    }

    .vendorlist_chart_section3 .count.moderate {
        background-color: #FEB814;
        color: #FEB814;
    }

    .vendorlist_chart_section3 .count.low {
        background-color: #96B55C;
        color: #96B55C;
    }

    .vendorlist_chart_section3 .count.vlow {
        background-color: #79A440;
        color: #79A440;
    }

.vendorlist_chart_section3 {
    background-color: #F5F5F5
}

    .vendorlist_chart_section3 .vendorlist_chart_div {
        /*padding: 15px;
        display: grid;
        grid-gap: 2rem;
        background-color: #FFF;
        border: 3px solid #E8E8EA;
        grid-template-columns: 10fr 2fr;*/
    }

    .vendorlist_chart_section3 .vendorlist_chart p {
        font-size: 18px;
        margin-bottom: 4px !important;
    }

        .vendorlist_chart_section3 .vendorlist_chart p span {
            font-size: 11px;
            color: #000000 !important;
        }

    .vendorlist_chart_section3 .vendorlist_chart .chart_label {
        width: 100%;
        bottom: -32px;
        position: absolute;
    }

        .vendorlist_chart_section3 .vendorlist_chart .chart_label label {
            color: #000;
            font-size: 11px;
            font-weight: 900;
            text-align: center;
        }

            .vendorlist_chart_section3 .vendorlist_chart .chart_label label:nth-child(1) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart .chart_label label:nth-child(2) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart .chart_label label:nth-child(3) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart .chart_label label:nth-child(4) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart .chart_label label:nth-child(5) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

    .vendorlist_chart_section3 .vendorlist_chart_div .chart_value {
        height: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        background-color: #F5F5F5;
        border: 3px solid #E8E8EA;
    }

        .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h4 {
            font-size: 28px;
            font-weight: 200;
            margin: 0 0 10px 0;
        }

        .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h5 {
            margin: 0;
            color: #e57226;
            font-size: 21px;
            font-weight: 200;
        }

            .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h5.vhigh {
                color: #C42134 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h5.high {
                color: #e57226 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h5.moderate {
                color: #FEB814 !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h5.low {
                color: #96B55C !important;
            }

            .vendorlist_chart_section3 .vendorlist_chart_div .chart_value h5.vlow {
                color: #79A440 !important;
            }




.vendorlist_chart_section4 .progress-wrap {
    width: 100%;
    max-width: 1000px;
}

.vendorlist_chart_section4 .inner-progress-wrap {
    width: 100%;
    height: 20px;
    margin-top: 30px;
    position: relative;
    margin-bottom: 20px;
    /*background-image: linear-gradient(90deg, #79a440 20%, #96b55c 0, #96b55c 40%, #feb814 0, #feb814 60%, #e57226 0, #e57226 80%, #C42134 0);*/
    /* ff 3.6+ */
    background: -moz-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* safari 5.1+,chrome 10+ */
    background: -webkit-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* opera 11.10+ */
    background: -o-linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
    /* global 94%+ browsers support */
    background: linear-gradient(90deg, rgba(121, 164, 64, 1) 0%, rgba(121, 164, 64, 1) 20%, rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 20.4%, rgba(150, 181, 92, 1) 20.4%, rgba(150, 181, 92, 1) 40%, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 1) 40.5%, rgba(254, 184, 20, 1) 40.5%, rgba(254, 184, 20, 1) 60%, rgba(255, 255, 255, 1) 60%, rgba(255, 255, 255, 1) 60.4%, rgba(229, 114, 38, 1) 60.4%, rgba(229, 114, 38, 1) 80%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 1) 80.4%, rgba(196, 33, 52, 1) 80.4%, rgba(196, 33, 52, 1) 100%);
}

    .vendorlist_chart_section4 .inner-progress-wrap > * {
        position: absolute;
    }

.vendorlist_chart_section4 .milestones {
    top: 30px;
    font-size: 12px;
}

.vendorlist_chart_section4 .progres {
    height: 20px;
    background-color: transparent;
    transition: 300ms all;
    display: block;
    border-radius: 5px;
    width: 0;
}

.vendorlist_chart_section4 .count {
    top: -30px;
    width: 20px;
    height: 20px;
    right: -12px;
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    position: absolute;
    text-align: center;
    border-radius: 50% 50% 0;
    background-color: #651fff;
    transform: rotateZ(45deg);
}

    .vendorlist_chart_section4 .count.vhigh {
        background-color: #C42134;
        color: #C42134;
    }

    .vendorlist_chart_section4 .count.high {
        background-color: #e57226;
        color: #e57226;
    }

    .vendorlist_chart_section4 .count.moderate {
        background-color: #FEB814;
        color: #FEB814;
    }

    .vendorlist_chart_section4 .count.low {
        background-color: #96B55C;
        color: #96B55C;
    }

    .vendorlist_chart_section4 .count.vlow {
        background-color: #79A440;
        color: #79A440;
    }

.vendorlist_chart_section4 {
    /*padding: 15px;*/
    background-color: #F5F5F5
}

    .vendorlist_chart_section4 .vendorlist_chart_div {
        display: grid;
        grid-gap: 1rem;
        background-color: #FFF;
        grid-template-columns: 7fr 2fr;
    }

    .vendorlist_chart_section4 .vendorlist_chart p {
        font-size: 18px;
        margin-bottom: 4px !important;
    }

        .vendorlist_chart_section4 .vendorlist_chart p span {
            font-size: 11px;
            color: #b8b8b8 !important;
        }

    .vendorlist_chart_section4 .vendorlist_chart .chart_label {
        width: 100%;
        bottom: -32px;
        position: absolute;
    }

        .vendorlist_chart_section4 .vendorlist_chart .chart_label label {
            color: #000;
            font-size: 11px;
            font-weight: 900;
            text-align: center;
        }

            .vendorlist_chart_section4 .vendorlist_chart .chart_label label:nth-child(1) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart .chart_label label:nth-child(2) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart .chart_label label:nth-child(3) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart .chart_label label:nth-child(4) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart .chart_label label:nth-child(5) {
                width: 19.5%;
                color: #b8b8b8 !important;
            }

    .vendorlist_chart_section4 .vendorlist_chart_div .chart_value {
        height: 100%;
        display: flex;
        text-align: center;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        background-color: #FFFFFF;
        border: 3px solid #E8E8EA;
        padding: 10px 0 10px 0;
    }

        .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h4 {
            font-size: 28px;
            font-weight: 200;
            margin: 0 0 10px 0;
        }

        .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h5 {
            margin: 0;
            color: #e57226;
            font-size: 21px;
            font-weight: 200;
        }

            .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h5.vhigh {
                color: #C42134 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h5.high {
                color: #e57226 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h5.moderate {
                color: #FEB814 !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h5.low {
                color: #96B55C !important;
            }

            .vendorlist_chart_section4 .vendorlist_chart_div .chart_value h5.vlow {
                color: #79A440 !important;
            }

.bg-fully-compliant-controls {
    background-color: #22b14c !important;
}

.bg-partially-compliant-controls {
    background-color: #ff7f27 !important;
}

.bg-non-compliant-controls {
    background-color: #ed1c24 !important;
}

.bg-non-applicable-controls {
    background-color: #808080 !important;
}

.bg-notapplicable-controls {
    background-color: #00ADF7 !important;
}

.cost_breach_section.custom_summary_filter .containerRdo .cost_breach.not_applicable span {
    background-color: #00ADF7;
}

.icon_customcls {
    height: 24px;
    width: 24px;
}

.text-left-imp {
    text-align: left !important;
}

.text-left {
    text-align: left;
}

.overall-risk-status {
    padding-left: 5px;
    margin-top: 10px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 16px;
    border-radius: 4px;
    width: 50%;
    text-align: center;
}

.bg-overall-risk-low {
    background-color: #79a440;
}

.bg-overall-risk-moderate {
    background-color: #feb814;
}

.bg-overall-risk-high {
    background-color: #c42134;
}

.gray_bg {
    background-color: gray !important;
}

.blue_bg {
    background-color: #3f47cc !important;
}


.compliant_bx::-webkit-slider-thumb {
    background: pink;
    box-shadow: -170px 0 0 170px pink;
}

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

.bg_gray {
    background: #F2F2F2;
}

    .bg_gray table tr {
        background: #F2F2F2;
    }

.width-190-imp {
    width: 190px !important;
}

.status-color {
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
}

.status-color-na {
    color: #000;
    padding: 5px 15px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    background-color: #f4f4f4;
}

.tableRowEffect tbody tr:nth-of-type(even) {
    background-color: #f5f5f5;
}

    .tableRowEffect tbody tr:nth-of-type(even) textarea {
        background-color: #f5f5f5;
    }

/*.tableRowEffect tbody tr:nth-of-type(even) .btn.dropdown-toggle {
        background-color: #F2F2F2 !important;
    }*/

/* .tableRowEffect tbody tr:nth-of-type(even) .checkmarkRdo {
        background-color: #e5e5e5;
    }
*/
/*.tableRowEffect tbody tr:nth-of-type(even) .checkmarkRdo:hover {
        background-color: #CCCCCC;
    }*/

.tableRowEffect tbody tr:nth-of-type(odd) {
    background-color: #fff;
}

.tableRowEffect .table tbody tr td {
    border-bottom-color: #eee;
}

.chk_set_row {
    top: -10px !important;
    left: 25px;
}

.chk_set_header {
    top: -17px !important;
    left: 25px;
}

.display_Flex_imp {
    display: flex !important;
}

.email_app_notify .switch label {
    margin: 5px 0 !important;
}

.font-width-normal {
    font-weight: normal !important;
}

.p-tb-10px {
    padding: 10px 0 10px 0px !important;
}




.cyber_security_level_div {
    display: grid;
    grid-gap: 1rem !important;
    text-align: left !important;
    padding: 10px 10px !important;
    grid-template-columns: repeat(5,1fr) !important;
}

    .cyber_security_level_div .cyber_security_level_div_inner {
        padding: 10px;
        border-radius: 5px;
        background-color: #FFF;
        border: 1px solid #DDD;
    }

        .cyber_security_level_div .cyber_security_level_div_inner h5 {
            margin-top: 0;
            padding-bottom: 10px;
            border-bottom: 1px solid #DDD;
        }

            .cyber_security_level_div .cyber_security_level_div_inner h5 img {
                width: 20px;
                margin-right: 5px;
            }

        .cyber_security_level_div .cyber_security_level_div_inner ul {
            padding-left: 20px !important;
            list-style-type: disc !important;
        }

            .cyber_security_level_div .cyber_security_level_div_inner ul li {
                font-size: 12px !important;
                line-height: 15px !important;
            }

                .cyber_security_level_div .cyber_security_level_div_inner ul li:last-child {
                    margin-bottom: 0 !important;
                }

.risk_monitoring_section .vedndor-details-inner .details li {
    margin-left: 0 !important;
    line-height: 27px;
    display: flex;
    color: darkgrey;
}

.cyber_security_report .vedndor-details-inner .details li {
    margin-left: 0 !important;
    line-height: 27px;
    display: flex;
    color: darkgrey;
}

.icon-span-both-option {
    padding: 0 2px;
    font-weight: bold;
    position: relative;
    font-size: 18px !important;
    vertical-align: text-bottom;
}

.font-wdth-bold {
    font-weight: bold;
}

.toggle-icon_Custom {
    right: 45px;
    top: 0px;
    cursor: pointer;
    z-index: 8;
    font-size: 30px;
    color: #333;
    float: right;
}

#CourseQuezList {
    width: 99%;
}

.addnewquestion {
    display: contents;
    float: right;
}


.add_training_btn a {
    gap: 0.5rem;
    display: flex;
    align-items: center;
    transition: all ease-in-out .5s;
}

    .add_training_btn a:hover {
        color: #FFF !important;
    }

.add_training_btn .material-icons {
    top: 0 !important;
}

.add_training_btn.toggle-icon2 {
    top: -10px;
    right: 15px;
}

.add_training_btn.add_quiz {
    float: right;
    margin-top: -12px;
}

#TrainingQuestionModal .form-group span.error {
    font-size: 14px !important;
}

#TrainingCategoryModal .form-group span.error {
    font-size: 14px !important;
}

#AddCourseForm textarea {
    overflow: auto;
}

#TrainingDescription_txt {
    overflow: auto;
}

#TrainingQuestionModal textarea {
    overflow: auto;
}

.MainHtmlDivPrint {
    width: 650px !important;
}

.course_thumbFixSize {
    height: 350px;
    width: 100%;
}

#tblPreAssessmentRules .dropdown-menu {
    max-height: 200px !important;
}



.cyber_risk_domain_tbl {
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    background-color: #F9F9FB;
}

    .cyber_risk_domain_tbl table {
        margin: 0;
        border: none;
    }

        .cyber_risk_domain_tbl table thead tr th {
            border: none;
            font-size: 18px;
            padding: 10px 15px;
            background-color: #FFF;
            border-bottom: 5px solid #F5F5F5;
        }

            .cyber_risk_domain_tbl table thead tr th:last-child {
                width: 15% !important;
                text-align: center !important;
            }

        .cyber_risk_domain_tbl table tbody tr th {
            border: none;
            padding: 10px;
            background-color: #FFF;
            border-bottom: 5px solid #F5F5F5;
        }

            .cyber_risk_domain_tbl table tbody tr th .domain_title {
                width: 120px;
                padding: 10px 5px;
                margin-right: 10px;
                text-align: center;
                display: inline-block;
                background-color: #F5F5F5;
            }

    .cyber_risk_domain_tbl .half_chart {
        width: 150px;
        position: relative;
    }

        .cyber_risk_domain_tbl .half_chart .chart_amount {
            left: 0;
            right: 0;
            bottom: 0;
            margin: 0 auto;
            font-size: 22px;
            margin-bottom: 0;
            text-align: center;
            position: absolute;
            font-weight: bold;
        }


.page_header_dropdown {
    position: relative;
}

    .page_header_dropdown .header_dropdown {
        top: -5px;
        right: 15px;
        position: absolute;
    }

.full_dropdown .bootstrap-select {
    width: 100% !important;
}

.CustomTd .txtResponse, .CustomTd .auto_Input, .CustomTd .bootstrap-select {
    width: 350px !important;
}

    .CustomTd .bootstrap-select .open {
        width: 90% !important
    }

.mb_0px {
    margin-bottom: 0px !important;
}

.addcommentbtn {
    width: 120px !important;
}

.product_logo {
    display: flex;
    align-items: center;
}

    .product_logo img {
        width: 180px;
    }

.cur_pointer {
    cursor: pointer !important;
}

.cus-Statusbox {
    height: 10px;
    width: 10px;
    display: inline-flex;
    margin-right: 5px;
}

#doc_Status td {
    padding: 0px !important;
}

.no_hover :hover {
    color: none;
}

.CloseLow_Severity {
    margin-left: 20%;
}

.mt-5px {
    margin-top: 5px;
}

.mt-10px {
    margin-top: 10px;
}

.headingaEditor {
    margin-top: 0px;
}

#Policy_Purpose_Statement_Enabled {
    display: none;
}

#Policy_Scope_Enabled {
    display: none;
}

#Policy_Desc_Enabled {
    display: none;
}

#Policy_Purpose_Statement_Disabled_New {
    display: none;
}

#Policy_Scope_Disabled_New {
    display: none;
}

#Policy_Desc_Disabled_New {
    display: none;
}

#UserMgtTbl_info {
    display: block !important;
}

.dxm-ltr .dxm-horizontal > ul.dx, .dxm-rtl .dxm-horizontal > ul.dx {
    height: 100%;
    background: #e1e1e1 !important;
}

.dxtbControl_Aqua {
    color: black;
    background-color: #e1e1e1 !important;
    border-bottom: Solid 1px #f1eeee;
}

.dxheContentArea_Aqua {
    padding: 4px;
    padding-bottom: 6px;
    background-color: #f1eeee !important;
}

.dxheControl_Aqua {
    border: Solid 1px gray;
    font: 12px Tahoma, Geneva, sans-serif;
}

.dxeButtonEditButton_Aqua, .dxeSpinLargeIncButton_Aqua, .dxeSpinLargeDecButton_Aqua {
    background: #e1e1e1;
}

.dxeButtonEdit_Aqua {
    background-color: White;
    border: 1px Solid gray;
    font: 11px Tahoma, Geneva, sans-serif;
}

.dxheViewArea_Aqua {
    border: Solid 1px gray;
}

.add_sender_profile_div {
    background-color: #fff !important;
    padding: 12px !important;
}

#dvAssessment .form-line .bootstrap-select {
    width: 100%
}

.initiate_assessment_modal .mb-0 {
    padding: 0 15px !important;
}

.initiate_assessment_modal .f orm-textarea {
    margin: 10px 0 !important;
}

.width-90-per {
    width: 90% !important;
}

.custom_help_tooltip {
    padding-left: 0;
}

.custom_print_hide {
    display: flex;
    align-items: center;
    justify-content: end;
}

.custom_help_tooltip_info {
    left: -330px !important;
    top: 35px !important;
}

.policies_pdf_button_block {
    display: flex;
    justify-content: space-between;
}

.box-p-40px {
    padding: 40px !important;
}

.font-16-imp {
    font-size: 16px !important;
}

.Disable_ComplTrack {
    cursor: not-allowed;
    opacity: 0.3;
}

.padding-95px {
    padding: 96px !important;
}

.dash_active {
    cursor: pointer;
    font-weight: bold;
}

.left-0px {
    left: 0px !important;
}

.CertificationIcon {
    font-size: 16px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 2px;
}

.font-10px-imp {
    font-size: 10px !important;
}

.cus_box_text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.m-t-40px {
    margin-top: 40px;
}

.cost_breach_section .cost_breach .cost_breach_percentage .dash-slider {
    width: 100%;
    height: 10px;
    outline: none;
    overflow: hidden;
    border-radius: 15px;
    background: #C9C7C7;
    pointer-events: none;
    padding: 0 !important;
    -webkit-appearance: none;
}

.cost_breach_section .cost_breach .cost_breach_percentage.align-center {
    align-items: center;
}

.cost_breach_section .cost_breach .cost_breach_percentage .dash-slider::-webkit-slider-thumb {
    width: 0px;
    height: 0px;
    cursor: pointer;
    border-radius: 50%;
    background: #6dab32;
    -webkit-appearance: none;
    border: 0px solid #EB1B22;
    box-shadow: -170px 0 0 170px #6dab32;
}



.cost_breach_section .cost_breach.moderate_probability .cost_breach_value span {
    background-color: #F97E25;
}

.cost_breach_section .cost_breach.moderate_probability .cost_breach_percentage .dash-slider::-webkit-slider-thumb {
    background: #F97E25;
    box-shadow: -170px 0 0 170px #F97E25;
}

.autoScroll {
    overflow: auto !important;
}

.c-box-fix {
    height: 560px;
}

.plan-det_txt-span {
    text-align: justify;
    overflow: auto;
    height: 250px;
}

.auditfname {
    word-wrap: break-word;
    width: 500px;
}

.auditfname_Outer {
    word-wrap: break-word;
    width: 675px;
}

.auditfname_Outer-new {
    word-wrap: break-word;
    width: 500px;
}


.vendor_risk_doc_search .form-control {
    padding: 10px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: 1px solid #ccc !important;
    background-color: #f5f5f5 !important;
}

.question-table tbody tr td.pd-0-imp {
    padding: 0px !important;
}

.rfeStatusHeader {
    float: right;
    /*margin-top: 12px;
    margin-right: 30px;*/
}

.NoexceptionNoted_icon {
    color: green;
    vertical-align: bottom;
    float: right !important;
    margin-left: 20px;
}

.ExceptionsNoted_icon {
    color: red;
    vertical-align: bottom;
    float: right !important;
    margin-left: 20px;
}

.NoOccurence_icon {
    color: #00a2e8;
    vertical-align: bottom;
    float: right !important;
    margin-left: 20px;
}

.RequestforEvidence_icon {
    color: #ff7f27;
    vertical-align: bottom;
    float: right !important;
    margin-left: 10px;
}

.ReadyforRetesting_icon {
    color: green;
    vertical-align: bottom;
    float: right !important;
    margin-left: 20px;
}

.TestinginProgress_icon {
    color: gray;
    vertical-align: bottom;
    float: right !important;
    margin-left: 20px;
}

.not-allowed-disable {
    pointer-events: auto !important;
    cursor: not-allowed !important;
}

.d-flex-imp {
    display: flex !important;
}


.question-table .containerRdo.custom_allowed_disable {
    margin-right: -15px;
}

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

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

.audit-inner-title {
    height: 44px;
    padding: 10px;
    font-size: 20px;
    margin-top: 0px;
}

.margin-top-M-10 {
    margin-top: -10px;
}

.RFEStatusBox {
    font-size: 14px;
    width: 190px;
    text-align: left;
    text-transform: none;
    text-decoration: none;
    display: flex;
}

.blk-format {
    color: black;
    font-weight: bold;
    margin-left: 6px;
}

.docinfo {
    margin-left: 22px;
    line-height: 26px;
    width: 95%;
}

.docsearchHeader {
    font-size: 20px !important;
    font-weight: bold !important;
    padding: 10px !important;
}

.searchEvidencebox {
    margin-top: 20px;
    margin-bottom: 20px !important;
    background: #f5f5f5;
    margin-left: 16px;
    width: 97%;
    padding: 20px;
}

.audit_controls_status {
    border-radius: 5px;
    padding-bottom: 15px;
    border: 1px solid #EEE;
}

    .audit_controls_status .total_heading {
        font-size: 21px;
        font-weight: 600;
        background-color: #EEE;
        padding: 15px !important;
        margin-top: 0 !important;
    }

    .audit_controls_status .grid_box {
        display: grid;
        /*margin: 0 15px;*/
        grid-gap: 1.5rem;
        grid-template-columns: repeat(3, 1fr);
    }

    /*.audit_controls_status .border-box {
        border-radius: 1px;
        border: 1px solid #EEE;
        padding: 15px !important;
        border-left: 7px solid #000 !important;
    }*/

    .audit_controls_status .border-box .content {
        gap: 1.5rem;
        display: flex;
        align-items: center;
    }

        .audit_controls_status .border-box .content .RFEStatusBox {
            width: 65px;
            height: 65px;
            border-radius: 3px;
            align-items: center;
            justify-content: center;
            background-color: aliceblue;
        }

            .audit_controls_status .border-box .content .RFEStatusBox i {
                font-size: 27px;
            }


            .audit_controls_status .border-box .content .RFEStatusBox.grn_bg {
                background-color: rgba(0,128,0,0.1) !important;
            }

                .audit_controls_status .border-box .content .RFEStatusBox.grn_bg i {
                    color: rgba(0,128,0,1) !important;
                }

            .audit_controls_status .border-box .content .RFEStatusBox.blue_bg {
                background-color: rgba(0,162,232,0.1) !important;
            }

                .audit_controls_status .border-box .content .RFEStatusBox.blue_bg i {
                    color: rgba(0,162,232,1) !important;
                }

            .audit_controls_status .border-box .content .RFEStatusBox.red_bg {
                background-color: rgba(255,0,0,0.1) !important;
            }

                .audit_controls_status .border-box .content .RFEStatusBox.red_bg i {
                    color: rgb(255,0,0) !important;
                }

            .audit_controls_status .border-box .content .RFEStatusBox.orng_bg {
                background-color: rgba(255,127,39,0.1) !important;
            }

                .audit_controls_status .border-box .content .RFEStatusBox.orng_bg i {
                    color: rgb(255,127,39) !important;
                }

            .audit_controls_status .border-box .content .RFEStatusBox.gry_bg {
                background-color: rgba(128,128,128,0.1) !important;
            }

                .audit_controls_status .border-box .content .RFEStatusBox.gry_bg i {
                    color: rgb(128,128,128) !important;
                }

        .audit_controls_status .border-box .content .text-content p {
            font-size: 15px;
            margin-bottom: 5px !important;
        }

/*.audit_controls_status .border-box .content .text-content h6 {
                font-size: 24px;
                margin: 0px !important;
                font-weight: 600 !important;
            }*/

/*.revertStatus {
    cursor: pointer;
    float: right;
    margin-top: -10px;
}*/

.text-align-center {
    text-align: center !important;
}

.width-300-px {
    width: 300px !important;
}

.uplod-doc-box {
    width: 308px;
    display: flex;
    height: 40px;
}

.userLeave_iconBox {
    padding: 4px 0 0 5px;
}

.ownerlbl {
    padding: 5px 10px 0px 10px;
}

.noactiveuserbox {
    padding: 5px 0px 10px 10px;
    font-size: 22px !important;
}

#PreVCNoLongerActiver {
    padding: 0px 0px 0 10px;
}

.awscloudepassedbox {
    font-size: 20px !important;
    font-weight: bold !important;
}

.awscloudepr {
    color: green !important;
}

.Failedseveritytbl {
    width: 100%;
    background: white;
    line-height: 28px;
    text-align: center;
}

.fslow {
    background-color: #b2911c;
}

.fsmedium {
    background-color: #cb5e21;
}

.fshigh {
    background-color: #ba2e0f;
}

.fscritical {
    background-color: #7d2105;
}

.fsinformitional {
    background-color: darkseagreen;
}

.fsborder {
    border-radius: 20px;
    color: white;
}

.fspassed {
    background-color: #67a353;
}

.fsfailed {
    background-color: #ba2e0f;
}

.fsunckonown {
    background-color: #b2911c;
}

.fsdisabled {
    background-color: #879596;
}

.fscontrolstatuslbl {
    text-align: left;
    float: left;
    padding: 5px 0px 0px 13px;
}

.fscolmstatus {
    padding: 5px 25px 5px 25px;
    border-radius: 0 !important;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.aws_detail_report_overview_div h4 {
    color: #000;
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.aws_detail_report_overview_div .Failedseveritytbl {
    border-radius: 3px;
    padding: 15px 15px 10px;
}

.aws_detail_report_overview_div .fscontrolstatuslbl {
    float: none;
    margin: 0;
    padding: 0;
    color: #000;
    margin-top: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.aws_heading_margin {
    margin-bottom: 10px !important;
}

.aws_detail_report_overview_div .awscloudepr {
    margin: 0 !important;
    margin-bottom: 10px !important;
}

.aws_detail_report_overview_div .report_count {
    margin: 0;
    margin-bottom: 10px;
    display: block;
    line-height: 20px;
}

.aws_detail_report_overview_div .control_status_info {
    display: flex;
    justify-content: space-between;
}

    .aws_detail_report_overview_div .control_status_info h6 {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        display: block;
        margin: 0;
        margin-bottom: 10px;
        padding: 0 15px;
    }

    .aws_detail_report_overview_div .control_status_info p {
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        margin: 0;
    }

.border-gray {
    border: 1px solid #d3caca;
}

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

.margin-left-3pr {
    margin-left: 3%;
}

.margin-left-0pr {
    margin-left: 0%;
}

.margin-left--2pr {
    margin-left: -2%;
}

.li-dot-hide {
    list-style-type: none;
}

.dashboard-auditor-inst {
    overflow: auto;
    height: 450px;
    /*margin-left: 5px;
    width: 99%;
    border: 3px solid #e1e1e1;
    padding: 4px;
    border-radius: 5px;
    background: white;*/
}

.autofatch_msg {
    color: #b2232d;
    font-weight: normal;
    font-size: 14px;
}

.height-65-px {
    height: 65px;
}

.doc_upload_audit {
    width: 98% !important;
    margin-left: 1%;
}

.width-4-per {
    width: 4% !important;
}

.width-3-per {
    width: 3% !important;
}

.width-1-per {
    width: 1% !important;
}

.width-2-per {
    width: 2% !important;
}

.addplanbox {
    top: 10px !important;
}

.changeyearDrp {
    right: 14% !important;
    top: 3px !important;
    width: 200px;
    height: 40px;
    border: none;
}

.form-group .form-no-line:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    bottom: -1px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    border-bottom: unset !important;
}

.d-flex-imp {
    display: flex !important;
}

.color-green {
    color: green;
}

.color-red {
    color: red;
}

.color-black {
    color: black !important;
}

.ActualDate-icon {
    font-size: 26px !important;
}

.ActualDate-date {
    padding: 5px 0px 0px 5px !important;
}

.margin-top-5px {
    margin-top: 5px !important;
}

.plan-description {
    font-size: 15px !important;
    color: black !important;
}

.changeyearDrp a:hover {
    color: #b2232d !important;
}

.checklist-number-box {
    border: 1px solid black;
    color: white;
    background: black;
    padding: 0px 5px 0 5px;
    width: 70px;
    display: inline-block;
    text-align: center;
}

.long-string {
    width: 100px;
    word-wrap: break-word;
    display: inline-block;
}

.supported-platform-icon {
    /*width: 100%;*/
    height: 120px;
    border: 4px solid #EBEBEB;
    border-radius: 50%;
    padding: 5px;
}

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

.word-break-all {
    word-break: break-all;
}

.SamplingRequestExcelModalPopup {
    overflow: hidden !important;
}

}

.mt-2-PR-Imp {
    margin-top: 2% !important;
}

.custom-numeric-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

    .custom-numeric-list li {
        position: relative;
        padding-left: 30px;
    }

        .custom-numeric-list li::before {
            content: counter(custom-counter) ". "; /* Add custom numbering with a dot */
            counter-increment: custom-counter; /* Increment the counter */
            position: absolute; /* Position relative to the list item */
            left: 0;
            top: 0;
            font-weight: bold;
            color: #333; /* Customize color */
        }

/* Initialize the counter */
.custom-numeric-list {
    counter-reset: custom-counter; /* Start numbering from 1 */
}

.mb-20-px {
    margin-bottom: 20px;
}

.hr-border-3px {
    border-top: 3px solid #eee !important;
}

.margin-top-20px {
    margin-top: 20px !important;
}

.margin-top-25px {
    margin-top: 25px !important;
}

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

.margin-bottom-20px {
    margin-bottom: 20px !important;
}

.margin-bottom-25px {
    margin-bottom: 25px !important;
}

.remove-numeric-list {
    list-style: none; /* Remove bullets or numbers from child lists */
    padding-left: 20px; /* Indent the child list slightly */
}

    .remove-numeric-list li::before {
        content: ''; /* Prevent numbering or bullets for child items */
    }

#GeneratedChecklistActionItemsDataTable_wrapper {
    display: contents;
    margin-bottom: 100px;
}

.audit_dltbtn {
    cursor: pointer;
    color: black;
    text-decoration: underline;
    top: 8px;
    position: relative;
    font-size: 25px;
}

.IsArchivedCheckbox {
    opacity: 1 !important;
    float: left;
    border: 1px solid transparent;
    background-color: #f1f1f1;
    padding: 10px !important;
    left: 0 !important;
}

.margin-left-20px {
    margin-left: 20px !important;
}

.margin-left-25px {
    margin-left: 25px !important;
}

.padding-5px-Imp {
    padding: 5px !important;
}

.linebreak {
    word-wrap: break-word; /* For compatibility */
    word-break: break-all; /* Ensures long strings are broken */
    white-space: normal; /* Allows wrapping */
    overflow-wrap: break-word; /* Modern CSS property for wrapping */
}

.DocTblTitle {
    float: right;
    margin-right: 4%;
}

.text-align-center {
    text-align: center !important;
}


.NoSlidercls {
    padding: 0 15px 15px 15px;
    margin-bottom: 0 !important;
    width: 100% !important;
    float: right !important;
    background-color: #f7f7f7;
}

    .NoSlidercls .TableHeaderColor {
        background-color: #FFF !important;
    }

.dt-control {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
}

.planprogress-circle {
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: conic-gradient( var(--color, #3498db) calc(var(--percentage, 0) * 1%), #e0e0e0 0 );
    display: flex;
    float: right;
    font-size: 12px;
    padding: 0;
    margin: -4px;
}

    .planprogress-circle .inner-circle {
        position: absolute;
        top: 10%;
        left: 10%;
        width: 80%;
        height: 80%;
        border-radius: 50%;
        background: white;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 9px;
        font-weight: bold;
        color: #333;
    }

    .planprogress-circle.green {
        --color: #2ecc71;
    }

.planCerclechart {
    height: 56px;
}

    .planCerclechart .edit_course_icon {
        margin-top: -14px;
    }

.plancenter-msg {
    height: 500px; /* Ensure the container has a fixed height */
    display: flex;
    justify-content: center; /* Horizontal centering */
    align-items: center; /* Vertical centering */
    text-align: center; /* Center text alignment */
}

.ul_Menu_Box {
    background: #e1e1e1;
    width: 160px !important;
    padding: 0px 8px 0px 0px !important;
    border: 1px solid #e1e1e1 !important;
    height: 43px !important;
    border-radius: 10px !important;
    margin-top: 12px !important;
}

.ul_Menu_Box_parent {
    background: #e1e1e1;
    width: 189px !important;
    padding: 0px 8px 0px 0px !important;
    border: 1px solid #e1e1e1 !important;
    height: 43px !important;
    border-radius: 10px !important;
    margin-top: 12px !important;
}

.w-100-pr-imp {
    width: 100% !important;
}

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

    .plancircle .accordion-span {
        padding: 0 !important;
    }

        .plancircle .accordion-span i.rotate {
            transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -webkit-transform: rotate(90deg);
        }

    .plancircle a.edit_course_icon {
        color: #000 !important;
        margin-top: 10px !important;
        vertical-align: bottom !important;
    }

        .plancircle a.edit_course_icon:last-child {
            margin-right: 15px !important;
        }


.Checklist_Main_Table tr {
    background-color: #F9F9F9;
}

.Checklist_Main_Table .NoSlidercls {
    padding-bottom: 0 !important;
}

    .Checklist_Main_Table .NoSlidercls .col-lg-12 {
        margin-bottom: 0 !important;
    }

.Checklist_Main_Table #ChildPlanList tr {
    background-color: #FFF !important;
}

.w-88-per {
    width: 88% !important;
}

.w-100-per {
    width: 100% !important;
}

.IntegrationBox {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.w-120-px {
    width: 120px !important;
}

.IntegrationImgBox {
    width: 140px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}

.IntegrationStatusbox {
    border: 1px solid gray;
    border-radius: 10px;
    margin-top: 5px;
    padding: 1px 0px 1px 0px;
}

.IntegrationStatus_Connect {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 2px;
    display: inline-block;
    box-shadow: 0 0 8px currentColor;
    color: #28a745;
    background-color: currentColor;
}

.IntegrationStatus_NoConnect {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 2px;
    display: inline-block;
    box-shadow: 0 0 8px currentColor;
    color: #808080;
    background-color: currentColor;
}

.IntegrationStatus_ErrConnect {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 2px;
    display: inline-block;
    box-shadow: 0 0 8px currentColor;
    color: #f32148;
    background-color: currentColor;
}

.cursor_not-allowed {
    cursor: not-allowed !important;
}

.service-box-size {
    width: 20% !important;
}

.w-55-per {
    width: 55% !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.integrationtbl {
    font-size: 14px !important;
}

    .integrationtbl.table tbody tr td {
        font-size: 14px !important;
    }

.PserviceImgBox {
    width: 32px;
    height: 32px;
}

.no-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
}

.knowb4_statusbox {
    width: 28%;
    padding: 0px 2px 0px 2px;
    font-size: 13px;
    border-radius: 1%;
}

.knowb4_status_InProgress {
    background: #ffde97 !important;
}

.knowb4_status_Completed {
    background: #3f6a15 !important;
    color: white;
}

.Knowbe4_Namebox a {
    color: #337ab7 !important;
    font-size: 16px;
}

/* Style the tab */
.Ntab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

    /* Style the buttons that are used to open the tab content */
    .Ntab button {
        background-color: inherit;
        float: left;
        border: none;
        outline: none;
        cursor: pointer;
        padding: 14px 16px;
        transition: 0.3s;
    }

        /* Change background color of buttons on hover */
        .Ntab button:hover {
            background-color: #ddd;
        }

        /* Create an active/current tablink class */
        .Ntab button.active {
            background-color: #ccc;
        }

/* Style the tab content */
.Ntabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}

.KnowBe4Trainingfilter_box {
    display: flex;
    text-align: center;
    border-radius: 3px;
    flex-direction: column;
    justify-content: center;
    background-color: #f9f9f9;
    padding: 12px 12px;
    border: 1px solid gray;
    border-radius: 10px;
}

    .KnowBe4Trainingfilter_box p {
        font-size: 21px;
        font-weight: 600;
        text-align: center;
        color: #555555;
    }

    .KnowBe4Trainingfilter_box h3 {
        font-size: 36px;
        margin-top: 2px;
        margin-bottom: 0;
        text-align: center;
        color: #555555;
    }

.defaultSelectedBox {
    background: #c3bebe;
}

.knowbe4_status_box {
    padding: 0px 5px 0 5px;
    border-radius: 7px;
}

.knowbe4_status_Completed {
    background: #3f6a15;
    color: white;
}

.knowbe4_status_InProgress {
    background: #cca042;
    color: black;
}

.knowbe4_status_NotStarted {
    background: #585858;
    color: white;
}

.knowbe4_status_PastDue {
    background: #dc3545;
    color: white;
}

.knowbe4_status_Error {
    background: #dc3545;
    color: white;
}

.Knowbe4_NameboxPhising {
    padding: 0px 2px 0px 2px;
    font-size: 13px;
    border-radius: 1%;
}

    .Knowbe4_NameboxPhising a {
        color: #337ab7 !important;
        font-size: 16px;
    }

.knowbe4_status_PhActive {
    color: #fff;
    background-color: #649632;
}

.knowbe4_status_PhClosed {
    color: #fff;
    background-color: #6b6b6e;
}

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

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

.font-11-Imp {
    font-size: 11px !important;
}

.tick-color {
    color: #17A2B8 !important
}

.filterbtnbox {
    margin-top: 2%;
    margin-left: 0%;
    margin-bottom: 1%;
}

    .filterbtnbox a {
        color: #000;
        overflow: hidden;
        margin-left: -1px;
        border: 1px solid #CCC;
        background-color: #FFF;
    }

        .filterbtnbox a div {
            padding: 7px 12px;
        }

        .filterbtnbox a .defaultSelectedBox {
            color: #FFF;
            background-color: #000;
        }

        .filterbtnbox a:first-child {
            margin-left: 0;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }

        .filterbtnbox a:last-child {
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }

    .filterbtnbox.withcounter {
        display: table;
        margin-top: 0 !important;
    }

        .filterbtnbox.withcounter a {
            display: inline-block;
        }

        .filterbtnbox.withcounter p {
            margin: 0;
            display: inline-block;
        }

        .filterbtnbox.withcounter h3 {
            margin: 0;
            color: #FFF;
            width: 41px;
            height: 21px;
            font-size: 14px;
            margin-left: 5px;
            line-height: 21px;
            text-align: center;
            border-radius: 50px;
            display: inline-block;
            background-color: #000;
        }

        .filterbtnbox.withcounter .button--grey {
            background-color: #6C757D;
        }

        .filterbtnbox.withcounter .button--info {
            background-color: #17A2B8;
        }

        .filterbtnbox.withcounter .button--danger {
            background-color: #DC3545;
        }

        .filterbtnbox.withcounter .button--success {
            background-color: #28A745;
        }

/*.filterbtnbox.withcounter .defaultSelectedBox h3 {
            color: #000;
            background-color: #FFF;
        }*/
.height-600px {
    height: 600px;
}

.mainStatusBar {
    line-height: 40px !important;
    font-size: 15px !important;
    background-color: #0d6d0d !important;
}

.FilterScaSelected {
    background: #EEE !important;
}

.domainColor_Black {
    color: black !important;
}

.dtMoveUp_Disable {
    cursor: not-allowed;
}

.dtMoveDown_Disable {
    cursor: not-allowed;
}

.colapsIcon {
    margin-top: 3px;
    background: black;
    color: white;
    padding: 5px 0;
    border-radius: 4px;
}

.iconbox_UP {
    margin-top: 0px;
    margin-right: 15px;
}

.overall_project_schedule {
    width: 88%;
    display: grid;
    grid-template-columns: 7.5fr 4fr 0.5fr;
}

    .overall_project_schedule h3 {
        margin: 0 !important;
    }

    .overall_project_schedule .schedule_date {
        display: flex;
        justify-content: space-evenly;
    }

        .overall_project_schedule .schedule_date p {
            text-align: center;
        }

            .overall_project_schedule .schedule_date p label {
                display: block;
                margin-bottom: 0;
            }

            .overall_project_schedule .schedule_date p span {
                font-size: 21px;
            }

                .overall_project_schedule .schedule_date p span i {
                    margin-right: 3px;
                    vertical-align: text-bottom;
                }

.project_schedule_accordion {
    display: grid;
    align-items: center;
    grid-template-columns: 7.5fr 4fr 0.5fr;
}


.font-25 {
    font-size: 25px !important;
}

.FPVendorMenubox {
    right: 34px !important;
    background: #e1e1e1;
    width: 189px !important;
    padding: 0px 8px 0px 0px !important;
    border: 1px solid #e1e1e1 !important;
    height: 43px !important;
    border-radius: 10px !important;
    margin-top: 12px !important;
}

.color-black-imp {
    color: black !important;
}

.mt-16pr {
    margin-top: 16%;
}

.right-tooltips {
    left: -280px !important;
    top: -3px !important;
    width: 277px !important;
}

.display_contents {
    float: left !important;
    text-align: center;
    align-items: center;
    margin-left: 20px;
}

.tabsCyberWaranty {
    display: none;
    /*padding: 20px;*/
}

/*.tabsCyberWaranty-border {
    border: 1px solid #dddddd;
    border-radius: 5px;
}*/

.active_CyberWaranty {
    display: block;
}

.enrollconfimationDiv {
    text-align: center !important;
    display: inline-block;
    margin-top: 5px;
    width: 32%;
}

.border-1px-gray {
    border: 1px solid gray;
}

.height-500px {
    height: 500px;
}

.font-14-imp {
    font-size: 14px !important;
}

.tblrow_gray {
    background: #F2F2F2;
}

.height-40-px {
    height: 40px;
}

.cyberwrntyheader {
    border-top: 1px solid black;
    padding-bottom: 0;
    margin-bottom: 0;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

.line-height-33-px {
    line-height: 33px;
}

.right-tooltips_W_420px {
    left: -420px !important;
    top: 0px !important;
    width: 420px !important;
}

.AWS-Small-Icon {
    height: 60px;
}

.KnowBe4-Small-Icon {
    height: 18px;
}

.m-b-7px-imp {
    margin-bottom: 7px !important;
}

.application_stage_step {
    padding: 15px;
}

    .application_stage_step ul {
        gap: 3rem;
        margin: 0;
        padding: 0;
        display: flex;
        list-style-type: none;
        justify-content: center;
    }

        .application_stage_step ul li span label {
            display: block;
            font-size: 22px;
            margin-bottom: 0;
            line-height: 25px;
        }

        .application_stage_step ul li {
            zoom: 1;
            width: 125px;
            color: white;
            font-size: 18px;
            text-align: center;
            position: relative;
            display: inline-block;
            background-color: #215F9A;
            padding: 5px 20px 5px 50px;
        }

            .application_stage_step ul li::before {
                content: "";
                position: absolute;
                top: 0;
                width: 0;
                height: 0;
                left: 0;
                border-top: 30px solid transparent;
                border-left: 30px solid white;
                border-bottom: 30px solid transparent;
            }

            .application_stage_step ul li::after {
                top: 0;
                right: -29px;
                content: "";
                position: absolute;
                width: 0;
                height: 0;
                border-top: 31px solid transparent;
                border-left: 30px solid #215F9A;
                border-bottom: 30px solid transparent;
            }


            .application_stage_step ul li.firststage {
                background-color: #215F9A;
            }

                .application_stage_step ul li.firststage::after {
                    border-left: 30px solid #215F9A;
                }

            .application_stage_step ul li.secondstage {
                background-color: #E4A510;
            }

                .application_stage_step ul li.secondstage::after {
                    border-left: 30px solid #E4A510;
                }

            .application_stage_step ul li.thirdstage {
                background-color: #B9C312;
            }

                .application_stage_step ul li.thirdstage::after {
                    border-left: 30px solid #B9C312;
                }

            .application_stage_step ul li.fourthstage {
                background-color: #6BA816;
            }

                .application_stage_step ul li.fourthstage::after {
                    border-left: 30px solid #6BA816;
                }

            .application_stage_step ul li.fifthstage {
                background-color: #308B15;
            }

                .application_stage_step ul li.fifthstage::after {
                    border-left: 30px solid #308B15;
                }

            .application_stage_step ul li.sixthstage {
                background-color: #146E20;
            }

                .application_stage_step ul li.sixthstage::after {
                    border-left: 30px solid #146E20;
                }


.riskScorebox .cost_breach {
    gap: 1rem;
    padding: 10px;
    display: grid;
    align-items: center;
    grid-template-columns: 6fr 6fr;
}

    .riskScorebox .cost_breach .cost_breach_value {
        font-size: 14px;
        font-weight: 700;
        position: relative;
        text-align: center;
    }

        .riskScorebox .cost_breach .cost_breach_value:after {
            top: 0;
            right: 0px;
            width: 1px;
            content: '';
            height: 100%;
            position: absolute;
            transform: skewX(-10deg);
            border-right: 1px solid #c9c7c7;
        }

        .riskScorebox .cost_breach .cost_breach_value span {
            color: #FFF;
            width: 62px;
            height: 62px;
            display: flex;
            margin: 0 auto;
            font-size: 19px;
            border-radius: 50%;
            margin-bottom: 5px;
            align-items: center;
            justify-content: center;
            background-color: #EB1B22;
        }

    .riskScorebox .cost_breach .cost_breach_percentage {
        width: 100%;
    }

        .riskScorebox .cost_breach .cost_breach_percentage p {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 5px;
        }

        .riskScorebox .cost_breach .cost_breach_percentage .breach-slider {
            width: 100%;
            height: 10px;
            outline: none;
            overflow: hidden;
            border-radius: 15px;
            background: #C9C7C7;
            pointer-events: none;
            padding: 0 !important;
            -webkit-appearance: none;
        }

            .riskScorebox .cost_breach .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
                width: 0px;
                height: 0px;
                cursor: pointer;
                border-radius: 50%;
                background: #EB1B22;
                -webkit-appearance: none;
                border: 0px solid #EB1B22;
                box-shadow: -170px 0 0 170px #EB1B22;
            }

    .riskScorebox .cost_breach.moderate_probability .cost_breach_value span {
        background-color: #F97E25;
    }

    .riskScorebox .cost_breach.moderate_probability .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
        background: #F97E25;
        box-shadow: -170px 0 0 170px #F97E25;
    }

    .riskScorebox .cost_breach.low_probability .cost_breach_value span {
        background-color: #22B14C;
    }

    .riskScorebox .cost_breach.low_probability .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
        background: #22B14C;
        box-shadow: -170px 0 0 170px #22B14C;
    }

    .riskScorebox .cost_breach.gray_probability .cost_breach_value span {
        background-color: #808080;
    }

    .riskScorebox .cost_breach.gray_probability .cost_breach_percentage .breach-slider::-webkit-slider-thumb {
        background: #808080;
        box-shadow: -170px 0 0 170px #22B14C;
    }

.customsbox {
    width: 20% !important;
}

.Inventory_Genie_Icon {
    height: 32px;
    width: 32px;
}

.margin-top_22px {
    margin-top: 22px !important;
}

.profile_report_download {
    margin-top: -1px !important;
    margin: 5px 5px 5px 5px;
}

.Black_Spinnerloader {
    width: 16px;
    height: 16px;
    border: 3px dotted black;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 5px;
    margin: -4px 0;
    animation: rotation 2s linear infinite;
}

.profilerreport-btn {
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 18px;
    position: relative;
}

/* Tooltip-style spinner */
.profilerreport-spinner {
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-size: 12px;
    color: #333;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    top: -35px;
    left: 20px;
    white-space: nowrap;
    z-index: 999;
    transition: opacity 0.3s ease;
}

/* Animated dots */
.profilerreport-dots::after {
    content: '';
    display: inline-block;
    width: 1em;
    text-align: left;
    animation: profilerreport-dots 1.2s steps(3, end) infinite;
}

@keyframes profilerreport-dots {
    0% {
        content: '';
    }

    33% {
        content: '.';
    }

    66% {
        content: '..';
    }

    100% {
        content: '...';
    }
}

/* Reload icon style */
.profilerreport-reload-icon {
    font-size: 18px;
    margin-left: 5px;
    animation: profilerreport-reload 1s infinite;
}

@keyframes profilerreport-reload {
    0% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(180deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.tbl_border_tb {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.color-white {
    color: white !important;
}

.custom_Dashboardgraphbox {
    width: 112px;
    color: white;
    font-size: 14px;
    padding: 2px;
    border-radius: 4px;
    font-weight: bold;
}

    .custom_Dashboardgraphbox:hover {
        color: white !important;
    }

.custom_TitleBreachesbox {
    width: 100%;
    color: white;
    font-size: 14px;
    padding: 2px;
    border-radius: 4px;
    font-weight: bold;
}

    .custom_TitleBreachesbox:hover {
        color: white !important;
    }
/*Naitik*/
.question-icon-padding {
    padding: 0 5px 0 0;
}

.Agent-modal.Agent-modal-open {
    display: flex;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    transition: all 1s ease;
}

.Agent-modal {
    box-shadow: 0 32px 68px rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    position: fixed;
    max-width: 100%;
    background: #ffffff;
    top: 50%;
    box-sizing: border-box;
    border-radius: 6px;
    z-index: 99999;
    color: #212121;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    visibility: hidden;
    transition: all 0s ease;
}

.Agent-preference-center {
    /*max-height: 79vh;*/
    overflow: hidden;
    width: 845px;
    overflow: hidden;
    flex: 1 1 0;
    display: flex;
    flex-direction: column;
    border-radius: 6px;
}

.Agent-preference-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    border-bottom: 1px solid;
}

    .Agent-preference-header .Agent-preference-title {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
    }

    .Agent-preference-header .Agent-btn-close {
        margin: 0;
        cursor: pointer;
        vertical-align: middle;
        padding: 0;
        background: none;
        border: none;
        width: auto;
        height: auto;
        min-height: 0;
        line-height: 0;
        text-shadow: none;
        box-shadow: none;
    }

.Agent-preference-body-wrapper {
    padding: 0 24px;
    flex: 1;
    overflow: auto;
    box-sizing: border-box;
}

.Agent-preference-content-wrapper {
    border-bottom: 1px solid;
}

.Agent-preference-content-wrapper, .cky-gpc-wrapper .cky-gpc-desc {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    padding: 12px 0;
}

.Agent-accordion-wrapper {
    margin-bottom: 10px;
}

.Agent-prefrence-btn-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 22px 24px;
    border-top: 1px solid;
}

.questiontag {
    background: #f3f3f3;
    color: black;
    padding: 5px;
    text-align: left;
    font-size: 15px;
    width: 100%;
}

#PromptInput {
    border: 1px solid gray;
    border-radius: 5px;
}

.DocAgent {
    height: 360px;
    overflow: auto;
}
/*.conversation_fixbox {
    height: 250px;
    overflow: auto;
}*/
.conversationForDoc_fixbox {
    height: 400px;
    overflow: auto;
}

.AI_Chat_Popup {
    width: 80%;
    /*height: 95%;*/
}

    .AI_Chat_Popup .Agent-preference-header {
        padding: 15px 15px;
        border-bottom: 1px solid #E3E3E3;
    }

    .AI_Chat_Popup .Agent-preference-body-wrapper {
        padding: 0 0 0 15px;
        overflow: initial !important;
    }

        .AI_Chat_Popup .Agent-preference-body-wrapper .Agent-preference-content-wrapper {
            border: none !important;
        }

    .AI_Chat_Popup .default_question {
        padding: 15px;
        font-size: 16px;
        border-radius: 15px;
        margin-bottom: 10px;
        display: inline-block;
        color: #474646 !important;
        text-decoration: none !important;
        background-color: #F5F5DC !important;
    }

    .AI_Chat_Popup .questiontag {
        float: left;
        padding: 15px;
        margin-right: 15px;
        display: inline-block;
        border-radius: 15px 15px 0;
        background-color: #F5F5DC !important;
        width: 98%;
    }

    .AI_Chat_Popup .conversation_fixbox {
        overflow-y: auto;
        height: calc(100vh - 270px);
    }

    .AI_Chat_Popup .response-div {
        width: 98%;
        padding: 15px;
        margin-right: 15px;
        text-align: justify;
        margin-bottom: 10px;
        display: inline-block;
        background-color: #F7F7F7;
        border-radius: 15px 15px 15px 0;
    }

    .AI_Chat_Popup .response_icons {
        gap: 0.5rem;
        display: flex;
        align-items: center;
    }

        .AI_Chat_Popup .response_icons:last-child {
            margin-bottom: 15px;
        }

        .AI_Chat_Popup .response_icons .Agent-btn {
            width: 30px;
            height: 30px;
            display: flex;
            border-radius: 50px;
            align-items: center;
            padding: 0 !important;
            background-color: #FFF;
            justify-content: center;
            border: 1px solid #8C8C8C;
            transition: all ease-in-out .5s;
        }

            .AI_Chat_Popup .response_icons .Agent-btn.active {
                color: #FFF !important;
                background-color: #4ABA00 !important;
            }

            .AI_Chat_Popup .response_icons .Agent-btn .material-icons {
                font-size: 16px;
            }

            .AI_Chat_Popup .response_icons .Agent-btn:hover {
                color: #FFF !important;
                background-color: #8C8C8C;
            }

    .AI_Chat_Popup .ask_ques_textarea {
        position: relative;
        padding-right: 15px;
    }

        .AI_Chat_Popup .ask_ques_textarea .Agent-btn {
            top: 10px;
            color: #FFF;
            right: 25px;
            width: 35px;
            height: 35px;
            border: none;
            display: flex;
            position: absolute;
            border-radius: 50px;
            align-items: center;
            background-color: #EC1F31;
        }

.AI_Chat_Section .default_question {
    padding: 15px;
    font-size: 16px;
    border-radius: 15px;
    margin-bottom: 10px;
    display: inline-block;
    color: #474646 !important;
    text-decoration: none !important;
    background-color: #F5F5DC !important;
}

.AI_Chat_Section .questiontag {
    float: left;
    padding: 15px;
    margin-right: 15px;
    display: inline-block;
    border-radius: 15px 15px 0;
    background-color: #F5F5DC !important;
    width: 98%;
}

.AI_Chat_Section .response-div {
    width: 98%;
    padding: 15px;
    margin-right: 15px;
    text-align: justify;
    margin-bottom: 10px;
    display: inline-block;
    background-color: #F7F7F7;
    border-radius: 15px 15px 15px 0;
}

.AI_Chat_Section .response_icons {
    gap: 0.5rem;
    display: flex;
    align-items: center;
}

    .AI_Chat_Section .response_icons .Agent-btn {
        width: 30px;
        height: 30px;
        display: flex;
        border-radius: 50px;
        align-items: center;
        padding: 0 !important;
        background-color: #FFF;
        justify-content: center;
        border: 1px solid #8C8C8C;
        transition: all ease-in-out .5s;
    }

        .AI_Chat_Section .response_icons .Agent-btn.active {
            color: #FFF !important;
            background-color: #4ABA00 !important;
        }

        .AI_Chat_Section .response_icons .Agent-btn .material-icons {
            font-size: 16px;
        }

        .AI_Chat_Section .response_icons .Agent-btn:hover {
            color: #FFF !important;
            background-color: #8C8C8C;
        }

.AI_Chat_Section .ask_ques_textarea {
    padding-top: 15px;
    position: relative;
}

    .AI_Chat_Section .ask_ques_textarea .Agent-btn {
        top: 20px;
        right: 5px;
        width: 35px;
        color: #FFF;
        height: 35px;
        border: none;
        display: flex;
        position: absolute;
        border-radius: 50px;
        align-items: center;
        justify-content: center;
        background-color: #EC1F31;
    }


#AgentPrompHistory h1 {
    font-size: 16px;
    margin: 0 !important;
}

#AgentPrompHistory h2 {
    font-size: 15px;
    margin: 0 !important;
}

#AgentPrompHistory h3 {
    font-size: 14px;
    margin: 0 !important;
}

#AgentPrompHistory br {
    display: block;
}

#AgentPrompHistory scope, purpose, description {
    display: block;
    margin: 0;
    padding: 0;
    margin-bottom: 0px;
}

.response_icons .Agent-btn.red-active {
    color: #FFF !important;
    background-color: red !important;
}

.response_icons .Agent-btn.blue-active {
    color: #FFF !important;
    background-color: blue !important;
}

.fatchAIdata {
    margin-bottom: 20px;
}

.psgraph_Title {
    background: #ffffff;
    color: black;
    text-align: center;
    width: 100%;
    font-size: 20px !important;
}

    .psgraph_Title:hover {
        background: #ffffff !important;
        color: black !important;
        text-align: center;
        width: 100%;
        font-size: 20px !important;
    }

.box-62px {
    height: 62px !important;
    width: 62px !important;
}

.section-content.shifted {
    margin-right: 410px;
}

.section-content.sidebar_expand .agentai-right-sidebar {
    overflow-y: auto;
    z-index: 99999 !important;
    width: calc(100vw - 65px);
}

    .section-content.sidebar_expand .agentai-right-sidebar .agentai-sidebar-body {
        padding: 0 15px;
        margin: 0 20% 0 20%;
        height: calc(100vh - 250px);
    }

    .section-content.sidebar_expand .agentai-right-sidebar .agentai-sidebar-textfield {
        margin: 0 20% 0 20%;
    }

    .section-content.sidebar_expand .agentai-right-sidebar .questions_parent .questions {
        max-width: 50%;
        display: inline-block;
        margin: 15px auto 15px 15px;
    }

    .section-content.sidebar_expand .agentai-right-sidebar .asnwers_parent .asnwers {
        max-width: 70%;
        display: inline-block;
        margin: 15px 15px 15px auto;
    }

    .section-content.sidebar_expand .agentai-right-sidebar .response_icons {
        margin-left: 0;
    }

    .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow {
        display: grid;
        grid-gap: 1rem;
        padding: 0 15px;
        margin: 15px 20% !important;
        grid-template-columns: 6fr 6fr;
    }

        .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div {
            background-color: #FFF;
            padding: 15px !important;
            border: 1px solid #EBEBEB;
            border-radius: 10px !important;
            box-shadow: 0px 6px 16px 2px rgba(0, 0, 0, 0.05);
        }

            .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header {
                display: flex;
                justify-content: space-between;
            }

                .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_icon {
                    width: 40px;
                    height: 40px;
                    border: none;
                    display: flex;
                    color: #5E5E5E;
                    align-items: center;
                    border-radius: 15px;
                    background-color: #FFF;
                    justify-content: center;
                    border: 1px solid #EBEBEB;
                    transition: all ease-in-out .5s;
                }

                .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_icon_title {
                    gap: 1rem;
                    display: flex;
                }

                    .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_icon_title h4 {
                        margin: 0;
                        color: #5E5E5E;
                        font-size: 16px;
                        font-weight: 500;
                        line-height: 21px;
                    }

                    .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_icon_title span {
                        color: #5E5E5E;
                        font-size: 12px;
                        font-weight: 300;
                        line-height: 14px;
                    }

                .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_status {
                    height: 25px;
                    color: #21CE9E;
                    border-radius: 5px;
                    padding: 0.35rem 0.65rem;
                    background-color: rgba(33, 206, 158, 0.05);
                }

                    .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_status.locked {
                        color: #5E5E5E;
                        background-color: #EBEBEB
                    }

                    .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_status span {
                        gap: 0.5rem;
                        display: flex;
                        font-size: 12px;
                        line-height: 14px;
                        align-items: center;
                    }

                        .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_header .ai_status span i {
                            height: 18px;
                            font-size: 18px;
                            line-height: 18px;
                        }

            .section-content.sidebar_expand .agentai-right-sidebar .agent_ai_workflow .agent_ai_div .ai_body p {
                margin-top: 15px;
                min-height: 75px;
            }

/*.content.sidebar_expand .agentai-right-sidebar.open {
        right: -1300px;
    }*/



.agentai-right-sidebar-icons {
    z-index: 9;
    right: 35px;
    bottom: 35px;
    position: fixed;
}


.agentai-right-sidebar {
    top: 60px;
    width: 410px;
    height: calc(100vh - 60px);
}

    .agentai-right-sidebar .right-sidebar-close {
        top: 10px;
        right: 10px;
        position: absolute;
    }

    .agentai-right-sidebar .sidebar-heading {
        display: flex;
        padding: 0 15px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #F1F1F1;
    }

        .agentai-right-sidebar .sidebar-heading h3 {
            margin-top: 10px;
            margin-bottom: 0;
        }

        .agentai-right-sidebar .sidebar-heading p {
            margin-top: 0;
        }

        .agentai-right-sidebar .sidebar-heading a {
            color: #333;
            height: 24px;
            line-height: 24px;
            display: inline-block;
        }

    .agentai-right-sidebar .agentai-sidebar-body {
        overflow: auto;
        height: calc(100vh - 230px);
    }

        .agentai-right-sidebar .agentai-sidebar-body .questions_parent {
            text-align: right;
        }

        .agentai-right-sidebar .agentai-sidebar-body .asnwers_parent {
            text-align: left;
        }

        .agentai-right-sidebar .agentai-sidebar-body .questions {
            width: auto;
            margin: 15px;
            padding: 10px;
            max-width: 85%;
            display: inline-flex;
            word-wrap: break-word;
            background-color: #F9F9F9;
            border: 1px solid #F1F1F1;
            border-radius: 7px 7px 1px 7px;
        }

        .agentai-right-sidebar .agentai-sidebar-body .asnwers {
            width: auto;
            padding: 10px;
            max-width: 85%;
            margin: 0 15px 8px;
            display: inline-flex;
            background-color: #F1F1F1;
            border: 1px solid #DBD9D9;
            border-radius: 1px 7px 7px 7px;
            display: block;
        }

    .agentai-right-sidebar .agentai-sidebar-textfield {
        padding: 0 15px;
        position: relative;
    }

        .agentai-right-sidebar .agentai-sidebar-textfield .customtxt {
            width: 100%;
            border-radius: 10px;
            padding: 10px !important;
            border: 1px solid #DFDFDF;
            background-color: #FFFFFF;
            box-shadow: 1px 3px 1px #CCC;
            padding-right: 50px !important;
        }

.dxmLite_Aqua .dxm-horizontal table div {
    width: auto !important;
}

.SenPromptbtn {
    color: #FFF;
    right: 20px;
    width: 35px;
    bottom: 20px;
    height: 35px;
    border: none;
    display: flex;
    position: absolute;
    border-radius: 50px;
    align-items: center;
    background-color: #EC1F31;
}

.font-24-IMP {
    font-size: 24px !important;
}

.vm_Rpbutton:hover {
    color: white !important;
}

.ai-main-icon {
    left: 0;
    right: 0;
    width: 40px;
    margin: 0 auto;
    margin-top: 7px;
    position: absolute;
}

.border_box {
    border: 2px solid #e1e1e1;
    border-radius: 4px;
}

.genie_Page_Title {
    font-size: 24px !important;
    margin-top: 30px;
    margin-bottom: 30px;
}

.AI-det_txt-span {
    text-align: justify;
    overflow: auto;
    font-size: 16px !important;
    padding: 4px;
}

.agent_profile_img {
    width: 48px;
    height: 48px;
}

.agent_Page_Title {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.AI-agent_txt-span {
    text-align: justify;
    overflow: auto;
    font-size: 16px !important;
    padding: 12px;
    height: 170px;
}

.AI-AgentButton-Box {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    margin-bottom: 20px;
    margin-left: 25%;
    margin-right: 25%;
    color: black;
    padding: 5px;
    background: #e1e1e1;
}

.padding-20px {
    padding: 20px !important;
}

/*agent list */


.agentList_container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 40px 20px;
}

.agentList_title {
    text-align: center;
    font-size: 2.2rem;
    margin-bottom: 40px;
    color: #333;
}

.agentList_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
}

.agentList_card {
    background: white;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: box-shadow 0.3s ease;
}

    .agentList_card:hover {
        box-shadow: 0 4px 16px rgba(0,0,0,0.1);
    }

.agentList_header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.agentList_icon {
    font-size: 32px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
}

.agentList_name {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
}

.agentList_badge {
    font-size: 14px;
    background-color: #e5e7eb;
    color: #374151;
    padding: 2px 8px;
    border-radius: 9999px;
    display: inline-block;
    margin-top: 2px;
}

.agentList_description {
    font-size: 16px;
    color: #6b7280;
    margin-bottom: 15px;
}

.agentList_button {
    padding: 8px 12px;
    font-size: 15px;
    border: 1px solid #3b82f6;
    color: #3b82f6;
    background: white;
    border-radius: 6px;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
}

    .agentList_button:hover {
        background: #3b82f6;
        color: white;
    }

/* Modal content styling */
.agentList_modal .modal-content {
    border-radius: 10px;
}

.agentList_modal .modal-header h5 {
    font-weight: 600;
}

.agentList_modal .modal-body p {
    font-size: 0.95rem;
}

.inviteStatus_box {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-right: 2px;
    display: inline-block;
}

.inviteStatus_box_Name {
    margin-top: -22px;
    display: flex;
    margin-left: 21px;
}

.compySec_StatusClor_Invited {
    color: #0991cf;
    background-color: currentColor;
}

.compySec_StatusClor_Active {
    color: #17ab44;
    background-color: currentColor;
}

.compySec_StatusClor_InActive {
    color: #fe7e2a;
    background-color: currentColor;
}

.compySec_StatusClor_NotInvited {
    color: #c3c3c3;
    background-color: currentColor;
}

.ProspectQualifierScore_high {
    color: #b40000;
}

.ProspectQualifierScore_moderate {
    color: #f08f00;
}

.ProspectQualifierScore_low {
    color: #4aba00;
}

.feedbackbtn-box {
    width: 30px;
    height: 30px;
    display: flex;
    border-radius: 50px;
    align-items: center;
    padding: 0 !important;
    background-color: #FFF;
    justify-content: center;
    border: 1px solid #8C8C8C;
    transition: all ease-in-out .5s;
}

.ComplyGenie_heading {
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

.ComplyGenie_paragraph {
    margin-bottom: 1rem;
}

.ComplyGenie_highlight {
    color: #6a1b9a;
    font-weight: bold;
}

.ComplyGenie_icon {
    font-size: 1.5rem;
    color: #fbc02d;
}

.ComplyGenie_sparkle {
    font-size: 1.5rem;
    color: #ffc107;
    margin-right: 0.3rem;
}

.ComplyGenie_agentSection {
    margin-top: 2rem;
    padding-top: 1rem;
    border-top: 2px dashed #ddd;
}

.ResponsiveTblSection {
    width: 100%;
    overflow: auto;
    display: inline-table;
}

.overflow-Auto {
    overflow: auto;
}

.d-block {
    display: block !important;
}

#GeneratedChecklistActionItemsDataTable {
    overflow: auto;
    display: block !important;
}

.trust_tabs {
    display: flex;
    border-bottom: 2px solid #ccc;
    cursor: pointer;
    margin-bottom: -2px;
}

.trust_tab {
    padding: 10px 20px;
    border: 1px solid #ccc;
    border-bottom: none;
    background: #e9ecef;
    margin-right: 5px;
}

    .trust_tab.trust_active {
        background: white;
        border-bottom: 2px solid white;
        font-weight: bold;
    }

.trust_tab-content {
    display: none;
    border: 1px solid #ccc;
    padding: 20px;
    background: white;
}

    .trust_tab-content.trust_active {
        display: block;
    }

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


.trust_button {
    padding: 10px 15px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .trust_button:hover {
        background-color: #0056b3;
    }



.trust_icon-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 18px;
}

.margin-top-0px {
    margin-top: 0px !important;
}

.Questionnaire_Simulator {
    padding: 20px;
    font-family: Arial, sans-serif;
}

.Questionnaire_Header {
    text-align: right;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.Questionnaire_ButtonGroup button {
    margin-left: 10px;
}

.Questionnaire_RunAgentBtn, .Questionnaire_ExportBtn {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
}

.Questionnaire_TableWrapper {
    max-height: 400px;
    overflow-y: auto;
    border: 1px solid #ccc;
}

.Questionnaire_Table {
    width: 100%;
    border-collapse: collapse;
}

    .Questionnaire_Table th, .Questionnaire_Table td {
        border: 1px solid #ddd;
        padding: 8px;
        text-align: left;
        vertical-align: top;
    }

    .Questionnaire_Table th {
        background-color: #f2f2f2;
    }


.Questionnaire_Tooltip {
    margin-left: 6px;
    cursor: pointer;
    font-size: 16px;
    vertical-align: middle;
}

.que_chkbox {
    opacity: 1 !important;
    position: unset !important;
    left: 0 !important;
}

.chbox_th {
    text-align: center !important;
    padding: 24px !important;
}

.bg-gray {
    background: gray;
}

.processing-row {
    background-color: #D4EDDA !important; /* Light green */
}

.Insigbox {
    height: 300px !important;
}

.planMapping_Header_Icon {
    border: 1px solid gray;
    margin-left: 10px;
}

.PlanMapping_menu-popup {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    z-index: 99;
    width: 180px;
    border-radius: 5px;
}

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

        .PlanMapping_menu-popup ul li {
            padding: 10px;
            cursor: pointer;
        }

            .PlanMapping_menu-popup ul li:hover {
                background-color: #f0f0f0;
            }


#DivCheckboxs .form-group {
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #EBEBEB;
}

    #DivCheckboxs .form-group .Mapping_btn .planMapping_Header_Icon {
        border-radius: 10px;
        border-color: #EBEBEB;
    }

.rolemodel_checkbox {
    display: flex;
    padding: 10px 10px;
    border-radius: 5px;
    align-items: center;
    border: 1px solid #EBEBEB;
    justify-content: space-between;
}

    .rolemodel_checkbox label {
        height: initial;
        margin-bottom: 0;
    }

    .rolemodel_checkbox .Mapping_btn {
        float: right;
        height: 24px;
    }

    .rolemodel_checkbox .planMapping_Header_Icon {
        border: none;
    }

.swt_box {
    margin-top: 22px;
    border: 1px solid #dddddd;
    padding: 15px 0 0 0;
    border-radius: 6px;
}

.font-35-imp {
    font-size: 35px !important;
}

.border-radius-7px {
    border-radius: 7px !important;
}

.changespwd_swtch {
    padding: 15px 0 0 0;
    margin-left: 20px;
    margin-top: 5px;
}
/*.selectedCpmPlan {
    margin-top: 28px;
    border: 2px solid white;
    width: 140px;
    text-align: center;
    margin-left: 21%;
    border-radius: 7px;
    padding: 5px;
}*/
.PolicySelectBox {
    height: 300px !important;
    overflow: auto;
}
/* Stepper */
.Policy_Aigenerator_wizardSteps {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 5px 0 16px
}

.Policy_Aigenerator_stepHeader {
    display: flex;
    align-items: center;
    gap: .5rem;
    position: relative
}

.Policy_Aigenerator_dot {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid #cfd8dc;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background: #fff
}

.Policy_Aigenerator_label {
    font-weight: 600;
    white-space: nowrap
}

.Policy_Aigenerator_bar {
    flex: 1;
    height: 2px;
    background: #cfd8dc
}

.Policy_Aigenerator_stepHeader.Policy_Aigenerator_active .Policy_Aigenerator_dot {
    border-color: #0d6efd
}

.Policy_Aigenerator_stepHeader.Policy_Aigenerator_completed .Policy_Aigenerator_dot {
    background: #0d6efd;
    color: #fff;
    border-color: #0d6efd
}

.Policy_Aigenerator_stepHeader.Policy_Aigenerator_completed + .Policy_Aigenerator_bar {
    background: #0d6efd
}

.Policy_Aigenerator_noPolicyMsg {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 15px 20px;
    border-radius: 8px;
    color: #856404;
    font-family: Arial, sans-serif;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

    .Policy_Aigenerator_noPolicyMsg h3 {
        margin: 0 0 8px;
        font-size: 1.25rem;
    }

    .Policy_Aigenerator_noPolicyMsg p {
        margin: 0;
        font-size: 1rem;
    }

.height-24-px {
    height: 24px !important;
}

.my-menu-search {
    z-index: 5000000 !important;
    width: 262px !important;
    font-size: 16px;
}

.extention-img {
    width: 70%;
    border: 1px solid #EBEBEB;
    border-radius: 4px;
}

.MyTskStatus_completed {
    color: #21CE9E !important;
    background-color: rgba(33, 206, 158, 0.1);
}

.MyTskStatus_pending {
    color: #FFC000 !important;
    background-color: rgba(255, 192, 0, 0.1) !important;
}

.MyTskStatus_overdue {
    color: #FB4242 !important;
    background-color: rgba(251, 66, 66, 0.1) !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.single_icon {
    transition: all ease-in-out .5s;
    background-color: rgba(13, 110, 253, 0.1);
    padding: 0;
    width: 28px;
    height: 28px;
    display: flex;
    cursor: pointer;
    border-radius: 5px;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}