h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-bottom: 0.4rem;
    font-weight: normal;
}

h5,
h6 {
    font-family: 'Nunito Bold';
}

button:focus {
    outline: none;
}

main {
    min-height: 100%;
}

body {
    overflow: hidden;
    min-height: 450px;
}

:root {
    --color-primary: #0088FF; 
    --color-primary-dark: #0061b9;
    --color-primary-light: #d6edff;
    --color-grey-light: #f5f6f7;
    --color-heading: #33475b;
    --defaultColor: #353c57;
    --color-success: #22C55E;     /* Approved */
    --color-warning: #f59e0b;     /* Pending */
    --color-danger: #EF4444;      /* Rejected */
    --color-info: #3B82F6;        /* In Progress */
    --color-draft: #9CA3AF;       /* Not Started */
    --color-inprogress: #F59E0B;  /* Being Evaluated */
    --white: #ffffff;
    --black: #000000;
    --sitebackgroundColor: #f5f6f7;
    --grey: #ecf1f2;
    --grey-dark: #222c33;
    --PrimaryFontFamily: "Open Sans";
    --SecondaryFontFamily: "Roboto";
    --PrimaryArabicFontFamily: "Cairo";
    --BodyFontSize: 14px;
    --BodyLineHight: 1.5;
    --BodyFontColor: #353c57;
    --BodybackgroundColor: #ffffff;
    --theme-border-radius: 8px;
    --singleborderRadius: 8px;

    
}

.color-primary {
    background: var(--color-primary) !important;
}

.color-primary-dark {
    background: var(--color-primary-dark) !important;
}

.color-primary-light {
    background: var(--color-primary-light) !important;
}

@font-face {
    font-family: "Nunito-Medium";
    src: url("../fonts/Nunito-Medium.ttf") format("opentype");
}

@font-face {
    font-family: "ScriptMTBold";
    src: url("../fonts/ScriptMTBold.ttf") format("opentype");
}

@font-face {
    font-family: "Acumin Variable Concept";
    src: url("../fonts/Acumin Variable Concept.ttf") format("opentype");
}

.edit-bar {
    position: relative;
    z-index: 11;
}

.affix {
    position: fixed;
}

.menu-collape-area ul li a i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.audit-page-table-main table th {
    font-size: 14px;
}

.row-sm {
    margin-left: -5px;
    margin-right: -5px;
}

.col-sm {
    padding-left: 5px;
    padding-right: 5px;
}


/*main .container-fluid {
  padding-left: 0px;
}*/

.mr-20 {
    margin-right: 20px;
}

ol li {
    color: #506e91;
}

ol li::marker {
    color: #506e91;
}

.assesment-form-page .upform {
    margin-bottom: 100px;
}

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


/*---strategy popup----*/

.history-popup-accordion-main .panel-drop-sections .panel-heading.active .width96pc p {
    color: #506e91 !important;
}

.history-popup-accordion-main .panel-drop-sections .width96pc p {
    color: #7c98b6 !important;
}


/*-------------organization chart--------*/

.tree-wrapper-oc {
    overflow: scroll;
    cursor: grab;
    cursor: -o-grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
    height: 500px;
}

.xtra-large-modal .modal-xl {
    max-width: 1500px;
    margin-top: 0px !important;
}

.dragscroll {
    overflow: hidden;
}


/*-------------hc competency assessment new------*/

.overflow-workflow-new {
    overflow: initial !important;
}


/*----step form button fixed----*/

.btn-fixed-position-cls {
    position: fixed;
    background: #fff;
    left: 60px;
    right: 0;
    bottom: 0px;
    width: 1100px;
    margin: 0 auto;
    -ms-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
    z-index: 111;
    padding: 15px 30px !important;
}


/*-----------kpi details---------------*/

.attachment-more9 {
    height: 26px;
    width: 30px;
    background-color: #f3f8fb;
    text-align: center;
    padding: 3px;
}


/*----bcm dashboard-----*/

.status-small-head h3 {
    font-size: 20px;
}

.bcm-small-box5 {
    width: 20%;
    float: left;
}

.dot-very-light-violet::before {
    background-color: #C39FE7;
}

.dot-light-violet::before {
    background-color: #B097FF;
}

.dot-normal-violet::before {
    background-color: #9F7BCD;
}

.dot-dark-violet::before {
    background-color: #8762BF;
}

.dot-light-green::before {
    background-color: #81DF71;
}

.dot-light-blue::before {
    background-color: #5CBEFF;
}

.dot-skin::before {
    background-color: #EABE77;
}

@media only screen and (max-width: 767px) {
    .bcm-small-box5 {
        width: 50%;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .bcm-small-box5 {
        width: 33.33%;
    }
}


/*-----------time sheet--------------*/

.td-public-holiday {
    font-size: 20px;
    color: #ffb8b8;
    transform: rotate(270deg);
    width: 142px;
    position: absolute;
    /* margin-left: -44px;*/
    right: -66%;
}

.table tr .td-background-red {
    background: #fff8f8;
    border-color: #ffb8b8 !important;
}

.timesheet-table .th-timesheet-style {
    background: #ffecec;
    color: #F9384B;
    border-color: #ffb8b8 !important;
}

.timesheet-table tr:hover .td-background-red {
    background: #fff8f8 !important;
}

.table tr .border-right-red {
    border-right-color: #ffb8b8 !important;
    ;
}

.arrow-small-box-left {
    width: 28px;
    float: right;
    /* padding: 2px 6px; */
    font-size: 13px;
    text-align: center;
    color: #506e91 !important;
    height: 25px;
    padding: 3px;
    border-left: none !important;
}

.arrow-medium-box {
    width: 100px;
    height: 25px;
    float: right;
    /* padding: 2px 6px; */
    font-size: 13px;
    text-align: center;
    color: #506e91 !important;
}

.arrow-small-box-right {
    width: 28px;
    float: right;
    /* padding: 2px 6px; */
    font-size: 13px;
    text-align: center;
    color: #506e91 !important;
    height: 25px;
    padding: 3px;
    border-right: none !important;
}

.calender-lg-box {
    width: 156px;
    font-size: 13px;
    text-align: center;
    color: #506e91 !important;
    height: 25px;
    padding: 3px;
    border-top: none !important;
}

.table tr .th-background-green {
    background: #E9FFD8 !important;
    border-bottom-color: #0DBF00 !important;
    border-top-color: #0DBF00 !important;
    border-right-color: #0DBF00 !important;
}

.th-head-small-box {
    height: 20px;
    background: #2E6BAD;
}

.th-head-small-box p {
    color: #ffffff !important;
}

.lg-float-box {
    float: right;
}

@media only screen and (max-width: 640px) {
    .arrow-small-box-left {
        float: left !important;
        border-left: 1px solid #cbd6e2 !important;
    }
    .arrow-small-box-right {
        float: left !important;
        border-right: 1px solid #cbd6e2 !important;
    }
    .arrow-medium-box {
        float: left !important;
    }
    .lg-float-box {
        float: left !important;
        margin-bottom: 20px;
    }
}


/*-------------organization chart----------------*/

.oc-new-cls .add-profie-org-pup {
    padding: 0px !important;
}

.oc-new-cls .profile-widg-padding {
    padding: 0px !important;
}

.oc-new-cls .oc-btns-arow-top {
    top: 8px;
}

.oc-new-cls .oc-btns-arow-left {
    left: 8px;
}

.oc-new-cls .oc-btns-arow-right {
    right: 8px;
}

.oc-new-cls .oc-btns-arow-bottom {
    bottom: 8px;
}

.oc-new-cls .tree-wrapper-oc {
    min-height: 762px;
}


/*--------customer engagement----------------*/

.padding-right-0-lg {
    padding-right: 0px !important;
}

@media only screen and (max-width: 1200px) {
    .padding-right-0-lg {
        padding-right: 15px !important;
    }
    .padding-bottom-15 {
        padding-bottom: 15px !important;
    }
}

@media only screen and (max-width: 575px) {
    .customer-logo-cls {
        margin-bottom: 10px !important;
    }
    .padding-right-0-md {
        padding-right: 15px !important;
    }
}

.customer-logo-cls {
    min-height: 267px !important;
    margin-bottom: 0px
}

.padding-right-0-md {
    padding-right: 0px !important;
}


/*------------------alert messege box popup---------------*/

.alert-msg-box {
    border-radius: 6px !important;
}

.alert-msg-box-content {
    text-align: center;
}

.alert-msg-box .popup-icon-cls {
    width: 100px;
    margin: 10px auto;
}

.alert-msg-box-content p {
    font-size: 17px;
}

.alert-msg-box .btn {
    min-width: 75px;
}

.alert-msg-box .close {
    color: #506e91bd;
}


/************** Asset css style start ****************/

.dropdown-with-textbox {
    width: 50px;
}

.dropdown-with-textbox select {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    font-size: 15px;
    font-weight: 900;
}

.dropdown-with-textbox:after {
    position: absolute;
    z-index: 2;
    right: 24px;
    top: 10px;
    margin-top: -2px;
    height: 0;
    width: 0;
    pointer-events: none;
    content: "";
    color: #ced4da;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
}

.dropdown-with-textbox .form-control:focus {
    box-shadow: none !important;
    border: 1px solid #ced4da !important;
}

.info-circle-inp .info-tooltip .tool-tip {
    display: none;
}

.info-circle-inp .info-tooltip:hover .tool-tip {
    width: 268px;
    height: auto;
    padding: 14px;
    position: absolute;
    left: 30px;
    z-index: 9999;
    background: #fff;
    top: -15px;
    color: #808080;
    box-shadow: 1px 1px 10px #eee;
    display: block;
    font-family: "Poppins", sans-serif !important;
    font-weight: normal;
    line-height: 20px;
    display: block;
}

.lg-tooltip {
    position: relative;
    display: inline-block;
    right: inherit;
    top: inherit;
}

.info-circle-inp i {
    font-size: 14px;
    color: #b1c1d3;
}

.lg-tooltip .message-password-inp {
    width: 600px;
    right: inherit;
    left: 0;
}

.info-circle-inp:hover i {
    color: #0088FF;
    cursor: pointer;
}

.info-circle-inp:hover .message-password-inp {
    display: block;
}

.lg-tooltip .bottom-show.message-password-inp:after {
    content: "";
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    right: 300px;
    z-index: 10;
}

.lg-tooltip .bottom-show.message-password-inp::before {
    content: none;
}

.lg-tooltip .message-password-inp.bottom-show {
    /*top: unset !important;
    bottom: 35px !important;
    left: -280px !important;*/
}

.lg-tooltip .top-show .message-password-inp::before {
    content: none;
}

.top-show-main .lg-tooltip .message-password-inp {
    width: 300px;
    left: -70px;
}

.top-show-main .message-password-inp:before {
    left: 67px;
    right: auto;
}

.info-circle-inp p {
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
}

.min-height-467 {
    min-height: 467px;
}

.asset-tag .ranking-tag .draft-tag::after {
    content: none;
}

.draft-tag-none .label-tag-style-tag {
    padding: 1.2px 7px 0 4px !important;
}

.blue-box-label .indication-label {
    font-size: 14px;
}

.asset-blue-box {
    border: 1px solid #0088FF;
    border-radius: 5px !important;
}

.asset-blue-box h6 {
    color: #0088FF !important;
    margin-bottom: 0px;
}

.supplier-global-icon {
    color: #506e91 !important;
}

.asset-supplier-box {
    border: 1px solid #cbd6e2;
}

.asset-supplier-box-inner {
    border-radius: 5px;
}

.asset-thumb-pics-bg .thumb-pics {
    width: 25% !important;
}

.two-text-box-join .text-box-1:focus {
    z-index: 100 !important;
}

.two-text-box-join {
    position: relative;
}

.two-text-box-join .text-box-1 {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    top: 0px;
    width: 50%;
    position: absolute;
}

.two-text-box-join .text-box-2 {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    width: 50%;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -1px;
}

.dropdown-with-textbox-w-90 {
    width: 95px !important;
}

.asset-outline-tag .outline-tag {
    padding: 0px 3px !important;
    font-size: 12px;
    bottom: 27px !important;
    right: 25px !important;
}

.value-with-text-box {
    position: relative;
}

.value-with-text-box span {
    width: 40px;
    position: absolute;
    padding: 9px 14px;
    height: 38px;
}

.border-right-thick {
    border-right: 1px solid #33475b !important;
}

.subheadings-border-right .border-right {
    padding-left: 12px;
    height: 9px;
}

.wrap-text {
    word-wrap: break-word;
    white-space: nowrap;
    overflow-wrap: break-word !important;
}

.asset-in-ex-new .in-ex-icon-new {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}


/* mapping gistory popup start */

.trainining-history-box {
    position: relative;
}

.trainining-history-box .controls-mapping-btn {
    right: 19px;
    top: 16px;
}

.lg-outline-box .progress-circle {
    font-size: 8px;
}

.lg-outline-box .progress-circle span {
    line-height: 4em;
    width: 4em;
    font-size: 10px;
}

.lg-outline-box .cmn-bdr:hover {
    border-color: #0088FF !important;
    box-shadow: 0px 1px 9px #D3D3D3;
}

.lg-outline-box .active {
    border-color: #0088FF !important;
    box-shadow: 0px 1px 9px #D3D3D3;
}


/* mapping gistory popup end */


/*--------risk register details----*/

.asset-risk-type-head-icon {
    padding-right: 5px;
    margin-right: 5px;
}


/*------------media query-------*/

@media only screen and (max-width: 1023px) {
    .border-right-thick {
        border-right: none;
        margin-bottom: 8px;
    }
    .negligible-space {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1024px) {
    .supplier-details-media .border-right {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
        padding-bottom: 10px;
    }
    .supplier-details-media .supplier-contacts {
        text-align: center;
        padding-top: 10px;
    }
    .supplier-details-media {
        padding: 0px 10px;
    }
    .tree-wrapper {
        height: 485px;
    }
}

@media only screen and (max-width: 767px) {
    .supplier-details-media .border-right {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
        padding-bottom: 10px;
    }
    .supplier-details-media .supplier-contacts {
        text-align: center;
        padding-top: 10px;
    }
}


/*------training dashboard-----*/

.training-right-box h5 {
    margin-bottom: 1px;
    font-size: 13px !important;
}

.w-40 {
    width: 40%;
}

.w-30 {
    width: 30%;
}

.w-29 {
    width: 29%;
}


/*.training-right-main .primary.dropdown-toggle{
    background-color: #4b4b517d !important;
    border-color: #4b4b517d !important; ;
}*/

.training-right-main .btn-small {
    background-color: #dedee2d3 !important;
    border: 1px solid #dedee2d3 !important;
    color: white;
}

.training-right-main .btn-small:hover {
    background-color: #dedee2d3 !important;
    border: 1px solid #dedee2d3 !important;
    color: white;
    background: #dedee2d3 !important;
    ;
}

.training-right-main .btn-primary:focus {
    box-shadow: none !important;
}

.training-right-main .dropdown ul.dropdown-menu:before {
    content: none;
}

.training-right-main .dropdown ul.dropdown-menu:after {
    content: none;
}

.training-right-main .dropdown-menu {
    padding: 10px;
    min-width: 8rem;
    font-size: 14px;
    left: -15px !important;
}

.left-small-boxes-training .left-small-boxes-risk-db .risk-db-left-one {
    min-height: 115px !important;
}

.training-right-box .user-list-sm img {
    margin-right: 4px;
}


/* calculation style start*/

.calculation-main-cls .outline-tag {
    padding-right: 30px;
}

.calculation {
    position: absolute;
    width: 15px;
    height: 20px;
    display: inline-block;
}

.calculation-main-cls .addition {
    background: url(../images/addition-icon.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .highest {
    background: url(../images/highest-icon.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .multiplication {
    background: url(../images/multiplication-icon.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .average {
    background: url(../images/average-icon.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .outline-tag:hover .highest,
.calculation-main-cls .active .highest {
    background: url(../images/highest-icon-active.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .outline-tag:hover .addition,
.calculation-main-cls .active .addition {
    background: url(../images/add-icon-active.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .outline-tag:hover .multiplication,
.calculation-main-cls .active .multiplication {
    background: url(../images/multiplication-icon-active.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-main-cls .outline-tag:hover .average,
.calculation-main-cls .active .average {
    background: url(../images/average-icon-active.svg) no-repeat !important;
    background-size: 100% 100% !important;
}


/* calculation style end*/


/*----asset criticality detail page start---*/

.calculation-lg .addition-lg {
    background: url(../images/addition-icon-lg.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-lg .highest-lg {
    background: url(../images/highest-icon-lg.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-lg .multiplication-lg {
    background: url(../images/multiplication-icon-lg.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.calculation-lg .average-lg {
    background: url(../images/average-icon-lg.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.margin-45 {
    margin-right: 45px;
}

.calculation-lg .cmn-calc {
    width: 25px;
    height: 25px;
}

@media only screen and (max-width: 1023px) {
    .margin-45 {
        margin-right: 0px;
    }
}


/*----asset criticality detail page end---*/


/*---------project details-----------*/

.border-remove-main.edit-bar .nav-item .nav-link {
    border: none;
}

.border-remove-main.edit-bar .nav-item .nav-link.active {
    background-color: #fff;
}

.member-box-main .meeting-member-box-inner .big-text-box {
    width: 25%;
}

.member-box-main .mdl-line {
    margin: 0px;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .padding-left-15 {
        padding-left: 15px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .pm-boxes-main .float-right-cls {
        float: right;
    }
}

@media only screen and (max-width: 574px) {
    .pm-boxes-main .float-right-cls {
        margin-top: 5px !important;
        margin-left: 15px;
    }
}

.pm-boxes-main .top-ten-risk-db p {
    color: #506e91;
}

.padding-right-0-pm-box {
    padding-right: 0px;
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .padding-right-0-pm-box {
        padding-right: 15px;
    }
}

.pm-boxes-main .middle-text-sec-risk-db {
    padding-right: 0px !important;
}

.pm-task-main a.oc-user-box {
    width: 190px;
    padding: 0px;
    z-index: 99;
}

.pm-task-main a.oc-user-box img {
    width: 40px;
    height: 40px;
}

.widg-padding-cmn-very-small {
    padding: 10px;
}

.pm-task-main .big-text-box h3 {
    font-size: 16px;
}

.pm-task-main .meeting-member-box {
    margin-bottom: 0px;
    border-radius: 0px;
}

.pm-task-main .meeting-member-box:hover {
    transform: none;
}

.pm-risk-boxes-main .top-ten-risk-db {
    padding: 8px 12px;
}

.pm-risk-boxes-main .top-ten-risk-db p {
    color: #506e91;
}

.pm-risk-boxes-main .left-line-type-text h6 {
    font-size: 16px;
}

.pm-risk-boxes-main .middle-text-sec-risk-db h6 {
    font-family: 'Nunito SemiBold';
}

.pm-risk-boxes-main .ceo-db-aut-sec-row-height {
    min-height: 310px;
}

.pm-risk-boxes-main .left-line-type-text {
    padding-left: 0px;
}

@media screen and (max-width: 991px) {
    .pm-risk-boxes-main .padding-right-0 {
        padding-right: 15px !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .pm-risk-boxes-main .padding-right-0 {
        padding-right: 0px !important;
    }
}

.pm-time-small-box {
    float: left;
    width: 33.33%;
}

.pm-time-small-box-cls {
    display: flex;
}

@media screen and (max-width: 385px) {
    .pm-time-small-box {
        margin-bottom: 10px;
        padding-left: 15px !important;
        width: 100%;
    }
    .pm-time-small-box-cls {
        display: unset;
    }
}

@media screen and (max-width: 570px) {
    .pm-time-small-box {
        padding-left: 15px !important;
    }
}


/*--------project list---------*/

.project-list-main .progress-circle {
    font-size: 10px;
    width: 6em;
}

.project-list-main .progress-bar {
    background-color: #24C871;
}

.project-list-main .progress {
    width: 85%;
    height: .7rem;
    background-color: #DF4A4A;
}

@media screen and (max-width: 1200px) {
    .padding-bottom-10 {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 376px) {
    .w-40 {
        width: 40% !important;
    }
    .w-30 {
        width: 30% !important;
    }
    .w-30 {
        width: 30% !important;
    }
}

@media screen and (min-width: 425px) and (max-width: 767px) {
    .project-list-main .progress {
        width: 80%;
    }
}

.w-33 {
    width: 33.33%;
}

.project-list-main .panel-drop-sections .width96pc h6,
.project-list-main .panel-drop-sections .width96pc p,
.project-list-main .panel-drop-sections .width96pc span {
    color: #7c98b6;
}

.project-list-main .panel-drop-sections .panel-heading.active .width96pc h6 {
    color: #33475b !important;
}

.project-list-main .panel-drop-sections .panel-heading.active .width96pc p,
.project-list-main .panel-drop-sections .panel-heading.active .width96pc span {
    color: #506e91;
}

.project-list-main .panel-drop-sections .panel-heading.active .width96pc .star i {
    color: #0088ff;
}

.project-list-main .panel-drop-sections .width96pc .star i {
    color: #afc5d4;
}


/*---------project details end-----------*/


/*---------project details-----------*/

.border-remove-main.edit-bar .nav-item .nav-link {
    border: none;
}

.border-remove-main.edit-bar .nav-item .nav-link.active {
    background-color: #fff;
}

.member-box-main .meeting-member-box-inner .big-text-box {
    width: 25%;
}

.member-box-main .mdl-line {
    margin: 0px;
    width: 100%;
}

@media only screen and (max-width: 1023px) {
    .padding-left-15 {
        padding-left: 15px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .pm-boxes-main .float-right-cls {
        float: right;
    }
}

@media only screen and (max-width: 574px) {
    .pm-boxes-main .float-right-cls {
        margin-top: 5px !important;
        margin-left: 15px;
    }
}

.pm-boxes-main .top-ten-risk-db p {
    color: #506e91;
}

.padding-right-0-pm-box {
    padding-right: 0px;
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .padding-right-0-pm-box {
        padding-right: 15px;
    }
}

.pm-boxes-main .middle-text-sec-risk-db {
    padding-right: 0px !important;
}

.pm-task-main a.oc-user-box {
    width: 190px;
    padding: 0px;
    z-index: 99;
}

.pm-task-main a.oc-user-box img {
    width: 40px;
    height: 40px;
}

.widg-padding-cmn-very-small {
    padding: 10px;
}

.pm-task-main .big-text-box h3 {
    font-size: 16px;
}

.pm-task-main .meeting-member-box {
    margin-bottom: 0px;
    border-radius: 0px;
}

.pm-task-main .meeting-member-box:hover {
    transform: none;
}

.pm-risk-boxes-main .top-ten-risk-db {
    padding: 8px 12px;
}

.pm-risk-boxes-main .top-ten-risk-db p {
    color: #506e91;
}

.pm-risk-boxes-main .left-line-type-text h6 {
    font-size: 16px;
}

.pm-risk-boxes-main .middle-text-sec-risk-db h6 {
    font-family: 'Nunito SemiBold';
}

.pm-risk-boxes-main .ceo-db-aut-sec-row-height {
    min-height: 310px;
}

.pm-risk-boxes-main .left-line-type-text {
    padding-left: 0px;
}

@media screen and (max-width: 991px) {
    .pm-risk-boxes-main .padding-right-0 {
        padding-right: 15px !important;
    }
}

@media screen and (min-width: 991px) and (max-width: 1024px) {
    .pm-risk-boxes-main .padding-right-0 {
        padding-right: 0px !important;
    }
}

.pm-time-small-box {
    float: left;
    width: 33.33%;
}

.pm-time-small-box-cls {
    display: flex;
}

@media screen and (max-width: 385px) {
    .pm-time-small-box {
        margin-bottom: 10px;
        padding-left: 15px !important;
        width: 100%;
    }
    .pm-time-small-box-cls {
        display: unset;
    }
}

@media screen and (max-width: 570px) {
    .pm-time-small-box {
        padding-left: 15px !important;
    }
}


/*--------project list---------*/

.project-list-main .progress-circle {
    font-size: 10px;
    width: 6em;
}

.project-list-main .progress-bar {
    background-color: #24C871;
}

.project-list-main .progress {
    width: 85%;
    height: .7rem;
    background-color: #DF4A4A;
}

@media screen and (max-width: 1200px) {
    .padding-bottom-10 {
        padding-bottom: 10px !important;
    }
}

@media screen and (max-width: 376px) {
    .w-40 {
        width: 40% !important;
    }
    .w-30 {
        width: 30% !important;
    }
    .w-30 {
        width: 30% !important;
    }
}

@media screen and (min-width: 425px) and (max-width: 767px) {
    .project-list-main .progress {
        width: 80%;
    }
}

.w-33 {
    width: 33.33%;
}

.project-list-main .panel-drop-sections .width96pc h6,
.project-list-main .panel-drop-sections .width96pc p,
.project-list-main .panel-drop-sections .width96pc span {
    color: #7c98b6;
}

.project-list-main .panel-drop-sections .panel-heading.active .width96pc h6 {
    color: #33475b !important;
}

.project-list-main .panel-drop-sections .panel-heading.active .width96pc p,
.project-list-main .panel-drop-sections .panel-heading.active .width96pc span {
    color: #506e91;
}

.project-list-main .panel-drop-sections .panel-heading.active .width96pc .star i {
    color: #0088ff;
}

.project-list-main .panel-drop-sections .width96pc .star i {
    color: #afc5d4;
}


/*01 nov 2021 --- ajmal habeeb*/

.custom-control-label::before {
    background: none;
    border: 1px solid #7C98B6;
}

.smbtn-pad {
    padding: 2px 12px;
}

.multi-btns .btn {
    border-radius: 0;
    width: 100%;
    color: white;
    border: 0px;
}

.theme1 {
    background: #D01849 !important;
    color: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.nav-tabs--left .theme1.active,
.nav-tabs--left .theme1:hover,
.nav-tabs--left .theme2.active,
.nav-tabs--left .theme2:hover,
.nav-tabs--left .theme3.active,
.nav-tabs--left .theme3:hover {
    color: white !important;
}

.theme1 .widget-body-light {
    background: #D01849;
    min-height: 440px;
    padding: 30px !important;
}

.theme2 .widget-body-light {
    background: #42AEB7;
    min-height: 440px;
    padding: 30px !important;
}

.theme3 .widget-body-light {
    background: #074D67;
    min-height: 440px;
    padding: 30px !important;
}

.theme1 .widget-body-light ul li,
.theme1 .widget-body-light h6,
.theme2 .widget-body-light ul li,
.theme2 .widget-body-light h6,
.theme2 .widget-body-light ul li,
.theme2 .widget-body-light h6 {
    color: black !important;
}

.theme1 .widget-body-light ul li,
.theme2 .widget-body-light ul li,
.theme3 .widget-body-light ul li {
    -webkit-filter: none;
    filter: none;
}

.theme2 {
    background: #42AEB7 !important;
    color: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.theme3 {
    background: #074D67 !important;
    color: white !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.nav-tabs .nav-link.theme1.active,
.nav-tabs .nav-link.theme2.active,
.nav-tabs .nav-link.theme3.active {
    color: #fff !important;
}

.nav-tabs .nav-link.theme1:hover,
.nav-tabs .nav-link.theme2:hover,
.nav-tabs .nav-link.theme3:hover {
    color: #fff !important;
}

.tmline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.tmline:before {
    top: 45px;
    bottom: 45px;
    position: absolute;
    content: " ";
    width: 3px;
    background-color: #0088FF;
    left: 50%;
    margin-left: -1.5px;
}

.last-line-remove.tmline:before {
    bottom: 65px;
}

.tmline>li {
    margin-bottom: 20px;
    position: relative;
}

.tmline>li:before,
.tmline>li:after {
    content: " ";
    display: table;
}

.tmline>li:after {
    clear: both;
}

.tmline>li:before,
.tmline>li:after {
    content: " ";
    display: table;
}

.tmline>li:after {
    clear: both;
}

.tmline>li>.tmline-panel {
    width: 36%;
    margin-left: 10%;
    float: left;
    border: 1px solid #C6D2DF;
    border-radius: 2px;
    border-radius: 8px;
    background: #fff;
    padding: 10px 20px;
    position: relative;
}

.tmline>li>.tmline-panel:before {
    position: absolute;
    top: 26px;
    right: -14px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.tmline>li>.tmline-panel:after {
    position: absolute;
    top: 27px;
    right: -13px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.tmline>li>.tmline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 44px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background: url(../images/flag-strategy.png) no-repeat #fff;
    background-size: 65%;
    background-position: center bottom;
    border: 3px solid #0088FF;
    color: #0088FF;
    font-family: 'Nunito SemiBold';
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.tmline>li.tmline-inverted>.tmline-panel {
    float: right;
    width: 36%;
    margin-right: 10%;
    margin-left: auto;
}

.tmline>li.tmline-inverted>.tmline-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -14px;
    right: auto;
}

.tmline>li.tmline-inverted>.tmline-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -13px;
    right: auto;
}

.tmline-title {
    margin-top: 0;
    color: inherit;
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    color: #33475B;
}

.tmline-heading .progress-circle {
    font-size: 13px;
}

.tmline-heading p {
    margin: 0;
}

.tmline-body>p,
.tmline-body>ul {
    margin-bottom: 0;
}

.tmline-body>p+p {
    margin-top: 5px;
}

.tmline .add-tmlinr .tmline-btn {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    background: #0088FF;
    color: #fff;
    border: none;
    font-size: 30px;
    cursor: pointer;
}

.tmline .add-tmlinr .tmline-btn:hover {
    background: #46a1f0;
}

.tmline.last-line-remove-tmline::before {
    bottom: 190px;
}

@media (max-width: 767px) {
    ul.tmline:before {
        left: 40px;
    }
    ul.tmline>li>.tmline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }
    .tmline>li.tmline-inverted>.tmline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
        margin-left: 10%;
        margin-right: 0;
    }
    ul.tmline>li>.tmline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }
    ul.tmline>li>.tmline-panel {
        float: right;
    }
    ul.tmline>li>.tmline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    ul.tmline>li>.tmline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

.tmline-heading .border-right {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (max-width:767px) {
    .tmline .add-tmlinr {
        margin-left: 15px;
    }
}


/************** Asset css style end ****************/


/* header style starts */

.dual-collapse2 .notification li:last-child {
    margin-right: 0px;
}

.dual-collapse2 .notification {
    z-index: 10000;
}

.dual-collapse2 .notification li:last-child a {
    padding: 7px 0 0 4px;
}

.top-bar .dual-collapse2 .notification li .language-btn {
    margin-top: 0;
}

.user-box-header .user-list-sm h6 {
    font-size: 16px;
    line-height: 15px;
}

.user-box-header .user-pic-and-details {
    padding: 10px 23px;
    border-bottom: 1px solid #cbd6e2;
}

.user-box-header .list-unstyled {
    padding: 18px 23px;
}

.user-box-header .list-unstyled li {
    margin-bottom: 3px !important;
}

.user-box-header .list-unstyled li:last-child {
    margin-bottom: 0 !important;
}

.user-box-header .list-unstyled li a {
    padding: 0 !important;
}

.user-box-header .user-sign-out {
    border-top: 1px solid #cbd6e2;
}

.user-box-header .user-sign-out a {
    font-size: 14px;
    color: #666 !important;
    display: block;
    padding: 15px 23px !important;
}

.user-box-header .user-sign-out a:hover {
    color: #0088FF !important;
}

.user-box-header .dropdown-menu a:hover span {
    color: #0088FF !important;
}

.top-bar .user-box-header.show .dropdown-toggle img {
    animation: pulse 1s infinite;
    transition: .3s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}

.drop-tab-menu-list-hdr {
    position: relative;
}

.drop-tab-menu-list-hdr ul {
    margin: 0;
    list-style-type: none;
    position: absolute;
    top: 45px;
    left: 0;
    background: #fff;
    min-width: 170px;
    width: auto;
    padding: 10px 0px;
    z-index: 1;
    box-shadow: 0px 1px 7px #ccc;
    display: none;
}

.drop-tab-menu-list-hdr:hover ul {
    display: block !important;
}

.drop-tab-menu-list-hdr ul:after {
    content: "";
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: 14px;
    z-index: 9;
}

.drop-tab-menu-list-hdr ul:before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 12px;
}

.drop-tab-menu-list-hdr ul li {
    float: none !important;
    text-align: left;
    width: 100%;
}

.drop-tab-menu-list-hdr ul li a {
    padding: 4px 15px !important;
    display: block;
    min-width: 100% !important;
    width: 100%;
    text-align: left !important;
    border: none !important;
}

.drop-tab-menu-list-hdr ul li a:hover {
    background: transparent;
}

.edit-bar .nav-item .nav-link:hover {
    color: #0088FF;
}

.drop-menu-list-hdr-right {}

.drop-menu-list-hdr-right ul li a {
    padding: 1px 15px !important;
    font-size: 12px !important;
}

.drop-menu-list-hdr-right a i {
    font-size: 12px !important;
}

.drop-menu-list-hdr-right ul li a i {
    font-size: 12px !important;
}

.drop-tab-menu-list-hdr ul.right-show {
    left: unset;
    right: 0;
}

.drop-tab-menu-list-hdr ul.right-show:after {
    left: unset;
    right: 14px;
}


/*.edit-bar .drop-tab-menu-list-hdr ul li a:hover {
  color: #0088FF;
}
*/


/* header style end */

.water-mark {
    position: absolute;
    top: 50%;
    font-size: 100px;
    color: #ccc;
    width: auto;
    font-family: 'Nunito Bold';
    -webkit-transform: rotate(-55deg);
    -moz-transform: rotate(-55deg);
    transform: rotate(-55deg);
    opacity: 0.3;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    z-index: 1;
}


/* round popup loader starts */

.loader-round {
    position: relative;
    text-align: center;
    margin: 15px auto;
    z-index: 9999;
    display: block;
    width: 80px;
    height: 80px;
    border: 10px solid rgba(0, 0, 0, 0.2);
    border-radius: 50%;
    border-top-color: #0088FF;
    animation: spin 1s ease-in-out infinite;
    -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    to {
        -webkit-transform: rotate(360deg);
    }
}

.image-download-popup-new .modal-dialog {
    /* margin-top: -90px; */
    position: relative;
    /*top: 50%;*/
}

.image-download-popup-new .modal-dialog .modal-content {
    border-radius: 10px;
}


/* round popup loader end */


/* oc tree style start */

.tree {
    width: 3060px;
}

a.oc-user-box {
    width: 180px;
}


/* oc tree style end */

.user-details-page .right-block p {
    margin-bottom: 1rem;
}

.competency-assessment-user-drop .ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    z-index: 1;
}


/*.vertical-tab {
    min-width: 100%;
}*/


/*.edit-bar .nav-pills.float-left {
  position: relative;
  z-index: 10010;
}*/


/* start audit style start */

.start-audit-page .assesment-footer {
    position: fixed;
    width: 100%;
    min-height: 77px;
    bottom: 0;
    left: 0;
    background: #031f41;
}

.start-audit-page .assesment-footer p {
    margin-bottom: 3px;
    color: #fff;
}

.start-audit-page .assesment-footer .progress {
    height: 8px;
    border-radius: 5px;
    border: 1px solid rgb(180 180 180 / 0.2);
}


/* start audit style end */

.outline-tag:hover {
    background: #fff !important;
    color: #0088FF !important;
    border-color: #0088FF !important;
}

.outline-tag:hover span {
    color: #0088FF !important;
}

.fill-tag:hover {
    background: #eaf0f6;
    color: #506e91;
}

.outline-tag.red {
    border-color: #da2002 !important;
    color: #da2002 !important;
}

.outline-tag.green {
    border-color: #22bf38 !important;
    color: #22bf38 !important;
}

.outline-tag.light-green {
    border-color: #00ff24 !important;
    color: #00ff24 !important;
}

.outline-tag.orange {
    border-color: #f7941d !important;
    color: #f7941d !important;
}

.outline-tag.yellow {
    border-color: #ffe400 !important;
    color: #ffe400 !important;
}

.workflow-pic .user-list-sm {
    margin-right: 0 !important;
}

.edit-bar .arrow-dropdown a {
    padding: 12px 20px 12px 30px !important;
}

.min-height-750 {
    min-height: 750px;
}

.min-height-590 {
    min-height: 590px;
}

.min-height-500 {
    min-height: 500px;
}

.min-height-440 {
    min-height: 440px;
}

.min-height-100 {
    min-height: 100px;
}

.min-height-550 {
    min-height: 550px;
}

.min-height-365 {
    min-height: 365px;
}

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

.organization-profile-sidebar .profile-img {
    min-height: 150px;
    height: auto;
}

a:hover {
    text-decoration: none;
}


/* loder css delete */

.loder-section-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999;
}

.side-bar .loder-section-inner {
    z-index: 1;
}


/* loder css delete */

.side-bar-round {
    background: #fff;
    overflow: hidden;
}

.side-bar-round figure {
    margin-bottom: 0;
    height: 100%;
    display: flex !important;
    align-content: center;
    align-items: center;
}


/* -- Base Starts --*/

.spill {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multiSpill {
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    /* -webkit-line-clamp:3;*/
    overflow: hidden;
}

.spill {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

p {
    word-break: break-word;
}

.ml-6 {
    margin-left: 4.5rem !important;
}

.ml-7 {
    margin-left: 6rem !important;
}

.ml-8 {
    margin-left: 7.5rem !important;
}

.ml-9 {
    margin-left: 9rem !important;
}

.ml-10 {
    margin-left: 10.5rem !important;
}

.ml-11 {
    margin-left: 12rem !important;
}

.ml-12 {
    margin-left: 13.5rem !important;
}

.ml-13 {
    margin-left: 15rem !important;
}

.ml-14 {
    margin-left: 16.5rem !important;
}

.ml-15 {
    margin-left: 18rem !important;
}

.ml-16 {
    margin-left: 19.5rem !important;
}

.ml-17 {
    margin-left: 21rem !important;
}

.ml-18 {
    margin-left: 22.5rem !important;
}

.ml-19 {
    margin-left: 24rem !important;
}

.ml-20 {
    margin-left: 25.5rem !important;
}

.rounde-hov-bg {
    position: relative;
}

.left-menu-icone-pic {
    width: 16px;
    margin: 0 4px;
}

.form-control {
    font-size: 13px;
}


/* -- Base end --*/


/* label tag color starts */

.green-label {
    color: green;
    border-color: green;
}

.green-label:before {
    border-color: green !important;
}

.green-label:after {
    background: green !important;
    border-color: green !important;
}

.orange-label {
    color: orange;
    border-color: orange;
}

.orange-label:before {
    border-color: orange !important;
}

.orange-label:after {
    background: orange !important;
    border-color: orange !important;
}


/* label tag color end */

.tab-new-style-left .nav-tabs--left {
    margin: 0;
}


/* -- Left-menubar icone style starts -- */

.left-menu-main .card-link {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.left-menu-main .card-link:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.left-menu-main .card-link.collapsed:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.left-menu-main .card-link.active {
    background: #0088FF;
}

.menu-collape-area ul li a.active {
    background: #0088FF;
}

.main-menu .submenu .collapse li a.active {
    background: #0088FF;
}

#sidebar-wrapper-menu.active {
    width: 250px;
}

.menu-collape-area ul li a {
    width: 254px;
}


/* -- Left-menubar icone style ends -- */

.logo-pic-tree {
    width: 90%;
    margin: 5px auto 10px auto;
}

.oc-box-text-and-logo {
    display: inline-block !important;
    height: auto !important;
    min-height: 84px;
}

.questions-attended-icon {
    color: #0cbe00;
    font-size: 15px;
    margin-right: 8px;
}


/* user details popup style starts */

.details-show-popup {
    cursor: pointer;
}

.user-details-show-pop .modal-body {
    text-align: left;
}

.user-details-show-pop .modal-dialog.a-zoom {
    max-width: 300px !important;
}

.user-details-show-pop .modal-dialog.a-zoom .modal-header {
    padding: 0 !important;
    border-radius: 10px 10px 0 0;
}

.user-details-show-pop .modal-dialog {
    max-width: 300px;
}

.user-details-show-pop .modal-dialog {
    display: flex;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}

.modal-open .modal.user-details-show-pop {
    background: rgba(0, 24, 54, 0.2);
}

.user-details-show-pop .user-pop-contact {
    margin: 0;
    padding: 0;
}

.user-details-show-pop .user-pop-contact li {
    list-style-type: none;
    width: 100%;
    margin: 0;
    float: none;
}

.user-details-show-pop .user-pop-contact li a {
    font-size: 13px;
    color: #506e91;
}

.user-details-show-pop .user-pop-contact li a:hover {
    text-decoration: none;
    color: #0088FF;
}

.user-details-show-pop .user-pop-contact li a i {
    margin: 0 6px 0 0;
    font-size: 12px;
    min-width: 15px;
}

.user-details-show-pop .name-user-pop h4 {
    font-size: 20px;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
    position: relative;
}

.user-details-show-pop .user-online-box {
    position: absolute;
    top: -19px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 14px 14px 0 0;
    text-align: center;
    background: #fff;
    width: 31px;
    height: 20px;
    box-shadow: 0px -10px 9px #bebebe78;
    padding-top: 6px;
}

.user-details-show-pop .user-online-box .user-online {
    width: 8px;
    height: 8px;
    background: #dc3545;
    border: 1px solid #dc3545;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    margin: -8px 0 0 0;
    float: none;
    padding: 0;
    position: unset;
}

.user-details-show-pop .user-online-box .user-online.online {
    background: #28a745;
    border-color: #28a745;
}

.user-details-show-pop .name-user-pop p {
    margin-bottom: 10px;
}

.user-details-show-pop .user-pop-btns .btn {
    margin: 0 !important;
    width: 47%;
}

.user-details-show-pop .modal-header {
    border: none;
    padding: 0;
    border-radius: 10px 10px 0 0 !important;
}

.user-details-show-pop .user-pic-big img {
    animation: none !important;
}

.user-details-show-pop .modal-dialog .close {
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px;
    color: #000 !important;
    background: #fff !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    line-height: 0 !important;
    float: none;
    opacity: 0 !important;
}

.user-details-show-pop .modal-content:hover .close {
    opacity: 0.5 !important;
}

.user-details-show-pop .modal-content .close:hover {
    opacity: 1 !important;
}

.user-details-show-pop .close span {
    font-size: 15px;
    color: #000;
    padding: 0 !important;
    float: none !important;
    background: none !important;
    position: unset;
    width: auto;
    height: auto;
}


/* small-step-form-popup user popup start*/

.small-step-form-popup .user-details-show-pop .modal-dialog .close {
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 16px;
    color: #000 !important;
    background: #fff !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50%;
    line-height: 0 !important;
    float: none;
    opacity: 0 !important;
}

.small-step-form-popup .user-details-show-pop .modal-content:hover .close {
    opacity: 0.5 !important;
}

.small-step-form-popup .user-details-show-pop .modal-content .close:hover {
    opacity: 1 !important;
}


/* small-step-form-popup user popup end*/

.user-details-show-pop .user-pic-big img {
    border-radius: 10px 10px 0 0;
    width: 100%;
}

.user-multiple .user-details-show-pop .user-pic-big img {
    width: 100% !important;
    height: auto !important;
}

.user-details-show-pop .modal-content {
    border-radius: 10px;
    border: 1px solid #ccc;
}

.user-details-show-pop .user-pic-big {
    width: 100%;
    max-height: 215px;
    overflow: hidden;
}

.bg-faded {
    background-color: #f3f3f3;
    max-height: 500px
}

.btn-round {
    border-radius: 500px
}

.btn-round,
.btn-round:hover,
.btn-round:active {
    border-color: transparent
}

.modal.animate {
    opacity: 0
}

.modal.animate.show {
    opacity: 1
}

.modal.animate .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal.animate .a-fadeLeftBig {
    -webkit-animation: fadeOutLeftBig .5s;
    animation: fadeOutLeftBig .5s
}

.modal.animate.show .a-fadeLeftBig {
    -webkit-animation: fadeInLeftBig .5s;
    animation: fadeInLeftBig .5s
}

.modal.animate .a-fadeRightBig {
    -webkit-animation: fadeOutRightBig .5s;
    animation: fadeOutRightBig .5s
}

.modal.animate.show .a-fadeRightBig {
    -webkit-animation: fadeInRightBig .5s;
    animation: fadeInRightBig .5s
}

.modal.animate .a-fadeUpBig {
    -webkit-animation: fadeOutUpBig .5s;
    animation: fadeOutUpBig .5s
}

.modal.animate.show .a-fadeUpBig {
    -webkit-animation: fadeInUpBig .5s;
    animation: fadeInUpBig .5s
}

.modal.animate .a-fadeDownBig {
    -webkit-animation: fadeOutDownBig .5s;
    animation: fadeOutDownBig .5s
}

.modal.animate.show .a-fadeDownBig {
    -webkit-animation: fadeInDownBig .5s;
    animation: fadeInDownBig .5s
}

.modal.animate .a-fadeRight {
    -webkit-animation: fadeOutRight .5s;
    animation: fadeOutRight .5s
}

.modal.animate.show .a-fadeRight {
    -webkit-animation: fadeInRight .5s;
    animation: fadeInRight .5s
}

.modal.animate .a-fadeLeft {
    -webkit-animation: fadeOutLeft .5s;
    animation: fadeOutLeft .5s
}

.modal.animate.show .a-fadeLeft {
    -webkit-animation: fadeInLeft .5s;
    animation: fadeInLeft .5s
}

.modal.animate .a-fadeUp {
    -webkit-animation: fadeOutUp .5s;
    animation: fadeOutUp .5s
}

.modal.animate.show .a-fadeUp {
    -webkit-animation: fadeInUp .5s;
    animation: fadeInUp .5s
}

.modal.animate .a-fadeDown {
    -webkit-animation: fadeOutDown .5s;
    animation: fadeOutDown .5s
}

.modal.animate.show .a-fadeDown {
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s
}

.modal.animate .a-lightSpeed {
    -webkit-animation: lightSpeedOut .5s;
    animation: lightSpeedOut .5s
}

.modal.animate.show .a-lightSpeed {
    -webkit-animation: lightSpeedIn .5s;
    animation: lightSpeedIn .5s
}

.modal.animate .a-flipX {
    -webkit-animation: flipOutX .5s;
    animation: flipOutX .5s
}

.modal.animate.show .a-flipX {
    -webkit-animation: flipInX .5s;
    animation: flipInX .5s
}

.modal.animate .a-flipY {
    -webkit-animation: flipOutY .5s;
    animation: flipOutY .5s
}

.modal.animate.show .a-flipY {
    -webkit-animation: flipInY .5s;
    animation: flipInY .5s
}

.modal.animate .a-roll {
    -webkit-animation: rollOut .5s;
    animation: rollOut .5s
}

.modal.animate.show .a-roll {
    -webkit-animation: rollIn .5s;
    animation: rollIn .5s
}

.modal.animate .a-bounce {
    -webkit-animation: bounceOut .5s;
    animation: bounceOut .5s
}

.modal.animate.show .a-bounce {
    -webkit-animation: bounceIn .5s;
    animation: bounceIn .5s
}

.modal.animate .a-rotate {
    -webkit-animation: rotateOut .5s;
    animation: rotateOut .5s
}

.modal.animate.show .a-rotate {
    -webkit-animation: rotateIn .5s;
    animation: rotateIn .5s
}

.modal.animate .a-zoom {
    -webkit-animation: zoomOut .5s;
    animation: zoomOut .5s
}

.modal.animate.show .a-zoom {
    -webkit-animation: zoomIn .5s;
    animation: zoomIn .5s
}

.modal.animate .a-zoomUp {
    -webkit-animation: zoomOutUp .5s;
    animation: zoomOutUp .5s
}

.modal.animate.show .a-zoomUp {
    -webkit-animation: zoomInUp .5s;
    animation: zoomInUp .5s
}

.modal.animate .a-zoomRight {
    -webkit-animation: zoomOutRight .5s;
    animation: zoomOutRight .5s
}

.modal.animate.show .a-zoomRight {
    -webkit-animation: zoomInRight .5s;
    animation: zoomInRight .5s
}

.modal.animate .a-zoomDown {
    -webkit-animation: zoomOutDown .5s;
    animation: zoomOutDown .5s
}

.modal.animate.show .a-zoomDown {
    -webkit-animation: zoomInDown .5s;
    animation: zoomInDown .5s
}

.modal.animate .a-zoomLeft {
    -webkit-animation: zoomOutLeft .5s;
    animation: zoomOutLeft .5s
}

.modal.animate.show .a-zoomLeft {
    -webkit-animation: zoomInLeft .5s;
    animation: zoomInLeft .5s
}


/* user details popup style end */


/* -- BPM-page starts -- */

.bpm-page-cnt {
    background: #fff;
    margin: 20px 5px;
    padding: 50px 50px;
}

.bpm-cnt-section .cmn-head-bpm-top {
    display: inline-block;
    padding-right: 10px;
    margin: 0;
    padding: 0 5px 35px 0;
}

.cmn-head-bpm {
    font-size: 15px;
    color: #33475B;
    font-family: 'Nunito Bold';
}

.btn-bpm {
    background: none;
    display: inline-block;
    padding: 1px 6px;
    color: #0088FF;
    border: 1px solid #0088FF;
    font-size: 12px;
}

.roude-section-bpm {
    float: left;
    padding-top: 5px;
    margin-left: -48px;
}

.bpm-cnt-section {
    float: right;
    width: 90%;
}

.bpm-loop:after {
    content: "";
    width: 94%;
    margin: 0 auto;
    height: 1px;
    background: #7C98B6;
    position: absolute;
    top: 39px;
    left: -20px;
    right: 0;
}

.bpm-loop:before {
    content: "";
    height: 100%;
    border-left: 1px solid #7C98B6;
    position: absolute;
    top: 39px;
    left: 0px;
    right: 0;
}

.rotate-section {
    background: #0088FF;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    border: 3px solid #fff;
    box-shadow: 0px 2px 12px #bebebe;
    position: relative;
    z-index: 1;
}

.rotate-section img {
    width: 100%;
    padding: 3px;
}


/* -- rotate-animation starts -- */

.rotate-animation {
    -moz-animation: rotation 5s infinite linear;
    -webkit-animation: rotation 5s infinite linear;
    -o-animation: rotation 5s infinite linear;
    -ms-animation: rotation 5s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
    }
}


/* -- rotate-animation end -- */

.access-main-card .card-header {
    padding: 15px 20px;
    font-size: 15px;
}

.access-settings .sub-accordion .card .card-header .card-link {
    padding: 0px 0px 0px 24px;
}

#accordion .access-main-card .white-cbox .custom-control-label {
    padding-top: 8px;
}

#accordion-inner .white-cbox .custom-control-label {
    padding-top: 4px !important;
}

.form-group .search-clear-btn {
    position: absolute;
    padding: 0 5px;
    right: 35px;
    top: 7px;
}

.bpm-table {
    position: relative;
    top: -53px;
    z-index: 1;
}

.bpm-table tr {
    text-align: center;
}

.bpm-table tr:hover {
    background: none !important;
}

.bpm-table th {
    padding: 8px 0;
}

.bpm-table tbody tr:nth-child(even) {
    background: #fff;
}

.bpm-tbl-user li {
    float: none !important;
    margin: 3px 0 !important;
}

.smoal-tab .nav-link {
    display: block;
    padding: 5px 10px;
    border: none !important;
    border-bottom: 2px solid #dee2e6 !important;
    font-family: 'Nunito Bold';
}

.smoal-tab .nav-tabs .nav-link.active,
.smoal-tab .nav-tabs .nav-item.show .nav-link {
    color: #0088ff !important;
    border-color: #0088FF !important;
    background: #fff;
}

.smoal-tab .nav-tabs {
    border: none;
}

.bpm-page .fix-table .fixed-table {
    display: none;
}

.bpm-pdf-file {
    width: 120px;
    background: #f3f8fb;
    position: relative;
    padding: 5px;
    border-radius: 5px;
    float: left;
    margin: 0 5px 5px 0;
}

.pdf-smoal-pic {
    width: 30px;
    float: left;
    margin-right: 7px;
}

.pdf-smoal-pic img {
    width: 100%;
}

.pdf-smoal-pic-dtl {
    float: left;
}

.pdf-smoal-pic-dtl h5 {
    font-size: 10px;
    color: #506E91;
    margin: 0;
    padding: 5px 0 2px 0;
}

.pdf-smoal-pic-dtl h6 {
    font-size: 9px;
    color: #506E91;
    margin: 0;
}

.menu-box-smol {
    position: absolute;
    top: 0;
    right: 2px;
    font-size: 13px;
    color: #7A91AC;
}

.menu-box-smol .nav-link {
    padding: 5px;
}

.menu-box-smol .arrow-dropdown a {
    font-size: 13px;
}

.menu-box-smol .dropdown-menu {
    top: -42px !important;
    left: -160px !important;
    transform: translate3d(0px, 29px, 0px) !important;
}

.menu-box-smol .arrow-dropdown:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: 7px;
    left: 153px;
    z-index: 10;
    transform: rotate(90deg);
}

.menu-box-smol .arrow-dropdown:after {
    display: none;
}

.bpm-table .bpm-tbl-user li {
    margin-bottom: 10px !important;
    cursor: pointer;
}

.bpm-table tr td {
    vertical-align: top;
    position: relative;
}

.bpm-page .smoal-tab-cnt {
    height: 130px;
    margin: 20px 0;
}

.bpm-page .arrowlist {
    padding-right: 15px !important;
}

.bpm-page .arrowlist {
    margin: 0;
    padding: 0;
}

.bpm-loop-left:before {
    content: "";
    height: 100%;
    border-right: 1px solid #7C98B6;
    border-left: none;
    position: absolute;
    top: 39px;
    left: 50px;
    right: -1px;
}

.bpm-loop-left:after {
    content: "";
    width: 100%;
    margin: 0 auto;
    height: 1px;
    background: #7c98b6;
    position: absolute;
    top: 39px;
    left: 0;
    right: 0;
}

.bpm-loop-left .roude-section-bpm {
    float: right;
    margin-right: -42px;
}

.green-clr {
    background: #1ABC9C !important;
}

.waylate-clr {
    background: #A477C4 !important;
}

.red-clr {
    background: #FE374A !important;
}

.rotate-section-smol {
    width: 55px;
    height: 55px;
}

.leftside-loop-bpm .bpm-cnt-section {
    float: left;
}

.bpm-loop-left .bpm-table {
    left: -15px;
}

.mgn-top-minus {
    margin-top: -50px;
}

.sub-process-btn {
    background: #1ABC9C;
    border: none;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    z-index: 3;
}

.sub-process-btn:focus {
    outline: none;
}

.sub-process-btn img {
    width: 17px;
}

.sub-sec-bpm h4 {
    font-size: 14px;
    color: #7C98B6;
    background: #fff;
    border: 1px solid #7C98B6;
    border-radius: 25px;
    padding: 5px 0;
    text-align: center;
    width: 135px;
    float: left;
    margin-right: 10px;
    position: relative;
    z-index: 1;
}

.sub-sec-bpm h4 img {
    width: 30px;
    height: 30px;
    background: #1ABC9C;
    border-radius: 50%;
    padding: 7px;
    margin-right: 5px;
}

.mgn-minus-15 {
    margin-left: -15px;
}

.btn-opacity-five {
    opacity: 0.5;
    margin-left: -15px;
    z-index: 2;
}

.btn-opacity-eight {
    opacity: 0.3;
    margin-left: -15px;
    z-index: 1;
}

.sub-sec-bpm-bg {
    padding-top: 15px;
    position: relative;
    top: -45px;
    z-index: 0;
}

.sub-sec-bpm-bg:after {
    content: "";
    height: 90%;
    border-right: 1px solid #7C98B6;
    border-left: none;
    position: absolute;
    top: -11px;
    left: 55px;
}

.sub-sec-bpm-btn {
    float: left;
}


/*verticla new slider starts*/

.owl-vertical-slider {
    width: 50px;
    min-height: 130px;
}

.owl-vertical-slider .owl-carousel {
    transform: rotate(90deg);
    width: 180px;
    margin-top: 60px;
    left: -32%;
    margin-left: -50px;
}

.owl-vertical-slider .item {
    transform: rotate(-90deg);
    cursor: pointer;
}

.owl-vertical-slider .item h1 {
    text-align: center;
}

.owl-vertical-slider .item img {
    width: 48px;
}

.owl-vertical-slider .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    width: 100%;
    top: calc(50% - 33px);
}

.owl-vertical-slider div.owl-carousel .owl-nav .owl-prev,
.owl-vertical-slider div.owl-carousel .owl-nav .owl-next {
    font-size: 36px;
    top: unset;
    bottom: 15px;
}

.owl-vertical-slider .owl-pagination {
    display: none;
}

.owl-vertical-slider .owl-item {
    width: 60px !important;
}

.owl-vertical-slider .owl-item:hover .user-dtl-popup {
    display: block;
}

.owl-vertical-slider .customNavigation {
    position: absolute;
    width: 64px;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
}

.owl-vertical-slider .customNavigation .prev-vertical {
    color: #7C98B6;
    cursor: pointer;
}

.owl-vertical-slider .customNavigation .fas {
    font-size: 15px;
}


/*verticla new slider ends*/

.rounde-smoal-bpm {
    padding-top: 10px;
    margin-left: -40px;
}

.bpm-table .bpm-tbl-user li {
    margin: 0 auto 10px auto !important;
}

.bpm-tbl-bg {
    width: 100%;
}


/* -- BPM-page end -- */

.policie-tab-width {
    min-width: 250px;
}


/* -- arci-table starts -- */

.arci-table tbody tr:nth-child(even) {
    background: none;
}

.arci-table tr:hover {
    background: none !important;
}

.arci-table tr td {
    vertical-align: top;
}

.arci-user-tab-dtl {
    margin: 0;
    padding: 0;
    min-height: 185px;
}

.arci-user-tab-dtl li {
    list-style-type: none;
    float: left;
    width: 45px;
    position: relative;
    margin: 4px;
    transition-property: show;
    transition-duration: 5s;
}

.arci-user-tab-dtl li a {
    display: block;
    width: 100%;
}

.arci-user-tab-dtl li a img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    overflow: hidden;
}

.arci-user-tab-dtl li:hover .user-dtl-popup {
    /*display: block;
    opacity: 1;*/
}

.arci-user-tab-dtl li:hover img {
    box-shadow: 0px 0px 9px #88888878;
}

.arci-user-tab-dtl .user-dtl-popup {
    left: 7px;
    top: 45px;
}

.arci-user-tab-dtl .user-dtl-popup-right {
    left: -336px;
    top: 45px;
}

.user-box-new:hover img {
    box-shadow: 0px 0px 9px #88888878;
}

.radio-step-one {
    margin-left: 15px;
}

.radio-step-two {
    margin-left: 35px;
}

.radio-step-three {
    margin-left: 55px;
}

.radio-step-four {
    margin-left: 75px;
}

.custom-control label:hover {
    cursor: pointer;
}

.show-more .read-more-state {
    display: none;
}

.show-more .read-more-target {
    opacity: 0;
    max-height: 0;
    font-size: 0;
    transition: .25s ease;
}

.show-more .read-more-state:checked~.read-more-wrap .read-more-target {
    opacity: 1;
    font-size: inherit;
    max-height: 999em;
}

.show-more .read-more-state~.read-more-trigger:before {
    content: 'more';
}

.show-more .read-more-state:checked~.read-more-trigger:before {
    content: 'less';
}

.show-more .read-more-trigger {
    cursor: pointer;
    display: block;
    font-size: .9em;
    border: 1px solid #0088FF;
    border-radius: .25em;
    margin: 20px auto 10px auto;
    width: 88px;
    padding: 3px 0;
    text-align: center;
    color: #0088FF;
    position: relative;
    z-index: 1;
}

.show-more .read-more-trigger:hover {
    background: #0088FF;
    color: #fff;
}

.arci-page-tab .nav-tabs {
    float: right;
}

.arci-page-tab .tab-content {
    width: 100%;
    padding-top: 50px;
}

.panel-multi-sec .panel-body {
    position: relative;
}

.plus-btn-cmn-style {
    background: #0088FF !important;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
    text-align: center;
}

.plus-icone-round {
    width: 24px;
    height: 24px;
    padding-top: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    margin: 0 auto;
}

.plus-btn-cmn-style .fas {
    font-size: 12px;
    color: #fff !important;
    padding-left: 1px;
}

.panel-multi-sec .banking-issue li {
    position: relative;
    display: table;
    padding-bottom: 20px;
}

.panel-multi-sec .banking-issue li a {
    width: auto;
}

.plus-icone-round-two {
    width: 20px !important;
    height: 20px !important;
    padding-top: 1px;
    margin: 0 0 0 8px !important;
}

.plus-icone-round-two .fas {
    font-size: 10px;
    padding-top: 0px;
    vertical-align: middle;
    margin: -4px 0 0 -1px;
}

.plus-icone-round-three {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    margin: 0 auto !important;
}

.new-style-popup .form-group {
    width: 97%;
    float: right;
    position: relative;
}

.new-style-popup .form-group label {
    position: absolute;
    top: 9px;
    left: -20px;
}


/* -- arci-table ends -- */


/* -- issue page starts -- */

.issuue-new-style {
    padding: 0 30px;
}

.issue-smoal-head-text {
    font-size: 15px;
    border-right: 1px solid #D9E2EB;
    padding-right: 5px;
    margin-right: 5px;
}

.issuue-new-style .risk-type-bx {
    display: block;
}

.issuue-new-style .draft-tag {
    display: block;
    float: none;
    width: 46px;
    height: 20px;
    padding: 2px 0 0 13px;
}

.issuue-new-style .draft-tag:hover {
    text-decoration: none;
}

.issuue-new-style .draft-tag:before {
    content: "";
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    left: -7px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-left: 1px solid #108fff;
    border-bottom: 1px solid #108fff;
    -webkit-border-radius: 0 0 0 0.25em;
    -moz-border-radius: 0 0 0 0.25em;
    border-radius: 0 0 0 0.25em;
    z-index: 1;
}

.issuue-new-style .draft-tag:after {
    content: "";
    width: 0.5em;
    height: 0.5em;
    background: #108fff;
    -webkit-border-radius: 4.167em;
    -moz-border-radius: 4.167em;
    border-radius: 4.167em;
    border: 1px solid #108fff;
    position: absolute;
    top: 6px;
    left: -0.083em;
    z-index: 9;
}

.issuue-new-style .issue-top-sec {
    position: relative;
}

.issuue-new-style .drft-box-new {
    position: absolute;
    left: 85px;
    margin: 3px 0 0px 6px;
}

.issuue-new-style .issue-smoal-head-text-two {
    color: #33475b;
    font-size: 14px;
    border-right: 1px solid #D9E2EB;
    width: 74px;
    height: 16px;
    line-height: 16px;
    margin: 4px 0 15px 0;
}

.issuue-new-style .issue-smoal-head-text-two img {
    vertical-align: middle;
    margin-top: -3px;
}

.issuue-new-style .outline-tag span {
    font-size: 10px;
    color: #ccc;
    padding-left: 5px;
}

.issuue-new-style .outline-tag:hover span {
    color: #fff;
}

.issuue-new-style .left-box-issue-details {
    border-right: 2px solid #f3f8fb;
    padding: 30px 30px 30px 0;
    margin-right: 5px;
    height: 100%;
}

.issuue-new-style .right-box-issue-details {
    padding: 30px 0;
}

.panel-drop-sections .panel-heading .drop-down-icone {
    color: #829EBA;
    font-size: 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.panel-drop-sections .panel-heading.active .drop-down-icone {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* angular dropdown start */


/* .panel-drop-sections .panel-heading a .drop-down-icone {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.panel-drop-sections .panel-heading a.collapsed .drop-down-icone {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
} */


/* angular dropdown end */

.panel-drop-sections .panel-heading .collapsed .drop-down-icone {
    /*-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);*/
}

.risk-type-bx-drop {
    display: inline-block !important;
    color: #829EBA;
}

.employ-width {
    min-width: 200px;
    display: ruby-text;
    display: initial;
    margin-right: 10px;
}

.panel-drop-sections .width96pc {
    border: 1px solid #DBE2EB;
    margin-bottom: 15px;
    padding: 15px 20px;
    /*font-size: 14px;*/
    position: relative;
    padding-right: 35px;
    color: #7c98b6 !important;
}

.panel-drop-sections .panel-heading.active .width96pc {
    color: #33475b !important;
}

.panel-drop-sections .panel-heading.active .width96pc .small-text {
    color: #33475b !important;
}

.panel-drop-sections .panel-heading.active .width96pc .drop-down-icone {
    color: #33475b !important;
}

.panel-drop-sections .panel-heading .width96pc .small-text {
    margin: 1px 0 0 4px;
}

.panel-drop-sections .panel-collapse {
    border: 1px solid #DBE2EB;
    margin: -15px 0 15px 0;
    border-top: none;
    width: 100%;
}

.panel-drop-sections .panel-default {
    background: #fff;
}

.banking-issue {
    margin: 0;
    padding: 0;
}

.banking-issue li {
    list-style-type: none;
    padding: 3px 0;
}

.banking-issue li a {
    text-decoration: none;
    font-size: 14px;
    color: #859FBB;
    float: left;
    width: 96%;
    padding-left: 10px;
}

.banking-issue li span {
    width: 7px;
    height: 7px;
    background: #859FBB;
    border-radius: 50%;
    margin-top: 7px;
    float: left;
}

.right-box-issue-details .panel-drop-sections {
    padding-top: 15px;
}

.panel-drop-sections .panel-body {
    padding: 20px 20px;
}

.cmn-head-style {
    font-size: 17px;
}

.cmn-head-style-big {
    font-size: 20px;
}

.responsible-users {
    background: #F3F8FB;
    padding: 20px;
}

.responsible-users .user-dtl-popup {
    left: 25px;
    top: 56px;
}

.responsible-users .user-dtl-popup-right {
    left: -328px;
}

.responsible-users ul {
    margin: 0;
    padding: 0;
}

.responsible-users li {
    list-style-type: none;
    width: 11%;
    float: left;
    padding: 6px;
}

.responsible-users a {
    width: 100%;
    display: block;
}

.responsible-users a img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

.issue-multi-stup-form .responsible-users li {
    width: 14%;
}


/* -- issue page ends -- */


/* -- new-issue-form starts -- */

.issue-multi-stup-form .step {
    width: 20% !important;
}

.issue-ms-type-tab {
    padding-bottom: 100px;
}

.issue-ms-type-tab p {
    margin-bottom: 25px;
}

.box-cnt-one label {
    background: #F3F8FB;
    border: 1px solid #DBE2EB;
}

.box-cnt-one label:hover {
    border-color: #0088FF;
}

.box-cnt-one label span {
    font-size: 10px;
    color: #ccc;
    padding-left: 5px;
}

.select-full-width-plus .plain-select {
    width: 95% !important;
    float: left;
}

.select-full-width-plus .multi-add-user {
    width: 4% !important;
}

.select-full-width-plus .multiple-plain-ngselect {
    width: 95% !important;
    float: left;
}

.btn-internal {
    width: 47%;
}

.internal-external-cmn {
    width: 11px;
    height: 11px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 2px 0 0;
}

.internal-pic {
    background: url(../images/intenal.png) no-repeat;
    background-size: cover;
}

.btn-internal:hover .internal-pic {
    background: url(../images/intenal-w.png) no-repeat;
    background-size: cover;
}

.external-pic {
    background: url(../images/external.png) no-repeat;
    background-size: cover;
}

.btn-internal:hover .external-pic {
    background: url(../images/external-w.png) no-repeat;
    background-size: cover;
}

.btn-internal:hover .risk-type-bx-drop {
    color: #fff;
}

.select-new-width-form .select-width-plus {
    width: 92.5%;
}

.select-new-width-form .multi-add-user {
    width: 6% !important;
}

.btn-new-space {
    margin-bottom: 30px;
}

.issue-multi-stup-form .issuue-new-style {
    padding: 0;
}

.issue-multi-stup-form .issuue-new-style .left-box-issue-details {
    border-right: none;
    padding: 0px 0px 25px 0;
    margin-right: 0px;
}

.issue-multi-stup-form .issuue-new-style .right-box-issue-details {
    padding: 0;
}

.process-form-tab .banking-issue li span {
    display: none;
}

.process-form-tab .banking-issue li a {
    padding-left: 0px;
}

.processes-issue {
    background: #ECF6FF;
    padding: 10px;
    border: 1px solid #63B6FF;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.processes-issue h5 {
    float: left;
    padding: 2px 0;
    margin: 0;
    line-height: 23px;
    width: 100%;
    margin-right: 10px;
}

.processes-issue .float-right {
    min-width: 100px;
    text-align: right;
    display: contents;
}

.processes-issue img {
    width: 32px;
    margin-right: 10px;
}

.processes-issue .btn {
    float: right;
}

.processes-issue .btn:hover {
    background: #0088FF;
}

.process-light-box {
    background: #F3F8FB;
    padding: 20px 0 5px 0;
    border-radius: 5px;
    margin: 0 0 30px 0;
}

.issue-select-process-search {
    position: relative;
}

.search-process {
    width: 90%;
    padding: 2px 0;
    margin-top: -5px;
    border: none;
}

.issue-select-process-search button {
    width: 8%;
    background: none;
    border: none;
    position: relative;
    right: -11px;
    color: #CBD6E2;
    font-size: 15px;
    cursor: pointer;
    outline: none;
}

.search-process {
    outline: none;
}

.process-light-box .form-control {
    border: none;
    box-shadow: 0px 0px 9px #c5e9ff;
}

.panel-title-check {
    position: relative;
}

.drop-check-new {
    position: absolute;
    top: -2px;
    left: 20px;
}

.drop-white-new .panel-drop-sections .panel-collapse {
    border: none;
}


/* -- new-issue-form ends -- */

.org-tab-leftside {
    width: 20%;
    float: left;
}

.org-tab-rightside {
    width: 80%;
    float: left;
}

.org-tab-leftside .nav-tabs .nav-item {
    width: 100%;
}

.select-new-width {
    width: 93%;
    float: left;
}

.org-tab-leftside-two {
    width: 12%;
    float: left;
}

.org-tab-rightside-two {
    width: 88%;
    float: left;
}

.org-tab-leftside-two .nav-tabs .nav-item {
    width: 100%;
}

.contact-sec-form {
    font-size: 20px;
    color: #33475b;
    font-family: 'Nunito Bold';
    border-bottom: 1px solid #33475b;
    width: 100%;
    margin: 10px 0 20px 0;
}


/* -- organization-multi-stup-form starts -- */

.organization-multi-stup-form input.invalid {
    background-color: #ffdddd;
}

.organization-multi-stup-form .tab {
    display: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.organization-multi-stup-form button:hover {
    background: #0088FF;
    color: #fff !important;
}

.organization-form-head {
    text-align: center;
}

.organization-multi-stup-form .step {
    padding: 16px 0;
    width: 25%;
    margin: 0px;
    background-color: #f3f8fb;
    border: 1px solid #ccc !important;
    border-top: 4px solid #eaeaea !important;
    border: none;
    display: inline-block;
    font-size: 15px;
    font-family: 'Nunito Bold';
    color: #506e91;
    opacity: 1;
    text-align: center;
    float: left;
    position: relative;
}


/*.organization-multi-stup-form .step:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
  background: #f3f8fb;
}
.organization-multi-stup-form .step.active:after {
  background: #0088FF;
}*/

.multi-form-nbr {
    font-size: 12px;
    color: #fff;
    background: #506e91;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: -5px 6px 0 0;
    padding-top: 2px;
    vertical-align: middle;
    text-align: center;
}

.organization-multi-stup-form.two-line-head-form .step {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 17px;
}

.organization-form-page .two-line-head-form .tab {
    margin-top: -15px;
    padding-top: 50px;
}

.form-indicates-sec {
    text-align: left;
    margin: 40px 0 20px 0;
}

.organization-multi-stup-form .step.active {
    background: #fff;
    color: #0088FF;
    border-color: #fff !important;
    border-top-color: #0088FF !important;
    opacity: 1;
}

.organization-multi-stup-form .step.active .multi-form-nbr {
    background: #0088FF;
    color: #fff;
}

.organization-multi-stup-form .step.finish {
    background-color: #fff;
    color: #0088FF;
    border-top-color: #0088FF !important;
}

.organization-multi-stup-form .step.finish.active {
    background-color: #fff;
    color: #0088FF;
}

.organization-multi-stup-form .step.finish .multi-form-nbr {
    background: #0088FF;
    color: #fff;
}

.organization-multi-stup-form .btn-outline-secondary {
    border: 1px solid #ced4da;
}

.form-next-page-btns {
    padding-top: 20px;
}

.organization-form-page {
    width: 1100px;
    margin: 0 auto;
    padding: 0px 30px 30px 30px;
    background: #fff;
    margin-top: 100px;
    margin-bottom: 30px;
    position: relative;
    scroll-behavior: smooth;
}

.organization-form-page .form-indicates-sec {
    width: 100%;
    text-align: left;
    margin: 0px;
    position: absolute;
    top: -55px;
    left: 0px;
}

.organization-form-page .tab {
    margin-top: -15px;
    padding-top: 30px;
}

.organization-form-page .md-bottom-quote {
    /*bottom: -35px;*/
}

.organization-form-page .costmz-logo-new {
    padding: 0 5px !important;
}

.organization-form-page .vm-content-bx p br {
    display: none;
}

#header-sroll-form {
    position: fixed;
    left: 60px;
    right: 0;
    top: 119px;
    width: 1100px;
    margin: 0 auto;
    -ms-transition: all 0s ease-out;
    -moz-transition: all 0s ease-out;
    -webkit-transition: all 0s ease-out;
    -o-transition: all 0s ease-out;
    transition: all 0s ease-out;
    z-index: 111;
}

#header-sroll-form.small {
    top: 44px;
    z-index: 9999;
    background: #fff;
}


/* -- organization-multi-stup-form ends -- */

.theme-ripple {
    -webkit-animation: at-ripple-theme 0.6s linear infinite;
    animation: at-ripple-theme 0.6s linear infinite;
}

@keyframes at-ripple-theme {
    0% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 0 rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1), 0 0 0 20px rgba(0, 136, 255, 0);
    }
}


/* -- help popup starts -- */

.search-box-help {
    position: relative;
    margin-top: 15px;
}

.healp-detail-heads {
    height: 320px;
}

.search-box-help .search-help {
    font-size: 18px;
    color: #495057;
    border: 1px solid #495057;
    padding: 2px 10px 2px 46px;
    height: 40px;
    width: 100%;
    margin: 0 auto;
    border-radius: 3px;
}

.search-box-help .search-help::-webkit-input-placeholder {
    /* Edge */
    color: #33475b;
}

.search-box-help .search-help:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #33475b;
}

.search-box-help .search-help::placeholder {
    color: #33475b;
}

.search-box-help .fas {
    color: #33475b;
    font-size: 14px;
    position: absolute;
    left: 15px;
    top: 14px;
}

.healp-detail-heads h3 {
    font-size: 15px;
    color: #33475b;
    font-family: 'Nunito Bold';
    padding: 20px 0;
    margin-bottom: 0;
}

.healp-detail-heads ul {
    margin: 0;
    padding: 0;
}

.healp-detail-heads ul li {
    list-style-type: none;
    border-top: 1px solid #ced4da;
}

.healp-detail-heads ul li a {
    text-decoration: none;
    font-size: 15px;
    color: #0088FF;
    font-family: 'Nunito Bold';
    padding: 10px 35px 10px 10px;
    display: block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.healp-detail-heads ul li a:hover {
    background: #f6fbff;
}

.help-site-link {
    font-size: 15px;
    color: #0088FF;
    font-family: 'Nunito Bold';
    position: absolute;
    right: 30px;
    top: 9px;
}

.healp-detail-heads ul li a img {
    width: 15px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
}

.healp-detail-heads ul li a:hover img {
    opacity: 1;
}

.help-site-link:hover {
    text-decoration: none;
}

.help-site-link .fas {
    padding-left: 3px;
}

.help-site-link:hover .fas {
    position: relative;
    right: -3px;
}

.help-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 12px 5px;
    background: #fff;
    border-top: 1px solid #DBE2EB;
}

.help-footer p {
    float: left;
    padding: 8px 13px 0 0;
    margin: 0;
}

.help-footer .btn {
    float: right;
}

.help-footer .modal-lg {
    margin: 0 auto;
    padding: 0px 30px;
}

.v2-help-drop-main .panel-drop-white .width96pc p {
    font-weight: normal;
    margin-bottom: 0;
    padding-top: 3px;
}

.v2-help-drop-main .panel-drop-white .width96pc {
    border: none;
    padding: 0px;
    padding-right: 35px;
    margin-bottom: 0;
    color: #33475b !important;
}

.v2-help-drop-main .panel-drop-sections .panel-heading.active .width96pc {
    color: #0088FF !important;
}

.v2-help-drop-main .panel-drop-white .width96pc .drop-down-icone {
    opacity: 0;
}

.v2-help-drop-main .panel-default:hover .drop-down-icone {
    opacity: 1;
}

.v2-help-drop-main .panel-heading.active .drop-down-icone {
    opacity: 1;
}

.v2-help-drop-main .help-drop-header {
    border: 1px solid #DBE2EB;
    padding: 8px 0px 8px 15px;
    position: relative;
    margin-bottom: 10px;
}


/*.v2-help-drop-main .panel-heading.active .help-drop-header {
  border: 1px solid #DBE2EB;
}*/

.v2-help-drop-main .panel-heading.active .width96pc p {
    display: none;
}

.v2-help-drop-main {
    padding-bottom: 30px;
}

.v2-help-drop-main .panel-body p:last-child {
    margin-bottom: 0;
}

.v2-help-drop-main .panel-default .panel-heading:hover .width96pc {
    color: #0088FF !important;
}


/* -- help popup ends -- */


/* -- upload file starts -- */

.upload-btn-wrapper {
    /* position: relative; */
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}

.upload-btn-wrapper .btn:hover {
    background: #0088FF !important;
    color: #fff !important;
}

.upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.upload-btn-wrapper input[type=file]:hover+button {
    background: #0088FF !important;
    color: #fff !important;
}

.upload-btn-wrapper input:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 2;
}


/*.upload-btn-wrapper input::-moz-file-upload-button {
  visibility: hidden;
}*/


/*.upload-btn-wrapper input:after {
  background: -moz-linear-gradient(top, black, red);
  outline: none;
  white-space: nowrap;
  -moz-user-select: none;
}*/


/* -- upload file ends -- */


/* -- heder-search-section starts -- */

.heder-search-section .selectator_element {
    min-height: auto !important;
    width: 220px !important;
    border: none;
}

.heder-search-section {
    vertical-align: middle;
    position: absolute;
    top: 2px;
    left: -220px;
}

.heder-search-section .selectator_element:after {
    position: absolute;
    font-size: 14px;
    padding-top: 1px;
    right: 10px;
    color: #7c98b6;
    content: "" !important;
    font-family: "Font Awesome 5 pro";
}

.heder-search-section .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_left {
    border-radius: 0;
}

.heder-search-section .selectator_options .selectator_option .selectator_option_left {
    border-radius: 0;
}

.heder-search-section .selectator_options .selectator_option {
    display: block !important;
}

.heder-search-section .selectator_element:after {
    top: 19px;
}

.heder-search-smoal-device {
    left: initial;
    right: 67px;
}

.heder-search-folder {
    width: auto !important;
}

.heder-search-folder:after {
    content: none;
}


/* -- heder-search-section end -- */

.ms-vertion {
    font-size: 14px;
    color: #506e91;
}


/* -- user-dtl-popup starts -- */

.user-box-new {
    position: relative;
}

.user-dtl-popup {
    position: absolute;
    left: 25px;
    top: 80px;
    display: none;
    width: 390px;
    background: #fff;
    border: 1px solid #e5eaf0;
    z-index: 100;
}

.user-box-new .user-dtl-popup {
    top: 68px;
}

.user-dtl-popup:before {
    content: "";
    border-bottom: 10px solid #f3f8fb;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -9px;
    left: 4px;
    z-index: 10;
}

.info-comment-wrap {
    position: fixed !important;
}

.user-dtl-popup-right {
    left: -320px;
}

.user-dtl-popup-right:before {
    left: 350px;
}

.user-dtl-popup-head {
    background: #f3f8fb;
    position: relative;
}

.user-dtl-popup .flex-row {
    display: none !important;
}

.user-detail-smol-dtl {
    padding: 15px 20px;
    position: relative;
}

.close-user-popup {
    width: 15px !important;
    font-size: 12px;
    color: #7c98b6;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
}

.close-user-popup:hover {
    text-decoration: none;
}

.user-pic-new {
    width: 50px;
    height: 50px;
    float: left;
    border-radius: 50%;
}

.user-dtl-popup .user-details {
    padding: 5px 0 0 15px;
    float: left;
    text-align: left;
}

.user-dtl-popup .user-details h6 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 0px;
    color: #000;
}

.user-dtl-popup .user-details span {
    color: #506e91;
    font-size: 13px;
    font-weight: normal;
}

.user-round-pics-new {
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.user-round-pics-new:hover {
    box-shadow: 0px 0px 9px #88888878;
}


/* -- pulse animation starts -- */

.rounde-hov:hover,
.slder-hov-user:hover {
    animation: pulse 1s infinite;
    transition: .3s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}


/* -- pulse animation ends -- */

.user-dtl-popup ul {
    margin: 0;
    padding: 10px 0 0 20px;
    text-align: left;
}

.user-dtl-popup ul li {
    list-style: none;
    padding-top: 6px;
    float: none;
    width: auto !important;
    height: auto;
}

.user-dtl-popup ul li a {
    font-size: 13px;
    color: #506e91;
}

.user-dtl-popup ul li a:hover {
    text-decoration: none;
    color: #0088FF;
}

.user-dtl-popup ul li a .fas {
    padding: 0 10px 0 0;
    font-size: 12px;
}

.btn-bg-popup {
    padding: 20px 0 20px 20px;
    overflow: hidden;
}

.user-pic-new {
    position: relative;
}

.online-user {
    width: 8px;
    height: 8px;
    background: #fff;
    border: 1px solid #28a745;
    position: absolute;
    bottom: 11px;
    left: 40px;
    border-radius: 50%;
}

.user-dtl-popup .online {
    background: #28a745;
}


/* -- user-dtl-popup ends -- */


/* -- multiselect starts -- */


/*.multiple-select:after {
  opacity: 0;
}*/

.selectator_element {
    padding-top: 1px !important;
}

.multiple-select {
    width: 93%;
    float: left;
}

.multi-add-user {
    width: 5%;
    height: 38px;
    float: right;
    padding: 9px 0px !important;
    border: 1px solid #0088FF;
    margin-right: 0px !important;
}

.multi-add-user:hover {
    background: #0088FF;
    color: #fff !important;
}


/* -- multiselect end -- */

.p-15 {
    padding-top: 15px;
}

.document-tab {
    padding: 5px 15px 15px 15px !important;
}

.body-color {
    background: #f3f8fb !important;
}

.expiry-day {
    float: left;
}

.edit-bar .nav-item .nav-link {
    font-family: 'Nunito Bold';
}

.edit-bar .edit-icons li a {
    font-family: 'Nunito Bold';
    padding: 12px 10px;
}

.btn.ordinary-btn {
    color: #0088FF !important;
}

.btn.ordinary-btn.btn-active {
    color: #fff !important;
}

.btn.ordinary-btn:hover {
    color: #fff !important;
}

.btn {
    background: transparent;
    font-family: 'Nunito Bold';
    color: #0088FF;
    border: 1px solid #0088FF;
    margin-right: 5px !important;
    padding: 8px 20px;
}

.btn:hover {
    color: #fff !important;
    background: #0088FF !important;
}

.input-group-append .ordinary-btn {
    padding: 8px 12px;
    margin-right: 0 !important;
}

.upload-btn-wrapper .btn {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    margin-right: 0 !important;
    border: none;
    border-bottom: 1px solid #0088FF;
    /*position: relative;*/
}

.upload-btn-wrapper .btn:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #0088FF !important;
}

.upload-btn-wrapper input[type=file]:hover+button {
    background: transparent !important;
    color: #0088FF !important;
    border-bottom-color: transparent !important;
}

.form-group-upload {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-group-upload:hover {
    background: #f0f6fc;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.form-control:focus {
    box-shadow: 0 0 0 0.1rem rgb(0 136 255 / 25%);
}


/* btn animation style start */


/* .btn {
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    border-radius: 7px;
}
.btn, .btn:visited {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.btn:hover {
    color: #fff;
    z-index: 2;
}
.btn:before {
    background: #0088FF;
    -moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
    transform: translateX(-50%) translateY(-50%) rotate(25deg);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.btn:link:before, .btn:visited:before, .btn:before {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 150%;
    z-index: -1;
    -webkit-transition: all 0.75s ease 0s;
    -moz-transition: all 0.75s ease 0s;
    -o-transition: all 0.75s ease 0s;
    transition: all 0.75s ease 0s;
}
.btn:link:hover:before, .btn:visited:hover:before, .btn:hover:before {
    height: 450%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
} */


/* btn animation style end */


/* introjs style start */

.introjs-tooltip .introjs-tooltipbuttons .introjs-button {
    background: transparent;
    font-family: 'Nunito Bold';
    color: #0088FF;
    border: 1px solid #0088FF !important;
    margin-right: 5px !important;
    padding: 8px 20px;
    border-radius: 0.25rem;
}

.introjs-tooltip .introjs-tooltipbuttons .introjs-button:hover {
    color: #fff !important;
    background: #0088FF !important;
}

.introjs-tooltip .introjs-tooltiptext {
    color: #000;
    padding-right: 30px;
    min-height: 60px;
    font-family: 'Nunito SemiBold';
}

.introjs-tooltip {
    background-color: #fff !important;
    color: #7C98B6 !important;
    padding: 20px ​25px 25px 25px !important;
    background-position: 98% 85% !important;
}

.introjs-skipbutton {
    box-sizing: content-box;
    float: right;
    margin: -2px 0 5px 0;
    font-size: 22px;
    line-height: 12px;
}

.introjs-arrow.top,
.introjs-arrow.top-middle,
.introjs-arrow.top-right {
    border-color: transparent transparent #fff !important;
}

.introjs-tooltip .introjs-bullets {
    text-align: left;
    margin: 7px 0;
}

.introjs-tooltip .introjs-bullets ul li a.active {
    background: #0088FF;
}


/* .introjs-helperLayer{
  box-shadow: none !important;
} */


/* introjs style end */

.choose_file .btn,
.add-browse {
    color: #7f7f7f !important;
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
}

.btn-active {
    background: #0088FF !important;
    color: #fff !important;
}

.btn-active:hover {
    opacity: 0.8;
}

.edit-option .btn {
    padding: 7px 16px;
}

.edit-option .btn-small {
    padding: 4px 14px;
}

.edit-option-full-time-show {
    opacity: 0.5 !important;
    top: 10px !important;
}

.edit-and-delete-main:hover .edit-option-full-time-show {
    top: 10px !important;
}

.edit-option:hover .edit-option-full-time-show {
    top: 10px !important;
}

.three-dots-dropdown {
    background: transparent !important;
    border-color: transparent !important;
    color: #fff;
    padding: 3px 13px !important;
    margin: 7px 20px 7px 7px !important;
}

.three-dots-dropdown:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #0088FF !important;
}

.three-dots-dropdown:hover i {
    color: #0088FF !important;
}

.float-left.three-dots-dropdown {
    margin-right: 0 !important;
    padding-left: 0 !important;
}

.float-left.three-dots-dropdown i {
    color: #0088FF;
}

.three-dots-dropdown:hover .fa-ellipsis-v {
    color: #fff;
}

.edit-dropdown.d-lg-none .dropdown-menu {
    position: absolute !important;
    top: 41px !important;
    left: -60% !important;
    /*width: 60%;*/
    width: auto;
    max-width: 100%;
    border-radius: 0;
    transform: none !important;
    transition: 0.5s;
    display: block !important;
    opacity: 0;
}

.edit-dropdown.d-lg-none .dropdown-menu.show {
    transition: 0.5s;
    left: -14px !important;
    opacity: 1;
}

.edit-dropdown .dropdown-menu .dropdown-item.active,
.edit-dropdown .dropdown-menu .dropdown-item:hover {
    background: #f8fcff;
    color: #0088FF;
}

.float-right.three-dots-dropdown {
    padding-right: 0 !important;
}

.edit-dropdown.d-xl-none .dropdown-menu {
    position: absolute !important;
    top: 41px !important;
    left: unset !important;
    right: -310px !important;
    width: 210px;
    border-radius: 0;
    transform: none !important;
    transition: 0.5s;
    display: block !important;
    opacity: 0;
}

.edit-dropdown.d-xl-none .dropdown-menu.show {
    transition: 0.5s;
    right: -30px !important;
    opacity: 1;
    padding-right: 30px;
}

.edit-dropdown.d-xl-none .dropdown-menu .dropdown-item i {
    margin-right: 5px;
}

.modal-style-1 .modal-content .form-group label {
    font-family: 'Nunito Bold';
}

.form-group label {
    font-family: 'Nunito Bold';
}

.darag-dropifile-upload .choose_file .btn,
.add-browse {
    padding: 0.375rem 1.75rem;
}

.form-group label sup {
    color: red;
    top: -0.3em;
    margin-left: 1px;
}

.form-group label span {
    color: #d4d2d2;
    font-weight: normal;
}

.popup-full-width {
    background: #fff !important;
}

.popup-full-width .modal-content {
    border: none;
}

.popup-full-width .modal-header {
    background: #fff !important;
    border: none;
    padding: 0 30px !important;
}

.popup-full-width .modal-header h4 {
    color: #33475b !important;
    font-family: 'Nunito Bold';
    font-size: 24px !important;
}

.popup-full-width .form-body {
    padding: 4px 30px 30px 30px;
}

.head-details {
    font-size: 14px;
    color: #33475b;
}

.head-details a {
    color: #0088FF;
}

.head-details a:hover {
    color: #0088FF;
    text-decoration: none;
}

.popup-full-width .close {
    position: fixed;
    right: 33px;
    top: 28px;
    font-size: 22px;
    outline: none;
    z-index: 1;
    background: #ffffff82;
    padding: 5px 8px;
    opacity: 1;
    border-radius: 8px;
}

.popup-full-width .close span {
    font-size: 12px;
    display: block;
    padding-left: 2px;
}

.drag-pic-files {
    width: 85px;
    margin: 0 auto;
    padding-bottom: 5px;
}

.drag-file-name {
    padding-bottom: 5px;
}

.choose_file .browse-btn {
    padding: 8px 16px !important;
    font-size: 10px;
    background: #0088FF;
    color: #fff !important;
}

.upload-pics {
    width: 100%;
    position: relative;
    background: #fff;
    padding-top: 0px;
    border: 1px solid #ced4da;
}

.browse-form-pic {
    width: 100%;
    height: 170px;
    margin: 0 auto;
    background-size: 100% 100% !important;
}

.upload-pics img {
    width: 100%;
}

.upload-pics:hover .documnt-close {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 1;
    z-index: 1;
    right: 4px;
}

.documnt-close {
    position: absolute;
    right: -4px;
    top: 4px;
    cursor: pointer;
    padding: 0;
    outline: none;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    opacity: 0;
    z-index: -1;
}

.documnt-close:focus {
    outline: none;
}

.costmz-logo-new {
    font-size: 12px;
    width: 100%;
    padding: 0 5px !important;
}

.browse-form-name {
    position: absolute;
    bottom: -38px;
    width: 100%;
    padding: 7px 15px;
    box-shadow: 1px 1px 4px #e5e8eb;
    background: #fff;
    z-index: -1;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: flex;
}

.browse-form-name .float-left {
    width: 100%;
}

.browse-form-name .browse-logo {
    margin-left: 3px;
}

.browse-logo {
    width: 28px;
    float: right;
    margin-top: 6px;
}

.browse-logo img {
    width: 100%;
}

.upload-pics .edit-option-show {
    top: 5px !important;
    right: -1px !important;
}

.upload-pics:hover .edit-option-show {
    right: 7px !important;
}

.upload-pics .documnt-close {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    line-height: 15px;
    font-size: 15px;
}

.upload-pics .documnt-close:hover {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
}

.upload-pics h6 {
    font-size: 12px;
    font-weight: normal !important;
    margin: 0;
    padding-top: 5px;
    line-height: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.upload-pics span {
    font-size: 11px;
    font-weight: normal;
}

.upload-pics:hover .browse-form-name {
    opacity: 1;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.upload-section {
    margin: 0 -5px !important;
    margin-bottom: 1rem !important;
}

.form-group-upload {
    margin-bottom: 0 !important;
    background: #fff;
    width: 100%;
    min-height: 172px;
    display: flex;
    align-items: center;
    border: 1px dashed #ced4da;
}

.darag-dropifile-upload {
    width: 100%;
}

.label-style {
    font-size: 14px;
    color: #33475b;
    font-family: 'Nunito Bold';
}

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


/* -- btn styles start -- */

.filtr-btn {
    background: none;
    color: #fff !important;
    border: 1px solid #fff;
}

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

.btn-filter-reset {
    background: #0088ff !important;
    color: #fff !important;
    margin-top: 6px;
    margin-right: 15px !important;
    padding: 0.375rem 0.75rem;
}

.btn-outline-secondary {
    padding: 0.375rem 0.75rem !important;
}

.btn-outline-secondary:hover {
    color: #fff !important;
}


/* -- btn styles ends -- */

.add-profie-org-pup .costmz-logo-new {
    padding-top: 3%;
}

.form-register-step .actions ul li a {
    background: #fff;
    margin-right: 7px;
}

.document-popup-tab .vertical-tab {
    min-width: auto;
}

.shre-assessment-popup-cnt {
    padding: 0 30px;
}

.shre-assessment-popup-cnt .head-details {
    padding: 8px 0;
}

.drag-multi-form {
    padding: 30px 0;
}

.confirm-star {
    font-size: 13px;
    color: #7c98b6;
    padding-bottom: 10px;
}

.confirm-star .fas {
    color: #0088ff;
    font-size: 10px;
    padding-right: 5px;
}

.up-pic-cf {
    padding: 0 5px !important;
}

.qoc-pic-sec {
    position: relative;
}

.submitted-bg {
    background: #1968df;
    text-align: center;
    float: left;
    padding: 2px 5px;
    border-radius: 5px 0 5px 0;
    margin-left: -8px;
    position: absolute;
    top: -15px;
    left: 73px;
}

.submitted-bg h3 {
    font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    padding: 2px 0;
    margin: 0;
    font-weight: normal;
}

.submitted-bg:after {
    display: block;
    width: 0px;
    height: 0px;
    content: "";
    border-right: 8px solid #000;
    border-top: 0px solid transparent;
    border-bottom: 8px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 0;
}

.head-cmn {
    font-size: 17px;
    color: #217858;
    display: initial;
    font-family: 'Nunito Bold';
    padding: 8px 0 0 15px;
    float: left;
}

.smoothe-slide {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.smoothe-slide:hover {
    padding-left: 9px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.align-label-check {
    padding-left: 4px;
    cursor: pointer;
    color: #506e91;
}

.align-label-check-head {
    padding-left: 27px !important;
}

.full-line-click {
    width: 100%;
    display: inline-block;
}

.mgn-top-click {
    margin-top: -9px;
}


/* --- radio feedback section starts --- */

.site-feedback h5 {
    text-align: left;
    padding-top: 5px;
    font-size: 18px;
    margin-bottom: 12px;
}

.feedback-sec h5 {
    text-align: left;
    padding-top: 5px;
    font-size: 18px;
    margin-bottom: 12px;
}

.feedback-sec hr {
    margin: 0 0 10px 0;
}

.radio-btns-one {
    /*width: 284px;
    margin: 0 auto;*/
    /*text-align: center;*/
    padding: 20px 5px 0 0px;
    border-radius: 8px;
}

.radio-btns-new label:first-child {
    padding-left: 0;
}

.feedback-popup-modal-content {
    border-radius: 8px !important;
}

.radio-btns-new .hide {
    display: none;
}

.radio-btns-new .fa-exclamation-triangle {
    color: goldenrod;
}


/* Unchecked */

.radio-btns-new .bad[type="radio"]+.fa-check-circle:before,
.radio-btns-new .bad[type="radio"]+label>.fa-check-circle:before {
    content: "\EA3C";
    color: #7c98b6;
}


/* Checked */

.radio-btns-new .bad[type="radio"]:checked+.fa-check-circle:before,
.radio-btns-new .bad[type="radio"]:checked+label>.fa-check-circle:before {
    content: "\EA3C";
    color: #0088ff;
}


/* Unchecked */

.radio-btns-new .good[type="radio"]+.fa-check-circle:before,
.radio-btns-new .good[type="radio"]+label>.fa-check-circle:before {
    content: "\EA3B";
    color: #7c98b6;
}


/* Checked */

.radio-btns-new .good[type="radio"]:checked+.fa-check-circle:before,
.radio-btns-new .good[type="radio"]:checked+label>.fa-check-circle:before {
    content: "\EA3B";
    color: #0088ff;
}


/* Unchecked */

.radio-btns-new .verygood[type="radio"]+.fa-check-circle:before,
.radio-btns-new .verygood[type="radio"]+label>.fa-check-circle:before {
    content: "\EA3D";
    color: #7c98b6;
}


/* Checked */

.radio-btns-new .verygood[type="radio"]:checked+.fa-check-circle:before,
.radio-btns-new .verygood[type="radio"]:checked+label>.fa-check-circle:before {
    content: "\EA3D";
    color: #0088ff;
}

.radio-btns-new label {
    font-size: 40px;
    padding: 0px 16px;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.radio-btns-new:first-child label {
    padding-left: 0;
}

.radio-btns-two label {
    font-size: 38px;
    padding: 0 10px;
    margin: 0;
}

.radio-btns-two span {
    font-size: 15px;
    color: #506e91;
    font-family: 'Nunito Bold';
    vertical-align: middle;
    margin: -24px 0 0 5px;
}

.radio-btns-new label:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: translate3d(0, -3px, 0);
}

.radio-btns-two {
    width: 100%;
}

.feedback-comment {
    width: 100%;
    height: 100px;
    resize: none;
    border: 1px solid #bac8d8;
    padding: 8px 15px;
    font-size: 13px;
    color: #33475b;
    font-family: 'Nunito Bold';
    margin: 7px 0;
}

.feedback-comment::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #bac8d8;
}

.feedback-comment::-moz-placeholder {
    /* Firefox 19+ */
    color: #bac8d8;
}

.feedback-comment:-ms-input-placeholder {
    /* IE 10+ */
    color: #bac8d8;
}

.feedback-comment:-moz-placeholder {
    /* Firefox 18- */
    color: #bac8d8;
}

.feedback-box-one .radio-btns-new label {
    font-size: 78px;
    padding: 0px 17px;
    margin-bottom: 0;
}

.feedback-box-two {
    display: none;
}

.feedback-box-one-hide {
    display: none;
}

.feedback-box-two-show {
    display: block !important;
}

.feedback-color-pics {
    padding: 0;
    margin: 0;
}

.feedback-color-pics-main li {
    width: 130px;
}

.feedback-color-pics li {
    float: left;
    list-style-type: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.feedback-color-pics li:hover {
    transform: scale(1.24);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.feedback-color-pics li.active {
    transform: scale(1.24);
}

.feedback-color-pics-inner li {
    width: 74px;
}

.feedback-color-pics li.name-feedback {
    transform: none;
}

.feedback-color-pics li.name-feedback span {
    margin: 14px 0 0 8px;
}


/* --- radio feedback section ends --- */


/* -- stats -- */

.Add-user-head-btn {
    margin-top: -35px;
}

.side-menu-toggles {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
}

.loop-filter-toggle {
    position: relative;
    padding: 6px 7px 8px 10px;
}

.user-feedback-toggle {
    margin: 8px 0 1px 0;
}

.user-toggle-cmn {
    display: block;
    background: #031f41;
    padding: 7px 4px 5px 10px;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
}

.user-toggle-cmn:hover {
    opacity: 0.7;
}

.side-menu-toggles .line-icone {
    font-size: 17px;
    color: #fff;
}

.loop-filter-toggle img {
    width: 16px;
}

.loop-filter-toggle-new {
    top: 7px;
}

.user-help-exclamation {
    top: 7px;
    position: relative;
    margin-top: 0.7px;
}

.close-page .lni-close {
    font-size: 18px !important;
    line-height: 16px !important;
}

.nav-link {
    cursor: pointer;
}

.pagination .pagination-input {
    width: 45px;
    height: 24px;
    padding: 0px 9px;
    border-radius: 8px;
    border: 1px solid #bac8d8;
    font-size: 12px;
    color: #bac8d8;
    margin-top: 3px;
}

.pagination .pagination-input:focus {
    outline: none;
}

.pagination .pagination-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #bac8d8;
}

.pagination .pagination-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #bac8d8;
}

.pagination .pagination-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #bac8d8;
}

.pagination .pagination-input:-moz-placeholder {
    /* Firefox 18- */
    color: #bac8d8;
}

.pagination .per-page {
    color: #bac8d8 !important;
}

.pagination .per-page:hover {
    background: none;
}

.modal-open .modal {
    z-index: 999999;
}

.form-group-add-report {
    margin-bottom: 0 !important;
}

.form-group-add-report .form-control {
    height: 90px;
}

.input-add-report:after {
    display: none;
}

.form-control::-webkit-input-placeholder {
    /* Edge */
    color: #9f9f9f;
}

.form-control:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #9f9f9f;
}

.form-control::placeholder {
    color: #9f9f9f;
}

.form-group textarea {
    padding: 0.875rem 1rem;
}

.add-kpi-textarea {
    margin-bottom: 0 !important;
}

.add-kpi-textarea textarea {
    height: 90px;
    margin-bottom: 15px;
}

.form-group-add-roles textarea {
    height: 90px;
}

.user-chekbox .remember-txt {
    font-size: 13px;
    color: #7c98b6;
    padding-left: 25px;
}


/* --- radio start --- */

.radio-user {
    display: inline-block;
}

.radio-head {
    display: block;
}

.radio-scoir .custom-radio .custom-control-label::before {
    border-radius: 3px;
}

.radio-scoir .custom-radio .custom-control-input:checked~.custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !important;
}


/* --- radio end --- */

.sort-drop .dropdown-item {
    width: 100%;
    left: 10px;
}

.sort-drop .dropdown-item:hover::before {
    display: none;
}

.sort-drop .dropdown-item .fas {
    padding-right: 5px;
}

.chating-block {
    z-index: 1;
}

.filter-header {
    position: fixed;
    z-index: 9999;
    width: 440px;
}

.chat-notification {
    z-index: 11;
}

.edit-option {
    position: relative;
}

.edit-option:hover a {
    text-decoration: none;
}

.edit-option-show {
    position: absolute;
    top: -16px;
    right: 15px;
    opacity: 0;
    z-index: 333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 3px 10px #e9e9e9;
    border: 1px solid #ced4da;
}

.edit-option:hover .edit-option-show {
    opacity: 1;
    top: -32px;
}

.edit-option-right {
    right: 53px;
}

.edit-option-show a {
    color: #7c98b6 !important;
    /* padding: 7px 0; */
    font-size: 15px;
    background: none;
    border-radius: 3px;
    /*border: 1px solid #7c98b6;*/
    /*-webkit-box-shadow: 0 2px 4px 0px #7c98b6;
  -moz-box-shadow: 0 2px 4px 0px #7c98b6;
  box-shadow: 0 2px 4px 0px #7c98b6;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    /*margin-right: 5px;*/
}

.edit-option-show a:last-child {
    margin-right: 0;
}

.edit-option-show a:hover {
    color: #0088ff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.edit-option-show a:hover .fas,
.edit-option-show a:hover i {
    color: #0088ff;
    background: #fff;
}

.edit-option-show a:hover i {
    transform: scale(1.10);
}

.edit-option-show a:hover .fa-trash,
.edit-option-show a:hover .fa-trash-alt {
    color: #dc3545 !important;
    /*border: 1px solid #dc3545;*/
}

.edit-option-show-inner a:hover .fa-trash,
.edit-option-show-inner a:hover .fa-trash-alt {
    color: #dc3545 !important;
    /*border: 1px solid #dc3545 !important;*/
}

.edit-option-show .fas,
.edit-option-show i {
    padding: 4px !important;
    font-size: 15px !important;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*border: 1px solid #7c98b6;*/
    border-radius: 3px;
}

.edit-option-show a span {
    font-size: 14px;
    vertical-align: middle;
    margin: -3px 5px 0 0;
}

.edit-option-show a:hover span {
    color: #0088FF;
}

.filter-sections {
    padding-top: 35px;
}

.user-doc-bx .edit-option-show {
    top: -16px !important;
}

.user-doc-bx:hover .edit-option-show {
    top: 2px !important;
}

#sidebar-content {
    height: 100%;
}

#sidebar-wrapper.active {
    overflow-x: hidden;
    overflow-y: hidden;
}

.cust-scrol-filter .mCSB_scrollTools {
    right: -6px;
}

#sidebar-wrapper .line-tab .nav-link {
    font-size: 15px;
    color: #fff;
    font-weight: normal;
}

.user-details-page .add-button-outlined:hover i {
    color: #0088ff;
}

.line-tab .nav-link {
    background-color: transparent !important;
    padding: 14px 14px;
    /*margin-bottom: -1px;*/
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #0088ff !important;
}

.user-doc-bx:hover {
    text-decoration: none;
}

.document-buttons-download {
    position: absolute;
    left: 35px;
    bottom: 20px;
}

.document-buttons-renew {
    position: absolute;
    left: 125px;
    bottom: 20px;
}

.user-doc-bx:hover .document-buttons-download {
    transform: scale(1.03);
    opacity: 0;
}

.user-doc-bx:hover .document-buttons-renew {
    transform: scale(1.03);
}

.form-group-contact-detailes textarea {
    height: 121px;
}

.Preview-block {
    padding-top: 15%;
}

.Preview-block .remember-txt {
    font-size: 13px;
    color: #7c98b6;
    padding-left: 25px;
}

.Preview-checkbox {
    display: block;
}

.Preview-checkbox .container2 {
    margin-bottom: 5px;
}

.multi-sec-main {
    padding: 30px;
}

.form-body-preview {
    padding: 30px 0;
}

.ordinary-btn {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.rounde-hov-bg:hover img {
    box-shadow: 0px 0px 9px #88888878;
}


/* -- pulse animation starts -- */

.animation-pulse:hover .d-flex img,
.animation-pulse:hover .user-round-pics-new,
.rounde-hov-bg:hover .rounde-hov,
.owl-vertical-slider .item:hover .user-round-pics-new {
    animation: pulse 1s infinite;
    transition: .3s;
    cursor: pointer;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}


/* -- pulse animation ends -- */


/* -- rotate animation starts -- */

.animation-rotate:hover img {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.animation-rotate:hover .fas {
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}


/* -- rotate animation ends -- */

.edit-option-show a:hover .fas {
    transform: scale(1.10);
}


/* -- shake animation starts -- */

.animation-shake:hover img,
.animation-shake:hover .fas,
.animation-shake:hover i {
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}


/* -- shake animation ends -- */


/* -- progress-bar animation starts -- */

.progress-bar-animation {
    width: 0;
    animation: progress 1.5s ease-in-out forwards;
}

.title {
    opacity: 0;
    animation: show 0.35s forwards ease-in-out 0.5s;
}

@keyframes progress {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}


/* -- progress-bar animation ends -- */


/* -- zoom animation start -- */

.zoom-animation .fas {
    transition: transform .2s;
    cursor: pointer;
}

.zoom-animation:hover .fas {
    transform: scale(1.3);
}


/* -- zoom animation ends -- */


/* -- zoom animation start -- */

.zoom-box {
    transition: transform .2s;
}

.zoom-box:hover {
    transform: scale(1.03);
}


/* -- zoom animation ends -- */


/* -- swing animation start -- */

.swing:hover {
    animation: swing ease-in-out 1s infinite alternate;
    transform-origin: center -20px;
}

.swing:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    border: 1px solid #999;
    top: -10px;
    left: 50%;
    z-index: 0;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}


/* nail */

.swing:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 5px;
    top: -14px;
    left: 54%;
    z-index: 5;
    border-radius: 50% 50%;
    background: #000;
}

@keyframes swing {
    0% {
        transform: rotate(3deg);
    }
    100% {
        transform: rotate(-3deg);
    }
}


/* -- swing animation ends -- */


/* -- tada animation starts -- */

.animated-tada {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-tada:hover {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        -ms-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}


/* -- tada animation ends -- */


/* -- actiual-value-animation start -- */

.actiual-value-animation {
    left: 40%;
    -webkit-animation: mymove 5s 1;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: -2s;
    /* Safari 4.0 - 8.0 */
    animation: mymove 5s 1;
    animation-delay: -2s;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes mymove {
    from {
        left: -100%;
    }
    to {
        left: 40%;
    }
}

@keyframes mymove {
    from {
        left: -100%;
    }
    to {
        left: 40%;
    }
}


/* -- tactiual-value-animation ends -- */


/* -- required-value-animation start -- */

.required-value-animation {
    left: 20%;
    -webkit-animation: required 5s 1;
    /* Safari 4.0 - 8.0 */
    -webkit-animation-delay: -2s;
    /* Safari 4.0 - 8.0 */
    animation: required 5s 1;
    animation-delay: -2s;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes required {
    from {
        left: -50%;
    }
    to {
        left: 20%;
    }
}

@keyframes required {
    from {
        left: -50%;
    }
    to {
        left: 20%;
    }
}


/* -- required-value-animation ends -- */


/* -- edit-icons animation starts -- */

.edit-icons {
    position: relative;
    z-index: 1500;
    padding-right: 10px;
}

.nav-pills.edit-icons li a.active {
    color: #0088FF;
}


/* -- edit-icons animation ends -- */


/* -- zoomInDown animation start -- */

.zoomInDown {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.zoomInDown:hover {
    transform: scale(1.04);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* -- zoomInDown animation end -- */


/* -- zoomIn animation start -- */

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}


/* -- zoomIn animation end -- */


/* -- tinDownOut animation start -- */

.tinDownOut {
    -webkit-animation-name: tinDownOut;
    animation-name: tinDownOut;
}

@-webkit-keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }
}

@keyframes tinDownOut {
    0%,
    20%,
    40%,
    50% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
    10%,
    30% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }
}


/* -- tinDownOut animation ends -- */

.user-right-details {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.user-side-bar-sw {
    position: relative;
    left: 0px;
    -webkit-animation-name: user-side-bar-sw;
    -webkit-animation-duration: 1s;
    animation-name: user-side-bar-sw;
    animation-duration: 1s;
    display: block;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes user-side-bar-sw {
    0% {
        left: -250px;
        top: 600px;
    }
    25% {
        left: -250px;
        top: 600px;
    }
    50% {
        left: 0px;
        top: 0px;
    }
    75% {
        left: 0px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}


/* Standard syntax */

@keyframes user-side-bar-sw {
    0% {
        left: -250px;
        top: 600px;
    }
    25% {
        left: -250px;
        top: 600px;
    }
    50% {
        left: 0px;
        top: 0px;
    }
    75% {
        left: 0px;
        top: 0px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}


/*.user-side-bar-hd {
  
}*/

.user-side-bar-hd {
    position: relative;
    left: -300px;
    top: 600px;
    /*opacity: 0;*/
    -webkit-animation-name: user-side-bar-hd;
    -webkit-animation-duration: 1s;
    animation-name: user-side-bar-hd;
    animation-duration: 1s;
    height: 0;
    display: none;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes user-side-bar-hd {
    0% {
        left: 0px;
        top: 0px;
        opacity: 1;
        height: auto;
    }
    25% {
        left: 0px;
        top: 0px;
        opacity: 1;
        height: auto;
    }
    50% {
        left: 0px;
        top: 0px;
        opacity: 1;
        height: auto;
    }
    75% {
        left: -250px;
        top: 500px;
        opacity: 0;
        height: 0;
    }
    100% {
        left: -250px;
        top: 500px;
        opacity: 0;
        height: 0;
    }
}


/* Standard syntax */

@keyframes user-side-bar-hd {
    0% {
        left: 0px;
        top: 0px;
        opacity: 1;
        height: auto;
    }
    25% {
        left: 0px;
        top: 0px;
        opacity: 1;
        height: auto;
    }
    50% {
        left: 0px;
        top: 0px;
        opacity: 1;
        height: auto;
    }
    75% {
        left: -250px;
        top: 600px;
        opacity: 0;
        height: 0;
    }
    100% {
        left: -250px;
        top: 600px;
        opacity: 0;
        height: 0;
    }
}

.user-right-full-width {
    top: -690px;
    animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}

.user-main-sec {
    position: initial;
}

.user-right-fill {
    position: absolute;
    right: 15px;
    max-width: 71%;
}

.flex-98-width {
    max-width: 95% !important;
}

.user-side-left {
    max-width: 29%;
    z-index: 1;
}

.user-list-sm h6,
.user-list-sm span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.user-list-sm:hover h6,
.user-list-sm:hover span {
    /*color: #0088ff;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.card-hov-effect .pointer h3,
.card-hov-effect .pointer .directio-text,
.card-hov-effect .card-link {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.card-hov-effect:hover .pointer h3,
.card-hov-effect:hover .pointer .directio-text,
.card-hov-effect:hover .card-link {
    /*color: #0088ff;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.curve-toggle {
    background: url(../images/curved-btn.svg) no-repeat;
}

.curve-toggle:hover {
    background: url(../images/curved-btn-hover.svg) no-repeat;
}

.curve-toggle.curv-2 {
    background: url(../images/curved-btn2.svg) no-repeat;
}

.curve-toggle.curv-2:hover {
    background: url(../images/curved-btn2-hover.svg) no-repeat;
}

ul.arrowlist li {
    background: url(../images/arrow-list-1.svg) no-repeat 0 6px;
    background-size: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

ul.arrowlist li:hover {
    background: url(../images/arrow-list-1.svg) no-repeat 10px 6px;
    background-size: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-menu .card-link span {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-menu .card-link:hover span {
    padding-left: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-menu .submenu .collapse li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.main-menu .submenu .collapse li:hover a {
    padding-left: 50px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/* -- folder starts -- */

.folder-loop {
    padding: 0;
    width: 96%;
}

.folder-loop li {
    list-style-type: none;
    float: left;
    width: 15%;
    min-height: 220px;
    padding: 25px 12px 10px 12px;
    margin: 0 8px;
    position: relative;
    cursor: move;
}

.folder-loop li a {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
}

.folder-loop .folder-picher {
    width: 100%;
}

.folder-documents .folder-picher {
    background: #f3f8fb;
    padding: 15px;
}

.folder-documents {
    box-shadow: 0 0 6px #ccc;
}

.folder-loop li:hover .folder-documents .folder-picher {
    background: #dfdfdf;
}

.folder-loop .btn-folder {
    position: absolute;
    background: none;
    border: none;
    font-size: 15px;
    cursor: pointer;
}

.folder-loop .btn-stars {
    top: 22%;
    right: 6%;
    color: #f5d97e;
    z-index: 2;
}

.folder-loop .btn-stars.active {
    color: #F9CB36;
}

.folder-loop .btn-menu {
    top: 22%;
    left: 6%;
    color: #fff;
    opacity: 0;
    z-index: 2;
}

.folder-loop li:hover .btn-menu {
    opacity: 1;
}

.folder-loop .number-folder {
    bottom: 9%;
    right: 10%;
    color: #be8c01;
    cursor: default;
    z-index: 2;
}

.icon-indication-folder {
    position: absolute;
    bottom: 10px;
    left: 15px;
    font-size: 14px;
    color: #d59d00;
    z-index: 2;
}

.folder-documents .icon-indication-folder {
    color: #000;
    background-color: rgb(213 213 213 / 34%);
    width: 24px;
    height: 24px;
    text-align: center;
    border-radius: 50%;
    padding-top: 2px;
}

.folder-file-icon {
    bottom: 5px;
    left: 10px;
    color: #000;
}

.folder-loop p {
    font-size: 14px;
    text-align: center;
    color: #506E91;
    margin-bottom: 1px;
    padding-top: 10px;
    font-weight: normal;
}

.folder-loop h5 {
    font-size: 12px;
    text-align: center;
    color: #506E91;
    font-weight: normal;
}

.option-box {
    width: 140px;
    background: #fff;
    padding: 5px 0;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    position: absolute;
    top: 40px;
    right: -85px;
    z-index: 100;
    display: none;
}

.folder-loop li:hover .option-box {
    /*display: block;*/
}

.folder-loop li:hover {
    background: #e7f4fb;
}

.folder-loop li.active {
    background: #e7f4fb;
}

.folder-loop li.active .folder-checkbox {
    display: block;
}

.option-box:after {
    display: block;
    width: 0px;
    height: 0px;
    content: "";
    border-right: 7px solid #fff;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    top: 3px;
    left: -6px;
}

.option-box ul {
    width: 100%;
    padding: 0;
    margin-bottom: 0;
}

.option-box ul li {
    width: 100%;
    min-height: auto;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.option-box ul li a {
    padding: 3px 12px;
    text-decoration: none;
    font-size: 14px;
    color: #718CA8;
    width: 100%;
    display: flex;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.option-box ul li:hover a,
.option-box ul li:hover .fas {
    background: #d9d6d6;
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.option-box ul li a i,
.option-box ul li a .fas {
    font-size: 12px;
    width: 20px;
    color: #718CA8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    padding-top: 4px;
}

.folder-checkbox {
    position: absolute;
    right: -25px;
    top: -18px;
    display: none;
}

.folder-loop li:hover .folder-checkbox {
    display: block;
}

.folder-loop .checkmark {
    border-radius: 50%;
}

.folder-loop .folder-documents .btn-stars {
    top: 6px;
    right: 3px;
    background-color: rgb(0 0 0 / 8%);
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    padding-top: 1px;
    font-size: 12px;
    margin: 0;
    padding: 0 5px;
}

.folder-loop .folder-documents .btn-stars i {
    margin-left: -2px;
}

.folder-page-main .pagination {
    padding: 10px 0;
}


/*.folder-list-page {
  display: none;
}*/

.folder-list-page table th {
    border-bottom: 1px solid #ced4da;
}

.folder-list-page table tr:hover {
    background: #f3f8fb !important;
}

.folder-list-page table tr:hover:first-child {
    background: none !important;
}

.folder-list-page table td {
    padding: 10px 0;
    font-size: 13px;
    color: #506E91;
    cursor: pointer;
    position: relative;
}

.folder-list-page table th .fas {
    font-size: 13px;
    padding: 0 4px;
}

.folder-list-page table th {
    color: #506E91;
    font-family: 'Nunito Bold';
    font-size: 13px;
    padding: 7px 0;
}

.folder-list-view {
    width: 23px;
    padding-right: 5px;
}

.folder-list-view-document {
    width: 28px;
    margin-left: -5px;
}

.folder-list-page table th:first-child,
.folder-list-page table td:first-child {
    padding-left: 0px;
}

.folder-list-page table th .file-pic {
    font-size: 14px;
    color: #506E91;
    padding: 0 11px 0 5px;
}

.folder-link-div {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.folder-options {
    width: 190px;
    float: left;
    border-right: 1px solid #ced4da;
}

.folder-section {
    float: left;
    width: 100%;
}

.folder-options ul {
    margin: 0;
    padding: 0;
}

.folder-options ul li {
    list-style-type: none;
}

.folder-options ul li a {
    font-size: 15px;
    padding: 3px 8px;
    display: block;
    color: #33475b;
}

.folder-options ul li a i {
    padding-right: 3px;
}

.folder-options ul li a:hover {
    text-decoration: none;
}

.folder-options-main-ul li:hover .folder-menu-link {
    background: #f3f8fb;
    color: #0088FF;
}

.folder-options-main-ul li .folder-menu-link.active {
    background: #f3f8fb;
    color: #0088FF;
}

.folder-options-inner-ul li a {
    padding: 1px 8px 1px 29px !important;
}

.folder-options-inner-ul li:hover a {
    background: #f3f8fb;
    color: #0088FF;
}

.folder-options-inner-ul li a.active {
    background: #f3f8fb;
    color: #0088FF;
}

.folder-list-page {
    width: 100%;
}

.folder-list-check {
    display: inline-block;
    padding-left: 24px;
}

.folder-list-check .checkmark {
    border-radius: 50%;
}

.folder-list-page tr:nth-child(even) {
    background: none;
}

.folder-list-page .option-box {
    right: none;
    left: 35%;
    top: 8px;
}

.folder-list-page-table table th {
    padding: 12px;
}

.folder-list-page-table table th:first-child,
.folder-list-page-table table td:first-child {
    padding-left: 12px;
    padding-right: 3px;
}

.folder-path {
    font-size: 14px;
    color: #9b9b9b;
    padding: 10px 0 0 15px;
    margin-bottom: 0;
}

.folder-path-open {
    color: #031F41;
}

.folder-path i {
    margin: 0px 2px;
    font-size: 13px;
}

.small-tab-foder {
    float: right;
    padding-top: 5px;
}

.small-tab-foder .nav-tabs {
    border-bottom: none;
}

.small-tab-foder .nav-tabs .nav-item .nav-link {
    padding: 5px;
    border: none;
    font-size: 20px;
    display: inline-flex;
}

.small-tab-foder .nav-tabs .nav-link.active,
.small-tab-foder .nav-tabs .nav-item.show .nav-link {
    border: none;
}

.folder-view-search .form-control {
    border-radius: 20px;
}

.folder-view-search .has-search .text-search {
    right: 13px;
    bottom: 12px;
}

.folder-view-content {
    border-top: 1px solid #ced4da;
}

.popup-full-width .folder-view-header {
    padding-right: 15px !important;
}

.folder-one {
    cursor: pointer;
}

.folder-main-page li {
    width: 12.8%;
}

.v2-logo-folder {
    width: 175px;
    border-right: 1px solid #ced4da;
    padding-bottom: 5px;
}

.folder-robot-pic {
    width: 45px;
    position: relative;
    top: 6px;
}

.folder-logo-pic {
    width: 90px;
    padding-top: 12px;
}

.folder-docs-pics {
    padding: 25px 8px 10px 8px !important;
}

.document-label-folder {
    font-size: 11px;
    color: #fff;
    background: #ccc;
    padding: 2px 7px 1px 7px;
    border-radius: 3px;
    position: absolute;
    top: 33px;
    left: -3px;
    z-index: 1;
    font-family: 'Nunito SemiBold';
}

.folder-list-page .document-label-folder {
    position: unset;
    left: unset;
    top: unset;
    padding: 0px 7px;
    margin-left: 5px;
}


/* -- folder end -- */


/* -- pagination-new start -- */

.pagination-new {
    padding-top: 50px;
}

.pagination-new .pagination .page-link.active,
.pagination-new .pagination .page-link:hover {
    background: none;
    border-radius: 10px;
    color: #0088ff;
}

.pagination-new .pagination .page-link {
    color: #1F183A;
}

.pagination-new .pagination-input {
    width: 56px;
    height: 30px;
    padding: 0 14px;
    border-radius: 8px;
    border: 1px solid #718CA8;
    font-size: 13px;
    color: #1F183A;
}

.pagination-new .pagination-input:focus {
    outline: none;
}

.pagination-new .pagination-input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #1F183A;
}

.pagination-new .pagination-input::-moz-placeholder {
    /* Firefox 19+ */
    color: #1F183A;
}

.pagination-new .pagination-input:-ms-input-placeholder {
    /* IE 10+ */
    color: #1F183A;
}

.pagination-new .pagination-input:-moz-placeholder {
    /* Firefox 18- */
    color: #1F183A;
}


/* -- pagination-new end -- */

.foldersec-trash .folder-trash-drop a:hover::before {
    content: initial;
}

.foldersec-trash .nav-link {
    color: #506e91 !important;
    font-size: 12px !important;
    padding: 13px 10px !important;
    cursor: pointer;
}

.folder-tab-sec .nav-trash.active,
.folder-tab-sec .show>.nav-trash {
    color: #fff !important;
    background-color: #0088ff;
}

.edit-bar .edit-icons li a i {
    vertical-align: middle;
    margin-top: -1px;
}


/* -- folder-input starts -- */

input:visited {
    background: none;
}

.search-folder-menu {
    margin: -35px 0 0 0;
    display: inline-block;
    position: relative;
    height: 30px;
    float: right;
    padding: 0;
    position: relative;
}

.search-folder-menu input[type="text"] {
    height: 30px;
    font-size: 14px;
    display: inline-block;
    font-family: 'Nunito SemiBold';
    border: none;
    outline: none;
    color: #495057;
    padding: 3px 35px 3px 5px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.search-folder-menu input[type="text"]:focus:hover {
    border-bottom: 1px solid #7c98b6;
}

.search-folder-menu input[type="text"]:focus {
    width: 250px;
    z-index: 1;
    border-bottom: 1px solid #7c98b6;
    cursor: text;
}

.btn-search-header {
    height: 25px;
    width: 25px;
    display: block;
    float: right;
    background: url(../images/search.png) center center no-repeat;
    text-indent: -10000px;
    background-size: 80%;
    border: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    color: #7c98b6;
    font-size: 13px;
    cursor: pointer;
    transition: opacity .4s ease;
    outline: none;
}

.btn-search-header:focus {
    outline: none;
}

.search-folder-menu input::-webkit-input-placeholder {
    color: #7c98b6;
}

.search-folder-menu input:-moz-placeholder {
    color: #7c98b6;
}

.search-folder-menu input::-moz-placeholder {
    color: #7c98b6;
}

.search-folder-menu input:-ms-input-placeholder {
    color: #7c98b6;
}

.search-folder-menu input[type="submit"]:hover {
    opacity: 0.8;
}


/* -- folder-input ends -- */

.language-head {
    padding: 5px 0 0 0;
    margin-right: -13px;
}

.menu-folder {
    position: fixed;
    display: none;
}

.level-box {
    font-size: 14px;
    color: #5F7A99;
    text-align: center;
    vertical-align: middle;
    width: 48%;
    height: 100px;
    padding-top: 38px;
    background: #F3F8FB;
    border: 1px solid #C6D2DF;
    margin-bottom: 15px;
    float: left;
}

.work-flow-set {
    padding: 30px 30px 15px 30px;
    position: relative;
}

.review-checkbox-main {
    width: 48%;
    float: left;
    margin-left: 4%;
}

.work-flow-user {
    padding: 0 5px 0 0;
}

.work-flow-user li a {
    text-decoration: none;
    border: 1px solid #C6D2DF;
    padding-left: 10px;
}

.work-flow-user li {
    list-style-type: none;
    padding-bottom: 10px;
}

.work-flow-page .remember-txt {
    font-size: 13px;
    color: #7c98b6;
    padding-left: 25px;
    margin: 6px 0;
}

.review-checkbox .container2 input:checked~.checkmark {
    background-color: #C6D2D5;
    border: 1px solid #C6D2D5;
}

.work-flow-user li {
    position: relative;
    width: 47.5%;
    float: left;
}

.work-flow-user li:nth-child(even) {
    margin-left: 4%;
}

.user-box-star:after {
    display: block;
    width: 0px;
    height: 0px;
    content: "";
    border-right: 15px solid #0088FF;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    position: absolute;
    top: -10px;
    left: -2px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.work-flow-user .user-star {
    display: inline-block;
    position: absolute;
    left: 2px;
    top: -3px;
    z-index: 12;
}

.work-flow-user .user-star .fas {
    font-size: 7px;
    color: #fff;
}

.work-flow-user li:last-child .user-box-plus {
    display: block;
}

.user-box-plus {
    display: none;
}

.level-two .user-box-star:after {
    border-right: 15px solid #C6D2D5;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.user-box-plus {
    width: 16px;
    height: 16px;
    padding-top: 2px;
    text-align: center;
    font-size: 8px;
    color: #718CA8;
    background: #fff;
    border: 1px solid #718CA8;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: -7px;
    top: 17px;
    z-index: 12;
}

.user-box-big-plus {
    width: 30px;
    height: 30px;
    background: #0088FF;
    border-radius: 50%;
    text-align: center;
    padding-top: 4px;
    display: inline-block;
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: 0 auto;
    display: none;
    z-index: 1;
}

.loop-main-box .loop-main-box-inner:last-child .work-flow-set .user-box-big-plus {
    display: block;
}

.user-box-big-plus .fas {
    font-size: 12px;
    color: #fff;
}

.work-flow-box {
    height: 120px;
}

.work-flow-set .mCSB_scrollTools .mCSB_draggerContainer {
    right: -13px;
}

.user-poup-box {
    position: relative;
    border-top: 1px solid #C6D2DF;
    padding-left: 5px;
}

.user-poup-box:hover {
    text-decoration: none;
}

.user-pic-round {
    position: relative;
}

.user-active {
    width: 8px;
    height: 8px;
    display: inline-block;
    background: #fff;
    border: 1px solid #718CA8;
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 8px;
}

.user-online .user-active {
    background: #28a745;
    border: 1px solid #28a745;
}

.user-right-detaile {
    position: absolute;
    right: 5px;
    top: 12px;
}

.user-right-detaile span {
    font-size: 12px;
    color: #506e91 !important;
    text-align: right;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.enter-pic {
    width: 10px;
}

.enter-user {
    display: none;
}

.user-poup-box:hover .enter-user {
    display: block;
}

.user-poup-box:hover .upload-day {
    display: none;
}

.user-popup-list-sec h5 {
    font-size: 12px;
    color: #506e91;
}

.user-poup-box:hover {
    background: #f3f3f3;
}

.select-user {
    margin: 0;
    padding: 0px 8px 4px 8px;
    border: 1px solid #C6D2DF;
    width: 90%;
    position: relative;
}

.user-popup-list-sec .btn {
    position: absolute;
    right: -72px;
    top: -1px;
    width: 9%;
    height: 36px;
    padding: 0;
}

.select-user li {
    background-color: #fafafa;
    display: inline-block;
    margin: 5px 0 0 2px;
    padding: 3px 4px 2px 5px;
    font-size: 80%;
    border-radius: 2px;
    border: 1px solid #dcdcdc;
}

.close-user {
    font-size: 11px;
    color: #212529;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 12px;
    cursor: pointer;
    margin-left: 4px;
    font-family: 'Nunito Bold';
    vertical-align: middle;
}

.user-add-nbr {
    padding: 3px 0 20px 0 !important;
}

.checked-work-flow .switch {
    float: none;
    margin: 16px 0 24px 15px;
}

.user-popup-list-sec .select-user li img {
    width: 18px;
    height: 18px;
}

.user-popup-list-sec .select-user .select-user-name {
    font-size: 10px;
}


/* -- work-flow header starts -- */

.work-flow-head-left {
    width: 300px;
    padding: 8px 0 0 10px;
    float: left;
}

.backlog-file {
    font-size: 14px;
    color: #0088FF !important;
    cursor: pointer;
    text-decoration: none;
    padding-right: 8px;
    float: left;
}

.backlog-file:hover {
    text-decoration: none;
}

.backlog-file .fas {
    color: #718CA8 !important;
    padding-right: 3px;
}

.published-box {
    color: #0088FF;
    border-top: 1px solid #0088FF;
    border-right: 1px solid #0088FF;
    border-bottom: 1px solid #0088FF;
    margin: 1px 10px 7px 12px;
    height: 23px;
    padding-top: 2px;
}

.published-box:after {
    content: none;
}

.published-box:before {
    border-left: 1px solid #0088FF;
    border-bottom: 1px solid #0088FF;
    width: 17px;
    height: 17px;
    left: -8px;
    top: 2px;
}

.work-flow-info {
    font-size: 14px;
    color: #33475b !important;
}

.center-line {
    width: 1px;
    height: 124px;
    background: #C6D2DF;
    margin: 0 auto;
    position: relative;
}

.center-line .fas {
    font-size: 13px;
    color: #C6D2DF;
    text-align: center;
    position: absolute;
    top: 50%;
    left: -10px;
    background: #fff;
    width: 22px;
    height: 22px;
    padding-top: 4px;
    margin-top: -10px;
    border-radius: 50%;
    border: 1px solid #C6D2DF;
}


/* -- work-flow header ends -- */

.work-flow-btns {
    padding: 30px 0;
}

.work-flow-btm-sec {
    display: flex;
}

.work-flow-btm-sec-left {
    width: 85px;
    float: left;
    position: relative;
    padding-bottom: 40px;
}

.work-flow-btm-sec-left:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #CDDAE8;
    position: absolute;
    left: 30px;
}

.work-flow-btm-sec-right {
    float: left;
    width: 100%;
}

.work-flow-btm-sec-right h3 {
    font-size: 13px;
    color: #0088FF;
    margin-bottom: 5px;
}

.work-flow-btm-sec-right h3 span {
    font-size: 10px;
    color: #506E91;
    padding-left: 5px;
}

.work-flow-btm-sec-right h5 {
    color: #33475B;
    margin-bottom: 5px;
}

.work-flow-btm-sec-right h6 {
    font-size: 11px;
    color: #506E91;
}

.round-flow-btm {
    width: 60px;
    height: 60px;
    text-align: center;
    border: 1px solid #CDDAE8;
    background: #f3f8fb;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    background: #fff;
}

.round-flow-btm:hover img {
    transform: scale(1.09);
}

.round-flow-btm img {
    top: 50%;
    position: relative;
    margin-top: -23px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.work-flow-btm-sec-main {
    padding-bottom: 50px;
}


/* delete folder  starts*/


/*.rotate {
  transition-duration: .5s;
  transition-property: transform;
  transform: rotate(360deg);
  
}*/


/* delete folder  ends*/

.assesment-list-result-main .result-box-full hr {
    width: 290px;
    float: left;
}

.assesment-list-result-main .result-box-full {
    padding-top: 25px;
}

.Performed-score {
    text-align: right;
    padding: 40px 5% 0 0;
}

.Performed-score h3 {
    color: #0088FF;
    font-size: 42px;
    margin-bottom: 5px;
}

.Performed-score h3 span {
    font-size: 30px;
}

.Performed-score h5 {
    color: #506E91;
    font-size: 14px;
}

.Performed-award {
    padding-left: 8%;
}

.table-result-page tbody tr:nth-child(even) {
    background: #fff;
}

.table-result-page thead .fa {
    font-size: 12px;
    color: #7C98B6;
    padding-left: 8px;
}

.table-result-page .container2 {
    padding-left: 22px;
    margin-top: 2px !important;
}

.table-result-page .ordinary-table td {
    border-color: #bac8d8;
    color: #506e91;
    vertical-align: top;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
}

.table-result-page .ordinary-table td .user-list-sm {
    padding-left: 10px;
}

.ordinary-table td .btn {
    float: left;
}

.ordinary-table td .fas {
    font-size: 18px;
    padding-left: 5px;
}

.red {
    color: #E93E3E !important;
}

.green {
    color: #1BAE25 !important;
}

.ordinary-table .user-list-sm span {
    float: left;
    padding-top: 2px;
}

.user-details-graph-bg {
    background: #fff;
    padding: 63px 0 50px 50px;
}

.user-details-graph {
    border-left: 1px solid #0088FF52;
    border-bottom: 1px solid #0088FF52;
    padding: 30px 0 0 0;
    width: 70%;
}

.user-details-graph li {
    list-style-type: none;
    background: #F3F8FB;
    border: 1px solid #0088FF;
    padding: 16px;
    font-size: 13px;
    color: #718CA8;
    text-align: right;
    margin: 0 0 23px -1px;
    position: relative;
}

.user-details-graph li .graph-percentage {
    font-size: 14px;
    color: #718CA8;
    position: absolute;
    right: -45px;
    top: 7px;
}

.table-result-page .tbl-btns {
    width: 150px;
    margin: 0 auto;
}

.table-result-page .pagination-new {
    padding-top: 5px;
}

.user-details-graph .graph-name {
    -webkit-animation-name: graph-name;
    -webkit-animation-duration: 2s;
    animation-name: graph-name;
    animation-duration: 2s;
    position: absolute;
    right: 8px;
    top: 7px;
}


/* Safari 4.0 - 8.0 */

@-webkit-keyframes graph-name {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* Standard syntax */

@keyframes graph-name {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.table-result-page .table thead th {
    vertical-align: middle;
    padding: 10px 0 10px 10px;
}


/* -- delete-box starts -- */

.folder-page-body {
    position: relative;
}

.delete-box {
    width: 70px;
    position: fixed;
    bottom: -26px;
    right: 59px;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.delete-box:hover {
    transform: scale(1.06);
}

.delete-box img {
    width: 100%;
}

.delete-box .doc-delet-hov {
    display: none;
}

.delete-box:hover .doc-delet-hov {
    display: block;
}

.delete-box:hover .doc-delet-show {
    display: none;
}


/* -- delete-box end -- */


/* -- folder detailes page starts -- */

.folder-detaile-left {
    padding-left: 0;
    width: 35%;
}

.reed-text {
    color: #0088FF;
    cursor: pointer;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

.folder-detaile-right {
    width: 65%;
}

.folder-detaile-full-width {
    width: 97% !important;
}

.morelink {
    color: #0088FF;
    text-decoration: none;
}

.morelink:hover {
    text-decoration: none;
}

.count-nbr {
    display: inline-block;
    background: #DCEFF4;
    border-radius: 3px;
    margin-right: 2px;
    padding: 3px 5px;
    color: #506E91;
}

.count-nbr:hover {
    background: #0088FF;
    color: #fff;
}

.xl-pic-bg {
    padding: 0;
}

.folder-detaile-left .compliace-reg-right::before {
    content: none;
}

.folder-detaile-left .outline-tag {
    padding: 3px 8px;
}

.vertion-sec {
    font-size: 14px;
    color: #506E91;
    margin-bottom: 0;
}

.btn-bg-sec {
    margin-bottom: 25px;
}

.btn-bg-sec .btn:last-child {
    margin-right: 0;
}

.folder-detaile-left .compliace-reg-right {
    padding: 20px;
}

.category-sec h6 {
    width: 150px;
    float: left;
    padding-top: 4px;
}

.category-sec a {
    font-size: 13px;
    color: #0088FF;
    text-decoration: underline;
}


/* -- folder detailes page end -- */

.sort-menu-click .nav-link.active,
.sort-menu-click .show>.nav-link {
    color: #7c98b6;
    background-color: #fff;
}


/* -- chat-user-section starts -- */

.robo-chat {
    width: 50px;
    position: fixed;
    right: 8px;
    bottom: 2px;
    cursor: pointer;
    z-index: 500;
}

.robo-chat img {
    width: 100%;
}

.msg-nbr {
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    position: absolute;
    top: -9px;
    right: 0;
    background: #dc3545;
    font-size: 10px;
    color: #fff;
    text-align: center;
    padding: 2px 5px 0 4px;
    font-family: 'Nunito SemiBold';
    -webkit-animation: at-ripple-chat 0.6s linear infinite;
    animation: at-ripple-chat 0.6s linear infinite;
}

@keyframes at-ripple-chat {
    0% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 0 rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1), 0 0 0 20px rgba(0, 136, 255, 0);
    }
}

.top-bar .badge {
    -webkit-animation: at-ripple-notfi 0.6s linear infinite;
    animation: at-ripple-notfi 0.6s linear infinite;
}

@keyframes at-ripple-notfi {
    0% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 0 rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1), 0 0 0 20px rgba(0, 136, 255, 0);
    }
}

.chat-logo {
    width: 55px;
}

.chat-box {
    width: 400px;
    margin-right: 10px;
}

.send-btn {
    background: #0088FF !important;
    color: #fff !important;
    margin: 0 !important;
    padding: 0.25rem 0.5rem !important;
    border: 1px solid #0088FF !important;
}

#sidebar-wrapper2 {
    margin-right: -430px;
    top: 0px !important;
    height: 75%;
    overflow-y: hidden;
    z-index: 1000000;
}

#sidebar-wrapper2.chat-box-full-screen {
    margin-right: -400px;
    top: 0 !important;
}

.chat-box-header {
    background: #031f41;
    padding: 12px 30px;
}

.chat-robo-pic {
    width: 33px;
    float: left;
    margin-right: 2px;
}

.chat-robo-pic img {
    width: 100%;
}

.robo-detail {
    float: left;
    margin: -2px 0 0 5px;
}

.robo-detail h3 {
    font-size: 13px;
    font-family: 'Nunito Bold';
    color: #f2f2f2;
    margin-bottom: 0px;
}

.robo-detail h6 {
    font-size: 10px;
    color: #7c98b6;
    margin-bottom: 0px;
}

.robo-detail h6 span {
    width: 5px;
    height: 5px;
    border: 1px solid #16c800;
    background: #fff;
    border-radius: 50%;
    display: inline-block;
}

.robo-detail h6 .active {
    background: #16c800;
}

.chat-left-side {
    float: left;
}

.chat-right-side {
    float: right;
}

.chat-menu-section {
    margin-bottom: 0;
    padding-top: 3px;
}

.chat-menu-section li {
    float: left;
    list-style-type: none;
    padding-left: 15px;
}

.chat-menu-section li a {
    font-size: 13px;
    color: #fff !important;
    outline: none;
}

.chat-menu-section li a .lni-close {
    line-height: 26px;
}

.chating-block {
    width: 100%;
    height: 180px;
    padding: 0px 0px 7px 0px;
}

.msg-right {
    float: right;
    width: auto;
    max-width: 300px;
    word-break: break-all;
}

.msg-left {
    width: auto;
    max-width: 300px;
    word-break: break-all;
}

.msg-left time {
    font-size: 10px;
    position: absolute;
    top: -15px;
    left: -7px;
}

.msg-left .time {
    font-size: 10px;
    position: absolute;
    top: -15px;
    left: -7px;
}

.msg-right:after {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: inherit;
    right: -13px;
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0px 0px;
    border-color: #ffffff transparent transparent transparent;
}

.msg-left:before {
    width: 0;
    height: 0;
    content: "";
    top: 0px;
    left: -13px;
    position: absolute;
    border-style: solid;
    border-width: 14px 0px 0px 14px;
    border-color: #dceff4 transparent transparent transparent;
}

.file-upload-msg {
    width: 100px;
    background: #fff;
    padding: 7px;
    border-radius: 2px;
    float: left;
    margin: 0 10px 0px 0;
}

.file-upload-msg:last-child {
    margin-right: 0;
    margin-bottom: 0;
}

.Upload-files-chat {
    width: 100%;
}

.file-upload-msg h5 {
    font-size: 10px;
    color: #506e91;
    margin-bottom: 0;
}

.file-upload-msg h6 {
    font-size: 9px;
    color: #506e91;
    margin-bottom: 0;
}

.chat-option .nav-link {
    padding: 2px 0 0 0;
}

.chat-option .dropdown-item {
    color: #212529 !important;
}

.chat-option .dropdown-item:hover {
    color: #0088FF !important;
}

.chat-option .dropdown-menu {
    left: -103px !important;
}

.chat-right-side .arrow-dropdown:after {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 126px;
    z-index: 10;
}

.chat-option .arrow-dropdown:before {
    display: none;
}

.second-msg-left::before {
    display: none;
}

.second-msg-left {
    border-radius: 10px;
    margin: 5px 5px 0 36px;
}

.second-msg-left:last-child {
    margin-bottom: 15px;
}

.second-msg-left time {
    left: 5px;
}

.second-msg-left .time {
    left: 5px;
}

.second-msg-right::after {
    display: none;
}

.second-msg-right {
    border-radius: 10px;
    margin: 5px 72px 0 5px;
}

.second-msg-right:last-child {
    margin-bottom: 15px;
}

.second-msg-right time {
    right: 5px;
}

.second-msg-right .time {
    right: 5px;
}

.chat-box-new {
    width: 0 !important;
}

.chat-box-full-screen {
    width: 650px !important;
    height: 100% !important;
    bottom: 0 !important;
    right: 405px !important;
}

.chat-box-full-screen .owl-chat-slider .owl-carousel {
    width: 97%;
}

.chat-box-full-screen .owl-chat-slider {
    width: 100%;
    top: 0px;
    margin-left: 0px;
    padding: 10px 20px 10px 30px;
}

.chat-box-full-screen .chating-block .chat-input {
    width: 100%;
}

.chat-box-full-screen .chating-block {
    background: none;
}

.chat-box-full-screen.active {
    /*right: 0px !important;*/
}

.chat-box-full-screen .chat-box {
    width: 630px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
}

#sidebar-wrapper2 .chat-box .msg-left {
    background: #fff;
}

#sidebar-wrapper2 .chat-box .msg-left:before {
    border-color: #fff transparent transparent transparent;
}

.chat-box-full-screen .chating-block {
    padding-left: 0px;
}

.chat-box-full-screen .chat-box .chating-area {
    height: 85vh;
    padding: 10px 0px 200px 20px;
}

.chat-box-full-screen .chat-option .dropdown-menu {
    left: -68px !important;
}

.chat-menu-section li a:hover {
    text-decoration: none;
}

.smoal-screen-icone {
    display: none;
}

.chat-icones-head {
    width: 15px;
}

.chat-msg-fixed {
    width: 400px;
    position: fixed;
    bottom: 69px;
    background: #f3f8fb;
}

.chat-msg-fixed ul {
    margin: 0;
    padding: 0;
}

.chat-msg-fixed ul li {
    float: left;
    list-style-type: none;
    display: inline-grid;
}

.chat-msg-fixed ul li a {
    font-size: 13px;
    color: #0088FF;
    border: 1px solid #0088FF;
    padding: 7px 12px;
    text-decoration: none;
    margin: 0 5px 5px 0;
    border-radius: 6px;
    background: #fff;
    font-family: 'Nunito Bold';
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.chat-msg-fixed ul li a:hover {
    background: #0088FF;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.chat-box .chating-area {
    padding: 10px 0 238px 0;
    height: 73vh;
}

.chat-box .chating-area-new {
    height: 87vh;
}

.chat-box-full-screen .chat-msg-fixed {
    width: 830px;
}

.chat-box-full-screen .chat-box .chating-area {
    height: 105vh;
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    0%,
    20%,
    53%,
    80%,
    100% {
        -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

#owl-demo .item {
    margin: 2px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

.owl-chat-slider .owl-carousel .owl-item {
    width: auto !important;
}

.customNavigation {
    text-align: center;
}


/*use styles below to disable ugly selection*/

.customNavigation a {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.owl-chat-slider {
    position: relative;
    top: 0;
    width: 100%;
    background: #fff;
    margin-left: 0;
    padding: 10px 20px 10px 30px;
    border: 1px solid #ccc;
    z-index: 1;
}

.owl-chat-slider .owl-carousel {
    top: 0px;
}

.owl-chat-slider .customNavigation {
    position: relative;
    top: -30px;
}

.owl-chat-slider .owl-theme .owl-controls {
    display: none !important;
}

.owl-chat-slider .owl-carousel {
    width: 370px;
}

.owl-chat-slider .customNavigation .btn {
    background: none !important;
    font-family: 'Nunito Bold';
    color: #0088FF !important;
    border: none;
    margin-right: 0px !important;
    padding: 0px;
    font-size: 15px;
}

.owl-chat-slider .item .btn:hover {
    background: #0088FF !important;
    color: #fff !important;
}

.owl-chat-slider .customNavigation .prev {
    left: -20px;
    position: absolute;
}

.owl-chat-slider .customNavigation .next {
    right: -10px;
    position: absolute;
}

.chat-btm-icones {
    margin: 0;
    padding: 6px 7px 0 7px;
    width: 100%;
    overflow: hidden;
}

.chat-btm-icones li {
    float: left;
    list-style-type: none;
    padding: 6px 8px 0 8px;
    font-family: 'Nunito Bold';
}

.chat-btm-icones li a {
    text-decoration: none;
    font-size: 15px;
    color: #92abc9;
}

.chat-btm-icones li a:hover {
    color: #0088FF;
}

.chating-block .chat-input {
    width: 100%;
    float: initial;
    height: 68px;
    margin: 0px;
    position: relative;
}

.chating-block .chat-input textarea {
    background: #fff;
    height: 68px;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 10px 12px;
    resize: none;
}

.chating-block .chat-input textarea:focus {
    outline: none;
    box-shadow: none;
}

.btn-send-chat {
    font-size: 13px;
    font-family: 'Nunito Bold';
    border: 1px solid #0088FF;
    border-radius: 0.25rem;
    margin-top: -6px;
    padding: 4px 10px;
}

.chat-box .mCSB_scrollTools .mCSB_draggerContainer {
    right: -11px;
}

.chat-box .chat-date-line {
    position: relative;
    width: 97%;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
}

.chat-box .chat-date {
    font-size: 12px;
    color: #506e91;
    display: inline-block;
    position: absolute;
    left: 0;
    right: 0;
    top: -19px;
    margin: 0 auto;
    padding: 10px 0;
    background: #f3f8fb;
    width: 100px;
    text-align: center;
}


/* -- chat-user-section end -- */


/* inner chat starts */

#sidebar-wrapper2-inner {
    margin-right: -406px;
    right: 0;
    bottom: 0 !important;
    width: 230px;
    background-color: #f3f8fb;
    position: fixed;
    height: 75%;
    overflow-y: hidden;
    z-index: 1000000;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#sidebar-wrapper2-inner.active {
    right: 439px;
    width: 440px;
    border-right: 1px solid #ccc;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    overflow-x: hidden;
    box-shadow: 5px 10px 24px #888888;
}

#sidebar-wrapper2-inner .chating-block {
    width: 100%;
    height: 115px;
    padding: 0px 0px 7px 0px;
}

.inner-chat-robo .msg-nbr {
    top: -6px;
}

#sidebar-wrapper2-inner .chat-box .chating-area {
    padding: 10px 0 168px 0;
    height: 79vh;
}

#sidebar-wrapper2-inner .chat-box {
    width: 406px;
    margin-right: 10px;
    margin-left: 22px;
}

#sidebar-wrapper2-inner.chat-box-full-screen {
    width: 650px !important;
    height: 100% !important;
    bottom: 0 !important;
    right: 410px !important;
}

#sidebar-wrapper2-inner.chat-box-full-screen .chat-box {
    width: 616px;
}

#sidebar-wrapper2-inner.chat-box-full-screen .chat-box .chating-area {
    padding: 10px 0 102px 0;
    height: 94vh;
}

.inner-chating-aria .chat-box .chat-date {
    background: #fff !important;
}

.chat-msg-sec h6 {
    font-size: 14px;
    margin-bottom: 4px;
}

.chat-msg-sec h6 time {
    font-size: 10px;
    color: #506e91;
    padding-left: 3px;
    font-family: 'Nunito SemiBold';
}

.chat-msg-sec p {
    margin-bottom: 0px;
}

.inner-chating-aria .chat-box .chat-date-line {
    margin: 20px 0;
}

.chat-msg-sec-pic {
    width: 166px;
}

.chat-msg-sec-pic .file-name {
    font-size: 12px;
    color: #506e91;
}

.inner-chat-head h6 {
    font-size: 19px;
    color: #fff;
    font-family: 'Nunito Bold';
    display: inline-block;
    margin-bottom: 0;
    padding: 4px 0;
}

.inner-chat-head {
    padding: 8px 15px;
}

.upload-file-chat {
    position: relative;
}

.upload-file-chat-main {
    position: absolute;
    bottom: 68px;
    left: 0px;
    background: rgba(3, 31, 65, 0.3);
    width: 100%;
}

.upload-file-chat {
    width: 50px;
    margin: 3px;
    float: left;
}

.upload-file-chat img {
    width: 50px;
    height: 35px;
}

.upload-file-chat span {
    position: absolute;
    top: 2px;
    right: 1px;
    color: #000;
    background: #fff;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    font-size: 8px;
    display: inline-block;
    text-align: center;
    line-height: 12px;
    font-family: 'Nunito Bold';
    border: 1px solid #847f7f;
    cursor: pointer;
}

.upload-file-chat span:hover {
    color: #0088FF;
    border-color: #0088FF;
}


/* inner chat ends */

#return-to-top {
    bottom: 70px;
    z-index: 111;
}

.multiple-select select {
    position: relative;
}

.documents-jd ul {
    margin: 0 -4px;
    display: inline-block;
    padding: 0px;
}

.documents-jd ul li {
    list-style-type: none;
    float: left;
    width: 230px;
    margin: 0 4px 8px 4px;
    background: #fff;
    border: 1px solid #f6f1f1;
    padding: 5px 0;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.documents-jd ul li a {
    display: block;
    float: left;
}

.documents-jd ul li a img {
    width: 50px;
}

.docs-dtl-box {
    float: right;
    padding-top: 7px;
    width: 175px;
}

.docs-dtl-box h5:after,
.documents-jd h5:after {
    border: none !important;
}

.documents-jd ul li h5 {
    font-size: 13px !important;
    color: #506e91 !important;
    text-align: left;
    z-index: initial !important;
    margin: 0 !important;
    font-family: 'Nunito Bold';
    padding: 2px 0;
}

.documents-jd ul li h6 {
    font-size: 9px;
    color: #506e91;
    text-align: left;
    font-weight: normal;
}

.docs-dld {
    background: #00000070;
    color: #f2f2f2;
    border: none;
    width: 48px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.documents-jd ul li:hover .docs-dld {
    opacity: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.docs-dld .fas {
    font-size: 20px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: -20px;
}

.documents-jd ul li:hover .docs-dld .fas {
    top: 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.assessment-tab-user .assessment-user-box {
    border: 1px solid #E6E6E6;
    padding: 10px 20px;
}

.assessment-tab-user .right-block {
    background: none;
    padding: 0;
}

.assessment-tab-user .panel-default {
    background: #fff;
    margin-bottom: 10px;
}

.assessment-tab-user .width96pc {
    border-bottom: 1px solid #E6E6E6;
    margin: 0 0 10px 0 !important;
}

.assessment-tab-user .panel-heading a:before {
    font-family: "Font Awesome 5 pro";
    content: "";
    float: right;
    transition: all 0.5s;
    width: 30px;
    height: 30px;
    border: none !important;
    padding: 2px 6px;
    margin-top: 24px !important;
    margin-right: 15px;
}

.assessment-tab-user .width96pc::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border: none !important;
    z-index: -1;
    width: 100%;
}

.assessment-tab-user .pagination {
    padding-bottom: 25px;
    margin-bottom: 0;
}

.user-position {
    width: 740px;
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    padding-top: 180px;
}

.user-position-stand {
    width: 98%;
    margin: 0 auto;
}

.user-position-stand img {
    width: 100%;
}

.user-position-detail-box {
    background: #fff;
    width: 230px;
    padding: 15px 20px;
    position: relative;
    border-radius: 3px;
    float: left;
    margin-right: 13px;
    -webkit-box-shadow: 0 10px 6px -6px #ddd;
    -moz-box-shadow: 0 10px 6px -6px #ddd;
    box-shadow: 0 10px 6px -6px #ddd;
}

.user-position-detail-box h4 {
    font-size: 22px;
    color: #081D3F;
    padding-top: 3px;
    font-family: 'Nunito Bold';
}

.user-name-position-box h6 {
    font-size: 15px;
    color: #33475B;
    margin-bottom: 0px;
    font-family: 'Nunito Bold';
    line-height: 12px;
    padding-top: 5px;
}

.user-name-position-box span {
    font-size: 13px;
    color: #707070;
}

.user-position-detail-box:before {
    content: "";
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    width: 20px;
    position: absolute;
    bottom: -9px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}

.position-one {
    position: absolute;
    top: 57px;
    left: -20px;
}

.position-two {
    position: absolute;
    left: 0;
    right: 0;
    top: 13px;
    margin: 0 auto;
    padding-left: 30px;
}

.position-three {
    margin-right: 0px;
    margin-bottom: -20px;
    position: absolute;
    top: 57px;
    right: -20px;
}

.position-pic-logo {
    width: 130px;
    margin: 0 auto;
    padding-bottom: 5px;
}

.position-pic-logo img {
    width: 100%;
}

.user-name-position-box h5 {
    float: left;
    font-size: 14px;
    color: #33475B;
    margin-bottom: 0;
    padding-top: 5px;
}

.user-name-position-box h2 {
    float: right;
    width: 62px;
    font-size: 23px;
    text-align: right;
    color: #081D3F;
    margin-bottom: 0;
}

.user-wise-position .position-one {
    top: 85px;
}

.user-wise-position .position-three {
    top: 85px;
}

.user-wise-position .position-two {
    top: 40px;
}

.department-wise-position .position-one {
    top: 80px;
}

.department-wise-position .position-three {
    top: 80px;
}

.department-wise-position .position-two {
    top: 36px;
}

.department-wise-position h3 {
    font-size: 22px;
    font-family: 'Nunito Bold';
    text-align: center;
    margin-bottom: 0;
}

.department-wise-position h5 {
    width: 100%;
    text-align: center;
    padding-bottom: 5px;
}

.department-wise-position h2 {
    width: 100%;
    text-align: center;
}


/* -- compliance-register-form starts -- */

.compliance-register-form {
    padding-top: 50px;
    margin: 30px auto;
}

.compliance-register-form .selectator_element {
    min-height: auto !important;
    width: 100% !important;
}

.compliance-register-form .multiple-select {
    width: 90%;
}

.compliance-register-form .select-width-plus {
    width: 90%;
}

.compliance-register-form .multi-add-user {
    width: 8%;
}

.compliance-register-form-drop {
    padding-top: 10px;
}

.form-btns {
    padding-top: 20px;
}

.compliance-register-form .date-picker .btn {
    border: 1px solid #ced4da;
}

.compliance-register-form .date-picker .btn:hover {
    background: #0088FF;
}

.select-width-plus {
    float: left;
    width: 90%;
}

.organization-multi-stup-form .multi-add-user {
    width: 8%;
}


/* -- compliance-register-form ends -- */

#add-qualification-popup .select-width-plus {
    width: 88%;
}

#add-qualification-popup .multi-add-user {
    width: 9%;
}

.multi-stup-form-common .multiple-select {
    width: 90%;
}

.multi-stup-form-common .selectator_element {
    min-height: auto !important;
}

.add-user-form-textarea textarea {
    height: 120px;
}

.multi-stup-form-common main {
    padding: 0;
    min-height: auto;
}

.multi-stup-form-common .mbl-preview {
    padding: 0;
}


/* -- master-page starts -- */

.master-page-detailes {
    background: #fff;
    padding: 20px;
}

.master-left-side {
    padding: 0;
}

.table-master tr:nth-child(odd) {
    background: none;
}

.table-master tr:nth-child(even) {
    background: #fff;
}

.table-master tr {
    border: 1px solid #bac8d8;
}

.table-master th {
    padding: 12px;
    border: 1px solid #bac8d8;
    color: #33475b;
    font-family: 'Nunito Bold';
}

.table-master td {
    padding: 10px 12px;
    border: 1px solid #bac8d8;
    color: #506e91;
}

.table-master td a {
    color: #0088FF;
    text-decoration: none;
}


/* -- master-page ends -- */

.compliance-register-license {
    margin-top: 0;
}

.compliance-register-license .user-doc-bx {
    margin-bottom: 30px;
}


/* -- user-guide-page starts -- */

.user-guid {
    width: 80%;
    margin: 0 auto;
    padding-bottom: 80px;
}

.video-box-bg {
    position: relative;
}


/* .video-box {
   height: 0;
   padding-bottom: 42.6%;
   position: relative;
}
.video__frame {
  position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: auto;
   height: auto;
}*/

.video-box-bg iframe {
    box-shadow: 0px 0px 9px #00214b24;
    /* width: 100%;
  height: 430px;*/
    /* width: 100%;
   height: 100%;*/
}

.video-box-bg:hover h5 {
    display: none;
}

.video-box-bg h5 {
    font-size: 18px;
    color: #fff;
    font-family: 'Nunito Bold';
    position: absolute;
    bottom: 20px;
    left: 20px;
    box-shadow: 0px 0px 9px #00214b24;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.user-guid-lists {
    padding: 50px 0 0 0;
    margin: 0;
}

.user-guid-lists li {
    list-style-type: none;
    padding: 3px 0;
}

.user-guid-lists li a {
    font-size: 15px;
    color: #506E91;
    padding: 10px 10px 10px 20px;
    display: block;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.user-guid-lists li a:hover {
    text-decoration: none;
    background: #fff;
    color: #0088FF;
    box-shadow: 0px 0px 9px #00214b24;
}

.user-guide-head-logos {
    padding-right: 10px;
}

.user-guide-right {
    font-size: 17px;
    color: #0088FF;
    float: right;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding: 3px 0px 0 0;
    position: absolute;
    right: 20px;
}

.user-guid-lists li a:hover .user-guide-right {
    opacity: 1;
    right: 10px;
}

.user-guide-detail-page .process-light-box {
    margin: 0 -15px;
}

.user-guide-detail-page .process-light-box .search-process {
    width: 93%;
    height: 46px;
}

.user-guide-detail-page .process-light-box .form-control {
    height: 48px;
    box-shadow: 0px 0px 9px #00214b24;
}

.user-guide-detail-page .process-light-box .plain-select:after {
    /* top: 18px; */
}

.user-guide-detail-page .process-light-box .issue-select-process-search button {
    width: 5.5%;
    outline: none;
    cursor: pointer;
}

.users-guide-box {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.users-guide-box:hover {
    text-decoration: none;
    box-shadow: 0px 0px 9px #00214b24;
    transform: scale(1.03);
}

.user-guide-pics {
    width: 100%;
    border-radius: 0 0 0 0;
}

.user-guide-pics img {
    width: 100%;
    border-radius: 10px 10px 0px 0px;
}

.user-guid-pic-dtl {
    background: #fff;
    padding: 20px;
    border-radius: 0px 0px 10px 10px;
}

.user-guid-pic-dtl h5 {
    color: #506E91;
    font-size: 13px;
    margin-bottom: 0;
}

.user-guid-home {
    width: 94%;
}

.blue-box-video {
    background-image: linear-gradient(to right, #0088FF, #004685);
    padding: 30px;
    border-radius: 10px;
    border-bottom: 1px solid #A4B7CB;
    margin-bottom: 15px;
}

.video-icone-lap {
    width: 70px;
    float: left;
}

.blue-box-video p {
    color: #fff;
    font-size: 12px;
    float: right;
    width: 65%;
    -webkit-line-clamp: 3;
}

.btn-user-guide {
    background: #fff;
    border: none;
    color: #0088FF;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btn-user-guide:hover {
    box-shadow: 0px 0px 9px #00214b24;
}

.btn-user-guide-bg {
    text-align: center;
}

.video-list-sec {
    border-top: 1px solid #A4B7CB;
    padding-top: 5px;
    height: 264px;
}

.video-user {
    border: 1px solid #A4B7CB;
    margin: 8px 3px 0 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.video-pic-screen {
    width: 100%;
    position: relative;
}

.video-user:hover {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0 7px 7px 0;
    box-shadow: 0px 0px 9px #00214b24;
    cursor: pointer;
}

.video-pic-screen img {
    width: 100%;
}

.play-video-bg {
    width: 100%;
    height: 100%;
    background: #322237b0;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.video-play-btn {
    width: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -20px;
}

.video-user:hover .play-video-bg {
    opacity: 1;
}

.video-dtl-box h5 {
    color: #7C98B6;
    font-size: 13px;
    margin-bottom: 0;
}

.video-dtl-box p {
    color: #506E91;
    font-size: 13px;
    margin-bottom: 7px;
    -webkit-line-clamp: 2;
}

.video-dtl-box {
    padding-right: 15px;
    height: 60px;
    position: relative;
    top: 50%;
    margin-top: -30px;
}

.video-list-home .mCSB_scrollTools .mCSB_draggerContainer {
    right: -18px;
}

.user-guide-details-page-link {
    width: 90%;
    margin: 0 auto;
}

.user-guide-detail-page .video-box iframe {
    height: 480px;
}


/* -- user-guide-page ends -- */


/* -- context-issue-page starts -- */

.pestel-box {
    text-align: right;
}

.pestel-box h5 {
    padding-top: 15px;
}

.pestel-box ul {
    margin: 0;
    padding: 0;
}

.pestel-box li {
    list-style-type: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.pestel-box li a {
    font-size: 13px;
    color: #7C98B6 !important;
    cursor: auto;
}

.pestel-box li a:hover {
    text-decoration: none;
}

.pestel-box-main-right .pestel-box li {
    background: url(../images/arrow-list-1.svg) no-repeat 0 5px;
    background-size: 13px;
    padding-left: 30px;
}

.pestel-box-main-right .pestel-box li:hover {
    background: url(../images/arrow-list-1.svg) no-repeat 2% 5px;
    background-size: 13px;
}

.pestel-box-main-left .pestel-box li {
    background: url(../images/arrow-list-left-1.svg) no-repeat 100% 5px;
    background-size: 13px;
    padding-right: 30px;
}

.pestel-box-main-left .pestel-box li:hover {
    background: url(../images/arrow-list-left-1.svg) no-repeat 98% 5px;
    background-size: 13px;
}

.view-more-pestel-box {
    font-size: 14px;
    color: #0088FF !important;
    display: block;
    padding-top: 3px;
    cursor: pointer;
}

.view-more-pestel-box:hover {
    text-decoration: underline !important;
}

.brown-bg-color {
    background: #D01849;
}

.brown-text-color {
    color: #D01849;
}

.light-blue-bg-color {
    background: #42AEB7;
}

.light-blue-text-color {
    color: #42AEB7;
}

.blue-bg-color {
    background: #074D67;
}

.blue-text-color {
    color: #074D67;
}

.yellow-bg-color {
    background: #C2C923;
}

.yellow-text-color {
    color: #C2C923;
}

.dark-green-bg-color {
    background: #01A29C;
}

.dark-green-text-color {
    color: #01A29C;
}

.dark-blue-bg-color {
    background: #16A7E5;
}

.dark-blue-text-color {
    color: #16A7E5;
}

.light-green-bg-color {
    background: #99B433;
}

.light-green-text-color {
    color: #99B433;
}

.dark-wayalat-bg-color {
    background: #7538A3;
}

.dark-wayalat-text-color {
    color: #7538A3;
}

.dark-blue-new-bg-color {
    background: #2E6BAD;
}

.dark-blue-new-text-color {
    color: #2E6BAD;
}

.dark-orange-bg-color {
    background: #F8960D;
}

.dark-orange-text-color {
    color: #F8960D;
}

.pestle-clr-box {
    width: 75%;
    height: 185px;
    float: right;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pestle-clr-box:hover {
    transform: scale(1.03);
    box-shadow: 0px 0px 9px #00214b24;
}

.pestle-clr-box h2 {
    font-size: 90px;
    color: #fff;
    font-family: 'Nunito Bold';
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    margin-top: -33px;
    width: auto;
    height: 66px;
    line-height: 70px;
}

.pestel-box-main-right .pestle-clr-box {
    float: left;
}

.pestel-box-main-right .pestel-box {
    text-align: left;
}

.pestel-box-main {
    padding: 15px 0;
}

.pestel-box-main .view-more-pestel-box {
    position: relative;
    z-index: 1;
}

.internal-issue-new-tabes .nav-tabs {
    width: 100%;
    padding-bottom: 20px;
}

.internal-issue-new-tabes .pestel-box-main {
    padding: 0;
}

.pdg-0-new {
    padding: 0;
}

.pdg-top-box-height {
    padding-top: 185px;
}

.context-issue-page-tabes {
    padding: 30px 40px 40px 40px;
}

.external-green-one-bg-color {
    background: #01A29C;
}

.external-green-one-text-color {
    color: #01A29C;
}

.external-green-two-bg-color {
    background: #99B433;
}

.external-green-two-text-color {
    color: #99B433;
}

.external-dark-wayalat-one-bg-color {
    background: #7538A3;
}

.external-dark-wayalat-one-text-color {
    color: #7538A3;
}

.external-blue-one-bg-color {
    background: #2E6BAD;
}

.external-blue-one-text-color {
    color: #2E6BAD;
}

.external-blue-two-bg-color {
    background: #473BB1;
}

.external-blue-two-text-color {
    color: #473BB1;
}

.external-orange-one-bg-color {
    background: #F8960D;
}

.external-orange-one-text-color {
    color: #F8960D;
}

.external-green-three-bg-color {
    background: #00C127;
}

.external-green-three-text-color {
    color: #00C127;
}

.external-issue-tab .pestel-box-main-left {
    padding: 25px 10px 30px 0px;
}

.external-issue-tab .pestel-box-main-right {
    padding: 25px 0 30px 10px;
}

.mgn-minus-value-left {
    margin-right: -3%;
}

.mgn-minus-value-right {
    margin-left: -3%;
}

.pestle-clr-new-shape {
    width: 100%;
    float: left;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pestle-clr-new-shape-top-cmn {
    border-bottom: 90px solid #01A29C;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
}

.pestle-clr-new-shape-btm-cmn {
    border-top: 90px solid #01A29C;
    border-left: 45px solid transparent;
    border-right: 45px solid transparent;
    margin-top: -1px;
}

.pestle-analysis-tabes {
    padding-bottom: 100px;
}

.pestle-analysis-tabes .pestel-box-main-left .pestel-box {
    position: relative;
    top: 65px;
}

.pestle-clr-new-shape-top-one {
    border-bottom-color: #01A29C !important;
}

.pestle-clr-new-shape-btm-one {
    border-top-color: #01A29C !important;
}

.pestle-clr-new-shape-top-two {
    border-bottom-color: #7538A3 !important;
}

.pestle-clr-new-shape-btm-two {
    border-top-color: #7538A3 !important;
}

.pestle-clr-new-shape-top-three {
    border-bottom-color: #2E6BAD !important;
}

.pestle-clr-new-shape-btm-three {
    border-top-color: #2E6BAD !important;
}

.pestle-clr-new-shape-top-four {
    border-bottom-color: #16A7E5 !important;
}

.pestle-clr-new-shape-btm-four {
    border-top-color: #16A7E5 !important;
}

.pestle-clr-new-shape-top-five {
    border-bottom-color: #99B433 !important;
}

.pestle-clr-new-shape-btm-five {
    border-top-color: #99B433 !important;
}

.pestle-clr-new-shape-top-six {
    border-bottom-color: #F8960D !important;
}

.pestle-clr-new-shape-btm-six {
    border-top-color: #F8960D !important;
}

.pestle-clr-new-shape h2 {
    font-size: 90px;
    color: #fff;
    font-family: 'Nunito Bold';
    text-align: center;
    width: auto;
    height: 66px;
    line-height: 70px;
    position: absolute;
    top: -124px;
    left: 0;
    right: 0;
}

.pestle-analysis-tabes .pestel-box-main-left .pestle-clr-new-shape {
    float: right;
}

.diamond-box {
    position: relative;
    width: 80%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
}

.diamond-box:hover {
    transform: scale(1.03);
    cursor: pointer;
}

.diamond-box-left {
    top: 95px;
    left: 30px;
    float: right;
}

.pestle-analysis-tabes .pestel-box-main {
    padding: 8px 0;
}

.external-issue-tab .pestle-clr-box {
    width: 185px;
    height: 185px;
    border-radius: 50%;
}

.issue-list-table-org .issuue-new-style {
    padding: 0;
}

.issue-list-table-org tbody tr:nth-child(even) {
    background: #fff;
}

.issue-list-table-org .container2 {
    font-size: 14px;
    padding-left: 25px;
    margin: 6px 0;
}

.issue-list-table-org .container2 .checkmark {
    top: 2px;
}

.issue-list-table-org .container2 input:checked~.checkmark {
    background-color: #2196F3;
    border-color: #2196F3;
}

.issue-list-table-org .container2 label {
    margin: 0;
}

.issue-list-table-org td,
.issue-list-table-org th {
    vertical-align: middle !important;
}

.issue-list-table-org .sort-down-pics {
    width: 8px;
    vertical-align: middle;
    margin: -2px 0 0 7px;
}

.option-icone-pics {
    width: 8px;
    vertical-align: middle;
    margin: -2px 7px 0 0;
}

.issue-list-table-org .risk-type-bx-drop i {
    margin: 0;
}

.issue-list-table-org .risk-type-bx-drop img {
    vertical-align: middle;
    margin: -3px 4px 0 0;
    width: 11px;
}

.issue-list-table-org .outline-tag {
    font-size: 12px;
}

.issue-list-table-org .issuue-new-style .outline-tag span {
    font-size: 9px;
}

.internal-issue-tab-style .pestel-box-main {
    padding: 0;
}


/* -- context-issue-page ends -- */

.oc-tab-content {
    position: relative;
}

.btns-oc-tab {
    text-align: center;
}

.oc-btns-arow {
    position: absolute;
    background: #fff;
    color: #0088FF;
    border: 1px solid #0088FF;
    width: 30px;
    height: 30px;
    text-align: center;
    z-index: 2;
}

.oc-btns-arow:hover {
    background: #0088FF;
    color: #fff;
}

.oc-btns-arow-left {
    left: 0px;
    top: 50%;
}

.oc-btns-arow-right {
    right: 0px;
    top: 50%;
}

.oc-btns-arow-top {
    top: 0;
}

.oc-btns-arow-bottom {
    position: fixed;
    bottom: 15px;
}

.top-bar {
    position: relative;
    padding: 0px 20px;
}

#sidebar-wrapper-menu .side-bar-header {
    height: 45px;
}

#sidebar-wrapper-menu.active .side-bar-header {
    padding: 12px 30px;
}

.edit-bar .module-name-block a {
    font-size: 12px;
    padding: 12px 10px;
    font-family: 'Nunito Bold';
}

#nav-icon1 {
    width: 23px;
    height: 25px;
    top: 13px;
    left: 18px;
}

#nav-icon1 span,
#nav-icon3 span,
#nav-icon4 span {
    height: 2px;
}

#nav-icon1 span:nth-child(1) {
    top: 0px;
}

#nav-icon1 span:nth-child(2) {
    top: 8px;
}

#nav-icon1 span:nth-child(3) {
    top: 16px;
}

.edit-bar .nav-item .nav-link {
    min-width: 55px;
    text-align: center;
}

.edit-bar .nav-item .nav-link.active {
    padding-bottom: 14px;
}


/* end */

.tree-wrapper {
    overflow-x: scroll;
    overflow-y: scroll;
    height: 71vh;
    padding-bottom: 50px;
}

.user-box-smol-round .user-dtl-popup {
    top: 30px;
    left: 0 !important;
}

.user-box-smol-round .user-dtl-popup-right {
    left: -346px !important;
}

.assesment-history-page .card-link {
    display: block;
}

.user-box-smol-round .user-dtl-popup-top {
    top: -245px;
}

.user-box-smol-round .user-dtl-popup-top:before {
    top: 244px;
    border-bottom: none;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.org-customer-tbl .fas {
    float: left;
}

.org-customer-tbl p {
    float: left;
    width: 83%;
    padding: 0;
    margin: 0;
}


/* filter-starts */

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999;
    top: 0;
    right: 0;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 30px 0;
}


/*.sidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.sidenav a:hover{
  color: #f1f1f1;
}*/

.sidenav .closebtn {
    position: fixed;
    top: 30px;
    right: -25px;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.filter-fill .closebtn-filter {
    position: fixed;
    top: 33px;
    right: 23px !important;
    font-size: 36px;
    margin-left: 50px;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    z-index: 1;
}

.sidenav .closebtn:hover {
    text-decoration: none;
}

.filter-fill .quick-content-area h5 {
    width: 100%;
    color: #fff;
    font-family: 'Nunito Bold';
}

.filter-fill .quick-content-area h5:after {
    background: #fff;
    top: 49%;
}

.filter-fill .filtr-btn {
    color: #fff !important;
    border: 1px solid #fff;
    font-weight: normal;
    padding: 2px 6px;
    border-radius: 4px !important;
    margin: 0 5px 5px 0 !important;
}

.filter-fill .filtr-btn:hover {
    color: #fff !important;
}

.filter-fill .filter-btn-active {
    background: #0088FF;
    color: #fff !important;
    border: 1px solid #0088FF;
}

.filter-fill .filtr-btn:hover {
    border: 1px solid #0088FF;
}

.filter-fill .btn-info:not(:disabled):not(.disabled):active,
.filter-fill .btn-info:not(:disabled):not(.disabled).active {
    color: #fff !important;
    background-color: #0070d9;
    border-color: #0070d9;
}

.filter-fill .quick-content-area {
    overflow: hidden;
}

.filter-fill .filter-page-inner {
    padding: 30px;
    background: rgba(3, 31, 65, 0.9);
    width: 1024px;
    float: right;
    border-radius: 10px 0 0 10px;
    box-shadow: 0px 0px 30px #00000052;
}

.filter-fill .quick-content-area .plain-select .selectator_element {
    min-height: auto !important;
    padding-left: 4px !important;
    width: 100% !important;
}

.filter-fill .quick-content-area .selectator_element {
    background: none;
    border-radius: 6px;
}

.filter-fill .quick-content-area .switch {
    float: none;
    margin: 0 0 0 12px;
}

.filter-fill .quick-content-area .multiple .selectator_selected_items .selectator_selected_item {
    background-color: #f6f6f6;
}

.filter-fill .filter-save-btn .btn {
    background: transparent;
    color: #fff;
    border-color: #fff;
}

.filter-fill .filter-save-btn .btn:hover {
    border-color: #0088FF;
}

.filter-fill .filter-save-btn .btn-active {
    border-color: #0088FF;
}

.filter-fill .selectator_options .selectator_option .selectator_option_title {
    margin-left: 5px;
}

.multiple-select-text .selectator_options .selectator_option .selectator_option_title {
    margin-left: 5px;
}

.filter-fill .multiple .selectator_selected_items .selectator_selected_item {
    padding: 1px 20px 0px 5px;
    margin: 2px 2px 0 0px;
}

.filter-fill .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_remove {
    line-height: 4px;
}

.filter-fill .selectator_element.multiple {
    padding-bottom: 0px !important;
}

.filter-fill .multiple .selectator_input,
.multiple .selectator_textlength {
    margin: 3px 0 2px 5px;
}

.filter-fill ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 8px;
}


/* multi-form-tab animation starts */


/*.filter-fill .filter-page-inner {
  position: relative;
  -webkit-animation: myfirst 1s 1;
  -webkit-animation-fill-mode: forwards;
  animation: myfirst 1s 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst {
  0%   { left: 0px; top: -50px;}
  100% { left: 0px; top: 0px;}
}
@keyframes myfirst {
  0%   { left: 0px; top: -50px;}
  100% { left: 0px; top: 0px;}
}*/


/* multi-form-tab animation ends */

.filter-fill .quick-content-area h4 {
    color: #fff;
    font-size: 16px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: 'Nunito Bold';
}

.filter-fill .paraia-multi-select>.selected-items>.item>button {
    color: #fff;
}

.filter-fill .paraia-multi-select>.selected-items>.item {
    color: #fff;
    border: 1px solid #fff;
}

.filter-fill .form-control {
    color: #fff;
    /*border: 1px solid #506e91;*/
}

.filter-fill .paraia-multi-select>.dropdown.expand {
    /*border-color: #506e91;*/
}

.filter-fill .paraia-multi-select>.dropdown.expand {
    /*border-color: #506e91;*/
}

.filter-fill .paraia-multi-select>.dropdown>.items>.item>.custom-checkbox>label {
    color: #fff;
}

.filter-fill .custom-control-label::before {
    background-color: #bebaba;
}

.filter-fill .custom-checkbox:hover label {
    color: #fff !important;
}

.filter-save-btn {
    text-align: center;
    padding-top: 30px;
}

.filter-fill .quick-content-area {
    padding: 0;
    /*min-height: 132px;*/
}

.filter-save-btn .btn:hover {
    background: #0088FF;
    color: #fff;
}

.filter-fill title {
    display: inline-block;
}

.filter-fill .quick-content-area {
    overflow: visible;
    margin-bottom: 10px;
}

.filter-fill .quick-content-area h5 {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 8px;
    margin-left: 0;
}

.filter-fill .multiple-plain-ngselect .ng-select .ng-select-container {
    background: none;
    padding: 0px 50px 0px 0.50rem;
}

.filter-fill .ng-select .ng-select-container .ng-value-container .ng-input>input {
    color: #fff;
}

.filter-fill .ng-select .ng-select-container .ng-value-container .ng-input>input::-webkit-input-placeholder {
    /* Edge */
    color: #fff;
}

.filter-fill .ng-select .ng-select-container .ng-value-container .ng-input>input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #fff;
}

.filter-fill .ng-select .ng-select-container .ng-value-container .ng-input>input::placeholder {
    color: #fff;
}


/* filter-ends */

.owl-vertical-slider .user-dtl-popup {
    position: fixed;
}


/* Color-theme starts */

.color-theme .btn {
    background: #0088FF;
    padding: 15px;
}

.color-theme .dropdown-item {
    width: 20px;
    height: 20px;
    padding: 0;
}

.color-theme .box-red {
    background: red;
}

.color-theme .box-light-green {
    background: green;
}

.color-theme .box-pink {
    background: pink;
}

.color-theme .box-violet {
    background: violet;
}

.color-theme .box-dark-green {
    background: green;
}

.color-theme .box-blue {
    background: blue;
}

.color-theme .dropdown-menu li {
    float: left;
}

.color-theme .dropdown ul.dropdown-menu:before {
    display: none;
}

.color-theme .dropdown ul.dropdown-menu:after {
    display: none;
}

.color-theme {
    margin-left: -10px;
}


/* Color-theme ends */


/*.compliance-register-page .btn-outline-secondary:not(:disabled):not(.disabled):active, .compliance-register-page .btn-outline-secondary:not(:disabled):not(.disabled).active, .compliance-register-page .show > .btn-outline-secondary.dropdown-toggle {
 
}*/

.compliance-register-page .btn-outline-secondary {
    border: 1px solid #ced4da;
}

.compliance-register-page .btn-outline-secondary:hover {
    background: #0088FF;
}


/*.compliance-dtl-box {
  border: 1px solid #ccc;
  padding: 5px 5px 15px 5px;
  border-radius: 3px;
}
.compliance-dtl-box .button-group {
  margin-top: -60px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.compliance-dtl-box:hover .button-group {
  margin-top: 0;
  opacity: 1;
}
.compliance-register-history {
  padding-left: 15px;
}*/

.compliance-register-details-pdf-sec {
    padding-left: 35px;
    position: relative;
}

.compliance-register-details-pdf-sec .uploaded-files {
    top: 22%;
}

.Certificates-box {
    display: table;
}

.Certificates-box-pic {
    width: 38px;
    display: table-cell !important;
}

.Certificates-box-text {
    padding-left: 15px;
}

.Certificates-box-dtl {
    width: 100%;
    background: #fff;
    padding: 15px;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.Certificates-box-dtl::before {
    content: "";
    width: 3px;
    height: 34px;
    position: absolute;
    left: 0;
    top: 15px;
    background: #ccc;
}

.Certificates-box-dtl.expired::before {
    background: red;
}

.Certificates-box-dtl:hover {
    transform: scale(1.08);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.app-costomization-page .setting-item .hexa-color input {
    font-size: 16px;
}

.app-costomization-page .setting-item .costmz-color {
    border: 1px solid #ccc;
}

.top-bar .language-btn {
    background: #1d3654 !important;
    color: #fff !important;
}

.document-tab .user-doc-bx .btn {
    color: #0088FF;
}

.drop-detail-sec .banking-issue li a {}

.drop-detail-sec .banking-issue li a {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.drop-detail-sec .banking-issue li a {
    color: #506e91;
    background: url(../images/arrow-list-1.svg) no-repeat 0 6px;
    background-size: 13px;
    list-style-type: none;
    padding-left: 30px;
    /*margin-bottom: 5px;*/
    cursor: auto;
}

.drop-detail-sec .banking-issue li:hover a {
    background: url(../images/arrow-list-1.svg) no-repeat 8px 6px;
    background-size: 13px;
    color: #506e91;
}

.full-width-multiple {
    width: 100% !important;
}

.select-width-trash {
    width: 85%;
    float: left;
}

.trash-width-new {
    width: 12% !important;
    float: right;
}

.new-width-plus-popup .select-new-width {
    width: 91%;
}

.new-width-plus-popup .multi-add-user {
    width: 7%;
}

.big-popup-plus .form-control {
    width: 91%;
    float: left;
}

.big-popup-plus .multi-add-user {
    width: 7%;
}

.small-list-tab .vertical-tab {
    min-width: 140px;
}

.small-list-tab .vertical-tab .nav-link {
    background: #f3f8fb;
}

.small-list-tab .nav-tabs .nav-link.active,
.small-list-tab .nav-tabs .nav-item.show .nav-link {
    background: #fff;
    border: none;
}

.small-list-tab .vertical-tab .nav-link {
    border: 1px solid #ced4da;
}

.small-list-tab .nav-tabs--left .nav-item+.nav-item {
    margin-top: 0;
}

.bdr-line-span {
    background: #ced4da;
    width: 1px;
    height: 17px;
    display: inline-block;
    margin: 0px 0px 0px 9px;
    vertical-align: middle;
}

.common-small-table .fixed-table {
    display: none;
}

.btn-table {
    background: #EAF0F6;
    padding: 2px 10px;
    border: 1px solid #CBD6E2;
    border-radius: 4px;
    cursor: pointer;
}

.add-btn-sec input {
    float: left;
    width: 93%;
}

.add-btn-sec button {
    float: right;
    width: 6%;
    padding-left: 0;
    padding-right: 0;
}

.label-tag-style {
    float: left;
}

.label-tag-style-tag {
    float: left !important;
    margin: 0 0 0 20px;
    padding: 1.2px 7px 0 13px !important;
    width: auto !important;
}

.draft-tag-red {
    color: #ff0505 !important;
    border-color: #ff0505 !important;
}

.draft-tag-red:before {
    border-color: #ff0505 !important;
}

.draft-tag-red:after {
    border-color: #ff0505 !important;
    background: #ff0505 !important;
}

.draft-tag-green {
    color: #22B112 !important;
    border-color: #22B112 !important;
}

.draft-tag-green:before {
    border-color: #22B112 !important;
}

.draft-tag-green:after {
    border-color: #22B112 !important;
    background: #22B112 !important;
}

.draft-tag-yellow {
    color: #ffdf00 !important;
    border-color: #ffdf00 !important;
}

.draft-tag-yellow:before {
    border-color: #ffdf00 !important;
}

.draft-tag-yellow:after {
    border-color: #ffdf00 !important;
    background: #ffdf00 !important;
}

.draft-tag-orange {
    color: #f7941d !important;
    border-color: #f7941d !important;
}

.draft-tag-orange:before {
    border-color: #f7941d !important;
}

.draft-tag-orange:after {
    border-color: #f7941d !important;
    background: #f7941d !important;
}

.draft-tag-violet {
    color: #df20df !important;
    border-color: #df20df !important;
}

.draft-tag-violet:before {
    border-color: #df20df !important;
}

.draft-tag-violet:after {
    border-color: #df20df !important;
    background: #df20df !important;
}

.draft-tag-blue {
    color: #0000ff !important;
    border-color: #0000ff !important;
}

.draft-tag-blue:before {
    border-color: #0000ff !important;
}

.draft-tag-blue:after {
    border-color: #0000ff !important;
    background: #0000ff !important;
}


/* start */


/*.draft-tag-proposed {
  color: #818180 !important;
  border-color: #818180 !important;
}
.draft-tag-proposed:before {
  border-color: #818180 !important;
}
.draft-tag-proposed:after {
  border-color: #818180 !important;
  background: #818180 !important;
}

.draft-tag-active {
  color: #0065eb !important;
  border-color: #0065eb !important;
}
.draft-tag-active:before {
  border-color: #0065eb !important;
}
.draft-tag-active:after {
  border-color: #0065eb !important;
  background: #0065eb !important;
}


.draft-tag-hold {
  color: #ebb100 !important;
  border-color: #ebb100 !important;
}
.draft-tag-hold:before {
  border-color: #ebb100 !important;
}
.draft-tag-hold:after {
  border-color: #ebb100 !important;
  background: #ebb100 !important;
}

.draft-tag-completed {
  color: #22B112 !important;
  border-color: #22B112 !important;
}
.draft-tag-completed:before {
  border-color: #22B112 !important;
}
.draft-tag-completed:after {
  border-color: #22B112 !important;
  background: #22B112 !important;
}

.draft-tag-cancelled {
  color: #ff0505 !important;
  border-color: #ff0505 !important;
}
.draft-tag-cancelled:before {
  border-color: #ff0505 !important;
}
.draft-tag-cancelled:after {
  border-color: #ff0505 !important;
  background: #ff0505 !important;
}

.draft-tag-archived {
  color: #eb8500 !important;
  border-color: #eb8500 !important;
}
.draft-tag-archived:before {
  border-color: #eb8500 !important;
}
.draft-tag-archived:after {
  border-color: #eb8500 !important;
  background: #eb8500 !important;
}*/


/* end */


/* draft-tag new style start */

.draft-tag {
    color: #2A9AFF;
    background: #EFF8FF;
    border: none;
    border-radius: 5px;
    height: auto !important;
    padding: 5px 10px !important;
    margin-left: 10px !important;
    margin-top: -4px;
    font-size: 11px;
    line-height: 16px;
}

.draft-tag:after,
.draft-tag:before {
    content: none;
}

.issuue-new-style .draft-tag:before,
.issuue-new-style .draft-tag:after {
    content: none;
}

.draft-tag-red {
    color: #F9384B !important;
    background: #FFF6F5 !important;
    border-color: #F9384B !important;
}

.draft-tag-dark-red {
    color: #DF4A4A !important;
    background: #FFECF2 !important;
    border-color: #DF4A4A !important;
}

.draft-tag-brown {
    color: #a52a2a !important;
    background: #ffdcdc !important;
    border-color: #a52a2a !important;
}

.draft-tag-green,
.draft-tag-completed {
    color: #0DBF00 !important;
    background: #E9FFD8 !important;
    border-color: #0DBF00 !important;
}

.draft-tag-light-green {
    color: #19C268 !important;
    background: #E7FFF0 !important;
    border-color: #19C268 !important;
}

.draft-tag-yellow,
.draft-tag-hold,
.draft-tag-amber {
    color: #FFBB00 !important;
    background: #FFFCCF !important;
    border-color: #FFBB00 !important;
}

.draft-tag-proposed {
    color: #616161 !important;
    background: #F3F3F3 !important;
    border-color: #616161 !important;
}

.draft-tag-grey {
    color: #616161 !important;
    background: #F3F3F3 !important;
    border-color: #616161 !important;
}

.draft-tag-gray {
    color: #616161 !important;
    background: #F3F3F3 !important;
    border-color: #616161 !important;
}

.draft-tag-orange,
.draft-tag-archived {
    /* color: #F7941D !important; */
    color: #ff8115 !important;
    background: #FFF7E2 !important;
    border-color: #F7941D !important;
}

.draft-tag-violet {
    color: #8F5DB5 !important;
    background: #F5EEFF !important;
    border-color: #8F5DB5 !important;
}

.draft-tag-dark-violet {
    color: #C500DC !important;
    background: #F3F5F9 !important;
    border-color: #C500DC !important;
}

.draft-tag-blue,
.draft-tag-active {
    color: #2A9AFF !important;
    background: #EFF8FF !important;
    border-color: #2A9AFF !important;
}

.active-tag {
    color: #52C69D;
    background: #E7FFF0;
    border: none;
    border-radius: 5px;
    height: auto !important;
    padding: 5px 10px !important;
    margin: 8px 5px 7px 5px;
}

.active-tag:after,
.active-tag:before {
    content: none;
}

.deactivate-tag {
    color: #F34646 !important;
    background: #FFF6F5 !important;
}


/* draft-tag new style end */


/* status-tag-type-label start */

.status-tag-type-label .draft-tag {
    min-width: 55px;
    padding: 8px 10px !important;
    text-align: center;
    margin: 1px 2px 1px 0 !important;
    border: 1px solid #2A9AFF;
}

.status-tag-type-label .draft-tag:hover,
.status-tag-type-label .draft-tag.active {
    color: #fff !important;
    background: #2A9AFF !important;
    border-color: #2A9AFF !important;
}

.status-tag-type-label .draft-tag.draft-tag-red:hover,
.status-tag-type-label .draft-tag.draft-tag-red.active {
    color: #fff !important;
    background: #F9384B !important;
    border-color: #F9384B !important;
}

.status-tag-type-label .draft-tag.draft-tag-dark-red:hover,
.status-tag-type-label .draft-tag.draft-tag-dark-red.active {
    color: #fff !important;
    background: #DF4A4A !important;
    border-color: #DF4A4A !important;
}

.status-tag-type-label .draft-tag.draft-tag-green:hover,
.status-tag-type-label .draft-tag.draft-tag-green.active {
    color: #fff !important;
    background: #0DBF00 !important;
    border-color: #0DBF00 !important;
}

.status-tag-type-label .draft-tag.draft-tag-completed:hover,
.status-tag-type-label .draft-tag.draft-tag-completed.active {
    color: #fff !important;
    background: #0DBF00 !important;
    border-color: #0DBF00 !important;
}

.status-tag-type-label .draft-tag.draft-tag-light-green:hover,
.status-tag-type-label .draft-tag.draft-tag-light-green.active {
    color: #fff !important;
    background: #19C268 !important;
    border-color: #19C268 !important;
}

.status-tag-type-label .draft-tag.draft-tag-yellow:hover,
.status-tag-type-label .draft-tag.draft-tag-yellow.active {
    color: #fff !important;
    background: #FFBB00 !important;
    border-color: #FFBB00 !important;
}

.status-tag-type-label .draft-tag.draft-tag-hold:hover,
.status-tag-type-label .draft-tag.draft-tag-hold.active {
    color: #fff !important;
    background: #FFBB00 !important;
    border-color: #FFBB00 !important;
}

.status-tag-type-label .draft-tag.draft-proposed:hover,
.status-tag-type-label .draft-tag.draft-tag-proposed.active {
    color: #fff !important;
    background: #616161 !important;
    border-color: #616161 !important;
}

.status-tag-type-label .draft-tag.draft-tag-orange:hover,
.status-tag-type-label .draft-tag.draft-tag-orange.active {
    color: #fff !important;
    background: #F7941D !important;
    border-color: #F7941D !important;
}

.status-tag-type-label .draft-tag.draft-tag-archived:hover,
.status-tag-type-label .draft-tag.draft-tag-archived.active {
    color: #fff !important;
    background: #F7941D !important;
    border-color: #F7941D !important;
}

.status-tag-type-label .draft-tag.draft-violet:hover,
.status-tag-type-label .draft-tag.draft-tag-violet.active {
    color: #fff !important;
    background: #8F5DB5 !important;
    border-color: #8F5DB5 !important;
}

.status-tag-type-label .draft-tag.draft-dark-violet:hover,
.status-tag-type-label .draft-tag.draft-tag-dark-violet.active {
    color: #fff !important;
    background: #C500DC !important;
    border-color: #C500DC !important;
}


/* status-tag-type-label end */


/* status type bg and text color start */

.status-type-color-red {
    color: #F9384B !important;
    background: #FFF6F5 !important;
}

.status-type-color-dark-red {
    color: #DF4A4A !important;
    background: #FFECF2 !important;
}

.status-type-color-green {
    color: #0DBF00 !important;
    background: #E9FFD8 !important;
}

.status-type-color-light-green {
    color: #19C268 !important;
    background: #E7FFF0 !important;
}

.status-type-color-dark-green {
    color: #028f14 !important;
    background: #dcffc1 !important;
}

.status-type-color-yellow {
    color: #FFBB00 !important;
    background: #FFFCCF !important;
}

.status-type-color-orange {
    color: #F7941D !important;
    background: #FFF7E2 !important;
}

.status-type-color-violet {
    color: #8F5DB5 !important;
    background: #F5EEFF !important;
}

.status-type-color-dark-violet {
    color: #C500DC !important;
    background: #F3F5F9 !important;
}

.status-type-color-blue {
    color: #2A9AFF !important;
    background: #EFF8FF !important;
}


/* status type bg and text color end */

.master-form-preview {
    padding: 0;
}

.master-form-preview .left-box-issue-details {
    padding: 0 25px 0 0;
}

.master-form-preview .right-box-issue-details {
    padding: 0;
}


/* indication-text starts */

.indication-text {
    font-size: 12px;
    padding: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 11px;
    margin-left: 10px;
}

.round-dot {
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    display: inline-table;
    vertical-align: middle;
    margin: -2px 0 0 0;
}

.color-red {
    color: #ff0505 !important;
    border-color: #ff0505 !important;
}

.color-red .round-dot {
    background: #ff0505 !important;
}

.color-green {
    color: #008200 !important;
    border-color: #008200 !important;
}

.color-green .round-dot {
    background: #008200 !important;
}

.color-orange {
    color: #ffa500 !important;
    border-color: #ffa500 !important;
}

.color-orange .round-dot {
    background: #ffa500 !important;
}

.color-blue {
    color: #0000ff !important;
    border-color: #0000ff !important;
}

.color-blue .round-dot {
    background: #0000ff !important;
}

.color-light-blue {
    color: #0088FF !important;
    border-color: #0088FF !important;
}

.color-light-blue .round-dot {
    background: #0088FF !important;
}

.color-violet {
    color: #9000ef !important;
    border-color: #9000ef !important;
}

.color-violet .round-dot {
    background: #9000ef !important;
}

.color-yellow {
    color: #f3d502 !important;
    border-color: #f3d502 !important;
}

.color-yellow .round-dot {
    background: #f3d502 !important;
}

.color-light-green {
    color: #00FF24 !important;
    border-color: #00FF24 !important;
}

.color-light-green .round-dot {
    background: #00FF24 !important;
}

.audit-form-table .fixed-table {
    display: none;
}


/* indication-text end */


/* indication-label starts */

.indication-label {
    font-size: 12px;
    border-radius: 3px;
    line-height: 12px;
    padding: 4px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

.indication-label-green {
    color: #008200 !important;
    border-color: #008200 !important;
}

.indication-label-red {
    color: #ff0505 !important;
    border-color: #ff0505 !important;
}

.indication-label-blue {
    color: #0088FF !important;
    border-color: #0088FF !important;
}


/* indication-label end */

.preview-save-tab {
    padding-top: 0 !important;
}

.status-name {
    padding: 10px 0 20px 0;
}

.status-name span {
    vertical-align: middle;
    font-size: 17px;
}

.status-name span i {
    margin: 0 5px;
}

.top-page-name {
    float: left;
}

.master-form-preview .left-box-issue-details {
    border: none;
}

.master-form-preview .master-form-left {
    border-right: 2px solid #f3f8fb;
}

.pdg-mdl-line {
    padding: 30px 15px;
}

.zoom-remove {
    transform: none !important;
}

.audit-details-box {
    padding: 0 15px;
}

.audit-details-box .Certificates-box {
    border-bottom: 1px solid #ced4da;
}

.status-tag-new {
    color: #0088FF;
    border-color: #0088FF;
    margin: -1px 10px 0px 25px;
}

.status-tag-new:after {
    background: #0088FF;
    border-color: #0088FF;
}

.status-tag-new:before {
    border-color: #0088FF;
}

.add-controls-popup-cnt {
    border: 1px solid #ced4da;
    padding: 20px;
    border-radius: 5px;
}

.audit-schedule-table-one {
    width: 100%;
}

.audit-schedule-table-two {
    width: 75%;
}

.header-not-fixed-table .fixed-table {
    display: none;
}

.schedule-pic {
    width: 100%;
}

.schedule-pic img {
    width: 100%;
}


/* user-calender starts */

.user-calender-head label {
    float: left;
}

.user-calender-select {
    float: left;
    margin-top: 2px;
}

.user-calender-month {
    width: 100px;
}

.user-calender-year {
    width: 65px;
    margin-left: 10px;
}

.user-calender-select select {
    border: none;
    padding: 0;
    height: auto;
    color: #212529;
}

.user-calender-select:after {
    top: 2px;
    font-size: 13px;
}

.calender-drop {
    width: 177px;
    float: right;
}

.calender-table {
    width: 100%;
}

.calender-table table th {
    width: 14%;
}

.calender-table table td {
    height: 77px;
    vertical-align: top !important;
}

.calender-table tbody tr:hover {
    background: none !important;
}

.calender-table tbody tr td:hover {
    background: #dfe8f1;
}

.calender-light-green {
    background: #C1FFC4;
}

.calender-pink {
    background: #FFE9EC;
}

.calender-light-blue {
    background: #F3F8FB;
}

.calender-user {
    margin: 0;
    padding: 10px 0 0 0;
    width: 45px;
}

.calender-user li {
    list-style-type: none;
    width: 20px;
    float: left;
    margin: 0 2px 2px 0;
}

.calender-user li a {
    width: 100%;
}

.calender-user li a img {
    width: 100%;
    border-radius: 50%;
}


/* user-calender ends */

.edit-icon-new {
    color: #506e91;
    font-size: 13px;
    padding-left: 3px;
}

.btn-start-audit {
    padding: 6px 12px;
}

.bottom-plus-section {
    position: relative;
}

.bottom-plus-section:after {
    content: "";
    position: absolute;
    top: 15px;
    width: 100%;
    height: 2px;
    background: #ccc;
}

.btn-new-border-plus {
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #0088FF;
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    margin: 0 auto;
    z-index: 2;
}

.btn-new-border-plus .fas {
    color: #0088FF;
    font-size: 12px;
}

.btn-new-border-plus:hover {
    background: #0088FF;
    cursor: pointer;
}

.btn-new-border-plus:hover .fas {
    color: #fff;
}

.btn-tic {
    background: #0088FF;
    color: #fff;
    padding: 2px 25px;
}

.btn-tic .fas {
    font-size: 12px !important;
    padding: 0 !important;
}

.choose-objective-pop-inner {
    height: 350px;
}

.choose-objective-pop {
    /*border: 1px solid #bac8d8;*/
    /*padding: 15px;*/
}

.choose-objective-pop hr {
    border-color: #bac8d8;
}

.choose-objective-pop .search-box-help .search-help {
    border-color: #bac8d8;
}

.choose-objective-pop .audit-schedule-table-one {
    padding-right: 7px;
}

.choose-objective-pop .search-box-help .fas {
    color: #506e91;
}

.choose-objective-pop .search-box-help .search-help {
    color: #506e91;
}

.audit-plan-details-box ul li {
    width: 47%;
}

.audit-plan-details-box ul li a {
    width: 20%;
}

.audit-plan-details-box ul li a img {
    width: 100%;
}

.audit-plan-details-box .docs-dtl-box {
    width: 78%;
}

.audit-plan-details-box ul li:hover .edit-option-show {
    opacity: 1;
}

.audit-plan-details-box .edit-option-show a {
    width: 50%;
    padding: 0;
}

.audit-plan-details-box ul li:hover .edit-option-show {
    top: 0px;
}

.audit-plan-details-box .edit-option-show {
    right: 0px;
}


/*.audit-plan-details-box ul li:hover .edit-option-show-inner {
  opacity: 1;
}
.audit-plan-details-box .edit-option-show-inner a {
  width: 50%;
  padding: 0;
}
.audit-plan-details-box ul li:hover .edit-option-show-inner {
  top: 0px;
}
.audit-plan-details-box .edit-option-show-inner {
  right: 0px;
}*/

.edit-option-show-inner {
    position: absolute;
    top: -16px;
    right: 15px;
    opacity: 0;
    z-index: 333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 90;
    background: #fff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 3px 10px #cbd6df;
    border: 1px solid #ced4da;
}

.audit-plan-details-box .edit-option-show-inner {
    right: 0px;
}

.edit-option-show-inner a {
    color: #7c98b6 !important;
    font-size: 15px;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    /*margin-right: 5px;*/
}

.edit-option-show-inner a:last-child {
    margin-right: 0;
}


/*.documents-jd ul li a {
    display: block;
    float: left;
}*/

.audit-plan-details-box .edit-option-show-inner a {
    width: 50%;
    padding: 0;
}

.edit-option-show-inner .fas {
    padding: 4px;
    font-size: 15px !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    /*border: 1px solid #7c98b6;*/
    border-radius: 3px;
}

.edit-option-show-inner-main ul li:hover .edit-option-show-inner {
    opacity: 1;
    top: 0;
}

.edit-option-show-inner a:hover .fas {
    color: #0088ff;
    /*border: 1px solid #0088ff;*/
    transform: scale(1.10);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.edit-option .edit-option-show-inne {
    right: 5px;
}

.edit-option:hover .edit-option-show-inner {
    opacity: 1;
    top: 6px;
}


/*.table .edit-option:hover .edit-option-show-inner {
    margin: -18px 0 0 0 !important;
    top: 50% !important;
}*/

.edit-option-show-inner-full {
    position: absolute;
    top: -16px;
    right: 15px;
    opacity: 0;
    z-index: 333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 100;
}

.edit-option-show-inner-full a {
    color: #7c98b6 !important;
    font-size: 15px;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

.edit-option-show-inner-full .fas {
    padding: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 1px solid #7c98b6;
    border-radius: 3px;
}

.edit-option-inner-full:hover .edit-option-show-inner-full {
    opacity: 1;
    top: 6px;
}

.edit-option-show-inner-full a:hover .fas {
    color: #0088ff;
    border: 1px solid #0088ff;
    transform: scale(1.10);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.bold {
    /*font-weight: bold !important;*/
}


/* audit-plan-graph starts */

.round-audit-graph-box {
    width: 121px;
    position: relative;
}

.round-audit-graph-box h6 {
    text-align: center;
    padding-top: 12px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.round-audit-graph {
    width: 121px;
    height: 121px;
    border: 2px dashed #7c97b6;
    border-radius: 50%;
    margin-top: 75px;
}

.round-audit-graph-inner {
    width: 100px;
    height: 100px;
    background: url(../images/blue-bg.png) no-repeat;
    background-size: 100% 100%;
    border-radius: 50%;
    margin: 8px auto 0 auto;
}

.findings-pics {
    width: 50px;
    margin: 0 auto;
    display: block;
    padding: 24px 0;
}

.audit-graph-line-right:before {
    content: "";
    position: absolute;
    top: 33px;
    left: 120px;
    background: url(../images/dashed-line-left.png) no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 152px;
}


/*.round-audit-graph-box {
  float: left;
}
*/

.audit-graph-line-left {
    float: right !important;
    margin-top: 20px;
}

.audit-graph-line-left:before {
    content: "";
    position: absolute;
    top: 120px;
    left: -320px;
    background: url(../images/dashed-line-right.png) no-repeat;
    background-size: 100% 100%;
    width: 315px;
    height: 152px;
}

.audit-plan-graph {
    width: 514px;
    margin: 0 auto;
}

.round-audit-graph-mt-two {
    margin-top: 43px;
}

.round-audit-graph-mt-three {
    margin-top: 108px;
}

.audit-graph-new-height:before {
    top: 88px;
    height: 185px;
}

.plan-round .round-audit-graph {
    position: absolute;
    top: -86px;
    z-index: 1;
}

.plan-round h6 {
    padding-top: 22px;
}

.round-audit-graph-inner {
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position: relative;
    z-index: 2;
}

.findings-pics {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.round-audit-graph-inner:hover .findings-pics {
    transform: scale(1.12);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.audit-plan-graph-main {
    padding-bottom: 70px;
}

.plan-round:before {
    top: 26px;
    left: 123px;
}


/* audit-plan-graph end */

.btn-small {
    background: #fff;
    padding: 4px 14px;
    border-radius: 3px;
    border: 1px solid #0088FF;
    font-size: 12px;
    color: #0088FF;
    cursor: pointer;
    font-family: 'Nunito SemiBold';
    margin-right: 5px;
}

.btn-small:hover {
    background: #0088FF;
    color: #fff;
    border-color: #0088FF;
    text-decoration: none;
}

.btn-trash:hover {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
}

.audit-objective-sec ul li a label {
    color: #0088FF;
    position: absolute;
    right: 27px;
    top: 12px;
    font-size: 13px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.audit-objective-sec ul li a span {
    width: 26px;
}

.audit-objective-sec ul li a {
    color: #506e91;
    font-weight: normal;
    padding: 10px 70px 10px 10px;
}

.audit-objective-sec ul li a:hover {
    color: #0088FF;
}

.audit-objective-sec ul li a:hover label {
    opacity: 1;
}

.audit-objective-sec ul li a i {
    color: #0088FF;
    position: absolute;
    right: 8px;
    top: 15px;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.audit-objective-sec ul li a:hover i {
    opacity: 1;
}

.healp-detail-heads .mCSB_scrollTools .mCSB_draggerContainer {
    left: 11px;
}

.filter-audit-pop {
    float: left;
    margin-top: 6px;
}

.filter-audit-pop .btn {
    padding: 3px 6px 1px 6px;
}

.left-search-audit {
    width: 66%;
    float: left;
}

.right-button-audit {
    width: 33%;
    float: right;
    padding-top: 2px;
}


/* start-audit starts */

.controls-btns {
    width: 900px;
    margin: -20px auto 0 auto;
    position: fixed;
    left: 60px;
    right: 0;
    top: 50%;
}

.controls-btns a i {
    font-size: 40px;
}

.controls-btns a {
    display: inline-block;
    position: relative;
}

.controls-btns .controls-btns-left {
    float: left;
    left: -30px;
}

.controls-btns .controls-btns-right {
    float: right;
    left: 30px;
}

.controls-btns a:hover {
    text-decoration: none;
}

.controls-btns-down {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 45px;
    margin: 0 auto;
    font-size: 26px;
    width: 30px;
    text-align: center;
    z-index: 1;
    color: #fff;
    height: 30px;
    border-radius: 50%;
}

.controls-btns-down:hover {
    text-decoration: none;
    color: #fff;
    animation: none;
}

.start-audit-box {
    width: 800px;
    margin: 0 auto;
    background: #fff;
    padding: 30px;
}

.start-audit-box .choose_file {
    margin-top: 0;
}

.start-audit-box .choose_file button {
    height: 38px;
    width: 98%;
    margin-left: 2%;
}

.assesment-form-page .upform .start-audit-box input,
.assesment-form-page .start-audit-box select,
.assesment-form-page .start-audit-box textarea {
    background: #fff !important;
}

.start-audit-page .upform {
    margin: 15px auto;
}

.start-audit-page hr {
    height: 100vh;
}

.bounce-new {
    -moz-animation: bounce-new 3s infinite;
    -webkit-animation: bounce-new 3s infinite;
    animation: bounce-new 3s infinite;
}

@-moz-keyframes bounce-new {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@-webkit-keyframes bounce-new {
    0%,
    20%,
    50%,
    80%,
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

@keyframes bounce-new {
    0%,
    20%,
    50%,
    80%,
    100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}


/* start-audit end */

.icone-remove li label {
    width: 13px;
    font-family: 'Nunito Bold';
    font-size: 17px;
    line-height: 17px;
}

.icone-removse li {
    padding: 0;
}

.icone-remove li a {
    background: none !important;
    padding-left: 0px !important;
}

.start-audit-page {
    padding-bottom: 100px;
}

.togle-check-user .new-size-text {
    width: 100%;
}

.execute-check-listk-progress {
    padding-bottom: 50px;
}

.execute-check-list-popup-cnt {
    position: relative;
}

.execute-check-listk-progress .assesment-footer {
    min-height: 50px;
    position: absolute;
    bottom: 0;
}

.execute-check-list-popup-cnt .modal-header {
    margin-top: -1px;
}


/* Rounded sliders check starts */

.rounded-sliders-check .switch-check {
    position: relative;
    display: inline-block;
    width: 28px;
    height: 15px;
    margin: 8px 0 0 0;
}

.rounded-sliders-check .switch-check input {
    opacity: 0;
    width: 0;
    height: 0;
}

.rounded-sliders-check .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #dc3545;
    -webkit-transition: .4s;
    transition: .4s;
}

.rounded-sliders-check .slider:before {
    position: absolute;
    content: "";
    height: 13px;
    width: 13px;
    left: 2px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.rounded-sliders-check input:checked+.slider {
    background-color: #2196F3;
}

.rounded-sliders-check input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.rounded-sliders-check input:checked+.slider:before {
    -webkit-transform: translateX(11px);
    -ms-transform: translateX(11px);
    transform: translateX(11px);
    transition: all 0.25s;
    background: url(../images/switch-check.svg) 2px center no-repeat #fff;
    background-size: 8px;
}

.rounded-sliders-check .slider.round {
    border-radius: 34px;
}

.rounded-sliders-check .slider.round:before {
    border-radius: 50%;
}


/* Rounded sliders check end */

.indication-user-one i {
    font-size: 16px;
    margin-top: 8px;
    color: #dc3545;
}

.indication-user-one.active i {
    color: #0088FF !important;
}

.nav-tabs--left .nav-link {
    white-space: normal;
}


/* audit findings starts */

.new-width-tab-menu .nav-item .nav-link {
    width: 65px;
    text-align: center;
}

.small-tab-small .vertical-tab {
    min-width: 100px;
}

.small-tab-small {
    width: 100px;
}

.small-tab-small .vertical-tab .nav-link {
    text-align: center;
    padding: 12px;
}

.small-tab-small-main .small-tab-small {
    float: left;
}

.small-tab-small-main .tab-content {
    display: grid;
    display: -ms-flexbox;
    border: 1px solid #ced4da;
    background: #fff;
    position: relative;
    left: -1px;
}

.drop-model-box h5 {
    padding: 14px 15px;
    border-bottom: 1px solid #ced4da;
    margin-bottom: 0;
}

.drop-model-box .banking-issue {
    padding: 15px;
}

.small-tab-small .nav-tabs .nav-link.active,
.small-tab-small .nav-tabs .nav-item.show .nav-link {
    background: #fff;
    border-right: none !important;
    box-shadow: -6px 5px 10px #edf2f6;
}

.small-tab-small .vertical-tab .nav-link {
    background: #fff;
    border-radius: 0;
}

.normal-font {
    font-weight: normal;
}

.small-tab-small .nav-tabs .nav-link.active,
.small-tab-small .nav-tabs .nav-item.show .nav-link {
    border-right: none;
}


/* discussion-chat starts */

.discussion-chat .chat-user-sec h6 {
    font-size: 13px;
    display: inline-block;
    color: #000;
    font-family: 'Nunito SemiBold';
}

.discussion-chat .chat-user-sec .time-chat {
    font-size: 12px;
    display: inline-block;
    color: #506E91;
    padding-left: 7px;
}

.discussion-chat .chat-user-sec p {
    font-size: 16px;
    margin: 0;
    color: #4A5C6E;
}

.discussion-chat .chat-user-sec {
    padding: 10px 0;
}

.discussion-chat .upload-pic-chat {
    float: left;
    width: 30%;
    padding: 0 10px 10px 0;
}

.discussion-chat .upload-pic-chat img {
    width: 100%;
}

.discussion-chat .chat-file-nbr {
    font-size: 12px;
    color: #4A5C6E;
    padding-bottom: 4px;
    display: inline-block;
}

.discussion-chat .chat-type-sec {
    background: #F3F8FB;
    padding: 10px;
    border: 1px solid #9DB2C8;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
}

.discussion-chat .chat-browse {
    float: left;
    width: 8%;
    text-align: center;
    font-size: 17px;
    color: #707070;
    padding-top: 5px;
}

.discussion-chat .chat-type {
    float: left;
    width: 82%;
}

.discussion-chat .chat-type input {
    width: 100%;
    height: 36px;
    padding: 10px;
    border: 1px solid #7C98B6;
    border-radius: 5px !important;
}

.discussion-chat .chat-type input:focus {
    outline: none;
}

.discussion-chat .chat-btn {
    float: left;
    width: 8%;
    text-align: center;
}

.discussion-chat .btn-chat {
    padding: 7px 10px;
    margin-left: 3px;
}

.discussion-chat .btn-chat:focus {
    outline: none;
}

.discussion-chat.chat-section-bg {
    position: relative;
    padding-bottom: 70px;
    background: #fff;
}

.discussion-chat .chat-section-inner {
    height: 250px;
}

.discussion-chat .chat-pics-sec {
    width: 100%;
}


/* discussion-chat ends */

.new-tag-drop-down {
    float: none !important;
    display: inline-block !important;
    padding: 3px 7px 0 13px !important;
}

.small-head-and-label h5 {
    font-size: 15px;
}

.small-head-and-label .label-tag-style-tag {
    margin: -1px 0 0 20px;
}

.created-info-sec-drop hr {
    margin: 5px 0 5px 0;
}

.stup-root-cause {
    position: relative;
}

.stup-root-cause:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #CDDAE8;
    position: absolute;
    left: 35px;
}

.stup-root-cause-main .line-top-remove:before {
    margin-top: 28px;
}

.stup-root-cause-main .line-bottom-remove:before {
    height: 65px;
}

.stup-root-cause-main .line-remove:before {
    width: 0;
    height: 0;
}

.round-question-bg {
    float: left;
    padding-top: 25px;
}

.round-question {
    width: 70px;
    height: 70px;
    border: 1px solid #7C98B6;
    border-radius: 50%;
    background: #fff;
    position: relative;
}

.round-question h2 {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    opacity: 1;
    color: #fff;
    border: 1px solid #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 27px;
    background: #0088FF;
}

.content .round-question h2 {
    position: absolute;
    top: -14px;
    left: 0;
    right: 0;
    margin: 0 auto;
    font-size: 20px;
    text-align: center;
    opacity: 1;
    color: #fff;
    border: 1px solid #fff;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    line-height: 27px;
    background: #0088FF;
}

.round-question h5 {
    font-size: 16px;
    color: #031F41;
    padding: 25px 0;
    margin: 0;
    text-align: center;
}

.round-question-details {
    float: right;
    background: #F3F8FB;
    width: 82%;
    padding: 15px 20px;
    position: relative;
}

.round-question-details:before {
    content: "";
    border-bottom: 12px solid #F3F8FB;
    border-top: 12px solid transparent;
    border-right: 12px solid transparent;
    position: absolute;
    top: 44px;
    left: -1px;
    z-index: 10;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.white-arow-box:before {
    border-bottom-color: #fff;
}


/* -- pulse animation starts -- */

.pulse-effect {
    animation: pulse 1s infinite;
    transition: .3s;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }
    70% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1);
    }
}


/* -- pulse animation ends -- */

.drop-browse-new {
    padding-top: 1%;
}

.mt-20 {
    margin-top: 10px;
}

.discussion-chat-new {
    padding: 0 30px;
}

.discussion-head-new {
    padding: 15px 20px;
    font-size: 14px;
    background: #031F41;
    color: #fff;
}

.chat-new-slide-discussion-main {
    position: relative;
}

.chat-new-slide-discussion {
    position: absolute;
    right: -32px;
    background: #0088FF;
    border: none;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    box-shadow: 0px 0px 7px #0088ff;
}

.chat-box-relative {
    position: relative;
}

.discussion-chat-slide {
    /*float:right;
    overflow: hidden;*/
    position: absolute !important;
    top: 12px;
    margin-right: 20px;
    z-index: 20;
    display: none;
}

.box-inner {
    width: 400px;
    padding: 10px;
    border: 1px solid #a29415;
}

.question-icon {
    color: #0088FF !important;
    font-size: 34px;
    vertical-align: middle;
    margin: -4px 5px 0 0;
    line-height: 30px;
}

.rca-tab-stup-root-cause-main {
    padding: 30px;
    background: #F3F8FB;
}

.rca-tab-stup-root-cause-main .round-question-details {
    width: 92%;
}

.btn-category {
    background: none;
    border: 1px solid #0088FF;
    color: #0088FF;
    padding: 2px 10px;
    border-radius: 3px;
    font-size: 16px;
    line-height: 16px;
}

.btn-category i {
    padding-top: 7px;
}

.btn-category:hover {
    background: #0088FF;
    color: #fff;
}

.accordion-style-tab {
    padding: 15px;
}

.accordion-style-tab-cnt {
    border: 1px solid #ced4da;
    border-bottom: none;
    background: #fff;
    margin-bottom: 5px;
}

.accordion-style-tab h5 {
    font-size: 14px;
    color: #506e91;
    font-weight: normal !important;
    padding: 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #ced4da;
}

.inner-accordion-style-tab {
    padding: 0 0 10px 25px;
    border-bottom: 1px solid #ced4da;
}

.inner-accordion-style-tab h5 {
    padding: 10px 0 0 0;
    border: none;
}

.approve-detail-box-cnt p {
    margin: 0 0 10px 0;
    position: relative;
    padding: 4px 0;
}

.approve-detail-box-cnt p:before {
    position: absolute;
    content: "";
    background: url(../images/para-one.png) no-repeat;
    background-size: 20px;
    right: 0;
    bottom: -15px;
    width: 25px;
    height: 25px;
}

.approve-detail-box-cnt p:after {
    position: absolute;
    content: "";
    background: url(../images/para-two.png) no-repeat;
    background-size: 20px;
    left: 0;
    top: -4px;
    width: 25px;
    height: 25px;
}

.cmn-line {
    margin: 15px 0;
    border-color: #ccc;
}

.user-list-sm span {
    font-size: 12px;
    color: #4A5C6E;
    padding-top: 3px;
}

.user-new-active {
    position: absolute;
    left: 20px;
    bottom: 0px;
    z-index: 1;
}

.user-new-active-two {
    left: 20px;
    bottom: -1px;
}

.user-new-active i {
    font-size: 13px;
    background: #fff;
    border-radius: 50% !important;
    color: #A81212;
}

.user-new-active.online i {
    color: #28a745;
}

.user-new-active.offline .fa-check-circle {
    display: none;
}

.user-new-active.online .fa-times-circle {
    display: none;
}

.user-available-option {
    position: relative;
}

.user-available-option .user-new-active {
    position: absolute;
    /*left: 33px;
    bottom: -4px;*/
    left: 25px;
    bottom: -7px;
}

.user-and-button .user-list-sm {
    float: left;
}

.user-and-button .btn {
    float: right;
}

.user-right-box-loop .user-new-active {
    position: absolute;
    left: -3px;
    bottom: unset;
    top: 3px;
    z-index: 1;
}

.col-tab-small .vertical-tab {
    min-width: auto;
}

.new-box-ca {
    background: #f3f8fb;
    border: 1px solid #ccc;
    padding: 10px;
}

.new-box-ca-content {
    background: #fff;
    padding: 15px;
}

.new-box-ca-content p:before {
    opacity: 0;
}

.btn-new-style {
    padding: 8px 20px 5px 20px;
}

.btn-new-style span {
    display: block;
    font-size: 10px;
    line-height: 10px;
}

.question-head-text {
    font-size: 17px !important;
}

.btn-resolve {
    margin-top: -40px;
}


/* audit findings ends */

.bg-none {
    background: none !important;
}

.edit-and-delete-main {
    position: relative;
}

.edit-and-delete-main:hover .edit-option-show {
    opacity: 1;
    top: 10px;
}

.finding-box {
    background: #fff;
    border: 1px solid #DBE2EB;
}

.finding-box-top {
    border-bottom: 1px solid #DBE2EB;
    padding: 8px 15px;
}

.finding-box-top h5 {
    margin-bottom: 0;
    padding-top: 3px;
}

.finding-box-content {
    padding: 10px;
}

.view-more-cmn {
    font-size: 14px;
    color: #0088FF;
    display: block;
}

.view-more-cmn:hover {
    text-decoration: none;
}

.finding-box h5 {
    color: #506E91;
}

.finding-box-top h5 {
    float: left;
}

.finding-box-top span {
    float: right;
}

.indication-text-lg {
    padding: 6px;
}

.new-style-discussion .chat-user-sec {
    padding: 20px;
    border-bottom: 1px solid #DBE2EB;
}

.new-style-discussion {
    padding-bottom: 65px !important;
}

.accordion-style-tab-simple .accordion-style-tab-cnt {
    border: none;
    border-bottom: none;
    background: none;
}

.accordion-style-tab-simple {
    padding: 0;
}

.accordion-style-tab-simple h5 {
    padding: 15px 10px;
}

.accordion-style-tab-simple .inner-accordion-style-tab {
    border: none;
}

.accordion-style-tab-simple .inner-accordion-style-tab h5 {
    padding: 10px 0 0 0;
}

.small-tab-md .small-tab-small {
    width: 120px;
}

.small-tab-md .small-tab-small .vertical-tab {
    min-width: 120px;
}

.small-tab-md .small-tab-small .vertical-tab .nav-link {
    text-align: left;
}

.small-tab-md .small-tab-small .vertical-tab .nav-link span {
    font-size: 11px;
    padding-left: 5px;
}

.small-tab-md-common .tab-content {
    background: none;
    border: none;
}

.start-audit-buttons {
    padding-left: 65px;
}

.btn-white {
    background: none;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.btn-white:hover {
    background: #0088FF;
    color: #fff;
    border: 1px solid #0088FF !important;
}


/* -- accordion-tab Starts -- */

.accordion-tab a.sub-lang-btn:hover,
a.active {
    background: none;
}

.accordion-tab .list-group-item {
    background: none;
    border: none;
    padding: 6px 5px 6px 35px;
    cursor: pointer;
}

.accordion-tab .list-group-item:focus {
    outline: none;
}

.accordion-tab .list-group-item:hover {
    background: #f7f7f7;
}

.accordion-tab .list-group-item a {
    font-size: 15px;
    color: #506e91;
}

.accordion-tab .list-group-item a:hover {
    text-decoration: none;
}

.accordion-tab .panel-collapse-new-tab {
    background: #f9fbfd;
    padding-left: 0;
    margin-bottom: 3px;
}

.accordion-tab .panel-collapse-new-tab.active a {
    box-shadow: -1px 4px 9px #dae9f2;
}

.accordion-tab .list-group-item.active {
    background: #fff;
}

.accordion-tab .list-group-item.active a {
    color: #0088FF;
}

.accordion-tab .head-main-list-tab.active a {
    box-shadow: -6px 5px 10px #edf2f6;
}

.accordion-tab .head-main-list-tab {
    background: #fafcfd;
    border: none;
    margin-bottom: 2px;
    padding: 0;
}

.accordion-tab .head-main-list-tab a {
    font-size: 15px;
    color: #33475b;
    padding: 20px 15px;
    display: block;
    line-height: 17px;
}

.accordion-tab .head-main-list-tab {
    position: relative;
}

.accordion-tab .head-main-list-tab a .drop-down-icone {
    position: absolute;
    right: 10px;
    font-size: 14px;
    top: 22px;
}

.accordion-tab .list-group-item.active {
    border-right: none !important;
}

.accordion-tab .head-main-list-tab .panel-collapse-new-tab .list-group-item.active {
    margin-right: -1px;
}


/*.accordion-tab .head-main-list-tab a .drop-down-icone {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg);
  top: 19px;
}
.accordion-tab .head-main-list-tab .collapsed .drop-down-icone {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}*/


/* -- accordion-tab Ends -- */

.head-main-list-tab .panel-collapse-new-tab .list-group-item a {
    padding: 6px 5px 6px 0px;
}

.col-tab-left {
    flex: 0 0 18%;
    max-width: 18%;
    padding: 0 15px;
}

.col-tab-right {
    flex: 0 0 82%;
    max-width: 82%;
    padding: 0 15px;
}

.accordion-tab .col-tab-left {
    padding: 0;
    margin-right: -1px;
}

.accordion-tab .col-tab-right {
    padding: 20px;
    background: #fff;
    border: 1px solid #ced4da;
}

.edit-btn-table {
    background: none;
    border: 1px solid #7c98b6;
    width: 28px;
    height: 28px;
    border-radius: 3px;
    color: #7c98b6;
    cursor: pointer;
    padding: 4px;
    margin: 0 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.edit-btn-table:hover {
    color: #0088FF;
    border-color: #0088FF;
}

.fa-trash-clr:hover {
    color: #dc3545;
    border: 1px solid #dc3545;
}

.edit-btn-table i {
    font-size: 14px !important;
    padding: 0 !important;
}

.edit-btn-table:focus {
    outline: none;
}

.table tr td {
    padding: 10px 12px;
    /*position: relative;*/
}

.table tr td:last-child {
    position: relative;
}

.table tr:hover td:last-child {
    background-clip: padding-box !important;
}

.table th {
    padding: 12px;
}

.selectator_element:after {
    content: none !important;
}

.table td .user-list-sm {
    padding: 0;
}

.table-master tr:hover td {
    background: #f0f6fc !important;
}

.menu-drop-tab-top .nav-trash {
    color: #7c98b6 !important;
}

.menu-drop-tab-top .nav-trash:hover {
    color: #0088FF !important;
}

.menu-drop-tab-top .nav-trash.active,
.menu-drop-tab-top .show>.nav-trash {
    color: #7c98b6 !important;
    background: none;
}

.menu-drop-tab-top .nav-link {
    background: none !important;
}

.annual-box-bg {
    padding: 12px;
    float: left;
    width: 25%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.annual-box-bg:hover {
    transform: scale(1.05);
}

.annual-box-bg:hover .annual-box {
    box-shadow: 0px 0px 27px #7c98b652;
}

.annual-box {
    background: #fff;
    width: 100%;
    padding: 20px;
    border-radius: 7px;
    /*-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;*/
}


/*.annual-box:hover {
  transform: scale(1.05);
  box-shadow: 0px 0px 27px #7c98b652;
}*/

.auditor-count-box {
    width: 33.33%;
    float: left;
    text-align: center;
}

.annual-box hr {
    margin: 6px 0 10px 0;
}

.small-list-tab-whie .vertical-tab .nav-link {
    background: #fff;
}

.align-middle-indication {
    vertical-align: middle;
    margin-top: -3px;
}

.support-files-new ul li {
    width: 230px;
}

.inner-new-table table tr td {
    vertical-align: top;
}

.inner-new-table table tr th {
    text-align: center;
}

.inner-new-table tbody tr:hover {
    background: none !important;
}

.inner-new-table .bpm-tbl-user li {
    float: none !important;
    margin: 8px 0 !important;
}

.inner-new-table table {
    width: 70%;
    float: right;
}

.activities-left {
    float: left;
    width: 7%;
}

.activities-right {
    float: right;
    width: 90%;
}

.activities-nbr {
    width: 40px;
    height: 40px;
    background: #0088FF;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    padding: 9px 0;
    position: relative;
}

.activities-main {
    position: relative;
}

.activities-main:before {
    content: "";
    position: absolute;
    left: 18px;
    bottom: -2px;
    width: 5px;
    height: 100%;
    background: #0088FF;
}

.activities-main:last-child:before {
    content: none;
}

.newbox-plus-activities {
    display: block;
    bottom: 1px;
}

.risk-rating-box-main {
    padding: 10px;
    border: 1px solid #cbd6e2;
}

.risk-rating-box {
    text-align: center;
    padding: 30px 0;
    border: 1px solid #cbd6e2;
}


/* risk-rating-box color start */

.risk-rating-box-color {
    border: 2px solid #616161;
    background: #F3F3F3;
    color: #616161;
}

.risk-rating-box-color .text-white {
    color: #616161 !important;
}

.risk-rating-box-color.bg-red {
    border-color: #F9384B;
    background: #FFF6F5 !important;
}

.risk-rating-box-color.bg-red .text-white {
    color: #F9384B !important;
}

.risk-rating-box-color.bg-green {
    border-color: #19C268;
    background: #E7FFF0 !important;
}

.risk-rating-box-color.bg-green .text-white {
    color: #19C268 !important;
}

.risk-rating-box-color.bg-light-green {
    border-color: #0DBF00;
    background: #E9FFD8 !important;
}

.risk-rating-box-color.bg-light-green .text-white {
    color: #0DBF00 !important;
}

.risk-rating-box-color.bg-orange {
    border-color: #F7941D;
    background: #FFF7E2 !important;
}

.risk-rating-box-color.bg-orange .text-white {
    color: #F7941D !important;
}

.risk-rating-box-color.bg-yellow {
    border-color: #FFBB00;
    background: #FFFCCF !important;
}

.risk-rating-box-color.bg-yellow .text-white {
    color: #FFBB00 !important;
}

.risk-rating-box-color.bg-blue {
    border-color: #0086FF;
    background: #EFF8FF !important;
}

.risk-rating-box-color.bg-blue .text-white {
    color: #0086FF !important;
}

.risk-rating-box-color.bg-violet {
    border-color: #8F5DB5;
    background: #F5EEFF !important;
}

.risk-rating-box-color.bg-violet .text-white {
    color: #8F5DB5 !important;
}


/* risk-rating-box color end */

.risk-rating-box h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 0;
}

.risk-rating-box h3 {
    font-size: 38px;
    line-height: 38px;
}

.risk-info-sec-cmn {
    width: 50%;
    float: left;
    padding: 12px;
}

.risk-info-sec-cmn p {
    margin-bottom: 0;
}

.risk-info-sec {
    border: 1px solid #cbd6e2;
}

.risk-info-sec-left span {
    position: absolute;
    right: 0;
}

.btn-in-ex {
    background: #F3F8FB;
    border: 1px solid #ced4da;
    padding: 7px 12px;
    width: 49%;
    color: #506e91;
    text-indent: 25px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    cursor: pointer;
}

.btn-in-ex:focus {
    outline: none;
}

.btn-in-ex:after {
    content: "";
    position: absolute;
    left: 20px;
    top: 9px;
    width: 16px;
    height: 16px;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.in-pic:after {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -19px -4px;
}

.in-pic:hover:after {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -19px -20px;
}

.in-pic.active:after {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -19px -20px;
}

.ex-pic:after {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -3px -4px;
}

.ex-pic:hover:after {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -3px -20px;
}

.ex-pic.active:after {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -3px -20px;
}

.btn-in-ex.active {
    background: #0088FF;
    color: #fff;
    border-color: #0088FF;
}

.btn-in-ex:hover {
    background: #0088FF;
    color: #fff;
    border-color: #0088FF;
}


/* */

.btn-in-ex-new {
    background: #F3F8FB;
    border: 1px solid #ced4da;
    padding: 7px 12px;
    width: 49%;
    color: #506e91;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: relative;
    cursor: pointer;
}

.btn-in-ex-new:focus {
    outline: none;
}

.btn-in-ex-new .in-ex-icon-new {
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 5px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.in-pic .in-ex-icon-new {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -19px -4px;
}

.in-pic:hover .in-ex-icon-new {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -19px -20px;
}

.in-pic.active .in-ex-icon-new {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -19px -20px;
}

.ex-pic .in-ex-icon-new {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -3px -4px;
}

.ex-pic:hover .in-ex-icon-new {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -3px -20px;
}

.ex-pic.active .in-ex-icon-new {
    background: url(../images/in-ex-icone.png) no-repeat;
    background-size: 60px;
    background-position: -3px -20px;
}

.btn-in-ex-new.active {
    background: #0088FF;
    color: #fff;
    border-color: #0088FF;
}

.btn-in-ex-new:hover {
    background: #0088FF;
    color: #fff;
    border-color: #0088FF;
}


/* */

.form-group-small-label {
    color: #506E91 !important;
    font-weight: 400;
}

.outline-tag.active {
    background: #fff;
    color: #0088FF;
    border-color: #0088FF;
}

.outline-tag.active span {
    color: #0088FF !important;
}

.risk-rating-box-small {
    padding: 23px 0;
}

.risk-rating-box-small h2 {
    font-size: 44px;
    line-height: 44px;
    margin-bottom: 0;
}

.risk-rating-box-small h3 {
    font-size: 30px;
    line-height: 30px;
}

.user-center-tbl {
    width: 48px;
    margin: 0 auto !important;
}

.tab-common-left-md {
    float: left;
    width: 16%;
}

.tab-common-left-content-m {
    float: left;
    width: 84%;
}

.tab-common-left-md .vertical-tab {
    min-width: 100%;
}

.tab-common-left-sm {
    float: left;
    width: 8%;
}

.tab-common-left-content-s {
    float: left;
    width: 92%;
}

.tab-common-left-sm .vertical-tab {
    min-width: 100%;
}

.height-100 {
    height: 100%;
}

.small-text-tab {
    font-size: 11px;
    padding-left: 5px;
}

.auditor-wise-box {
    border: 1px solid #e5eaf0;
    padding: 0 15px;
    margin-bottom: 30px;
}

.auditor-wise-name {
    float: left;
    padding-right: 15px;
    margin: 0;
    padding-top: 25px;
}

.auditor-wise-report {
    float: left;
    position: relative;
    padding-left: 15px;
}

.auditor-wise-report:before {
    position: absolute;
    content: "";
    left: 0px;
    top: 15px;
    width: 2px;
    height: 50px;
    background: #e5eaf0;
}

.auditor-wise-name span {
    color: #506e91;
    font-size: 13px;
    display: block;
}

.external-graph {
    width: 180px;
    margin: 0 auto;
}

.external-graph img {
    width: 100%;
}

.external-graph-info {
    margin: 0;
    padding: 20px 20px 5px 20px;
}

.external-graph-info li {
    float: left;
    list-style-type: none;
    color: #506e91;
    font-size: 16px;
    padding-right: 20px;
}

.external-graph-info li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #ccc;
    border-radius: 50%;
    margin-right: 5px;
}

.graph-blue {
    background: #00B2FF !important;
}

.graph-green {
    background: #1FE049 !important;
}

.graph-violet {
    background: #9D09DA !important;
}

.documents-jd ul li {
    width: 230px;
}

.accordion-with-check {
    position: relative;
}

.accordion-with-check .white-cbox .custom-control-label {
    padding-top: 8px;
}

.accordion-with-check .width96pc .indication-text {
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -3px;
}

.accordion-with-check .width96pc {
    padding-left: 48px;
}


/* progressbar-new-main starts */

.progressbar-new-main {
    width: 100%;
}

.progress-new-info {
    padding-top: 5px;
}

.progress-new-percentage {
    float: right;
}

.progress-new-size {
    float: left;
}

.progressbar-new-main h5 {
    font-weight: normal;
    margin-bottom: 2px;
}

.uploading-box .progressbar-new-main h5 {
    color: #fff;
}

.progressbar-new-main .demo-preview {
    margin: auto;
    width: 100%;
    text-align: center;
}

.progressbar-new-main .progress {
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: none;
    height: 8px;
}

.progressbar-new-main .progress.progress-xs {
    height: 5px;
    margin-top: 5px;
}

.progressbar-new-main .progress.progress-sm {
    height: 10px;
    margin-top: 5px;
}

.progressbar-new-main .progress.progress-lg {
    height: 25px;
}

.progressbar-new-main .progress.vertical {
    position: relative;
    width: 20px;
    height: 200px;
    display: inline-block;
    margin-right: 10px;
}

.progressbar-new-main .progress.vertical>.progress-bar {
    width: 100% !important;
    position: absolute;
    bottom: 0;
}

.progressbar-new-main .progress.vertical.progress-xs {
    width: 5px;
    margin-top: 5px;
}

.progressbar-new-main .progress.vertical.progress-sm {
    width: 10px;
    margin-top: 5px;
}

.progressbar-new-main .progress.vertical.progress-lg {
    width: 30px;
}

.progressbar-new-main .progress-bar {
    background-color: #2196F3;
    box-shadow: none;
}

.progressbar-new-main .progress-bar.text-left {
    text-align: left;
}

.progressbar-new-main .progress-bar.text-left span {
    margin-left: 10px;
}

.progressbar-new-main .progress-bar.text-right {
    text-align: right;
}

.progressbar-new-main .progress-bar.text-right span {
    margin-right: 10px;
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }
    to {
        background-position: 0 0;
    }
}

.progressbar-new-main .progress.active .progress-bar,
.progressbar-new-main .progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progressbar-new-main .progress-striped .progress-bar,
.progressbar-new-main .progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progressbar-new-main .progress-bar-secondary {
    background-color: #323a45 !important;
}

.progressbar-new-main .progress-bar-default {
    background-color: #B0BEC5 !important;
}

.progressbar-new-main .progress-bar-success {
    background-color: #3EC161 !important;
}

.progressbar-new-main .progress-bar-info {
    background-color: #29B6F6 !important;
}

.progressbar-new-main .progress-bar-warning {
    background-color: #FFD600 !important;
}

.progressbar-new-main .progress-bar-danger {
    background-color: #ef1c1c !important;
}


/* progressbar-new-main ends */


/* uploading-box-white start */

.uploading-box-white {
    background-color: #fff !important;
    color: #7c98b6 !important;
    margin-bottom: 15px;
}

.uploading-box-white .progressbar-new-main h5 {
    color: #33475b;
}

.uploading-cotroler-cmn a {
    padding: 2px 6px 0px 6px !important;
    font-size: 11px !important;
}


/* uploading-box-white end */

.slider-table-head {
    position: relative;
    width: 68%;
    height: 1px;
    margin: 16px auto;
    background: #506E91;
}

.slider-info-icon i {
    background: #eaf0f6;
    border: 1px solid #506E91;
    border-radius: 50%;
    text-align: center;
    color: #506E91;
    font-size: 13px;
    padding: 3px;
    position: absolute;
    top: -11px;
}

.slider-info-icon-minus i {
    left: 0;
}

.slider-info-icon-plus i {
    right: 0;
}

.slider-info-icon-o {
    background: #eaf0f6;
    border-radius: 50%;
    text-align: center;
    color: #506E91;
    font-size: 17px;
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    margin: 0 auto;
    width: 26px;
    height: 26px;
    padding-top: 2px;
}

.slider-table table th {
    padding: 8px 20px;
    text-align: left;
}

.slider-table table tr:hover {
    background: none !important;
    color: #506e91;
}

.slider-table-detils .slider-table-head {
    width: 90%;
}

.bg-table-head {
    background: #eaf0f6;
    padding: 0 20px !important;
    font-family: 'Nunito Bold';
    text-align: center;
}

.time-and-money-label {
    font-size: 14px;
    color: #fff;
    padding: 4px 6px;
    position: relative;
    height: 30px;
    overflow: hidden;
}

.time-and-money-label .doller-icon i {
    font-size: 11px;
    border: 1.5px solid #fff;
    border-radius: 50%;
    text-align: center;
    padding: 2px 4px;
    vertical-align: middle;
    margin-top: -2px;
}

.time-and-money-label .doller-icon {
    margin-right: 3px;
}

.slider-bg-graph-green {
    background: #2CC200;
}

.slider-bg-graph-red {
    background: #FF3434;
}

.slider-table-detils table td {
    padding: 20px 0;
    text-align: left;
}

.time-and-money-label .time-icon i {
    font-size: 16px;
    vertical-align: middle;
    margin-top: -2px;
}

.time-and-money-label .time-icon {
    margin-right: 3px;
}

.doller-text-sec {
    position: absolute;
    top: 5px;
}

.middle-text-table {
    text-align: center;
    vertical-align: middle !important;
}

.doller-text-sec-animation-left {
    -webkit-animation: myfirst-new 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: myfirst-new 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes myfirst-new {
    0% {
        left: 150px;
        opacity: 0;
    }
    100% {
        left: 6px;
        opacity: 1;
    }
}

@keyframes myfirst-new {
    0% {
        left: 150px;
        opacity: 0;
    }
    100% {
        left: 6px;
        opacity: 1;
    }
}

.slider-table-adjust table td {
    padding: 0;
    text-align: left;
}

.slider-progress-table {
    width: 58%;
    margin: 0 auto;
}

.slider-progress-table .gj-slider-md [role=progress] {
    height: 15px;
    background: #00C73C;
    border-radius: 8px;
}

.slider-progress-table .gj-slider-md [role=track] {
    height: 15px;
    background: #fff;
    border: solid 1px #82CFD0;
    border-radius: 8px;
    box-shadow: 0px 0px 10px #aec7dd5c;
}

.slider-progress-table .gj-slider-md [role=handle] {
    background: #fff;
    border-radius: 5px;
    width: 10px;
    height: 25px;
    top: 3px;
    box-shadow: 0px 0px 10px #aec7dd5c;
    border: solid 1px #82CFD0;
}

.treatment-slider {
    background: none;
    border: none;
    font-size: 14px;
    padding-left: 3px;
    vertical-align: middle;
    margin: -2px 0 0 0;
}


/*#sidebar-wrapper-menu {
    z-index: 10012;
}*/

.affix {
    z-index: 10000;
}


/*.slider-progress-table .slider-progress .gj-slider {
  padding: 8px 0;
}*/

.slide-new-slide {
    padding: 12px 0;
    position: relative;
}

.slide-new-slide .slider {
    -webkit-appearance: none;
    width: 72%;
    margin: 0 auto;
    display: block;
    height: 15px;
    border-radius: 5px;
    background: #A6BBCE;
    outline: none;
    -webkit-transition: .2s;
    transition: opacity .2s;
    box-shadow: 0px 0px 10px #aec7dd5c;
    position: relative;
    z-index: 10;
}

.slide-new-slide .slider:hover {}

.slide-new-slide .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 10px;
    height: 25px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    box-shadow: 0px 0px 10px #aec7dd5c;
}

.slide-new-slide .slider::-moz-range-thumb {
    width: 10px;
    height: 25px;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
}

.slider-new-box {
    position: relative;
}

.slider-new-box:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    background: #bac8d8;
    width: 1px;
    height: 100%;
    z-index: 1;
}

.slide-new-slide .doller-icon {
    border: 1.5px solid #829EBA;
    border-radius: 50%;
    text-align: center;
    color: #829EBA;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 8%;
    top: 17px;
}

.slide-new-slide .doller-icon i {
    font-size: 11px;
    padding: 0;
    vertical-align: middle;
    margin-top: -5px;
}

.slide-new-slide .slder-info-text {
    color: #829EBA;
    font-size: 13px;
    position: absolute;
    right: 3%;
    top: 18px;
}

.slide-new-slide .time-icon {
    color: #829EBA;
    font-size: 20px;
    position: absolute;
    left: 5%;
    top: 14px;
}

#slider-input-progress {
    background: linear-gradient(to right, #fff 0%, #fff 100%);
    border: solid 1px #82CFD0;
    border-radius: 8px;
    height: 16px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
}

.progress-slider {
    background: linear-gradient(to right, #fff 0%, #fff 100%);
    border: solid 1px #82CFD0;
    border-radius: 8px;
    height: 16px;
    width: 100%;
    outline: none;
    transition: background 450ms ease-in;
    -webkit-appearance: none;
    position: relative;
    z-index: 10;
    margin-top: 7px;
}

.progress-slider-main input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #ccc;
    height: 25px;
    width: 10px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    margin-top: -1px;
    /* You need to specify a margin in Chrome, but in Firefox and IE it is automatic */
    box-shadow: 0px 0px 10px #aec7dd5c;
    position: relative;
    z-index: 999999;
}


/* All the same stuff for Firefox */

.progress-slider-main input[type=range]::-moz-range-thumb {
    box-shadow: 0px 0px 10px #aec7dd5c;
    border: 1px solid #ccc;
    height: 25px;
    width: 10px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    position: relative;
    z-index: 999999;
}


/* All the same stuff for IE */

.progress-slider-main input[type=range]::-ms-thumb {
    box-shadow: 0px 0px 10px #aec7dd5c;
    border: 1px solid #ccc;
    height: 25px;
    width: 10px;
    border-radius: 3px;
    background: #fff;
    cursor: pointer;
    position: relative;
    z-index: 999999;
}


/* risk-management-form starts */

.btn-stup-sec {
    min-width: auto !important;
    padding: 5px 10px !important;
}

.risk-management-form .upform input,
.risk-management-form select,
.risk-management-form textarea {
    background: #fff !important;
    color: #495057 !important;
}

.inp-value-label {
    font-size: 15px;
    color: #495057;
    padding: 8px 5px 0 6px;
}

.textarea-height-risk {
    height: 121px !important;
}

.progress-scale-popup ul {
    margin: 0;
    padding: 5px 0 0 0;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}

.progress-scale-popup ul li {
    list-style-type: none;
    padding: 12px 40px 12px 0;
    position: relative;
}

.progress-scale-popup .progress-scale-name {
    font-size: 13px;
    color: #33475b;
}

.progress-scale-popup .progress-scale-line {
    height: 18px;
    width: 100%;
    background: -webkit-linear-gradient(#004fa7, #007dee);
    position: relative;
}

.progress-scale-popup .progress-scale-percentage {
    font-size: 13px;
    color: #33475b;
    position: absolute;
    right: -40px;
    top: 0px;
}

.progress-scale-popup .progress-scale-name {
    position: absolute;
    left: -50px;
}

.progress-scale-popup {
    padding-left: 50px;
}


/*.progress-scale-popup ul li {
  list-style-type: none;
  height: 24px;
  background: -webkit-linear-gradient(#004fa7, #007dee);
  margin: 12px 0;
  font-size: 13px;
  color: #fff;
  padding: 2px 10px 0 10px;
  position: relative;
}
.progress-scale-percentage {
  float: right;
}
*/


/* risk-management-form ends */

.report-small-tab .tab-common-left-md {
    width: 10%;
    text-align: center;
}

.report-small-tab .tab-common-left-content-m {
    width: 90%;
}

.hc-report-tab-style .tab-common-left-content-m {
    /*min-height: 680px;*/
}

.report-box-common {
    width: 100%;
}

.report-documents-sec ul {
    margin: 0;
    padding: 0;
}

.report-documents-sec ul li {
    list-style-type: none;
    width: 16%;
    float: left;
    padding: 0 10px 10px 0;
}

.report-documents-sec ul li img {
    width: 100%;
}

.report-box-common .annual-box {
    box-shadow: 2px 2px 10px #0088ff38;
}

.report-box-common {
    padding: 0px;
    margin-bottom: 15px;
}


/*.report-file-box ul li:hover .edit-option-show {
    opacity: 0;
}
.report-file-box ul li:hover .edit-option-report {
    opacity: 1;
}
*/

.report-upload-btn {
    top: 98%;
    right: 20px;
}

.report-box-common:hover .report-upload-btn {
    top: 98%;
    margin-top: -40px;
    opacity: 1;
}

.report-file-box .report-loop-box {
    width: 50px !important;
}

.report-box-common .docs-dtl-box {
    width: auto !important;
}

.report-box-common .width-persantage {
    width: 47% !important;
}

.box-height-report {
    height: 118px;
}


/*.performance-box-height {
  height: 208px;
}*/

.box-annual-audit-plan {
    width: 430px;
    margin: 0 auto;
}

.audit-calender-head-sec h2 label {
    margin-bottom: 11px;
}

.perfomance-box-one {
    height: 200px;
}

.head-big-18 {
    font-size: 18px;
}


/* work flow starts */

.workflow-tab h2 {
    text-align: center;
}

.work-flow-review-approval {
    width: 320px;
    margin: 0 auto 20px auto;
    text-align: center;
    padding: 10px;
    position: relative;
    border-radius: 5px;
}

.work-flow-pic {
    width: 50px;
    position: relative;
}

.work-flow-pic img {
    width: 100%;
}

.work-flow-pic span {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    right: 0;
    margin: 0 auto;
    bottom: -2px;
    text-align: center;
    font-size: 10px;
    padding: 3px 0;
}

.work-flow-review-approval h5 {
    font-size: 17px;
    margin-bottom: 0px;
    text-align: left;
}

.work-flow-review-approval p {
    margin-bottom: 0px;
    text-align: left;
}

.work-flow-review {
    border: 1px solid #d6ecff;
    box-shadow: 0px 0px 10px #0088ff38;
}

.work-flow-approval {
    border: 1px solid #a2f6a2;
    box-shadow: 0px 0px 10px #0ab00a4a;
}

.work-flow-review .work-flow-pic span {
    background: #0088FF;
}

.work-flow-approval .work-flow-pic span {
    background: #0F8E20;
}

.work-flow-review-approval:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -21px;
    background: #0088FF;
}

.work-flow-review-approval.btm-bdr:after {
    content: none;
}

.work-flow-review-approval-main {
    padding: 15px 0;
}

.bordr-side-review-approval {
    position: relative;
}

.bordr-side-review-approval:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #ced4da;
    margin-top: 0px;
}

.work-flow-details-sec-left .curve-toggle.curv-2 {
    top: -15px;
    right: -16px;
    background: url(../images/curved-btn2.png) no-repeat;
    z-index: 2;
}

.left-pic-work-flow {
    width: 37px;
    float: left;
}

.document-left-side-header .issuue-new-style {
    float: left;
    width: 77%;
}

.outline-tag span {
    font-size: 10px;
    padding-left: 3px;
}

.full-width-files ul li {
    width: 100%;
}

.work-flow-info-tab .has-search {
    width: 100%;
}

.small-tab-icons {
    width: 122px;
}

.small-tab-icons ul li {
    float: left;
    margin-left: 12px;
}

.small-tab-icons .nav-tabs .nav-link {
    color: #7c98b6 !important;
    background: #f3f8fb;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    text-align: center;
    border: none;
    border-radius: 3px !important;
    font-size: 21px;
}

.small-tab-icons .nav-tabs .nav-link.active,
.small-tab-icons .nav-tabs .nav-item.show .nav-link {
    color: #fff!important;
    background: #0088FF;
    border: none;
}

.small-tab-icons .nav-tabs {
    border: none;
}

.work-flow-details-sec-left {
    padding-right: 5px;
}

.common-plus-icon {
    font-size: 11px;
    color: #0088FF !important;
    border: 1px solid #0088FF;
    padding: 2.99px 5px 1px 5px;
    line-height: 16px;
    border-radius: 50%;
    margin: -2px 0 0 5px;
    vertical-align: middle;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.common-plus-icon:hover {
    background: #0088FF;
    border-color: #0088FF;
    color: #fff !important;
}

.work-flow-big-pic {
    width: 100%;
}

.work-flow-big-pic img {
    width: 100%;
}

.flow-right-bdr {
    border-right: 2px solid #f3f8fb;
}

.workflow-lst-box {
    border: 1px solid #ced4da;
    margin-bottom: 15px;
}

.workflow-lst-box-head {
    border-bottom: 1px solid #ced4da;
    margin: 0;
    padding: 10px 15px;
}

.workflow-lst-content {
    padding: 10px 15px;
}

.small-line-head {
    font-size: 16px;
}

.workflow-lst-pics {
    margin-top: -15px;
}

.workflow-lst-pics-loop {
    min-height: auto;
    width: 100%;
}

.work-flow-loop-round {
    border-radius: 50%;
    border: 1px solid #d6ecff;
    box-shadow: 0px 0px 10px #e5edff;
    display: table;
    background: #fff;
    position: absolute;
    /*top: 50px;*/
    top: 22px;
    z-index: 2;
}

.work-flow-loop-main-right .work-flow-loop-round {
    left: -37px;
}

.work-flow-loop-main-left .work-flow-loop-round {
    right: -37px;
}

.work-flow-loop-round h4 {
    font-size: 16px;
    color: #506e91;
    text-align: center;
    margin-bottom: 0;
    padding: 28px 0;
    opacity: 0.5;
}

.work-flow-loop-box {
    border: 1px solid #CCD7E2;
    box-shadow: 0px 0px 10px #e5edff;
    border-radius: 35px;
    padding: 30px;
    width: 100%;
    opacity: 0.5;
    background: #fff;
}

.work-flow-loop-box-line {
    width: 80px;
    height: 1px;
    border-bottom: 1px solid #CCD7E2;
    /*margin-top: 88px;*/
    margin-top: 60px;
    opacity: 0.5;
}

.work-flow-loop-main {
    position: relative;
}

.work-flow-loop-main:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    border-right: 1px solid #CCD7E2;
    /*top: 87px;*/
    top: 50px;
    opacity: 0.5;
}

.work-flow-loop-main-right {
    padding-right: 50px;
}

.work-flow-loop-main-right:after {
    left: -1px;
}

.work-flow-loop-main-left:after {
    right: 0;
}

.work-flow-loop-main-left {
    padding-left: 50px;
}

.center-border-remove:after {
    content: none;
}

.work-flow-loop.active .work-flow-loop-box {
    border-color: #203569;
    opacity: 1;
}

.work-flow-loop.active .work-flow-loop-round h4 {
    opacity: 1;
}

.work-flow-loop.active .work-flow-loop-round {
    border: 1px solid #c3cadbfa;
    box-shadow: 0px 0px 10px #20356959;
}

.work-flow-loop.active .work-flow-loop-box-line {
    border-color: #203569;
    opacity: 1;
}

.work-flow-loop.active .work-flow-loop-round {
    animation: pulse 1s infinite;
    transition: .2s;
}

.work-flow-loop.active .work-flow-loop-round h4 {
    color: #203569;
    opacity: 1;
}

.work-flow-loop.active .workflow-status-text {
    color: #203569;
}

.work-flow-loop.active .work-flow-loop-main:after {
    border-color: #203569;
    opacity: 1;
}


/*.work-flow-loop.active .work-flow-loop-main:after {
  border-color: #0088FF;
}*/

.work-flow-loop.completed .work-flow-loop-box {
    border-color: #0ab00a;
    opacity: 1;
}

.work-flow-loop.completed .work-flow-loop-round {
    border: 1px solid #a2f6a2;
    box-shadow: 0px 0px 10px #0ab00a4a;
}

.work-flow-loop.completed .work-flow-loop-box-line {
    border-color: #0ab00a;
    opacity: 1;
}

.work-flow-loop.completed .work-flow-loop-round h4 {
    color: #0ab00a;
    opacity: 1;
}

.work-flow-loop.completed .work-flow-loop-main:after {
    border-color: #0ab00a;
    opacity: 1;
}

.work-flow-loop.completed .workflow-status-text {
    color: #0ab00a;
}

.work-flow-loop.submitted .work-flow-loop-box {
    border-color: #0088FF;
    opacity: 1;
}

.work-flow-loop.submitted .work-flow-loop-round {
    border: 1px solid #a6d5ff;
    box-shadow: 0px 0px 10px #0088ff38;
}

.work-flow-loop.submitted .work-flow-loop-box-line {
    border-color: #0088FF;
    opacity: 1;
}

.work-flow-loop.submitted .work-flow-loop-round h4 {
    color: #0088FF;
    opacity: 1;
}

.work-flow-loop.submitted .work-flow-loop-main:after {
    border-color: #0088FF;
    opacity: 1;
}

.work-flow-loop.submitted .workflow-status-text {
    color: #0088FF;
}

.work-flow-loop.reverted .work-flow-loop-box {
    border-color: #f68b22;
    opacity: 1;
}

.work-flow-loop.reverted .work-flow-loop-round {
    border: 1px solid #fcbc7d;
    box-shadow: 0px 0px 10px #f68b224d;
}

.work-flow-loop.reverted .work-flow-loop-box-line {
    border-color: #f68b22;
    opacity: 1;
}

.work-flow-loop.reverted .work-flow-loop-round h4 {
    color: #f68b22;
    opacity: 1;
}

.work-flow-loop.reverted .work-flow-loop-main:after {
    border-color: #f68b22;
    opacity: 1;
}

.work-flow-loop.reverted .workflow-status-text {
    color: #f68b22;
}

.work-flow-loop.published .work-flow-loop-box {
    border-color: #028b9c;
    opacity: 1;
}

.work-flow-loop.published .work-flow-loop-round {
    border: 1px solid #8cdae3;
    box-shadow: 0px 0px 10px #028b9c4d;
}

.work-flow-loop.published .work-flow-loop-box-line {
    border-color: #028b9c;
    opacity: 1;
}

.work-flow-loop.published .work-flow-loop-round h4 {
    color: #028b9c;
    opacity: 1;
}

.work-flow-loop.published .work-flow-loop-main:after {
    border-color: #028b9c;
    opacity: 1;
}

.work-flow-loop.published .workflow-status-text {
    color: #028b9c;
}

.work-flow-loop.rejected .work-flow-loop-box {
    border-color: #FF001A;
    opacity: 1;
}

.work-flow-loop.rejected .work-flow-loop-round {
    border: 1px solid #ffeaec;
    box-shadow: 0px 0px 10px #ff001a14;
}

.work-flow-loop.rejected .work-flow-loop-box-line {
    border-color: #FF001A;
    opacity: 1;
}

.work-flow-loop.rejected .work-flow-loop-round h4 {
    color: #FF001A;
    opacity: 1;
}

.work-flow-loop.rejected .work-flow-loop-main:after {
    border-color: #FF001A;
    opacity: 1;
}

.work-flow-loop.rejected .workflow-status-text {
    color: #FF001A;
}

.work-flow-loop {
    margin-top: -15px;
}

.ban-icon-cmn {
    float: right;
    font-size: 14px;
    padding: 2px 12px 0 0;
    color: #dc3545;
}


/*.edit-option-show-accodion {
  top: 50px;
  right: 30px;
}*/

.small-tab-top-left {
    float: left;
}

.small-menu-top-left {
    position: absolute;
    right: 0;
    top: -48px;
    -webkit-animation: myfirst-accordion 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation: myfirst-accordion 1s 1;
    animation-fill-mode: forwards;
}


/*.organization-form-page .tab {
  position: relative;
  
}*/

@-webkit-keyframes myfirst-accordion {
    0% {
        right: 0px;
        top: -25px;
        opacity: 0;
    }
    100% {
        right: 0px;
        top: -48px;
        opacity: 1;
    }
}

@keyframes myfirst-accordion {
    0% {
        right: 0px;
        top: -25px;
        opacity: 0;
    }
    100% {
        right: 0px;
        top: -48px;
        opacity: 1;
    }
}

.small-menu-top-left .outline-tag {
    margin-left: 2px !important;
}

.accordion-workflow-content p {
    margin-bottom: 7px;
}


/* work flow end */


/* inner-chat-v2 starts */

.inner-chat-v2 {}

.inner-chat-v2 .chat-box {
    width: 100%;
    background: #f3f8fb;
    float: none;
    margin-left: 0px;
    padding-left: 10px;
    border-left: 1px solid #9DB2C8;
    border-right: 1px solid #9DB2C8;
    padding-right: 4px;
}

.inner-chat-v2 .chat-box .chating-area {
    padding: 10px 0;
    height: 250px;
}

.inner-chat-v2 .chat-type-sec {
    background: #F3F8FB;
    padding: 10px;
    border: 1px solid #9DB2C8;
    width: 100%;
}

.inner-chat-v2 .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.inner-chat-v2 .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer !important;
}

.inner-chat-v2 .clip-attach {
    background: transparent;
    border: none;
    cursor: pointer !important;
    color: #506e91;
    position: relative;
    top: 3px;
    padding-top: 4px;
}

.inner-chat-v2 .clip-attach:hover {
    color: #0088FF;
}

.inner-chat-v2 .chat-type {
    float: left;
    width: 100%;
}

.inner-chat-v2 .chat-btn {
    float: left;
    width: 45px;
    padding-top: 2px;
    text-align: center;
}

.inner-chat-v2 .btn-chat {
    color: #0088FF;
    background: none;
    border: none;
    font-size: 18px;
}

.inner-chat-v2 .btn-chat i {
    -webkit-transform: rotate(56deg);
    -moz-transform: rotate(56deg);
    transform: rotate(56deg);
}

.inner-chat-v2 .inner-chat-headder-v2 h5 {
    background: #031F41;
    color: #fff;
    padding: 10px 10px;
    margin-bottom: 0;
}


/* inner-chat-v2 ends */

.tab-type-btn-small .outline-tag {
    background: #fff;
    margin: 0;
    font-size: 13px !important;
    color: #506e91 !important;
    border-radius: 0;
}

.tab-type-btn-small .outline-tag:nth-child(2) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(3) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(4) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(5) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(6) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(7) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(8) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:nth-child(9) {
    border-right: none;
}

.tab-type-btn-small .outline-tag:last-child {
    border-right: 1px solid #DBE2EB;
}

.tab-type-btn-small .outline-tag i {
    margin-right: 5px;
}

.tab-type-btn-small .active {
    background: #0088FF;
    color: #fff !important;
    border-radius: 0;
}

.tab-type-btn-small .outline-tag:hover {
    background: #0088FF !important;
    color: #fff !important;
    border-radius: 0;
    cursor: pointer;
}

.db-btn {
    background: #ccc;
    color: #fff;
    margin: 0;
    font-size: 13px;
    border-radius: 0;
    padding: 6px 12px;
    font-weight: normal;
    display: inline-block;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    text-align: center;
}

.db-btn i {
    font-size: 11px;
    vertical-align: middle;
    margin: -2px 0 0 8px;
}

.db-btn:hover {
    opacity: 0.8;
}

.btn-color-dark-blue {
    background: #416F93;
}

.btn-color-light-blue {
    background: #4B8BBE;
}

.license-box-bg {
    margin-bottom: 20px;
    border-radius: 2px;
    box-shadow: none !important;
    border: 1px solid #ced4da;
}

.license-box-bg-main {
    transition: transform 0.3s;
}

.license-box-bg-main:hover {
    transform: scale(1.03);
}

.license-box {
    width: 100%;
    height: 150px;
    margin: 0 auto;
    background-size: 100% 100% !important;
    position: relative;
    border-radius: 2px 2px 0 0;
}

.license-blur-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 2px 2px 0 0;
}

.license-blur-info-div {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    width: 100%;
    padding: 25px 15px 7px 15px;
    /*background-color: rgba(0, 0, 0, 0.1);*/
    background-color: #00000005;
    background-image: linear-gradient(#00000005, #7c7c7c00, #00000061);
    background: #00000005;
    background: linear-gradient(#00000005, #7c7c7c00, #00000061);
    z-index: 1;
}

.license-blur-info-div small {
    font-size: 12px;
}

.license-box-bg .progress {
    height: 5px;
    background-color: #cbd6e2;
    border-radius: 0;
}

.big-name {
    font-size: 1rem !important;
}

.license-name-sec {
    background: #fff;
    padding: 7px 15px;
    border-radius: 0 0 2px 2px;
}

.license-name-sec .big-name {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 17px;
}

.blue-shadow {
    box-shadow: 2px 2px 10px #cbd6e2;
}

.user-list-no-hov:hover h6,
.user-list-no-hov:hover span {
    color: #33475b;
}

.popup-new-type .modal-header {
    background: none !important;
    border-bottom: 2px solid #fff;
    padding: 12px 12px !important;
}

.header-new-popup {
    width: 100%;
    padding: 0 8px;
}

.header-new-popup .user-list-sm {
    float: left;
}

.header-new-popup .popup-link-icon {
    float: right;
    padding-top: 6px;
}

.header-new-popup .popup-link-icon a {
    font-size: 17px;
    color: #7c98b6;
    padding: 0 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.header-new-popup .popup-link-icon a:hover {
    color: #0088FF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.popup-new-type .form-body {
    padding: 20px;
}

.height-popup-new {
    min-height: 510px;
    padding: 15px 0;
    position: relative;
}

.height-popup-new img {
    width: 100%;
}

.no-preview-msg {
    text-align: center;
    width: 100%;
}

.no-preview-pic {
    width: 44px;
    margin: 0 auto;
}

.no-preview-pic img {
    width: 100%;
}

.preview-audio-sec {
    margin: 0 auto;
}

.preview-audio-sec audio {
    outline: none;
    width: 600px;
}

.cantroller-preview {
    position: absolute;
    bottom: 24px;
    right: 28px;
}

.cantroller-preview a {
    font-size: 14px;
    color: #7c98b6;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #fff;
    display: block;
    border: 1px solid #e4effa;
    box-shadow: 0 0 5px #d9e4ef;
    margin-bottom: 5px;
    text-align: center;
    padding-top: 4px;
}

.cantroller-preview a:hover {
    background: #0088FF;
    color: #fff;
}

.header-new-popup-bg {
    border-bottom: 2px solid #fff;
    padding: 12px 12px !important;
}

.compliace-reg-right-new {
    padding-top: 0px;
}

.compliace-reg-right-new::before {
    top: 0px;
}

.popup-slider-control {
    width: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 2;
}

.popup-slider-control a {
    font-size: 22px;
    color: #7c98b6 !important;
    padding: 5px;
}

.popup-slider-control a:hover {
    color: #0088FF !important;
}

.popup-slider-control-left {
    float: left;
    margin-left: 15px;
}

.popup-slider-control-right {
    float: right;
    margin-right: 15px;
}

.popup-pic-new {
    width: 100%;
    height: 100%;
    background-size: 100% 100% !important;
}

.popup-pic-img-new {
    width: auto;
    max-width: 88%;
    margin: 0 auto;
}

.popup-pic-img-new img {
    width: 100%;
}

.size-adjust-popup.modal-xl .popup-pic-img-new {
    max-width: 56%;
}

.user-right-fill .upload-pics-small .browse-form-pic {
    height: 115px;
}

.thump-pics-full .form-group-upload {
    min-height: 117px;
}

.flex-98-width .thump-pics-full .form-group-upload {
    min-height: 128px;
}

.flex-98-width .upload-pics-small .browse-form-pic {
    height: 126px;
}

.flex-98-width .thumb-pics {
    width: 25%;
}

.thumb-pics-bg {
    margin: 0 -6px;
}

.thumb-pics {
    float: left;
    width: 33.33%;
    padding: 0 6px 12px 6px;
}

.flex-98-width .thumb-pics-bg-5 .thumb-pics {
    width: 20%;
}

.thumb-pics-bg-5 .thumb-pics {
    width: 25%;
}

.no-policy-demo-text {
    border: 1px solid #ced4da;
}

.no-policy-demo {
    text-align: center;
    width: 100%;
    color: #506e91;
}

.no-policy-demo-text .no-file-icon {
    font-size: 30px;
}

.thumb-view-left-side {
    margin: 0 -6px;
}

.thumb-view-left-side-box {
    width: 50%;
    padding: 0 6px 6px 6px;
    float: left;
}

.thumb-view-left-side .browse-form-pic {
    height: 100px;
}

.file-upload-loader {
    text-align: center;
    height: 100%;
    width: 100%;
}

.form-error {
    color: #FF0000 !important;
    font-size: 12px;
    margin-bottom: 0;
    margin-left: 2px;
}


/* document trash start */

.document-trash {
    position: fixed;
    bottom: -20px;
    right: 65px;
    z-index: 2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: rotateY(180deg);
}


/*.document-trash:hover {
  bottom: 0px;
}*/

.document-trash:hover .trash {
    background: #dc3545;
}

.document-trash:hover .trash span {
    background: #dc3545;
}

.document-trash:hover .trash span:after {
    background: #dc3545;
}

.document-trash .trash {
    background: #c9d9e9;
    width: 56px;
    height: 70px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    -webkit-border-bottom-right-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.document-trash .trash:after {
    content: 'Mouse hover on Recile Bin';
    position: absolute;
    left: -99px;
    right: 0;
    bottom: -50px;
    width: 300px;
}

.document-trash .trash span {
    position: absolute;
    width: 70px;
    height: 9px;
    margin: 0 auto;
    background: #c9d9e9;
    top: -10px;
    left: -10px;
    right: -10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: rotate(0deg);
    transition: transform 250ms;
    transform-origin: 19% 100%;
}

.document-trash .trash span:after {
    content: '';
    position: absolute;
    width: 27px;
    height: 8px;
    background: #c9d9e9;
    top: -7px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    transform: rotate(0deg);
    transition: transform 250ms;
    transform-origin: 19% 100%;
    left: 22px;
}

.document-trash .trash i {
    position: relative;
    width: 5px;
    height: 50px;
    background: #fff;
    display: block;
    margin: 14px auto;
    border-radius: 5px;
}

.document-trash .trash i:after {
    content: '';
    width: 5px;
    height: 50px;
    background: #fff;
    position: absolute;
    left: -18px;
    border-radius: 5px;
}

.document-trash .trash i:before {
    content: '';
    width: 5px;
    height: 50px;
    background: #fff;
    position: absolute;
    right: -18px;
    border-radius: 5px;
}

.document-trash .trash:hover span {
    transform: rotate(-45deg);
    transition: transform 250ms;
}


/* document trash end */

.login-btn {
    padding: 13px 0 !important;
    box-shadow: 1px 4px 10px #dae9f2;
}

.login-forget {
    font-size: 14px;
    color: #7c98b6 !important;
    padding-top: 8px;
    display: block;
}

.login-forget:hover {
    color: #0088FF !important;
    text-decoration: none;
}

.login-block input {
    font-size: 16px;
    border: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    filter: none;
}

.login-block input:-webkit-autofill,
.login-block input:-webkit-autofill:hover,
.login-block input:-webkit-autofill:focus,
.login-block input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.signing-page .btn-signing {
    background: none;
    border: 1px solid #7c98b6;
    color: #7c98b6;
    padding: 10px 15px;
    border-radius: 5px;
    margin-right: 4px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.signing-page .btn-signing:hover {
    color: #0088FF;
    background: #fff;
}

.signing-page .btn-signing .login-g-in {
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    margin: -6px 4px 0 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.signing-page .btn-g-plus .login-g-in {
    background: url(../images/login-g-in.png) no-repeat;
    background-position: 0px 0px;
}

.signing-page .btn-g-plus:hover .login-g-in {
    background: url(../images/login-g-in.png) no-repeat;
    background-position: 0px -26px;
}

.signing-page .btn-in .login-g-in {
    background: url(../images/login-g-in.png) no-repeat;
    background-position: -24px 0px;
}

.signing-page .btn-in:hover .login-g-in {
    background: url(../images/login-g-in.png) no-repeat;
    background-position: -24px -26px;
}

.signing-page .btn-ms .login-g-in {
    background: url(../images/login-g-in.png) no-repeat;
    background-position: -48px 0px;
}

.signing-page .btn-ms:hover .login-g-in {
    background: url(../images/login-g-in.png) no-repeat;
    background-position: -48px -26px;
}

.btn-g-plus {
    /*background: url(../images/g-plus.png) no-repeat 10px 50%;*/
}


/*.btn-in {
  background: url(../images/in.png) no-repeat 10px 50%;
}*/


/*.btn-g-plus:hover {
  background: url(../images/g-plus.png) no-repeat 10px 50% #fff;
}*/


/*.btn-in:hover {
  background: url(../images/in.png) no-repeat 10px 50% #fff;
}*/

.login-block {
    margin-top: 10%;
    margin-left: 13%;
}

.field-login {
    margin-bottom: 10px;
    box-shadow: 1px 4px 10px #dae9f2;
    border-radius: 5px;
    padding: 15px 50px 15px 20px;
}

.login-block .username {
    /*background: url(../images/log-user-ico.png) no-repeat 94% 51% #fff;*/
    background: url(../images/log-user-ico.svg) no-repeat 94% 51% #fff;
    background-size: 28px;
}

.login-block .password {
    /*background: url(../images/log-password-ico.png) no-repeat 94% 51% #fff;*/
    background: url(../images/log-password-ico.svg) no-repeat 94% 51% #fff;
    background-size: 28px;
}

.field-login label {
    display: block;
    margin-bottom: 0px;
    font-family: 'Nunito SemiBold';
}

.login-block input:focus {
    outline: 0;
}

.check-label-text .remember-txt {
    color: #33475b;
}

.login-password-new {
    position: relative;
    padding-right: 80px;
}

.eye-icon-pswd {
    position: absolute;
    right: 55px;
    top: 15px;
    font-size: 18px;
    color: #b1c1d3 !important;
    cursor: pointer;
}

.eye-icon-pswd:hover {
    color: #0088FF !important;
}

.uploading-box {
    background-color: rgba(0, 24, 54, .8);
    color: #fff;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #f6f1f1;
    box-shadow: 2px 2px 10px #0088ff38;
}

.uploading-cotroler a {
    margin-right: -1px;
    font-size: 14px;
    color: #33475b !important;
    display: inline-block;
    border: 1px solid #ced4da;
    padding: 0px 6px;
}

.uploading-cotroler a:hover {
    text-decoration: none;
    color: #fff !important;
    background: #0088FF;
}

.uploading-box .close-download {
    margin: 0 5px 0 -5px;
    color: #fff;
}

.license-box-sm {
    height: 94px;
}

.fancy-box-img {
    height: 156px;
    width: 100%;
}

.flex-98-width .fancy-box-img {
    height: 200px;
    width: 100%;
}

.doc-fancy-box-bg {
    margin-bottom: 30px;
}

.box-cnt-one-top {
    border-bottom: 1px solid #ced4da;
    width: 100%;
    text-align: right;
    padding-bottom: 0px;
    margin-bottom: 15px;
}

.acl-popup-check {
    height: 16px;
    padding-left: 0;
    margin-top: -5px;
}


/* forget-password starts */

.forget-body {
    background: url(../images/forgot-bg.jpg) no-repeat 0 0 fixed;
    background-size: 100% 100%;
}

.forgot-box h3 {
    font-size: 20px;
    font-family: 'Nunito SemiBold';
    color: #0088FF;
}

.field-forgot {
    margin-bottom: 10px;
    box-shadow: 1px 4px 10px #dae9f2;
    border-radius: 5px;
    padding: 15px 20px;
    background: #fff;
}

.inp-label-forgot {
    font-size: 16px;
    color: #33475b;
    font-family: 'Nunito SemiBold';
}

.inp-label-forgot sup {
    color: #ff1d1d;
    margin-left: 1px;
}

.forgot-link {
    color: #0088FF !important;
}

.forgot-link:hover {
    text-decoration: none;
}

.back-to-login {
    padding-top: 8px;
}

.trouble-receiving {
    padding: 16px;
    background: #edf1f5;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.trouble-receiving-content {
    width: 100%;
    padding-left: 15px;
}

.trouble-receiving-content p {
    line-height: 15px;
    margin-bottom: 10px;
}

.forgot-box {
    margin-top: 5%;
    margin-left: 11%;
    padding-bottom: 0;
}

.forget-body .login-robot {
    bottom: 80px;
}

.forgot-lock-pic-bg {
    background: url(../images/forgot-lock-bg.png) no-repeat;
    background-size: cover;
    width: 380px;
    height: 340px;
    position: absolute;
    right: 6%;
    top: 50%;
    margin-top: -170px;
    display: flex;
    align-items: center;
}

.forgot-lock-pic {
    width: 70px;
    margin: 0 auto;
}

.forgot-lock-pic img {
    width: 100%;
}

.forgot-lock-pic-bg:hover .forgot-lock-pic {
    animation: shake-pic 0.9s;
    animation-iteration-count: infinite;
}

@keyframes shake-pic {
    0% {
        transform: translate(1px, 1px) rotate(0deg);
    }
    10% {
        transform: translate(-1px, -2px) rotate(-1deg);
    }
    20% {
        transform: translate(-3px, 0px) rotate(1deg);
    }
    30% {
        transform: translate(3px, 2px) rotate(0deg);
    }
    40% {
        transform: translate(1px, -1px) rotate(1deg);
    }
    50% {
        transform: translate(-1px, 2px) rotate(-1deg);
    }
    60% {
        transform: translate(-3px, 1px) rotate(0deg);
    }
    70% {
        transform: translate(3px, 1px) rotate(-1deg);
    }
    80% {
        transform: translate(-1px, -1px) rotate(1deg);
    }
    90% {
        transform: translate(1px, 2px) rotate(0deg);
    }
    100% {
        transform: translate(1px, -2px) rotate(-1deg);
    }
}


/* forget-password ends */

.field-forgot-page {
    background: url(../images/log-user-ico.png) no-repeat 97% center #fff;
    background-size: 35px;
    padding-right: 50px;
}

.active-text {
    color: #0088FF;
}

.cerficate-page {
    top: 9px;
    left: -8px;
}


/* risk-matrix-table starts */

.risk-matrix-table table tr td {
    width: 20%;
    height: 70px;
    padding: 10px 12px;
    text-align: center;
}

.risk-matrix-table table .circle-status span {
    font-size: 14px;
    background: #f3f8fb;
    padding: 2px 14px;
    border-radius: 4px;
}

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-bottom {
    vertical-align: bottom !important;
}

.risk-matrix-table table tr:hover {
    background: none !important;
}

.risk-matrix-table tbody tr td:hover {
    background: #dfe8f1;
}

.risk-matrix-table {
    position: relative;
    padding: 50px 50px 0px 50px !important;
    width: 100%;
}

.risk-matrix-table:after {
    background: #bac8d8;
    position: absolute;
    content: "";
    width: 10px;
    height: 90%;
    border-radius: 10px;
    top: 0;
    left: 41px;
}

.risk-matrix-table:before {
    background: #bac8d8;
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    border-radius: 10px;
    /*bottom: 41px;*/
    bottom: 122px;
    left: 0;
}

.risk-matrix-table-name table {
    border-color: #fff;
}

.risk-matrix-table-name table tr:hover {
    background: none !important;
}

.risk-matrix-table-left {
    width: 150px;
    padding-top: 50px;
    position: relative;
}

.risk-matrix-table-left table td {
    position: relative;
    text-align: right;
    height: 70px;
    font-family: 'Nunito Bold';
    color: #33475b;
}

.risk-table-nbr {
    width: 20px;
    height: 20px;
    background: #a9a9a9;
    color: #fff;
    font-size: 13px !important;
    text-align: center;
    padding-top: 0.9px;
    border-radius: 50%;
}

.risk-matrix-table-left table td span {
    position: absolute;
    right: -30px;
    top: 50%;
    margin-top: -10px;
    z-index: 1;
}

.risk-matrix-table-bottom .risk-table-nbr {
    display: block;
    margin: 0 auto 5px auto;
}

.risk-matrix-table-bottom table tr td {
    height: 105px;
    vertical-align: top;
    text-align: center;
    font-family: 'Nunito Bold';
    color: #33475b;
    padding: 15px 2px 5px 2px;
}

.risk-matrix-table-bottom table tr td:hover {
    background: none;
}

.big-line-head .right-block h5 {
    font-size: 22px;
}

.risk-table-graph {
    font-family: 'Nunito Bold';
    margin-bottom: 0;
    font-size: 20px;
    letter-spacing: 1px;
}

.risk-table-graph-btm {
    text-align: center;
}

.risk-table-graph-left {
    width: 14px;
    word-wrap: break-word;
    text-align: center;
    position: absolute;
    left: -18px;
    top: 36%;
    margin-top: -120px;
}

.risk-score-indication {
    display: inline-block;
    width: 25px;
    height: 16px;
    background: #ccc;
    margin: -3px 8px 0 0;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 4px;
}

.risk-matrix-table table .circle-status:before {
    display: inline-table;
}

.risk-score-box h5 {
    position: relative;
    padding-left: 35px;
}


/* risk-matrix-table end */


/* doc-view-more-popup Start */

.docs-border-right {
    border-right: 2px solid #f3f8fb;
    height: 100%;
}

.size-pic {
    color: #33475b;
}

.name-docs-draft {
    font-size: 13px;
    color: #33475b;
    padding-right: 6px;
}

.outline-tag-small {
    padding: 3px 8px;
    line-height: 17px;
}

.thumb-small-three .thumb-pics {
    width: 33.33%;
    padding: 0 6px 12px 6px;
}

.thumb-small-three .browse-form-pic {
    height: 110px;
}

.right-docs-popup {
    padding-left: 20px;
}


/* doc-view-more-popup End */


/* delete popup Starts */

.delete-popup-new .modal-dialog {
    width: 400px;
}

.delete-popup-content {
    border-radius: 10px !important;
}

.delete-popup-box {
    text-align: center;
}

.delete-popup-box p {
    font-size: 22px;
    margin-bottom: 10px;
}

.delete-popup-box h2 {
    margin-bottom: 0;
}

.exclamation-icon {
    width: 80px;
    margin: 10px auto;
}

.btn-red {
    background: #C6001D !important;
    border-color: #C6001D !important;
    color: #fff !important;
}

.btn-red:hover {
    background: #C6001D !important;
    opacity: 0.8;
}

.btn-gray {
    background: #CBD6E2 !important;
    border-color: #CBD6E2 !important;
    color: #33475B !important;
}

.btn-gray:hover {
    background: #CBD6E2 !important;
    color: #33475B !important;
    opacity: 0.8;
}

.btn-dark-gray {
    background: #6F8296 !important;
    border-color: #6F8296 !important;
    color: #fff !important;
}

.btn-dark-gray:hover {
    background: #6F8296 !important;
    border-color: #6F8296 !important;
    color: #fff !important;
    opacity: 0.8;
}

.btn-orange {
    background: #ff8b17 !important;
    border-color: #ff8b17 !important;
    color: #fff !important;
}

.btn-orange:hover {
    background: #ff8b17 !important;
    color: #fff !important;
    opacity: 0.8;
}

.btn-green {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
}

.btn-green:hover {
    background: #3db472 !important;
    color: #fff !important;
    opacity: 0.8;
}

.btn-yellow {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
}

.btn-yellow:hover {
    background: #ddc205 !important;
    color: #fff !important;
    opacity: 0.8;
}

.btn-gray-hov {
    border-color: #CBD6E2 !important;
    color: #33475B !important;
}

.btn-gray-hov:hover {
    background: #CBD6E2 !important;
    color: #33475B !important;
    border-color: #CBD6E2 !important;
    opacity: 0.8;
}

.btn-green-hov {
    border-color: #3db472 !important;
    color: #3db472 !important;
}

.btn-green-hov:hover {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
}

.btn-green-hov.active {
    background: #3db472 !important;
    border-color: #3db472 !important;
    color: #fff !important;
}

.btn-red-hov {
    border-color: #C6001D !important;
    color: #C6001D !important;
}

.btn-red-hov:hover {
    background: #C6001D !important;
    border-color: #C6001D !important;
    color: #fff !important;
}

.btn-red-hov.active {
    background: #C6001D !important;
    border-color: #C6001D !important;
    color: #fff !important;
}

.btn-yellow-hov {
    border-color: #ddc205 !important;
    color: #ddc205 !important;
}

.btn-yellow-hov:hover {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
}

.btn-yellow-hov.active {
    background: #ddc205 !important;
    border-color: #ddc205 !important;
    color: #fff !important;
}

.btn-orange-hov {
    border-color: #ffa500 !important;
    color: #ffa500 !important;
}

.btn-orange-hov:hover {
    background: #ffa500 !important;
    border-color: #ffa500 !important;
    color: #fff !important;
}

.btn-orange-hov.active {
    background: #ffa500 !important;
    border-color: #ffa500 !important;
    color: #fff !important;
}

.btn-light-green-hov {
    border-color: #0DBF00 !important;
    color: #0DBF00 !important;
}

.btn-light-green-hov:hover {
    background: #0DBF00 !important;
    border-color: #0DBF00 !important;
    color: #fff !important;
}

.btn-light-green-hov.active {
    background: #0DBF00 !important;
    border-color: #0DBF00 !important;
    color: #fff !important;
}

.btn-light-green {
    background: #0DBF00 !important;
    border-color: #0DBF00 !important;
    color: #fff !important;
}

.btn-light-green:hover {
    background: #0DBF00 !important;
    color: #fff !important;
    opacity: 0.8;
}


/* delete popup ends */


/* verification starts */

.verification-body {
    background: url(../images/verification-bg.jpg) no-repeat 0 0 fixed;
    background-size: 100% 100%;
}

.verification-box {
    width: 500px;
    margin: -214px auto 15px auto;
    background: #fff;
    text-align: center;
    padding: 80px 0 35px 0;
    box-shadow: 0px 0px 10px #aeaeae;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
}

.verification-top-pic {
    position: absolute;
    top: -35px;
    left: 0;
    right: 0;
    width: 77px;
    margin: 0 auto;
}

.robo-pic-vry {
    width: 98px;
    margin: 0 auto;
}

.logo-vry {
    width: 220px;
    margin: 0px auto;
    margin-top: 10px;
}

.verification-box h3 {
    font-size: 30px;
    color: #848d97;
    text-align: center;
    padding-top: 70px;
}

.verification-box h3 span {
    padding-left: 17px;
    display: inline-block;
}

.verification-box .progressbar-new-main {
    width: 320px;
    margin: 0 auto;
}

.verification-box p {
    padding-top: 8px;
}

.verification-box p a {
    color: #0091ff !important;
    font-size: 14px;
}

.verification-box p a:hover {
    text-decoration: none;
}


/* verification ends */

.tab-common-left-mds {
    float: left;
    width: 10%;
}

.tab-common-left-content-mds {
    float: left;
    width: 90%;
}

.w-0 {
    width: 0px !important;
}

.line-head-check-bg {
    position: relative;
    padding-left: 23px !important;
}

.line-head-check {
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 999;
}

.ngx-pagination {
    padding-left: 0 !important;
}

.thump-pics-full .thumb-pics {
    width: 20%;
}

.flex-98-width .thump-pics-full .thumb-pics {
    width: 16.64%;
}

.change-request-tab {
    width: 183px;
}

.deactivate-tag {
    color: #dc3545 !important;
}

.deactivate-tag:after {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
}


/* comparison-box starts */

.comparison-box {
    border: 1px solid #ced4da;
}


/* comparison-box ends */


/* user report starts */

.year-inp-label .outline-tag {
    padding: 8px 12px;
}

.head-and-label .outline-tag {
    vertical-align: middle;
    margin-top: -3px;
    margin-bottom: 0;
}

.progress-round {
    width: 115px;
    height: 115px;
    line-height: 108px;
    background: none;
    box-shadow: none;
    position: relative;
    margin: 0 auto;
}

.progress-round:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 12px solid #b9deff;
    position: absolute;
    top: 0;
    left: 0;
}

.progress-round>span {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 1;
}

.progress-round .progress-left {
    left: 1px;
}

.progress-round .progress-bar {
    width: 100%;
    height: 100%;
    background: none;
    border-width: 12px;
    border-style: solid;
    position: absolute;
    top: 0;
}

.progress-round .progress-left .progress-bar {
    left: 100%;
    border-top-right-radius: 80px;
    border-bottom-right-radius: 80px;
    border-left: 0;
    -webkit-transform-origin: center left;
    transform-origin: center left;
}

.progress-round .progress-right {
    right: 1px;
}

.progress-round .progress-right .progress-bar {
    left: -100%;
    border-top-left-radius: 80px;
    border-bottom-left-radius: 80px;
    border-right: 0;
    -webkit-transform-origin: center right;
    transform-origin: center right;
    animation: loading-1 1.8s linear forwards;
}

.progress-round .progress-value {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: #fff;
    font-size: 24px;
    font-family: 'Nunito Bold';
    color: #0088FF;
    line-height: 108px;
    text-align: center;
    position: absolute;
    top: 5%;
    left: 5%;
}

.progress-round.blue .progress-bar {
    border-color: #049dff;
}

.progress-round.blue .progress-left .progress-bar {
    animation: loading-2 1.5s linear forwards 1.8s;
}

.progress-round.yellow .progress-bar {
    border-color: #fdba04;
}

.progress-round.yellow .progress-left .progress-bar {
    animation: loading-3 1s linear forwards 1.8s;
}

.progress-round.pink .progress-bar {
    border-color: #ed687c;
}

.progress-round.pink .progress-left .progress-bar {
    animation: loading-4 0.4s linear forwards 1.8s;
}

.progress-round.green .progress-bar {
    border-color: #1abc9c;
}

.progress-round.green .progress-left .progress-bar {
    animation: loading-5 1.2s linear forwards 1.8s;
}

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}


/* progress extra small starts */

.progress-esm .progress-round {
    width: 38px;
    height: 38px;
    line-height: 10px;
}

.progress-esm .progress-round .progress-bar {
    border-width: 5px;
}

.progress-esm .progress-round:after {
    border: 5px solid #f3f8fb;
}

.progress-esm .progress-round .progress-value {
    font-size: 9px;
    line-height: 37px;
    opacity: 0;
}

.annual-progress-left-user {
    width: 100%;
}


/* progress extra small end */


/* progress extra small starts */

.progress-md-sm .progress-round {
    width: 44px;
    height: 44px;
    line-height: 10px;
}

.progress-md-sm .progress-round .progress-bar {
    border-width: 5px;
}

.progress-md-sm .progress-round:after {
    border: 5px solid #f3f8fb;
}

.progress-md-sm .progress-round .progress-value {
    font-size: 11px;
    line-height: 40px;
    opacity: 1;
}

.annual-progress-left-user {
    width: 100%;
}


/* progress extra small end */


/* progress circle starts */

.progress-circle {
    font-size: 20px;
    margin: 0 auto;
    position: relative;
    /* so that children can be absolutely positioned */
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #ccc;
    border-radius: 50%;
    line-height: 5em;
}

.progress-circle:after {
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " ";
}


/* Text inside the control */

.progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #0088FF;
    z-index: 2;
    font-family: 'Nunito Bold';
}

.left-half-clipper {
    /* a round circle */
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute;
    /* needed for clipping */
    clip: rect(0, 5em, 5em, 2.5em);
    /* clips the whole left half*/
}


/* when p>50, don't clip left half*/

.progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto);
}

.value-bar {
    /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
    position: absolute;
    /*needed for clipping*/
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #049dff;
    /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/
    /* for debug */
    box-sizing: border-box;
}


/* Progress bar filling the whole right half for values above 50% */

.progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute;
    /*needed for clipping*/
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #049dff;
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.progress-circle:not(.over50) .first50-bar {
    display: none;
}


/* Progress bar rotation position */

.progress-circle.p0 .value-bar {
    display: none;
}

.progress-circle.p1 .value-bar {
    transform: rotate(4deg);
}

.progress-circle.p2 .value-bar {
    transform: rotate(7deg);
}

.progress-circle.p3 .value-bar {
    transform: rotate(11deg);
}

.progress-circle.p4 .value-bar {
    transform: rotate(14deg);
}

.progress-circle.p5 .value-bar {
    transform: rotate(18deg);
}

.progress-circle.p6 .value-bar {
    transform: rotate(22deg);
}

.progress-circle.p7 .value-bar {
    transform: rotate(25deg);
}

.progress-circle.p8 .value-bar {
    transform: rotate(29deg);
}

.progress-circle.p9 .value-bar {
    transform: rotate(32deg);
}

.progress-circle.p10 .value-bar {
    transform: rotate(36deg);
}

.progress-circle.p11 .value-bar {
    transform: rotate(40deg);
}

.progress-circle.p12 .value-bar {
    transform: rotate(43deg);
}

.progress-circle.p13 .value-bar {
    transform: rotate(47deg);
}

.progress-circle.p14 .value-bar {
    transform: rotate(50deg);
}

.progress-circle.p15 .value-bar {
    transform: rotate(54deg);
}

.progress-circle.p16 .value-bar {
    transform: rotate(58deg);
}

.progress-circle.p17 .value-bar {
    transform: rotate(61deg);
}

.progress-circle.p18 .value-bar {
    transform: rotate(65deg);
}

.progress-circle.p19 .value-bar {
    transform: rotate(68deg);
}

.progress-circle.p20 .value-bar {
    transform: rotate(72deg);
}

.progress-circle.p21 .value-bar {
    transform: rotate(76deg);
}

.progress-circle.p22 .value-bar {
    transform: rotate(79deg);
}

.progress-circle.p23 .value-bar {
    transform: rotate(83deg);
}

.progress-circle.p24 .value-bar {
    transform: rotate(86deg);
}

.progress-circle.p25 .value-bar {
    transform: rotate(90deg);
}

.progress-circle.p26 .value-bar {
    transform: rotate(94deg);
}

.progress-circle.p27 .value-bar {
    transform: rotate(97deg);
}

.progress-circle.p28 .value-bar {
    transform: rotate(101deg);
}

.progress-circle.p29 .value-bar {
    transform: rotate(104deg);
}

.progress-circle.p30 .value-bar {
    transform: rotate(108deg);
}

.progress-circle.p31 .value-bar {
    transform: rotate(112deg);
}

.progress-circle.p32 .value-bar {
    transform: rotate(115deg);
}

.progress-circle.p33 .value-bar {
    transform: rotate(119deg);
}

.progress-circle.p34 .value-bar {
    transform: rotate(122deg);
}

.progress-circle.p35 .value-bar {
    transform: rotate(126deg);
}

.progress-circle.p36 .value-bar {
    transform: rotate(130deg);
}

.progress-circle.p37 .value-bar {
    transform: rotate(133deg);
}

.progress-circle.p38 .value-bar {
    transform: rotate(137deg);
}

.progress-circle.p39 .value-bar {
    transform: rotate(140deg);
}

.progress-circle.p40 .value-bar {
    transform: rotate(144deg);
}

.progress-circle.p41 .value-bar {
    transform: rotate(148deg);
}

.progress-circle.p42 .value-bar {
    transform: rotate(151deg);
}

.progress-circle.p43 .value-bar {
    transform: rotate(155deg);
}

.progress-circle.p44 .value-bar {
    transform: rotate(158deg);
}

.progress-circle.p45 .value-bar {
    transform: rotate(162deg);
}

.progress-circle.p46 .value-bar {
    transform: rotate(166deg);
}

.progress-circle.p47 .value-bar {
    transform: rotate(169deg);
}

.progress-circle.p48 .value-bar {
    transform: rotate(173deg);
}

.progress-circle.p49 .value-bar {
    transform: rotate(176deg);
}

.progress-circle.p50 .value-bar {
    transform: rotate(180deg);
}

.progress-circle.p51 .value-bar {
    transform: rotate(184deg);
}

.progress-circle.p52 .value-bar {
    transform: rotate(187deg);
}

.progress-circle.p53 .value-bar {
    transform: rotate(191deg);
}

.progress-circle.p54 .value-bar {
    transform: rotate(194deg);
}

.progress-circle.p55 .value-bar {
    transform: rotate(198deg);
}

.progress-circle.p56 .value-bar {
    transform: rotate(202deg);
}

.progress-circle.p57 .value-bar {
    transform: rotate(205deg);
}

.progress-circle.p58 .value-bar {
    transform: rotate(209deg);
}

.progress-circle.p59 .value-bar {
    transform: rotate(212deg);
}

.progress-circle.p60 .value-bar {
    transform: rotate(216deg);
}

.progress-circle.p61 .value-bar {
    transform: rotate(220deg);
}

.progress-circle.p62 .value-bar {
    transform: rotate(223deg);
}

.progress-circle.p63 .value-bar {
    transform: rotate(227deg);
}

.progress-circle.p64 .value-bar {
    transform: rotate(230deg);
}

.progress-circle.p65 .value-bar {
    transform: rotate(234deg);
}

.progress-circle.p66 .value-bar {
    transform: rotate(238deg);
}

.progress-circle.p67 .value-bar {
    transform: rotate(241deg);
}

.progress-circle.p68 .value-bar {
    transform: rotate(245deg);
}

.progress-circle.p69 .value-bar {
    transform: rotate(248deg);
}

.progress-circle.p70 .value-bar {
    transform: rotate(252deg);
}

.progress-circle.p71 .value-bar {
    transform: rotate(256deg);
}

.progress-circle.p72 .value-bar {
    transform: rotate(259deg);
}

.progress-circle.p73 .value-bar {
    transform: rotate(263deg);
}

.progress-circle.p74 .value-bar {
    transform: rotate(266deg);
}

.progress-circle.p75 .value-bar {
    transform: rotate(270deg);
}

.progress-circle.p76 .value-bar {
    transform: rotate(274deg);
}

.progress-circle.p77 .value-bar {
    transform: rotate(277deg);
}

.progress-circle.p78 .value-bar {
    transform: rotate(281deg);
}

.progress-circle.p79 .value-bar {
    transform: rotate(284deg);
}

.progress-circle.p80 .value-bar {
    transform: rotate(288deg);
}

.progress-circle.p81 .value-bar {
    transform: rotate(292deg);
}

.progress-circle.p82 .value-bar {
    transform: rotate(295deg);
}

.progress-circle.p83 .value-bar {
    transform: rotate(299deg);
}

.progress-circle.p84 .value-bar {
    transform: rotate(302deg);
}

.progress-circle.p85 .value-bar {
    transform: rotate(306deg);
}

.progress-circle.p86 .value-bar {
    transform: rotate(310deg);
}

.progress-circle.p87 .value-bar {
    transform: rotate(313deg);
}

.progress-circle.p88 .value-bar {
    transform: rotate(317deg);
}

.progress-circle.p89 .value-bar {
    transform: rotate(320deg);
}

.progress-circle.p90 .value-bar {
    transform: rotate(324deg);
}

.progress-circle.p91 .value-bar {
    transform: rotate(328deg);
}

.progress-circle.p92 .value-bar {
    transform: rotate(331deg);
}

.progress-circle.p93 .value-bar {
    transform: rotate(335deg);
}

.progress-circle.p94 .value-bar {
    transform: rotate(338deg);
}

.progress-circle.p95 .value-bar {
    transform: rotate(342deg);
}

.progress-circle.p96 .value-bar {
    transform: rotate(346deg);
}

.progress-circle.p97 .value-bar {
    transform: rotate(349deg);
}

.progress-circle.p98 .value-bar {
    transform: rotate(353deg);
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg);
}

.progress-circle.p100 .value-bar {
    transform: rotate(360deg);
}


/* progress-sm starts */

.progress-circle-sm.progress-circle {
    font-size: 16px;
}

.progress-circle-lg.progress-circle {
    font-size: 25px;
}


/*.progress-circle-sm.progress-circle {
   font-size: 20px;
   width: 3em;
   height: 3em;
   line-height: 3em;
}
.progress-circle-sm.progress-circle:after{
    top: 0.35em;
    left: 0.35em;
    width: 2.3em;
    height: 2.3em;
}
.progress-circle-sm.progress-circle span {
    line-height: 3em;
    width: 3em;
}
.progress-circle-sm .left-half-clipper { 
   width: 3em;
   height: 3em;
   clip: rect(0, 3em, 3em, 1.5em); 
}
.progress-circle-sm .value-bar {
   clip: rect(0, 1.5em, 3em, 0);
   width: 3em;
   height: 3em;
   border: 0.45em solid #049dff; 
}
.progress-circle-sm.progress-circle.over50 .first50-bar {
   clip: rect(0, 3em, 3em, 1.5em);
   width: 3em;
   height: 3em;
}*/


/* progress-sm end */


/* progress circle end */

.single-image {
    width: 35px;
    position: absolute;
    right: 15px;
    top: 13px;
}

.license-name-sec-pic {
    padding-right: 55px;
}

.box-light-shadow {
    background: rgba(3, 31, 65, 0.1);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.accordioncheck-right {
    margin: 3px 0 0 10px;
}


/* user reports end */

.newbox-plus-template {
    display: block;
    bottom: 17px;
}

.topcorner {
    position: fixed;
    top: 100px;
    right: 30px;
    width: 50%;
    z-index: 999999;
}

.topcorner-inner {
    max-height: 245px;
}

.risk-treatment-table-one {
    width: 20%;
}

.risk-treatment-table-two {
    width: 80%;
}

.edit-option-show-accodion-right {
    right: 190px;
}

.common-tab-md .vertical-tab .nav-item .nav-link i {
    margin-right: 5px;
}

.small-text {
    font-size: 12px;
    color: #7c98b6;
    vertical-align: middle;
    margin: -3px 0 0 0;
}

#full-screen-accordion h5.width96pc {
    margin-bottom: 13px;
}

.inner-pdca {
    margin: -5px 0 0 5px;
}

.inner-pdca .outline-tag {
    border: 1px solid #7c98b6;
    margin-left: 2px;
}

.inner-pdca .container2 {
    padding-left: 23px;
}

.pdca-inner-option {
    background: #fff;
    padding: 12px 0 8px 8px;
    border: 1px solid #f8f0f0;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #0088ff38;
}

.template-pic-box {
    width: 100%;
    height: 140px;
    margin: 0 auto;
    background-size: 100% 100% !important;
    position: relative;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.template-list:hover .template-pic-box {
    transform: scale(1.09);
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.template-list {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.template-list:hover .box-light-shadow {
    opacity: 0;
}

.box-inner-overflow {
    overflow: hidden;
}

.headig-highlite h6 {
    background: #0088FF;
    color: #fff;
    display: inline-block;
    padding: 8px 35px 8px 12px;
    margin-bottom: 0px;
    border-top-right-radius: 73px 44px;
}

.headig-highlite {
    width: 100%;
    border-bottom: 1px solid #0088FF;
    margin-bottom: 15px;
}

.bg-body {
    background: #f3f8fb !important;
}

.thumb-half-page .thumb-view-left-side-box {
    width: 25%;
}

.user-report-top-box-sec {
    border: 1px solid #ced4da;
    padding: 15px 7px;
    margin: 10px 0px 20px 0px;
    border-radius: 8px;
}

.cke_editor_editor1_dialog {
    z-index: 9999999 !important;
}

.cke_ltr {
    z-index: 9999999 !important;
}

.cke_notifications_area {
    z-index: 9999999 !important;
}

.big-progress {
    width: 100%;
}

.big-progress .progress {
    width: 100%;
    height: 13px;
    background-color: #cbd6e2;
    border-radius: 8px;
}

.big-progress .progress-bar {
    border-radius: 8px;
}

.overall-score {
    width: 180px;
    border-right: 1px solid #ccc;
}

.overall-score h3 {
    font-size: 40px;
    background: -webkit-linear-gradient(#004fa7, #007dee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
}

.overall-score h3 span {
    font-size: 25px;
}

.completed-questions-progress {
    padding-left: 30px;
}

.completed-questions-progress .progress {
    height: 20px;
    border-radius: 0px;
}

.completed-questions-progress .progress-bar {
    border-radius: 0px;
}

.completed-questions-progress-label {
    font-family: 'Nunito SemiBold';
    margin: 8px 0 0 0;
}

.overall-score p {
    margin-bottom: 0px;
    line-height: 14px;
}

.big-progress-bg {
    padding: 15px 20px;
}

.accordion-percentage-right {
    position: absolute;
    right: 45px;
}

.score-right-accodion {
    text-align: right;
    width: 100px;
}

.score-right-accodion h4 {
    font-size: 13px;
    margin-bottom: 0;
}

.pdca-box {
    padding: 25px 30px 25px 50px;
}

.pdca-box-progress {
    width: 115px;
}

.pdca-performance h6 span {
    width: 65px;
    float: right;
    text-align: right;
}

.pdca-performance h6 {
    margin-bottom: 10px;
    border-bottom: 1.5px solid #ced4da;
    padding-bottom: 12px;
}

.drop-detail-sec .banking-issue li a label {
    margin-bottom: 0;
    font-family: 'Nunito Bold';
    position: absolute;
    right: 0px;
}

ul.arrowlist li {
    position: relative;
    font-size: 14px;
}

ul.arrowlist li label {
    margin-bottom: 0;
    font-family: 'Nunito Bold';
    position: absolute;
    right: 0px;
}

.pdca-performance .drop-detail-sec .banking-issue li a {
    padding-right: 45px;
    position: relative;
    width: 100%;
}

.pdca-performance .banking-issue li {
    padding: 5px 0;
}

.pdca-performance-main {
    padding-bottom: 30px;
}

.pdca-performance {
    padding: 30px 30px 0 30px;
}

.no-item-text {
    color: #506e91;
    margin-bottom: 0;
}

.document-position-row {
    margin: 0 -7px;
    display: flex;
    align-items: flex-end;
}

.document-position {
    float: left;
    padding: 0 7px;
}

.document-position-inner {
    background: #fff;
    padding: 20px 22px;
    width: 93%;
    margin: 0 auto;
}

.position-width-two {
    width: 35%;
}

.position-width-one {
    width: 30%;
}

.position-width-three {
    width: 35%;
}

.document-performance-box {
    border: 1px solid #ced4da;
}

.document-performance-pic {
    width: 100%;
    height: 100%;
    min-height: 150px;
    background-size: 100% 100% !important;
}

.progress-round-small .progress-round {
    width: 90px;
    height: 90px;
}

.progress-round-small .progress-round .progress-bar {
    border-width: 7px;
}

.progress-round-small .progress-round:after {
    border: 7px solid #ccc;
}

.progress-round-small .progress-round .progress-value {
    font-size: 18px;
    line-height: 85px;
}

.progress-round-small p {
    text-align: center;
    padding-top: 5px;
}

.remove-pdg {
    padding: 0;
}

.document-position-number {
    border-bottom: 10px solid #63b6ff;
}

.document-position-number-stant {
    background: #c1eefc;
    padding: 10px;
    text-align: center;
    color: #33475b;
    font-family: 'Nunito Bold';
    width: 95%;
    margin: 0 auto;
}

.document-stant-top-line {
    width: 97%;
    margin: 0 auto;
    height: 5px;
    background: #71bdff;
}

.position-width-one .document-position-number-stant {
    font-size: 70px;
}

.position-width-two .document-position-number-stant {
    font-size: 48px;
}

.position-width-three .document-position-number-stant {
    font-size: 44px;
}

.document-performance-box {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.document-performance-pic {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.document-performance-box:hover .document-performance-pic {
    transform: scale(1.09);
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.btm-top-pdg {
    padding: 20px 0;
}

.popup-select-two .select-width {
    float: left;
    width: 86%;
}

.popup-select-two .multi-add-user {
    width: 10%;
}


/* header search starts */


/*.top{
  background-color:#123;
  position:relative;
  display:block;
  width:100%;
  height:30px;
}*/


/*.btn-search{
  background:#08f;
  position:absolute;
  display:inline-block;
  width:50px;
  height:50px;
  left:40px;
  line-height:50px;
  text-align:center;
  color:white;
}*/


/*i{
  font-size:25px;
}*/

.search-main-top {
    opacity: 0;
    /*background:#031f41;*/
    background-color: rgba(0, 24, 54, 0.8);
    padding: 8px 42px;
    text-align: center;
    position: relative;
    transition: background-color 500ms linear;
    width: 100%;
    height: 56px;
    /* z-index: -1;*/
    top: -56px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-main-top-show {
    opacity: 1;
    top: 0px;
    z-index: 1000;
}

main {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.main-margin {
    margin-top: 15px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/*.search-btn-menu-head {
  text-decoration:none;
  background-color:#1995cc;
  color:white;
  border-bottom:4px solid #215198;
  border-radius:0 0 2px 2px;
  -webkit-transition: background-color 250ms ease-out, ;
  -moz-transition: background-color 250ms ease-out;
  -o-transition: background-color 250ms ease-out;
  transition: background-color 250ms ease-out;
}*/

.search-main-top input {
    border: none;
    padding: 6px 0;
    background: none;
    color: #fff;
    outline: none;
    border-bottom: 1px solid white;
    width: 57%;
    font-size: 14px;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

.search-main-top button {
    background: none;
    border: none;
}

.search-main-top .sbtn {
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    top: 3px;
    position: relative;
}

.search-main-top input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.6);
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

.header-main {
    position: relative;
    z-index: 10010;
}

.sticky {
    position: fixed;
    top: 44px;
    width: 100%;
}

.head-search-sm {
    display: none;
}


/*.search-main-top {
  position: relative;
  -webkit-animation: myfirst-search 1s 1; 
  -webkit-animation-fill-mode: forwards;
  animation: myfirst-search 1s 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst-search {
  0%   { left: 0px; top: -50px;}
  100% { left: 0px; top: -100px;}
}
@keyframes myfirst-search {
  0%   { left: 0px; top: -50px;}
  100% { left: 0px; top: -100px;}
}


.search-main-top-show {
  position: relative;
  -webkit-animation: myfirst-search-sh 1s 1; 
  -webkit-animation-fill-mode: forwards;
  animation: myfirst-search-sh 1s 1;
  animation-fill-mode: forwards;
}
@-webkit-keyframes myfirst-search-sh {
  0%   { left: 0px; top: -50px;}
  100% { left: 0px; top: 0px;}
}
@keyframes myfirst-search-sh {
  0%   { left: 0px; top: -50px;}
  100% { left: 0px; top: 0px;}
}*/


/* header search end */


/* assessment-progress-status starts */

.assessment-progress-status {
    margin: 0;
    padding: 0;
    position: relative;
}

.assessment-progress-status:after {
    content: "";
    position: absolute;
    top: 0;
    left: 36px;
    border-left: 1px solid #506e91;
    height: 100%;
}

.assessment-progress-status li {
    list-style-type: none;
    background: #f3f8fb;
    margin-bottom: 10px;
    font-size: 14px;
    padding: 2px 0;
    color: #000;
    margin-left: 36px;
    position: relative;
    height: 25px;
}

.assessment-progress-status .progress-number {
    display: inline-block;
    width: 36px;
    text-align: center;
    margin-right: 10px;
    margin-left: -36px;
}

.assessment-progress-status .percentage-progress {
    width: 65px;
    float: right;
    text-align: right;
    padding-right: 5px;
    position: relative;
    z-index: 1;
}

.assessment-progress-status .progress-scale-line {
    height: 25px;
    width: 100%;
    background: #a5d5ff;
    position: absolute;
    top: 0;
}

.assessment-progress-status .progress-name {
    position: relative;
    z-index: 1;
}


/* assessment-progress-status ends */

.exclamation-icon-two {
    font-size: 45px;
    color: #dc3545;
    text-align: center;
    margin: -18px 10px 0 0;
}

.btn-new-icon {
    position: relative;
    margin: 0 7px 7px 0 !important;
}


/*.btn-new-icon i {
  position: absolute;
  font-size: 10px;
  color: #fff;
  right: 3px;
  top: 3px;
  opacity: 0;
}*/

.btn-new-icon.active {
    background: #0088FF;
    color: #fff;
}


/*.btn-new-icon.active i {
  opacity: 1;
}*/

.btn-new-icon.active:after {
    content: "\f00c";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    position: absolute;
    top: 1px;
    right: 3px;
    font-size: 10px;
}

.btn-new-icon.deactive:after {
    content: "\f05e";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    position: absolute;
    top: 1px;
    right: 3px;
    font-size: 10px;
}

.user-next-icon {
    width: 58px;
}

.user-next-icon a {
    display: inline-block;
    text-align: center;
    color: #33475b;
    font-size: 15px;
    margin-left: 3px;
}

.user-next-icon a i {
    width: 25px;
    height: 25px;
    padding-top: 5px;
    border: 1px solid #f3f1f1;
    box-shadow: 0px 0px 4px #0088ff38;
}

.user-next-icon a:hover {
    text-decoration: none;
    color: #0088FF;
}

.small-popup-login {
    margin: 0 auto;
    padding: 0;
}

.small-popup-login h6 {
    font-family: 'Nunito SemiBold';
    padding-top: 10px;
}

.small-pop-head-white {
    border-bottom: 1px solid #e9ecef;
}

.small-pop-head-white h4 {
    color: #33475b;
    font-size: 18px;
    margin-bottom: 0;
    padding: 12px 0;
}

.no-fixed-table .fixed-table {
    margin-bottom: 0px !important;
}

.head-three {
    font-size: 20px;
    font-family: 'Nunito Bold';
}

.close-text-box {
    position: absolute;
    right: 3px;
    font-size: 35px;
    top: -10px;
}

.close-text-box:hover {
    text-decoration: none;
}

.small-rate-box {
    width: 80%;
    float: right;
}

.risk-rating-box-white {
    padding: 15px 0 10px 0;
}

.risk-rating-box-white p {
    font-size: 13px;
    font-family: 'Nunito SemiBold';
}

.down-icon-risk-rating {
    font-size: 23px;
    padding-top: 2px;
}

.list-and-btn li a {
    width: auto;
}

.btn-minus-top {
    padding: 3px 10px !important;
    position: absolute;
    top: 0;
    right: 80px;
}

.list-right-score {
    background: #0088FF;
    color: #fff;
    padding: 3px 8px;
    font-size: 16px;
    margin-top: -6px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 4px;
    float: right;
    position: absolute;
    right: 0;
    top: 5px;
    line-height: normal;
}

.list-right-score-new {
    position: absolute;
    right: 0;
    top: 3px;
    font-size: 17px;
    font-family: 'Nunito SemiBold';
}

.list-right-score-new .rigt-arow-value {
    font-size: 20px;
    vertical-align: middle;
    margin: -3px 5px 0 5px;
}

.list-right-score-new .small-value {
    font-size: 13px;
}

.list-and-btn li {
    padding-right: 130px;
    margin-bottom: 12px;
}

.slider-progress-value-main {
    height: 15px;
}

.slider-progress-value {
    position: absolute;
    top: 0px;
}

.slider-left-text {
    left: 6px;
}

.slider-center-text {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.slider-right-text {
    right: 6px;
}

.accordion-score-right {
    position: absolute;
    right: 55px;
    top: 11px;
}

.small-list-tab-md {
    width: 190px;
}

.small-list-tab-md .vertical-tab {
    min-width: 190px;
}

.progress-round-big {
    width: 150px;
    height: 150px;
}

.progress-round-big:after {
    border: 14px solid #b9deff;
}

.progress-round.progress-round-big .progress-bar {
    border-width: 14px;
}

.progress-round-big .progress-value {
    font-size: 28px;
    top: 15%;
    line-height: 110px !important;
}

.progress-round-lg:after {
    border: 9px solid #b9deff;
}

.progress-round-lg .progress-value {
    line-height: 110px !important;
}

.info-text {
    font-size: 13px;
    color: #506e91;
    font-family: 'Nunito SemiBold';
}

.small-text-current-value {
    font-size: 15px;
}

.big-text-current-value {
    vertical-align: middle;
    margin-top: 1px;
    font-size: 22px;
}

.risk-score-box-new h2 {
    font-size: 60px;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
    display: inline-block;
    padding-right: 8px;
}

.risk-score-box-new h3 {
    font-size: 27px;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
}

.risk-score-box-new span i {
    font-size: 66px;
    display: block;
    padding: 2px 0 10px 0;
}

.table .risk-type-bx-drop {
    color: #506e91;
}


/* risk color table starts */

.color-box-risk {
    padding: 0;
    background: #ccc;
}

.risk-heatmap-category table td,
.risk-heatmap-category table th {
    border: 1px solid #fff;
}

.risk-heatmap-category table tbody tr:nth-child(even) {
    background: #fff;
}

.risk-heatmap-category tbody tr:hover {
    background: none !important;
    color: #212529;
}

.risk-heatmap-category table td {
    text-align: center;
    min-height: 44px;
    padding: 10px 0;
}

.count-risk {
    background: #fff;
    color: #33475B;
    font-size: 11px;
    text-align: center;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    margin: 0 auto;
    line-height: 24px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.color-box-risk:hover .count-risk {
    background: #0088FF;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(1.10);
    cursor: pointer;
}

.risk-heatmap-category table th {
    width: 13%;
    text-align: right;
    padding-right: 10px;
}

.risk-heatmap-category-title.risk-heatmap-category table th {
    width: 7%;
}

.heatmap-likelihood-title {
    margin-top: -54px !important;
    width: 210px;
    left: -113px !important;
}

.color-box-risk {
    width: 3.48%;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.color-box-risk:hover {
    opacity: 0.8;
}

.number-heatmap-order-left {
    padding: 10px 15px !important;
}

.color-box-green-one {
    background: #439400 !important;
}

.color-box-green-two {
    background: #61c50d !important;
}

.color-box-green-three {
    background: #77bc3f !important;
}

.color-box-green-four {
    background: #7dcb43 !important;
}

.color-box-green-five {
    background: #7ecb3f !important;
}

.color-box-green-six {
    background: #9fd86f !important;
}

.color-box-green-saven {
    background: #c0e59f !important;
}

.color-box-green-eight {
    background: #dbf1cb !important;
}

.color-box-yellow-one {
    background: #fef1c7 !important;
}

.color-box-yellow-two {
    background: #ffe597 !important;
}

.color-box-yellow-three {
    background: #fdd865 !important;
}

.color-box-yellow-four {
    background: #ffcc33 !important;
}

.color-box-yellow-five {
    background: #ffcc2e !important;
}

.color-box-yellow-six {
    background: #ffc000 !important;
}

.color-box-yellow-saven {
    background: #feca26 !important;
}

.color-box-yellow-eight {
    background: #e3ab00 !important;
}

.color-box-red-one {
    background: #ffcbcb !important;
}

.color-box-red-two {
    background: #fd9999 !important;
}

.color-box-red-three {
    background: #ff6766 !important;
}

.color-box-red-four {
    background: #e96266 !important;
}

.color-box-red-five {
    background: #d74747 !important;
}

.color-box-red-six {
    background: #d83634 !important;
}

.color-box-red-saven {
    background: #e21a1a !important;
}

.color-box-red-eight {
    background: #e10101 !important;
}

.color-box-red-nayen {
    background: #db0102 !important;
}

.color-box-light-orange-one {
    background: #fff6dc !important;
}

.color-box-light-orange-two {
    background: #feeebf !important;
}

.color-box-light-orange-three {
    background: #ffe599 !important;
}

.color-box-light-orange-four {
    background: #ffde7c !important;
}

.color-box-light-orange-five {
    background: #FFDB6F !important;
}

.color-box-light-orange-six {
    background: #fcd152 !important;
}

.color-box-blue-one {
    background: #0033cc !important;
}

.color-box-dark-orange-one {
    background: #ff9933 !important;
}

.likelihood-risk-table .color-box-risk {
    width: 19%;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.likelihood-risk-table .color-box-risk:hover .count-risk {
    background: #0088FF;
    color: #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    transform: scale(1.30);
}

.likelihood-risk-table .color-box-risk.active .count-risk {
    background: #0088FF;
    color: #fff;
}

.likelihood-risk-table .count-risk {
    font-size: 12px;
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 33px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.text-rotate-tbl {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}


/* risk color table ends */

.exclamation-icon-activate {
    font-size: 60px;
    color: #0088FF;
    text-align: center;
}

.btn-blue {
    background: #0088FF !important;
    border-color: #0088FF !important;
    color: #fff !important;
}

.btn-blue:hover {
    background: #0088FF !important;
    opacity: 0.8;
}


/*step-form-small starts*/

.step-form-small #msform {
    width: 100%;
    margin: 0px auto;
    text-align: center;
    position: relative;
}

.step-form-small #msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 3px;
    padding: 20px 20px 100px 20px;
    box-sizing: border-box;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    text-align: left;
}


/*Hide all except first fieldset*/

.step-form-small #msform fieldset:not(:first-of-type) {
    display: none;
}


/*inputs*/


/*.step-form-small #msform input, #msform textarea {
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  font-family: montserrat;
  color: #2C3E50;
  font-size: 13px;
}*/

.step-form-small #msform .action-button {
    background: #fff;
    font-family: 'Nunito Bold';
    font-size: 13px;
    color: #0088FF;
    border: 1px solid #0088FF;
    margin-right: 2px;
    padding: 8px 20px;
    width: auto;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    border-radius: 0.25rem;
}

.step-form-small #msform .action-button:hover {
    background: #0088FF;
    color: #fff;
    border-color: #0088FF;
}

.step-form-small #msform .action-button:focus {
    outline: none;
}


/*headings*/

.step-form-small .fs-title {
    font-size: 30px;
    color: #33475b;
    margin-bottom: 30px;
    padding-top: 15px;
}

.step-form-small .fs-subtitle {
    font-weight: normal;
    font-size: 14px;
    color: #666;
    margin-bottom: 20px;
}


/*progressbar*/

.small-step-progressbar-main {
    width: 100%;
}

.step-form-small #progressbar {
    overflow: hidden;
    counter-reset: step;
    margin: 0 auto;
    padding: 0;
    width: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-form-small #progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 16.3%;
    float: left;
    position: relative;
}

.step-form-small #progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #D0DBE6;
    background: #D0DBE6;
    border-radius: 50%;
    margin: 0 auto 5px auto;
}

.step-form-small #progressbar li:after {
    content: "";
    width: 100%;
    height: 3px;
    background: #D0DBE6;
    position: absolute;
    left: -50%;
    top: 9px;
    /*z-index: -1;*/
}

.step-form-small #progressbar li:first-child:after {
    content: none;
}

.step-form-small #progressbar li.active:before,
.step-form-small #progressbar li.active:after {
    background: #0088FF;
    color: #0088FF;
}

.step-form-small #progressbar li.active:before {
    position: relative;
    z-index: 1;
}

.step-form-small .help-block {
    font-size: .8em;
    color: #7c7c7c;
    text-align: left;
    margin-bottom: .5em;
}

.small-step-form-popup .modal-dialog {
    margin: 0 auto;
    padding-bottom: 80px;
}

.small-step-progressbar-main {
    position: fixed;
    bottom: 0;
    border-top: 1px solid #ced4da;
    padding: 25px 0 18px 0;
    background: #fff;
    z-index: 10;
}

.small-step-form-popup .form-body {
    padding: 0;
}

.small-step-form-popup .modal-dialog {
    max-width: 100% !important;
    margin: 0 auto !important;
}

.small-step-form-popup.modal.show .modal-dialog {
    transform: none;
}

.small-step-form-popup.modal.fade .modal-dialog {
    transform: none;
}


/*.step-form-small end*/

.in-ex-sec {
    display: inline-block !important;
    font-size: 15px;
    color: #33475b;
}

.blinking-r {
    animation: blinkingR 1s infinite;
}

@keyframes blinkingR {
    0% {
        color: #f00;
    }
    49% {
        color: #f00;
    }
    60% {
        color: #ff816c;
    }
    99% {
        color: #ff816c;
    }
    100% {
        color: #f00;
    }
}

.blinking {
    animation: blinkingText 1s infinite;
}

@keyframes blinkingText {
    0% {
        color: #da2002;
    }
    49% {
        color: #da2002;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #da2002;
    }
}


/*ripple animation starts */

.ripple-animation {
    -webkit-animation: at-ripple 0.6s linear infinite;
    animation: at-ripple 0.6s linear infinite;
}

@keyframes at-ripple {
    0% {
        box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 0 rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(102, 102, 102, 0.1), 0 0 0 5px rgba(102, 102, 102, 0.1), 0 0 0 10px rgba(102, 102, 102, 0.1), 0 0 0 20px rgba(102, 102, 102, 0);
    }
}


/*ripple animation end */


/*ripple animation red starts */

.risk-score-box h5.very-high,
.risk-score-box h5.color-effect-red {
    color: #da2002;
}

.risk-score-box h5.very-high .risk-score-indication,
.risk-score-box h5.color-effect-red .risk-score-indication {
    background: #da2002 !important;
    -webkit-animation: at-ripple-red 0.6s linear infinite;
    animation: at-ripple-red 0.6s linear infinite;
}

.ripple-animation-red {
    -webkit-animation: at-ripple-red 0.6s linear infinite;
    animation: at-ripple-red 0.6s linear infinite;
}

@keyframes at-ripple-red {
    0% {
        box-shadow: 0 4px 10px rgba(218, 32, 2, 0.1), 0 0 0 0 rgba(218, 32, 2, 0.1), 0 0 0 5px rgba(218, 32, 2, 0.1), 0 0 0 10px rgba(218, 32, 2, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(218, 32, 2, 0.1), 0 0 0 5px rgba(218, 32, 2, 0.1), 0 0 0 10px rgba(218, 32, 2, 0.1), 0 0 0 20px rgba(218, 32, 2, 0);
    }
}

.risk-score-box h5.very-high,
.risk-score-box h5.color-effect-red {
    animation: blinkingTextRed 1s infinite;
}

@keyframes blinkingTextRed {
    0% {
        color: #da2002;
    }
    49% {
        color: #da2002;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #da2002;
    }
}


/*ripple animation red end */


/*ripple animation orange starts */

.risk-score-box h5.high,
.risk-score-box h5.color-effect-orange {
    color: #f7941d;
}

.risk-score-box h5.high .risk-score-indication,
.risk-score-box h5.color-effect-orange .risk-score-indication {
    background: #f7941d !important;
    -webkit-animation: at-ripple-orange 0.6s linear infinite;
    animation: at-ripple-orange 0.6s linear infinite;
}

.ripple-animation-green {
    animation: at-ripple-orange 0.6s linear infinite;
    -webkit-animation: at-ripple-orange 0.6s linear infinite;
}

@keyframes at-ripple-orange {
    0% {
        box-shadow: 0 4px 10px rgba(247, 148, 29, 0.1), 0 0 0 0 rgba(247, 148, 29, 0.1), 0 0 0 5px rgba(247, 148, 29, 0.1), 0 0 0 10px rgba(247, 148, 29, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(247, 148, 29, 0.1), 0 0 0 5px rgba(247, 148, 29, 0.1), 0 0 0 10px rgba(247, 148, 29, 0.1), 0 0 0 20px rgba(247, 148, 29, 0);
    }
}

.risk-score-box h5.high,
.risk-score-box h5.color-effect-orange {
    animation: blinkingTextOrange 1s infinite;
}

@keyframes blinkingTextOrange {
    0% {
        color: #f7941d;
    }
    49% {
        color: #f7941d;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #f7941d;
    }
}


/*ripple animation orange end */


/*ripple animation yellow starts */

.risk-score-box h5.medium,
.risk-score-box h5.color-effect-yellow {
    color: #ffdf00;
}

.risk-score-box h5.medium .risk-score-indication,
.risk-score-box h5.color-effect-yellow .risk-score-indication {
    background: #ffdf00 !important;
    -webkit-animation: at-ripple-yellow 0.6s linear infinite;
    animation: at-ripple-yellow 0.6s linear infinite;
}

.ripple-animation-green {
    -webkit-animation: at-ripple-yellow 0.6s linear infinite;
    animation: at-ripple-yellow 0.6s linear infinite;
}

@keyframes at-ripple-yellow {
    0% {
        box-shadow: 0 4px 10px rgba(255, 247, 0, 0.1), 0 0 0 0 rgba(255, 247, 0, 0.1), 0 0 0 5px rgba(255, 247, 0, 0.1), 0 0 0 10px rgba(255, 247, 0, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(255, 247, 0, 0.1), 0 0 0 5px rgba(255, 247, 0, 0.1), 0 0 0 10px rgba(255, 247, 0, 0.1), 0 0 0 20px rgba(255, 247, 0, 0);
    }
}

.risk-score-box h5.medium,
.risk-score-box h5.color-effect-yellow {
    animation: blinkingTextYellow 1s infinite;
}

@keyframes blinkingTextYellow {
    0% {
        color: #ffdf00;
    }
    49% {
        color: #ffdf00;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #ffdf00;
    }
}


/*ripple animation yellow end */


/*ripple animation green starts */

.risk-score-box h5.low,
.risk-score-box h5.color-effect-green {
    color: #22bf38;
}

.risk-score-box h5.low .risk-score-indication,
.risk-score-box h5.color-effect-green .risk-score-indication {
    background: #22bf38 !important;
    -webkit-animation: at-ripple-green 0.6s linear infinite;
    animation: at-ripple-green 0.6s linear infinite;
}

.ripple-animation-green {
    -webkit-animation: at-ripple-green 0.6s linear infinite;
    animation: at-ripple-green 0.6s linear infinite;
}

@keyframes at-ripple-green {
    0% {
        box-shadow: 0 4px 10px rgba(34, 191, 56, 0.1), 0 0 0 0 rgba(34, 191, 56, 0.1), 0 0 0 5px rgba(34, 191, 56, 0.1), 0 0 0 10px rgba(34, 191, 56, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(34, 191, 56, 0.1), 0 0 0 5px rgba(34, 191, 56, 0.1), 0 0 0 10px rgba(34, 191, 56, 0.1), 0 0 0 20px rgba(34, 191, 56, 0);
    }
}

.risk-score-box h5.low,
.risk-score-box h5.color-effect-green {
    animation: blinkingTextGreen 1s infinite;
}

@keyframes blinkingTextGreen {
    0% {
        color: #22bf38;
    }
    49% {
        color: #22bf38;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #22bf38;
    }
}


/*ripple animation green end */


/*ripple animation light green starts */

.risk-score-box h5.risk-color-light-green,
.risk-score-box h5.color-effect-light-green {
    color: #00FF24;
}

.risk-score-box h5.risk-color-light-green .risk-score-indication,
.risk-score-box h5.color-effect-light-green .risk-score-indication {
    background: #00FF24 !important;
    -webkit-animation: at-rpl-light-green 0.6s linear infinite;
    animation: at-rpl-light-green 0.6s linear infinite;
}

@keyframes at-rpl-light-green {
    0% {
        box-shadow: 0 4px 10px rgba(34, 191, 56, 0.1), 0 0 0 0 rgba(34, 191, 56, 0.1), 0 0 0 5px rgba(34, 191, 56, 0.1), 0 0 0 10px rgba(34, 191, 56, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(34, 191, 56, 0.1), 0 0 0 5px rgba(34, 191, 56, 0.1), 0 0 0 10px rgba(34, 191, 56, 0.1), 0 0 0 20px rgba(34, 191, 56, 0);
    }
}

.risk-score-box h5.risk-color-light-green,
.risk-score-box h5.color-effect-light-green {
    animation: blgTextLightGreen 1s infinite;
}

@keyframes blgTextLightGreen {
    0% {
        color: #00FF24;
    }
    49% {
        color: #00FF24;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #00FF24;
    }
}


/*ripple animation light green end */


/*ripple animation green starts */

.risk-score-box h5.risk-color-green {
    color: #22bf38;
}

.risk-score-box h5.risk-color-green .risk-score-indication {
    background: #22bf38 !important;
    -webkit-animation: at-rpl-light-green 0.6s linear infinite;
    animation: at-rpl-green 0.6s linear infinite;
}

@keyframes at-rpl-green {
    0% {
        box-shadow: 0 4px 10px rgba(34, 191, 56, 0.1), 0 0 0 0 rgba(34, 191, 56, 0.1), 0 0 0 5px rgba(34, 191, 56, 0.1), 0 0 0 10px rgba(34, 191, 56, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(34, 191, 56, 0.1), 0 0 0 5px rgba(34, 191, 56, 0.1), 0 0 0 10px rgba(34, 191, 56, 0.1), 0 0 0 20px rgba(34, 191, 56, 0);
    }
}

.risk-score-box h5.risk-color-green {
    animation: blggrn 1s infinite;
}

@keyframes blggrn {
    0% {
        color: #22bf38;
    }
    49% {
        color: #22bf38;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #22bf38;
    }
}


/*ripple animation green end */


/*ripple animation yellow starts */

.risk-score-box h5.risk-color-yellow {
    color: #ffdf00;
}

.risk-score-box h5.risk-color-yellow .risk-score-indication {
    background: #ffdf00 !important;
    -webkit-animation: at-rpl-yellow 0.6s linear infinite;
    animation: at-rpl-yellow 0.6s linear infinite;
}

@keyframes at-rpl-yellow {
    0% {
        box-shadow: 0 4px 10px rgba(255, 247, 0, 0.1), 0 0 0 0 rgba(255, 247, 0, 0.1), 0 0 0 5px rgba(255, 247, 0, 0.1), 0 0 0 10px rgba(255, 247, 0, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(255, 247, 0, 0.1), 0 0 0 5px rgba(255, 247, 0, 0.1), 0 0 0 10px rgba(255, 247, 0, 0.1), 0 0 0 20px rgba(255, 247, 0, 0);
    }
}

.risk-score-box h5.risk-color-yellow {
    animation: blgTextYellow 1s infinite;
}

@keyframes blgTextYellow {
    0% {
        color: #ffdf00;
    }
    49% {
        color: #ffdf00;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #ffdf00;
    }
}


/*ripple animation yellow end */


/*ripple animation orange starts */

.risk-score-box h5.risk-color-orange {
    color: #f7941d;
}

.risk-score-box h5.risk-color-orange .risk-score-indication {
    background: #f7941d !important;
    -webkit-animation: at-rpl-orange 0.6s linear infinite;
    animation: at-rpl-orange 0.6s linear infinite;
}

@keyframes at-rpl-orange {
    0% {
        box-shadow: 0 4px 10px rgba(247, 148, 29, 0.1), 0 0 0 0 rgba(247, 148, 29, 0.1), 0 0 0 5px rgba(247, 148, 29, 0.1), 0 0 0 10px rgba(247, 148, 29, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(247, 148, 29, 0.1), 0 0 0 5px rgba(247, 148, 29, 0.1), 0 0 0 10px rgba(247, 148, 29, 0.1), 0 0 0 20px rgba(247, 148, 29, 0);
    }
}

.risk-score-box h5.risk-color-orange {
    animation: blgTextOrange 1s infinite;
}

@keyframes blgTextOrange {
    0% {
        color: #f7941d;
    }
    49% {
        color: #f7941d;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #f7941d;
    }
}


/*ripple animation orange end */


/*ripple animation red starts */

.risk-score-box h5.risk-color-red {
    color: #da2002;
}

.risk-score-box h5.risk-color-red .risk-score-indication {
    background: #da2002 !important;
    -webkit-animation: at-rpl-red 0.6s linear infinite;
    animation: at-rpl-red 0.6s linear infinite;
}

@keyframes at-rpl-red {
    0% {
        box-shadow: 0 4px 10px rgba(218, 32, 2, 0.1), 0 0 0 0 rgba(218, 32, 2, 0.1), 0 0 0 5px rgba(218, 32, 2, 0.1), 0 0 0 10px rgba(218, 32, 2, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(218, 32, 2, 0.1), 0 0 0 5px rgba(218, 32, 2, 0.1), 0 0 0 10px rgba(218, 32, 2, 0.1), 0 0 0 20px rgba(218, 32, 2, 0);
    }
}

.risk-score-box h5.risk-color-red {
    animation: blgTextRed 1s infinite;
}

@keyframes blgTextRed {
    0% {
        color: #da2002;
    }
    49% {
        color: #da2002;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #da2002;
    }
}


/*ripple animation red end */


/* new-ripple-animation-color start */

.new-ripple-animation-yellow {
    -webkit-animation: at-ripple-yellow 0.6s linear infinite;
    animation: at-ripple-yellow 0.6s linear infinite;
}

@keyframes at-ripple-yellow {
    0% {
        box-shadow: 0 4px 10px rgba(255, 247, 0, 0.1), 0 0 0 0 rgba(255, 247, 0, 0.1), 0 0 0 5px rgba(255, 247, 0, 0.1), 0 0 0 10px rgba(255, 247, 0, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(255, 247, 0, 0.1), 0 0 0 5px rgba(255, 247, 0, 0.1), 0 0 0 10px rgba(255, 247, 0, 0.1), 0 0 0 20px rgba(255, 247, 0, 0);
    }
}


/* new-ripple-animation-color end */

.competency-matrix-select {
    position: absolute;
    top: 0;
    left: 0;
    width: 280px;
}

.icon-with-text-new {
    position: relative;
    padding-left: 35px;
}

.icon-with-text-new span i {
    font-size: 22px;
    position: absolute;
    top: -1px;
    left: 0;
}

.divide-style h3 {
    font-size: 34px;
    background: -webkit-linear-gradient(#004fa7, #007dee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Nunito Bold';
}

.divide-style h3 span {
    font-size: 24px;
}

.divide-speed h3 {}

.divide-speed h3 span {
    font-family: 'Nunito SemiBold';
    color: #0088FF;
}

.risk-treatment-top-box {
    float: left;
}

.risk-treatment-box-one {
    width: 95px;
}

.risk-treatment-box-one label {
    margin-top: 8px;
}

.risk-treatment-box-two {
    width: 235px;
}

.risk-treatment-box-three {
    min-width: 130px;
    padding: 0 10px 0 15px;
}

.risk-treatment-box-three label {
    margin-top: 9px;
}

.risk-treatment-box-four {
    min-width: 150px;
}

.divide-style h3 label {
    font-size: 14px;
    vertical-align: middle;
    margin: -3px 0 0 9px;
}


/* reset password starts */

.reset-password-block {
    margin-top: 2%;
}

.reset-password-block .field-login {
    margin-bottom: 10px;
    box-shadow: 1px 4px 10px #dae9f2;
    border-radius: 5px;
    padding: 15px 20px 15px 40px;
}

.reset-password-block .otp-sec {
    background: url(../images/log-msg-ico.png) no-repeat 9px 44% #fff;
    padding: 15px 40px;
    background-size: 20px;
    position: relative;
}

.reset-password-block .password {
    background: url(../images/log-password-ico.png) no-repeat 7px 40% #fff;
    background-size: 25px;
}

.btn-reload-otp {
    font-size: 16px;
    color: #a8b3be !important;
    position: absolute;
    right: 10px;
    top: 16px;
    cursor: pointer;
}

.btn-reload-otp:hover {
    color: #0088FF !important;
}


/* reset password end */


/* -- master-search-section starts -- */

.master-search-section .selectator_element {
    min-height: auto !important;
    width: 100% !important;
    border: none;
}

.master-search-box {
    vertical-align: middle;
    position: fixed;
    top: 47px;
    left: 0;
    right: 0;
    z-index: 100;
    margin: 0 auto;
    width: 50% !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.master-search-section {
    border: 1px solid #7f9db9;
    width: 100%;
}

.master-search-section .selectator_element:after {
    position: absolute;
    font-size: 14px;
    padding-top: 1px;
    right: 10px;
    color: #7c98b6;
    content: "" !important;
    font-family: "Font Awesome 5 pro";
}

.master-search-section .multiple .selectator_selected_items .selectator_selected_item .selectator_selected_item_left {
    border-radius: 0;
}

.master-search-section .selectator_options .selectator_option .selectator_option_left {
    border-radius: 0;
}

.master-search-section .selectator_options .selectator_option {
    display: block !important;
}

.master-search-section .selectator_element:after {
    top: 19px;
}

.heder-search-smoal-device {
    left: initial;
    right: 67px;
}

.master-search-folder:after {
    content: none;
}


/* -- master-search-section end -- */


/* auto complete search starts */

.auto-complete-search {
    border: 1px solid #bac8d8;
    width: 700px;
    margin: 0 auto;
    border-radius: 5px;
}

.auto-complete-search .autocomplete {
    /*the container must be positioned relative:*/
    position: relative;
    display: inline-block;
    width: 100%;
}

.auto-complete-search input {
    border: none;
    background-color: #fff;
    padding: 8px 50px 8px 10px;
    font-size: 16px;
    border-radius: 5px;
}

.auto-complete-search input:focus {
    outline: none;
}

.auto-complete-search input[type=text] {
    background-color: #fff;
    width: 100%;
}

.auto-complete-search input[type=submit] {
    background-color: DodgerBlue;
    color: #fff;
}

.auto-complete-search .autocomplete-items {
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    /*position the autocomplete items to be the same width as the container:*/
    top: 100%;
    left: 0;
    right: 0;
    max-height: 254px;
    overflow-y: scroll;
}

.auto-complete-search .autocomplete-items div {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #d4d4d4;
}

.auto-complete-search .autocomplete-items div:hover {
    /*when hovering an item:*/
    background-color: #0088FF;
    color: #fff;
}

.auto-complete-search .autocomplete-active {
    /*when navigating through the items using the arrow keys:*/
    background-color: DodgerBlue !important;
    color: #ffffff;
}

.auto-complete-search .btn-master-search {
    background: none;
    color: #7c98b6;
    border: none;
    cursor: pointer;
    position: absolute;
    top: 9px;
    right: 5px;
}

.auto-complete-search .btn-master-search:focus {
    outline: none;
}

.auto-complete-search .btn-master-search:hover {
    color: #0088FF;
}

.auto-complete-search .search-clear-btn {
    color: #7c98b6 !important;
    position: absolute;
    top: 9px;
    right: 35px;
    font-family: 'Nunito SemiBold';
    opacity: 0;
    cursor: pointer;
}

.auto-complete-search .search-clear-btn:hover {
    color: #0088ff !important;
}

.auto-complete-search:hover .search-clear-btn {
    opacity: 1;
}


/* auto complete search end */

.risk-score-box-heatmap {
    padding: 95px 0 0 0px;
}

.scroll-documents {
    max-height: 360px;
}

.scroll-documents .mCSB_scrollTools {
    right: -6px;
}

.competency-matrix-first-height {
    min-height: 67px;
}

.risk-swich .switch {
    margin: 4px 0 13px 15px;
}


/* vertical-progress starts */

.vertical-progress-main {
    width: 112px;
    margin: 0 auto;
    padding-top: 15px;
}

.vertical-progress {
    width: 35px;
    height: 200px;
    float: left;
    margin: 0px 10px;
    padding-top: 20px;
    overflow: hidden;
    position: relative;
}

.vertical-progress .progress {
    opacity: 0.8;
    filter: alpha(opacity=80);
    width: 100%;
    height: 100%;
    position: relative;
    background: #fff;
    overflow: unset;
}

.vertical-progress .progress-bar {
    position: absolute;
    top: 0%;
    width: 100%;
    height: 0%;
    transition: height 0.6s ease;
    background: #e9ecef;
    z-index: 10;
}

.vertical-progress .progress-color-blue {
    height: 80%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.vertical-progress .progress-color-green {
    height: 20%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.vertical-progress .vertical-progress-value {
    position: absolute;
    top: 100%;
    z-index: 10;
    width: 100%;
    text-align: center;
    font-size: 12px;
    color: #33475b;
    font-family: 'Nunito SemiBold';
    margin-top: -20px;
}

.resudal-common-box {
    min-height: 269px;
    margin-bottom: 20px;
}


/*.vertical-progress .progress-bar-animation {
    width: 0;
    animation: progress 1.5s ease-in-out forwards;
  }*/

.animation-vertical-progress {
    animation: mymove-vp 3s;
    animation-fill-mode: forwards;
}

@keyframes mymove-vp {
    from {
        top: 100%;
    }
    to {
        top: 0%;
    }
}


/* vertical-progress end */


/*.risk-form-mapping-table {
  overflow-x: scroll;
}
.risk-form-mapping-table table {
  width: 1346px;
}
*/


/*.risk-form-mapping-table table {
  overflow-x: scroll;
  width: 1346px;
}*/

.resolved-accepted-box {
    padding: 10px 15px;
}

.resolved-accepted-para {
    position: relative;
    padding: 10px 5px
}

.resolved-accepted-para:before {
    content: "";
    position: absolute;
    left: -5px;
    top: 0;
    background: url(../images/para-two.png) no-repeat;
    width: 30px;
    height: 30px;
}

.resolved-accepted-para:after {
    content: "";
    position: absolute;
    right: -5px;
    bottom: 0;
    background: url(../images/para-one.png) no-repeat;
    width: 30px;
    height: 30px;
}

.btn-accept {
    background: #128D4F !important;
    border-color: #128D4F;
    color: #fff !important;
    width: 48%;
    float: left;
}

.btn-accept:hover {
    background: #128D4F !important;
    opacity: 0.9;
}

.btn-reject {
    background: #da2002 !important;
    border-color: #da2002;
    color: #fff !important;
    width: 48%;
    float: right;
}

.btn-reject:hover {
    background: #da2002 !important;
    opacity: 0.9;
}

.label-left-arow-tag {
    height: 20px;
    float: none !important;
    /*padding-bottom: 2px !important;*/
    margin-left: 10px;
}

.label-left-arow-tag:before {
    width: 14px;
    height: 14px;
    position: absolute;
    left: -7px;
    top: 2px;
}

.label-left-arow-tag:after {
    top: 7px;
}

.label-left-arow-tag:hover {
    text-decoration: none;
}

.status-tag-new-one {
    line-height: 16px;
    vertical-align: middle;
    margin-top: -4px;
}

.hight-textarea {
    min-height: 220px;
}

.accept-reject-left {
    padding-right: 30px;
}

.accept-reject-right {
    padding-left: 30px;
    border-left: 1px solid #ced4da;
}

.upload-sec-small .form-group-upload {
    min-height: 140px;
}

.upload-pic-small .browse-form-pic {
    height: 138px;
}


/* chat header starts */

.robo-chat-header {
    position: relative;
    margin: 10px 0 0 15px;
    cursor: pointer;
}

.robo-chat-header .msg-nbr {
    right: -9px;
    top: -3px;
}


/* chat header ends */


/* notification badge starts */

.top-bar .badge {
    min-width: 18px;
    height: 18px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    padding-top: 4px;
    top: 7px;
    right: 1px;
}


/* notification badge end */

.scroll-tab-table {
    overflow-x: scroll;
}

.scroll-tab-table .form-table-scroll {
    overflow-x: scroll;
}

.scroll-tab-table .form-table-scroll table {
    width: 1000px;
}

.licence-row {
    margin: 0 -15px;
}

.licence-col {
    padding: 0 15px;
    width: 33.3%;
    float: left;
}

.user-right-fill.flex-98-width .licence-col {
    width: 25%;
}


/* styles starts */

.colored-scial-media ul li a {
    display: inline-block;
    width: 24px !important;
    height: auto !important;
    background-size: 100% !important;
    margin: 3px 0 !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-tab li a.active {
    color: #fff!important;
    background: #0088ff;
}

.colored-scial-media ul {
    margin: 12px 0;
}

.colored-scial-media ul li {
    padding: 0 0px;
}

.colored-scial-media ul li a:hover {
    text-decoration: none;
    transform: translate3d(0, -3px, 0);
}


/* styles end */


/* alignment-human start */

.user-details-page .add-button-outlined {
    top: -3px;
    background: #fff;
    text-align: center;
    padding: 0;
    font-size: 15px;
    padding-top: 5px;
}

.ng-select.ng-select-single .ng-select-container {
    height: 38px !important;
}


/* alignment-human end */

.password-icon-input {
    position: relative;
}

.password-icon-input .eye-icon-pswd {
    right: 35px;
    top: 8px;
}

.question-circle-inp i {
    font-size: 18px;
    color: #b1c1d3;
}

.question-circle-inp:hover i {
    color: #0088FF;
    cursor: pointer;
}

.question-circle-inp {
    position: absolute;
    right: 6px;
    top: 11px;
}

.message-password-inp {
    position: absolute;
    right: -6px;
    bottom: 28px;
    width: 250px;
    background: #fff;
    padding: 10px 15px;
    border: 1px solid #ced4da;
    border-radius: 7px;
    box-shadow: 0px 0px 4px #ccc;
    z-index: 9999;
    display: none;
}

.message-password-inp:before {
    content: "";
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -9px;
    right: 6px;
    z-index: 10;
}

.message-password-inp:after {
    content: "";
    border-top: 10px solid #ced4da;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    right: 6px;
    z-index: 9;
}

.message-password-inp.bottom-show {
    bottom: unset;
    top: 22px;
    right: -9px;
}

.message-password-inp.bottom-show:before {
    bottom: unset;
    top: -8px;
    right: 5px;
    text-transform: rotate (-90);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.message-password-inp.bottom-show:after {
    bottom: unset;
    top: -9px;
    right: 5px;
    text-transform: rotate (-90);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.question-circle-inp:hover .message-password-inp {
    display: block;
}

.password-icon-input input {
    padding-right: 60px;
}

.thumb-view-three-row {
    margin: 0 -6px;
}

.thumb-view-3 {
    padding: 0 6px;
    width: 33.33%;
    float: left;
    margin-bottom: 10px;
}

.thumb-view-3 .browse-form-pic {
    height: 110px;
}

.scroll-documents-small {
    max-height: 100px;
}

.btn-a-menu {
    padding: 8px 20px !important;
    margin-top: 3px;
}

.risk-matrix-page-main {
    padding: 25px 45px 30px 45px;
}

.view-more-doted {
    display: inline-block;
    text-decoration: none !important;
}

.risk-matrix-table-main .risk-matrix-table td {
    vertical-align: middle;
}

.risk-matrix-table-main .risk-matrix-table .fix-table {
    overflow-x: unset !important;
}

.risk-matrix-table-main .risk-matrix-table-left .fix-table {
    overflow-x: unset !important;
}

.risk-matrix-table-main .cmn-table-style {
    width: 100% !important;
}


/* */

.bullet-point-list ul {
    padding: 0;
}

.bullet-point-list ul li {
    color: #506e91;
    background: url(../images/arrow-list-1.svg) no-repeat 0 6px;
    background-size: 13px;
    list-style-type: none;
    padding-left: 30px;
    margin-bottom: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.bullet-point-list ul li {
    list-style-type: none;
}

.bullet-point-list ul li a:hover {
    text-decoration: none;
}

.bullet-point-list ul li:hover {
    text-decoration: none;
    background: url(../images/arrow-list-1.svg) no-repeat 8px 6px;
    background-size: 13px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.bullet-point-list ol {
    padding-left: 30px;
}

.bullet-point-list ol li {
    color: #506e91;
}

.bullet-point-list-small ol {
    padding-left: 12px;
}


/* */

.flex-98-width .submitted-bg {
    left: 73px;
}

.submitted-bg {
    left: 26px;
}

.top-left-tab-new {
    border-bottom: 1px solid #cbd6e2!important;
}

.oc-tab-menu {
    float: left !important;
}

.oc-tab-menu li a {
    border: none;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    font-family: 'Nunito Bold';
    color: #506e91;
    padding: 1rem;
    display: inline-block;
}

.oc-tab-menu li a.active {
    color: #0088FF;
    border-color: #0088FF;
}

.oc-tab-menu li a.active:hover {
    color: #0088FF;
    border-color: #0088FF;
}

.oc-tab-menu li a:hover {
    text-decoration: none;
    color: #506e91;
    border-color: #e9ecef;
}

.btn-type-label .outline-tag {
    margin: 0 5px 5px 0;
    padding: 8px 20px;
    color: #0088FF;
    border-color: #0088FF;
    cursor: pointer;
}

.btn-type-label .outline-tag.active {
    color: #fff;
}

.btn-type-label-big .outline-tag {
    padding: 8px 30px;
}

.input-two-col input {
    float: left;
    width: 48%;
    margin-right: 2%;
}

.tab-common-left-small .tab-common-left-md {
    width: 10%;
}

.tab-common-left-small .tab-common-left-content-m {
    width: 90%;
}

.mb-f-8 {
    margin-bottom: 8px !important;
}

.small-tab-md-main .small-tab-small {
    width: 150px;
}

.small-tab-md-main .small-tab-small .vertical-tab {
    min-width: 100%;
}

.small-tab-md-main .small-tab-small .vertical-tab .nav-link {
    text-align: left;
}

.panel-drop-white .panel-default {
    background: #fff;
}

.panel-drop-white .width96pc {
    border-color: #DBE2EB;
    border-bottom: 1px solid #DBE2EB;
    margin-bottom: 10px;
    font-size: 15px !important;
    font-family: 'Nunito Bold';
    line-height: 18px;
}

.panel-drop-white .width96pc:hover {
    color: #0088FF;
}

.panel-drop-white .panel-collapse {
    border-color: #DBE2EB;
    margin-bottom: 10px;
}

.panel-drop-white .panel-collapse {
    margin: -10px 0 10px 0;
}

.fill-tag-middle {
    vertical-align: middle;
    margin: -1px 5px 5px 5px;
}

.radius-3 {
    border-radius: 3px;
}

.delete-bullet-point ul li {
    padding-right: 44px;
    position: relative;
}

.delete-bullet-point ul li:hover {
    color: #0088FF;
}

.delete-bullet-point ul li .btn {
    position: absolute;
    right: 0px;
    top: -3px;
    padding: 4px 8px;
}

.mCustomScrollbar .btn-small-delete {
    right: 7px !important;
}

.profile-widg-padding {
    padding: 30px;
}

.vm-box {
    padding-left: 60px;
}

.organization-profile-sidebar {
    padding: 30px;
}

.outline-tag {
    margin-right: 5px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    line-height: 20px;
}

.hover-no-effect-tag {
    background: transparent !important;
    color: #506e91 !important;
    cursor: auto;
}

.delete-tag {
    font-size: 9px;
    color: #506e91;
    position: absolute;
    right: -2px;
    top: 2px;
    border: 1px solid #506e91;
    width: 15px;
    height: 15px;
    text-align: center;
    border-radius: 4px;
    padding-top: 1px;
    background: #fff;
    opacity: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.outline-tag:hover .delete-tag {
    opacity: 1;
    top: -3px;
    line-height: 13px;
    transform: unset !important;
}

.delete-tag:hover {
    color: #dc3545;
    border: 1px solid #dc3545;
    transform: scale(1.10);
}

.outline-tag-sm {
    padding: 1px 8px;
}

.tab-type-outline-tag .outline-tag {
    border-radius: 0;
    border-bottom: 3px solid #cbd6e2 !important;
}


/* outline-tag color start */

.outline-tag.outline-tag-blue {
    background: #eaf5ff !important;
    border-color: #0088FF !important;
    color: #0088FF !important;
}

.outline-tag.outline-tag-blue:hover,
.outline-tag.outline-tag-blue-hov:hover {
    background: #fff !important;
    border-color: #0088FF !important;
    color: #0088FF !important;
}

.outline-tag.outline-tag-red {
    background: #fff4f4 !important;
    border-color: #ff0505 !important;
    color: #ff0505 !important;
}

.outline-tag.outline-tag-red:hover,
.outline-tag.outline-tag-red-hov:hover {
    background: #fff !important;
    border-color: #ff0505 !important;
    color: #ff0505 !important;
}

.outline-tag.outline-tag-green {
    background: #e6ffe4 !important;
    border-color: #22B112 !important;
    color: #22B112 !important;
}

.outline-tag.outline-tag-green:hover,
.outline-tag.outline-tag-green-hov:hover {
    background: #fff !important;
    border-color: #22B112 !important;
    color: #22B112 !important;
}

.outline-tag.outline-tag-dark-green {
    background: #D5FFE4 !important;
    border-color: #128D4F !important;
    color: #128D4F !important;
}

.outline-tag.outline-tag-dark-green:hover,
.outline-tag.outline-tag-dark-green-hov:hover {
    background: #fff !important;
    border-color: #128D4F !important;
    color: #128D4F !important;
}

.outline-tag.outline-tag-light-green {
    background: #f4fff1 !important;
    border-color: #22bf38 !important;
    color: #22bf38 !important;
}

.outline-tag.outline-tag-light-green:hover,
.outline-tag.outline-tag-light-green-hov:hover {
    background: #fff !important;
    border-color: #22bf38 !important;
    color: #22bf38 !important;
}

.outline-tag.outline-tag-yellow {
    background: #FFFBE5 !important;
    border-color: #FFDF00 !important;
    color: #FFDF00 !important;
}

.outline-tag.outline-tag-yellow:hover,
.outline-tag.outline-tag-yellow-hov:hover {
    background: #fff !important;
    border-color: #FFDF00 !important;
    color: #FFDF00 !important;
}

.outline-tag.outline-tag-orange {
    background: #FEF2E4 !important;
    border-color: #FFA500 !important;
    color: #FFA500 !important;
}

.outline-tag.outline-tag-orange:hover,
.outline-tag.outline-tag-orange-hov:hover {
    background: #fff !important;
    border-color: #FFA500 !important;
    color: #FFA500 !important;
}


/* outline-tag color end */

.product-listing {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #EAF0F6;
}

.org-customer-tbl-new table tr td {
    padding: 12px;
}

.org-customer-tbl-new table tr td .fas-icon {
    padding-left: 0;
    font-size: 13px;
    margin-right: 8px;
}

.customer-listing-table i {
    margin-right: 0px;
}

.org-customer-tbl-new table tr td p {
    vertical-align: middle;
    margin-top: -4px;
    margin-bottom: 5px;
}

.org-customer-tbl-new table tr td .tablelink-text {
    vertical-align: middle;
    margin-top: -4px;
    display: inline-block;
    margin-bottom: 5px;
}

.org-customer-tbl-new table tr td a:hover {
    text-decoration: none;
}

.user-details-page .right-block {
    padding: 30px;
}


/* */

.users-page-list .user-list-lg {
    align-items: center;
}

.users-page-list h5::after {
    display: none;
}

.users-page-list h5 .drop-down-icone {
    padding-right: 0;
}

.users-page-list .panel-heading.active .drop-down-icone {
    /*top: 14px !important;*/
}

.user-details-page .right-block h5.width96pc::after {
    width: 100%;
}


/*.user-details-page .right-block .panel-heading a:before {
    display: none;
}
.user-details-page .right-block h5::after {
  display: none;
}
.user-details-page .right-block h5 .drop-down-icone {
    padding-right: 0;
}
.user-details-page .right-block h5.width96pc {
    margin-bottom: 10px;
    border: none;
    border-bottom: 1px solid #E6E6E6;
}*/

.user-details-page .user-settings .card .card-header h3 {
    font-family: 'Nunito SemiBold';
}

.integration-tab-icon {
    width: 45px;
}

.ng-select-user-display {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
}

.multi-add-user {
    margin-right: 0px !important;
}

.btn.calendar {
    margin-right: 0 !important;
}

.multiple-plain-ngselect .ng-clear-wrapper {
    position: absolute !important;
    top: 6px;
    right: 22px;
}

.multiple-plain-ngselect .ng-select-container {
    padding-right: 45px !important;
}

.user-details-page .right-block h5 {
    margin-bottom: 15px;
}

.text-editor-content p:last-child {
    margin-bottom: 0px;
}

.card-body .sub-accordion:last-child .card {
    margin-bottom: 0;
}

.ng-input input {
    font-size: 13px;
}

.form-group .ng-value-container {
    padding: 3px 0 !important;
}

.form-group .ng-placeholder,
.form-group .ng-value {
    font-size: 13px !important;
}

.form-group .multiple-plain-ngselect ng-select[multiple="true"] .ng-select-container .ng-value-container .ng-placeholder {
    top: 9px;
}

.form-group .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
    top: 9px;
}

.form-group .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-placeholder {
    top: 0px;
    position: relative;
}

.form-group .ng-select.ng-select-single .ng-select-container {
    padding-top: 0px !important;
}

.form-group .multiple-plain-ngselect ng-select[multiple="true"] .ng-has-value .ng-value-container {
    padding: 0px !important;
}

.competency-assessment-user-drop .ng-select .ng-select-container .ng-value-container {
    padding-left: 10px !important;
}

.multiple-plain-ngselect .ng-select .ng-select-container {
    display: inline-flex !important;
    height: auto !important;
    /*font-size: 13px;*/
}

.widg-padding-cmn {
    padding: 30px;
}

.widg-padding-cmn-small {
    padding: 20px;
}

.issuue-new-style .widg-padding-cmn {
    padding: 30px;
}

.pl-pr-15 {
    padding: 0 15px;
}

.risk-type-bx-drop i {
    position: relative;
    top: -1px;
}

.cmn-checkbox .remember-txt {
    font-size: 13px;
    color: #7c98b6;
    padding-left: 25px;
    margin: 6px 0;
}

.new-framework-checkbox {
    padding-top: 29px;
}

.new-framework-checkbox .cmn-checkbox .container2 {
    margin-top: 11px !important;
}

.options-box {
    background: #ccc;
    padding: 10px 6px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    border-radius: 4px;
    display: block;
    margin: 0 10px 10px 0;
}

.options-box-score {
    font-size: 16px;
    display: block;
    padding: 8px 0;
    margin-bottom: 10px;
}

.form-group .ng-select .ng-clear-wrapper {
    padding-top: 1px;
}

.modal button.modal-close:focus {
    outline: none;
}

.chart-info-sec h5 {
    font-weight: normal;
}

.box-shadow {
    box-shadow: 0px 1px 9px #d3d3d3;
}

.auditors-box {
    padding: 15px 5px 10px 15px;
    margin-bottom: 30px;
}

.auditors-box:hover {
    box-shadow: 0px 1px 9px #d3d3d3;
    border: 1px solid #0088FF!important;
}

.auditors-box.active {
    box-shadow: 0px 1px 9px #d3d3d3;
    border: 1px solid #0088FF!important;
}

.user-list-big:hover h6 {
    color: #33475b;
}

.user-list-big:hover span {
    color: #4A5C6E;
}

.auditors-box-id .outline-tag {
    width: 47%;
    margin-right: 2%;
    text-align: center;
}

.progress-bar-audit {
    width: 60%;
}

.progress-bar-audit-count {
    width: 40%;
    font-size: 10px;
    display: inline-block;
    padding-left: 5px;
}

.view-more-tag {
    background: none !important;
    color: #0088FF;
}

.outline-tag.view-more-tag:hover {
    background: #0088FF !important;
    cursor: pointer;
    color: #fff !important;
}

.big-text-box {
    float: left;
    width: 16%;
    text-align: center;
    margin-bottom: 15px;
}

.big-text-one {
    font-size: 22px;
    font-family: 'Nunito Bold';
    margin-bottom: 2px;
}

.big-text-box-two {
    float: left;
    width: 25%;
    text-align: center;
    margin-bottom: 15px;
}

.big-text-two {
    font-size: 26px;
    font-family: 'Nunito Bold';
    margin-bottom: 2px;
}

.big-text-three {
    font-size: 30px;
    font-family: 'Nunito Bold';
    margin-bottom: 0px;
}

.dot-color-p .dot-div {
    vertical-align: middle;
    position: relative;
    top: -2px;
}

.risk-score-two-col .risk-info-sec-cmn {
    padding: 6px 12px;
}

.dollar-icon-border {
    font-size: 27px;
    border: 2px solid #0088FF;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin: 0 auto 10px auto;
}

.dollar-icon-border i {
    margin: 0 auto;
    text-align: center;
}

.chart-two-btm-text-box {
    float: left;
    text-align: left;
    padding: 0 30px;
}

.chart-two-btm-text-box h4 {
    font-size: 17px;
    margin-bottom: 5px;
}

.chart-two-btm-text-box h4:last-child {
    margin-bottom: 0;
}

.chart-blue-one-text h4 {
    color: #1978E5;
}

.chart-blue-two-text h4 {
    color: #00C0CE;
}

.chart-two-btm-text {
    display: inline-block;
    margin: 20px auto 0 auto;
}

.audit-work-flow-number {
    width: 50px;
    margin-right: 12px;
}

.udit-work-flow-box {
    border: 1px solid #cbd6e2;
}

.number-flow {
    width: 30px;
    height: 30px;
    border: 1px solid #cbd6e2;
    color: #cbd6e2;
    border-radius: 50%;
    font-family: 'Nunito SemiBold';
    line-height: 28px;
    font-size: 14px;
    background: #fff;
    position: relative;
    z-index: 5;
}

.audit-work-flow {
    position: relative;
    padding-bottom: 15px;
}

.audit-work-flow:after {
    content: "";
    position: absolute;
    border-left: 1px solid #cbd6e2;
    height: 100%;
    top: -0%;
    left: 15px;
    z-index: 1;
}

.audit-work-flow .status-flow {
    font-family: 'Nunito SemiBold';
}

.audit-work-flow.approved .number-flow {
    border-color: #0ab00a;
    color: #0ab00a;
}

.audit-work-flow.approved .udit-work-flow-box {
    border-color: #0ab00a;
}

.audit-work-flow.approved .status-flow {
    color: #0ab00a;
}

.audit-work-flow.approved:after {
    border-color: #0ab00a !important;
}

.audit-work-flow.reject .number-flow {
    border-color: #FF001A;
    color: #FF001A;
}

.audit-work-flow.reject .udit-work-flow-box {
    border-color: #FF001A;
}

.audit-work-flow.reject .status-flow {
    color: #FF001A;
}

.audit-work-flow.reject:after {
    border-color: #FF001A;
}

.audit-work-flow-main .audit-work-flow:last-child {
    padding-bottom: 0;
}

.audit-work-flow-main .audit-work-flow:last-child:after {
    content: none;
}

.dot-and-text {
    padding-bottom: 20px;
}

.dot-and-text .dot-div {
    margin-right: 12px;
}

.dot-and-text .dot-div:before {
    margin-right: 5px;
    margin-top: -3px;
}

.right-graph-auditable-item {
    padding-left: 50px;
}

.auditable-item-chart-one {
    width: 90%;
}

.search-popup-new {
    position: relative;
}

.search-popup-new .search-process {
    padding: 7px 0;
}

.search-popup-new button {
    position: absolute;
    right: 0;
}

.auditors-box-new .auditors-box-id .outline-tag {
    width: 20%;
}

.auditors-box-new {
    margin-bottom: 20px;
}

label sup {
    color: red;
    top: -.3em;
    margin-left: 1px;
}

.user-box-list-sec.active .head-highlight {
    position: relative;
    padding-left: 30px;
    color: #0088FF;
    padding-bottom: 4px;
    margin-bottom: 10px;
}

.user-box-list-sec.active .head-highlight:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 16px;
    height: 16px;
    background: #0088FF;
    -webkit-animation: at-ripple-chat 0.6s linear infinite;
    animation: at-ripple-chat 0.6s linear infinite;
}

.user-box-list-sec.active .head-highlight {
    animation: blinkingTextblue 1s infinite;
}

@keyframes blinkingTextblue {
    0% {
        color: #0088FF;
    }
    49% {
        color: #0088FF;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #0088FF;
    }
}


/*.user-highlight h6, .user-highlight span {
  color: #0088FF;
}*/

.user-highlight .user-list-sm img {
    -webkit-box-shadow: 0px 0px 10px #0088ff38;
    -moz-box-shadow: 0px 0px 10px #0088ff38;
    box-shadow: 0px 0px 10px #0088ff38;
}

.user-highlight .blinking-text-blue {
    animation: blinkingBlue 1s infinite;
}

@keyframes blinkingBlue {
    0% {
        color: #0088FF;
    }
    49% {
        color: #0088FF;
    }
    60% {
        color: #33475b;
    }
    99% {
        color: #33475b;
    }
    100% {
        color: #0088FF;
    }
}

.uploaded-files {
    position: absolute;
    top: 50%;
    left: -1px;
    margin-top: -117px;
}

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

.Preview-block .remember-txt {
    font-size: 14px;
    color: #33475b;
    padding-left: 25px;
}

.Preview-block .remember-txt:hover {
    color: #0088FF;
}

.Preview-block .remember-txt .checkmark {
    position: absolute;
    top: 2px;
}

.checkbox-Preview-block {
    background: #f3f8fb;
    padding: 10px;
    border: 1px solid #cbd6e2;
    border-radius: 8px;
}

.brudcrumb {
    margin-bottom: 12px;
}

.brudcrumb ul {
    margin: 0;
    padding: 0;
}

.brudcrumb ul li {
    list-style-type: none;
    float: left;
}

.brudcrumb ul li a {
    color: #506e91 !important;
}

.brudcrumb ul li a:hover {
    text-decoration: none;
    color: var(--color-primary) !important;
}

.brudcrumb ul li:last-child a {
    color: #33475b !important;
    font-family: 'Nunito SemiBold';
}

.brudcrumb .right-arow {
    color: #506e91;
    padding: 0 10px;
}

.in-ex-style-two .issue-smoal-head-text-two {
    color: #33475b;
    font-size: 14px;
    border-right: 1px solid #D9E2EB;
    width: auto;
    height: 16px;
    line-height: 16px;
    margin: 4px 7px 10px 0;
    display: inline-block;
    padding-right: 9px;
}


/* new search header starts */

.search-header {
    float: left;
}

.new-search-v2 {
    /*width: 300px;*/
    position: absolute;
    right: 0px;
    top: 4px;
}

.new-search-v2 .search-form .form-group input.form-control::-webkit-input-placeholder {
    display: none;
}

.new-search-v2 .search-form .form-group input.form-control::-moz-placeholder {
    display: none;
}

.new-search-v2 form {
    width: 100%;
}

.new-search-v2 .form-group {
    position: relative;
    width: 0%;
    min-width: 40px;
    height: 36px;
    overflow: hidden;
    transition: width 1s;
    backface-visibility: hidden;
}

.new-search-v2 .form-group input.form-control {
    position: absolute;
    top: 0;
    right: 0;
    outline: none;
    width: 100%;
    height: 36px;
    margin: 0;
    z-index: 10;
    border: 1px solid #cbd6e2;
    border-radius: 7px !important;
    padding: 4px 56px 4px 10px;
}

.new-search-v2 input[type="text"].form-control {
    -webkit-appearence: none;
    -webkit-border-radius: 0;
}

.new-search-v2 input[type="text"].form-control:focus {
    outline: none;
    box-shadow: none;
}

.new-search-v2 .form-control-submit,
.new-search-v2 .search-label {
    width: 40px;
    height: 36px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    cursor: pointer;
    line-height: 34px;
    background: white;
    color: #7c98b6;
    border: 1px solid #fff;
}

.new-search-v2 .form-control-submit {
    background: #fff;
    /*stupid IE*/
    opacity: 0;
    color: transparent;
    border: none;
    outline: none;
    z-index: -1;
}

.new-search-v2 .search-label {
    z-index: 90;
}

.new-search-v2 .search-label:hover {
    color: #0088FF;
}

.new-search-v2 .form-group.sb-search-open,
.new-search-v2 .no-js .sb-search-open {
    width: 300px;
}

.new-search-v2-small .form-group.sb-search-open,
.new-search-v2-small .no-js .sb-search-open {
    width: 225px;
}

.new-search-v2 .form-group.sb-search-open .search-label,
.new-search-v2 .no-js .sb-search .search-label {
    background: #0088FF;
    border: 1px solid #0088FF;
    color: #fff;
    z-index: 11;
    border-left: none;
    border-radius: 0px 7px 7px 0px;
}

.new-search-v2 .form-group.sb-search-open .form-control-submit,
.new-search-v2 .no-js .form-control .form-control-submit {
    z-index: 90;
}

.new-search-v2 .search-clear-btn {
    color: #7c98b6 !important;
    position: absolute;
    top: 9px;
    right: 48px;
    font-family: 'Nunito SemiBold';
    opacity: 1;
    cursor: pointer;
    z-index: 10;
    font-size: 12px;
}

.new-search-v2 .search-clear-btn:hover {
    color: #e70303 !important;
}


/* new search header end */

.head-and-check .remember-txt {
    font-size: 18px;
    color: #33475b;
    padding-left: 25px;
    font-family: 'Nunito Bold';
}

.head-and-check .checkmark {
    top: 4px;
}

.head-and-check .Preview-checkbox .container2 {
    margin-bottom: 15px;
}

.new-check-box .container2 {
    padding-left: 25px;
    font-weight: normal !important;
}

.new-check-box .container2:hover {
    color: #0088FF !important;
}

.new-check-box .checkmark {
    top: 2px;
}

.assesment-list-table td {
    vertical-align: middle !important;
}

.audit-page-table td {
    vertical-align: middle;
}


/*.edit-bar .menu-drop-tab-right .arrow-dropdown {
    left: -135px !important;
    width: 220px;
}*/

.edit-bar .menu-drop-tab-right .arrow-dropdown:after {
    left: 75%;
}

.edit-bar .menu-drop-tab-right .arrow-dropdown:before {
    left: 75%;
}


/* new-form-menu start */

.new-form-menu .dropdown-menu {
    width: 320px;
    position: absolute;
    top: 42px !important;
}

.new-form-menu .dropdown-list-group li {
    width: 50%;
    float: left;
    border-right: 2px solid #f3f8fb;
    border-bottom: 2px solid #f3f8fb;
}

.new-form-menu .dropdown-list-group li:first-child {
    border: none;
}

.new-form-menu .dropdown-list-group li:nth-child(3) {
    border-right: none;
}

.new-form-menu .dropdown-list-group li:nth-child(4) {
    border-bottom: none;
}

.new-form-menu .dropdown-list-group li:last-child {
    border-bottom: none;
    border-right: none;
}

.new-form-menu .dropdown-list-group {
    padding: 0;
}

.new-form-menu .dropdown-list-group li a {
    float: none;
    padding: 14px 0;
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    text-align: center;
    display: block;
    color: #000;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.new-form-menu .dropdown-list-group li:hover a {
    color: #0088FF;
}

.new-form-menu .head-drop-new {
    width: 100% !important;
    padding: 9px 0;
    background: #031f41;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: 'Nunito Bold';
}

.pic-new-form-menu {
    width: 20px;
    margin: 0 auto 6px auto;
}

.pic-new-form-menu img {
    filter: brightness(10%) opacity(80%);
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, background-color 0.25s ease-in, border-color ease-in, transform 0.75s cubic-bezier(0.44, 0.51, 0.24, 0.99), box-shadow 1s cubic-bezier(0.44, 0.51, 0.24, 0.99);
    text-decoration: none;
    transition: all 0.2s ease-in-out, background-color 0.2s ease-in-out;
}

.new-form-menu .dropdown-list-group li:hover img {
    filter: inherit !important;
}

.new-form-menu.show .dropdown-toggle {
    color: var(--color-primary);
}


/* new-form-menu end */


/* start right-popup */

.modal-open .right-side-popup.modal {
    background: none;
}

.right-side-popup .modal-header {
    display: block;
}

.right-side-popup.modal button.close {
    position: fixed;
    right: 15px;
    background: #fff;
    border-radius: 50%;
    padding: 0;
    margin: 0;
    top: 12px;
    display: block;
    width: 27px;
    height: 27px;
    z-index: 99;
}

.right-side-popup.modal button.close:focus {
    outline: none;
}

.right-side-popup.modal .modal-header {
    padding: 0;
    border: none;
}

.right-side-popup.modal .modal-body {
    padding-top: 45px !important;
}

.right-side-popup.modal.left .modal-dialog,
.right-side-popup.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 400px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
    box-shadow: 0px 0px 32px #031f41;
}

.right-side-popup.modal.left .modal-content,
.right-side-popup.modal.right .modal-content {
    height: 100%;
    overflow-y: auto;
}

.right-side-popup.modal.left .modal-body,
.right-side-popup.modal.right .modal-body {
    padding: 15px 15px 80px;
}


/*Right*/

.right-side-popup.modal.right.fade .modal-dialog {
    right: -400px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.right-side-popup.modal.right.fade.show .modal-dialog {
    right: 0;
}

.progress-head {
    font-size: 18px;
    font-family: 'Nunito Bold';
}


/* end right-popup */

.progress-round-sm {
    width: 76px;
    height: 76px;
    line-height: 50px;
}

.progress-round-sm:after {
    border: 8px solid #b9deff;
}

.progress-round .progress-bar {
    border-width: 8px;
}

.progress-round .progress-value {
    font-size: 18px;
    line-height: 75px;
}

.table-center-text td {
    vertical-align: middle !important;
}


/* assessment position start */

.position-box-two {
    position: absolute;
    bottom: 180px;
    left: -16px;
}

.position-box-one {
    position: absolute;
    bottom: 220px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.position-box-three {
    position: absolute;
    right: -33px;
    bottom: 180px;
}


/* assessment position end */

.curve-toggle.curv-2 {
    right: -30px;
}

.edit-bar .new-drop-close-left .arrow-dropdown {
    left: -40px !important;
}

.table tbody tr:nth-child(even) {
    background: none;
}


/*.table-list-highlight tr.active {
  background: #f3f8fb !important;
}*/

.zui-wrapper .zui-table tr.active td {
    background: #f3f8fb !important;
}

.zui-wrapper .zui-table tr.active td:first-child {
    border-left: 5px solid #0088FF;
}

.table tr.active {
    background: #f3f8fb !important;
    /*border-left: 5px solid #0088FF;*/
}

.zui-wrapper .zui-table tr:hover td {
    background: #f3f8fb;
}

.table tbody tr:hover {
    background: none !important;
}

.snackbars {
    z-index: 99999999 !important;
}

.padding-bottom-none {
    padding: 15px 15px 0px 15px;
}

.position-unset-td td {
    position: inherit;
}

.email-notification-settings .setting-item {
    border: none;
    border-bottom: 1px solid #e3e9f0;
    padding: 10px 0;
    border-radius: 0;
    margin-bottom: 10px;
}

.email-notification-settings .setting-item:first-child {
    padding-top: 0;
}

.email-notification-settings .setting-item:last-child {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.email-notification-settings .setting-item:hover {
    background: #fff;
    transition: background-color 0.5s ease;
}

.email-notification-settings .small-switch-checkbox {
    right: 32px !important;
}

.setting-item h4 {
    font-size: 15px;
}


/* tab-left-new styles start */

.vertical-tab li.nav-item {
    margin: 0 !important;
}

.vertical-tab .nav-link {
    border: 1px solid #ced4da !important;
    border-bottom: none !important;
    background: none;
    border-radius: 0px;
    margin-right: -1px;
}

.vertical-tab .nav-item:last-child .nav-link {
    border-bottom: 1px solid #ced4da !important;
}

.nav-tabs--left .nav-link:hover {
    background-color: #fff;
    color: #0088FF !important;
    box-shadow: -11px 5px 10px #edf2f6;
}

.accordion-tab .head-main-list-tab {
    background: #f3f8fb;
    border: 1px solid #ced4da !important;
    margin-bottom: -1px;
    border-radius: 0;
}

.accordion-tab .list-group-item:hover {
    background: #fff;
    /*border-color: #fff !important;*/
}


/*.accordion-tab .head-main-list-tab:hover {
  border-bottom: 1px solid #ced4da !important;
}*/

.accordion-tab .panel-collapse-new-tab {
    background: #f3f8fb;
    padding-left: 0;
    margin-bottom: -1px;
    /*border: 1px solid #ced4da;*/
    margin-top: -1px;
    z-index: 2;
    border-top: none;
    border-bottom: 1px solid #ced4da !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    border-color: #fff !important;
}

.bg-body-color-menu .nav-link {
    background: #f3f8fb;
}

.nav-tabs--left .nav-link.active {
    box-shadow: -11px 5px 10px #edf2f6;
    box-shadow: none;
    margin: 0;
    border: 1px solid #ced4da !important;
    border-radius: 0;
    border-bottom: none !important;
    border-right: none !important;
    margin-right: -1px;
}

.report-small-tab .vertical-tab .nav-link {
    /*border-right: none !important;*/
}

.line-tab .nav-link.active {
    /*border: none;
    border-bottom: 2px solid #fff;
    font-size: 13px;
    font-family: 'Nunito Bold';
    color: #506e91;*/
    border-color: #0088FF !important;
}

.hc-report-tab-style .nav-tabs--left .nav-link.active {
    border-right: none;
    margin-right: -1px;
}


/* tab-left-new styles end */

.banking-issue li:first-child {
    padding-top: 0;
}

.banking-issue li:last-child {
    padding-bottom: 0;
}

.accordioncard-new .drop-down-icone {
    position: absolute;
    right: 15px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordioncard-new .card .card-header .collapsed .drop-down-icone {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}


/* accodion with switch starts */

.panel-with-switch .panel-title {
    position: relative;
}

.panel-with-switch .small-switch-checkbox {
    position: absolute;
    right: 55px;
    top: 50%;
    z-index: 1;
    margin-top: -17px;
}

.panel-drop-sections .panel-with-switch .width96pc {
    padding-right: 112px;
}

.small-switch-checkbox .switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 23px;
    border-radius: 3px;
    margin-top: 3px;
    margin-bottom: 0;
    float: right;
}

.small-switch-checkbox .switch .slider {
    height: 18px;
}

.small-switch-checkbox .switch .slider:before {
    position: absolute;
    content: "";
    height: 25px;
    width: 25px;
    left: -18px;
    bottom: -4px;
}

.small-switch-checkbox .switch input:checked+.slider:before {
    background: url(../images/switch-check.svg) 6px center no-repeat #fff;
    background-size: 12px;
}

.panel-drop-sections .width96pc .directio-text {
    display: block;
    font-size: 13px;
    color: #506e91;
    padding-top: 3px;
}


/* accodion with switch end */

.zui-table thead th span {
    transform: rotate(-90deg);
}

.right-tech-tab .nav-tabs--left .nav-link.active {
    border-right: none !important;
    box-shadow: -10px 5px 10px #edf2f6;
}


/* .thumb-pics col style starts */

.thumb-pics-col-1 .thumb-pics {
    width: 100%;
}

.thumb-pics-col-2 .thumb-pics {
    width: 50%;
}

.thumb-pics-col-2 .browse-form-pic {
    height: 130px;
}

.thumb-pics-col-3 .thumb-pics {
    width: 33.33%;
}

.thumb-pics-col-3 .browse-form-pic {
    height: 135px;
}

.thumb-pics-col-4 .thumb-pics {
    width: 25%;
}

.thumb-pics-col-4 .browse-form-pic {
    height: 135px;
}

.thumb-pics-col-5 .thumb-pics {
    width: 20%;
}

.thumb-pics-col-5 .browse-form-pic {
    height: 135px;
}

.thumb-pics-col-6 .thumb-pics {
    width: 16.64%;
}

.thumb-pics-col-6 .browse-form-pic {
    height: 135px;
}

.thumb-pics-col-3.accordion-inner-thump .browse-form-pic {
    height: 110px;
}

.thumb-pics-col-2.accordion-inner-thump .browse-form-pic {
    height: 110px;
}

.thumb-pics-col-6 .form-group-upload {
    min-height: 128px;
}


/* .thumb-pics col style end */

.table tr td .date-pics-two {
    font-size: 13px;
}

.org-customer-tbl .edit-option-show i {
    float: none;
}

.user-right-box-loop {
    display: inline-block;
}

.banking-issue .sub-add .add-plus {
    display: inline-block !important;
    opacity: 0;
}

.banking-issue .sub-add:hover .add-plus {
    opacity: 1;
}

.panel-drop-sections .discussion-head {
    background: #031F41;
    color: #f2f2f2 !important;
}

.panel-drop-sections .panel-heading .discussion-head .drop-down-icone {
    color: #f2f2f2 !important;
}

.panel-drop-sections .panel-heading.active .discussion-head {
    background: #031F41;
    color: #fff !important;
}

.panel-drop-sections .panel-heading.active .discussion-head .drop-down-icone {
    color: #fff !important;
}

.banking-issue li .btn-small {
    padding: 4px 10px;
    opacity: 0;
}

.banking-issue li:hover .btn-small {
    opacity: 1;
}

.arrowlist li .btn-small {
    padding: 4px 10px;
    opacity: 0;
}

.arrowlist li:hover .btn-small {
    opacity: 1;
}

.table-master tr:nth-child(odd) {
    background: none;
}

.table-master tr th {
    background: #eaf0f6;
}

table tr {
    position: inherit !important;
}

.active-right-border-none .vertical-tab .nav-link {
    /*border-right: none !important;*/
}

.active-right-border-none .vertical-tab .nav-link.active {
    border-right: none !important;
    margin-right: -1px;
}

.active-right-border-none {
    padding-right: 0;
}

.active-right-border-none .vertical-tab {
    margin-right: 0;
}

.user-details-page .user-settings .card {
    border: 1px solid #cbd6e2;
}

.user-settings-width-tab-content .tab-content {
    min-height: 350px;
}

.bpm-arci-table-new table tr th {
    border-right: 1px solid #bac8d8;
    vertical-align: middle;
}

.bpm-arci-table-new table tr:hover {
    background: none !important;
}

.title-logo-main span.risk-type-bx {
    font-size: 14px !important;
    padding-top: 1px;
}

.title-logo-main span img {
    margin-right: 2px !important;
}

.title-logo {
    padding: 5px 2px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
}

.title-logo img {
    padding-top: 3px;
    vertical-align: middle;
}

.round-logo-right-box {
    width: 80%;
}


/* HL plan table style starts */

.hl-plan-table {
    overflow: hidden;
}

.hl-plan-table table tr:hover {
    color: unset;
    background: unset !important;
}

.hl-plan-table table tr th {
    border: 1px solid #bac8d8;
    padding: 10px 12px;
}

.hl-plan-table table tr td {
    padding: 10px 12px;
}

.hl-plan-table table tr:nth-child(even) {
    background: none;
}

.head-month-sec ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.head-month-sec li {
    float: left;
    list-style-type: none;
    font-weight: normal;
    font-size: 12px;
    padding: 0 12px;
}

.head-month-sec li:first-child {
    padding-left: 0;
}

.head-day-sec ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.head-day-sec li {
    float: left;
    list-style-type: none;
    font-weight: normal;
    font-size: 12px;
    padding: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 21px;
    margin: 0 4px;
    position: relative;
    z-index: 2;
}

.head-day-sec li:first-child {
    margin-left: 0;
}

.head-day-sec li:hover {
    background: #ebf2fa;
}

.head-day-sec li.active {
    background: #FF002B !important;
    color: #fff !important;
}

.head-day-sec li.active:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 8px;
    width: 3px;
    height: 10000px;
    background: #FF002B;
    z-index: 1;
}

.big-text-label-check .container2 {
    color: #506E91;
    font-size: 16px;
}

.sortpic-text .sort-icon-pics {
    width: 8px;
    vertical-align: middle;
    margin: -2px 0 0 7px;
}

.left-double-line {
    border: 2px solid #ccc;
    width: 4px;
    height: 16px;
    border-radius: 14px;
    vertical-align: middle;
    margin: -4px 7px 0 0;
}

.left-double-line.green {
    border-color: #00BB0C !important;
}

.hl-text-one {
    color: #506E91;
    font-size: 16px;
    line-height: 21px;
}

.heading-cmn-hl-plan {
    float: left;
    border: 1px solid #bac8d8;
    border-right: none;
    padding: 10px 12px;
    min-height: 78px;
}

.heading-cmn-hl-plan:last-child {
    border-right: 1px solid #bac8d8;
}

.hl-plan-head-one {
    width: 25%;
    float: left;
}

.hl-plan-head-two {
    width: 9%;
    float: left;
}

.hl-plan-head-three {
    width: 7%;
    float: left;
}

.hl-plan-head-four {
    width: 7%;
    float: left;
}

.hl-plan-head-five {
    width: 7%;
    float: left;
}

.hl-plan-head-six {
    width: 45%;
    float: left;
}

.hl-plan-pdg-one {
    padding-top: 20px;
}

.hl-plan-pdg-two {
    padding-top: 30px;
}

.hl-plan-pdg-three {
    padding-top: 15px;
}

.plus-accordion .panel-default>.panel-heading a:after {
    background: #33475B;
    color: #fff;
    text-align: center;
}

.plus-accordion .panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    top: 2px;
    height: 13px;
    width: 18px;
    line-height: 11px;
}

.plus-accordion .panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    left: 3px;
    top: -1px;
    height: 18px;
    width: 13px;
    line-height: 19px;
}

.plus-acgg-width-cmn {
    float: left;
    border-bottom: 1px solid #bac8d8;
    min-height: 50px;
    padding-left: 15px;
}

.plus-acgg-width .hl-plan-head-six {
    position: relative;
}

.plus-acgg-width .hl-plan-head-six:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 10000px;
    border-left: 1px solid #bac8d8;
}

.white-bdr {
    border-color: #fff;
}

.plus-accordion .head-plus-acdg {
    padding-left: 15px;
}

.click-text-plus {
    position: relative;
    padding-left: 20px;
    display: inline-block;
}

.plus-accordion .panel-collapse {
    border-bottom: 1px solid #bac8d8;
}

.hl-plan-accordion-sec .plus-accordion .panel-default:last-child .panel-collapse {
    border-bottom: none;
}

.plus-accordion .panel-collapse .panel-body {
    padding: 15px;
}

.hl-inner-popup {
    position: fixed;
    right: 10px;
    top: 105px;
    width: 0px;
    z-index: 99999;
    margin-right: -420px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.hl-inner-popup.show {
    width: 420px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-right: 0;
}

.chek-popup-show.active.big-text-label-check .container2 {
    color: #0088FF;
}

.check-box-v2 {
    font-size: 15px;
    padding-top: 2px;
    display: inline-block;
}

.hl-close-popup {
    color: #8A9DB2;
    background: none;
    border: none;
    font-size: 24px;
    line-height: 17px;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.hl-close-popup:hover {
    color: #0088FF;
}

.plus-acgg-width .hl-plan-head-one {
    padding-top: 14px;
}

.plus-acgg-width .hl-plan-head-two {
    padding-top: 9px;
}

.plus-acgg-width .hl-plan-head-three {
    padding-top: 12px;
}

.plus-acgg-width .hl-plan-head-four {
    padding-top: 12px;
}

.plus-acgg-width .hl-plan-head-five {
    padding-top: 12px;
}

.plus-acgg-width .hl-plan-head-six {
    padding-top: 12px;
}

.plus-accordion .head-text-hl-acd {
    padding-left: 5px;
}

.plus-accordion .head-text-hl-acd:hover {
    color: #0088FF;
}

.cmn-text-one-hl {
    font-size: 14px;
    color: #506E91;
    padding-left: 15px;
    vertical-align: middle;
}

.pl-accordion-inner-cmn {
    padding-left: 10px;
}

.color-box-hl {
    background: #f1f1f1;
    border: 1px solid #ccc;
    width: 100px;
    height: 20px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
}

.color-box-hl.red-box {
    border-color: #FF001A;
    background: #ffc8ce;
}

.color-box-hl.blue-box {
    border-color: #00B9FF;
    background: #c9f0ff;
}

.bottom-icon-box {
    display: inline-block;
    min-width: 100px;
    height: 10px;
    position: relative;
    background: #506e91;
}

.bottom-icon-box:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -11px;
    border-top: 12px solid #506e91;
    border-right: 18px solid transparent;
    border-left: 0px solid transparent;
}

.bottom-icon-box:before {
    position: absolute;
    content: "";
    right: 0;
    bottom: -11px;
    border-top: 12px solid #506e91;
    border-right: 0px solid transparent;
    border-left: 18px solid transparent;
}

.hl-plan-head-sixthe-right-sec {
    padding-left: 7px;
}

.round-tic-check-box .container2 input:checked~.checkmark {
    background: none;
}

.round-tic-check-box .container2:hover input~.checkmark {
    background-color: rgba(200, 54, 54, 0);
}

.round-tic-check-box .container2 .checkmark {
    background: url(../images/round-color-check-one.png) no-repeat;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 0;
}

.round-tic-check-box .container2 .checkmark:after {
    background: url(../images/round-color-check-two.png) no-repeat;
    width: 24px;
    height: 24px;
    border: none;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    left: 0;
    top: 0;
}

.round-tic-check-box .container2 {
    color: #506E91;
    font-size: 16px;
    margin-bottom: 0;
    padding: 1px 0 0 30px;
}

.round-tic-check-box .container2:hover {
    color: #0088FF;
}

.list-number-hl {
    display: inline-block;
    float: left;
    min-width: 22px;
}

.hl-plan-accordion-sec {
    border: 1px solid #bac8d8;
    border-top: none;
}

.inner-accordion-list-loop {
    padding: 3px 0;
}


/* HL plan table style end */


/* competency tab starts */

.competency-progrss-main {
    position: relative;
    padding-top: 25px;
    margin-top: 15px;
}

.competency-progrss-main:after {
    content: "";
    position: absolute;
    left: 0%;
    bottom: 0;
    height: 100%;
    border-left: 1px solid #637E9C;
    margin-left: 100px;
}

.competency-progrss-main:before {
    content: "";
    position: absolute;
    left: 51%;
    bottom: 0;
    height: 100%;
    border-left: 1px solid #637E9C;
    margin-left: 25px;
}

.competency-progrss-bottom-line {
    border-bottom: 1px solid #637E9C;
    margin: 0 30px 0 100px;
    padding-top: 5px;
}

.competency-progrss {
    position: relative;
    margin-bottom: 33px;
    z-index: 1;
}

.competency-progrss .progress {
    height: 22px;
    margin: 0 30px 0 100px;
    overflow: unset;
    position: relative;
}

.competency-progrss-main .value-left {
    position: absolute;
    left: 45px;
    top: -1px;
    min-width: 30px;
    text-align: right;
}

.competency-progrss-main .value-right {
    position: absolute;
    right: -5px;
    top: -1px;
    min-width: 30px;
    text-align: left;
}

.competency-progrss .progress-bar {
    position: relative;
    border-radius: 0 0.25rem 0.25rem 0;
}

.competency-progrss .value-inner {
    position: absolute;
    right: 3px;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    color: #33475b;
    font-size: 10px;
    line-height: 16px;
}

.competency-progrss-main .value-cmn {
    color: #33475b;
    font-size: 13px;
}

.competency-progrss-bottom-line .value-left {
    top: -4px;
}

.competency-progrss-bottom-line .value-right {
    top: -4px;
}

.competency-progrss-main .value-top-center {
    position: absolute;
    top: -18px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    margin-left: 80px;
}

.last-assessment-icon {
    color: #7c98b6;
}

.last-assessment-text {
    padding-left: 12px;
}

.competency-progrss-main .position-name {
    position: absolute;
    top: 5px;
    left: 0px;
    font-family: 'Nunito SemiBold';
    width: 93px;
    overflow: hidden;
    text-align: right;
    background: #fff;
    z-index: 2;
    line-height: 13px;
}

.require-competencies {
    position: absolute;
    top: -19px;
    left: 0;
    min-width: 41px;
}

.require-competencies .require-flag-icon {
    width: 14px;
}

.require-competencies .require-number {
    font-size: 16px;
    vertical-align: middle;
    margin: -4px 0 0 0px;
}

.require-competencies.high .require-flag-icon,
.require-competencies.high .require-number {
    color: #28a745 !important;
}

.require-competencies.low .require-flag-icon,
.require-competencies.low .require-number {
    color: #dc3545 !important;
}


/* competency tab end */

.add-plus {
    width: 23px !important;
    padding: 2px !important;
    line-height: 17px;
    border-radius: 50%;
    display: none;
    font-size: 10px;
}

body .sub-add:hover .add-plus {
    display: inline-block;
}

.add-new-plus-round .add-plus {
    opacity: 0;
}

.add-new-plus-round:hover .add-plus {
    opacity: 1;
}


/* user-status dropdown start */

.user-status-drop {
    position: absolute;
    right: 5px;
    font-size: 12px;
    margin-top: 5px;
}

.user-status-drop.available {
    color: #03bc00;
}

.user-status-drop.unavailable {
    color: #ff0808;
}


/* user-status dropdown end */

.risk-score-box h5 {
    font-weight: normal;
}

.score-box-info .big-text-box {
    width: 50%;
}

.big-text-one .big-big-text {
    font-size: 28px;
}


/* mrm-report page start */

.mrm-report-page {
    background: #fff;
}

.mrm-report-top-sec {
    min-height: 290px;
    background-size: 100% !important;
    padding-bottom: 20px;
}

.mrm-report-logos-sec {
    padding: 28px 45px;
}

.mrm-report-header-texts {
    padding: 20px 0 0 12%;
    color: #fff;
}

.mrm-report-header-texts p {
    font-family: 'Nunito SemiBold';
    font-size: 18px;
}

.mrm-report-header-texts .date-pics-two {
    vertical-align: middle;
    margin: -4px 10px 0 0;
    font-size: 20px;
}

.mrm-report-header-texts h6 {
    font-family: 'Nunito SemiBold';
    font-size: 18px;
}

.mrm-report-header-texts h5 {
    font-size: 36px;
}

.mrm-report-header-texts h6,
.mrm-report-header-texts h5,
.mrm-report-header-texts p {
    color: #fff;
}

.mrm-report-header-texts h6,
.mrm-report-header-texts h5 {
    font-family: 'Nunito SemiBold';
}

.mrm-report-content-sec {
    padding: 45px 50px;
}


/* mrm-report page end */

.audit-findings-impact-chart {
    width: 167px;
    min-height: 400px;
    position: relative;
    padding: 0;
}

.audit-findings-impact-chart:after {
    content: "";
    position: absolute;
    top: 50%;
    border-bottom: 1px solid #ccc;
    width: 100%;
}

.audit-findings-impact-chart .vertical-progress-bottom .progress-bar {
    bottom: unset !important;
    top: 100% !important;
}

.audit-findings-impact-chart .vertical-progress .progress-bar {
    top: unset;
    bottom: 0;
}

.impact-Analyisis-text {
    position: absolute;
    top: -25px;
    font-size: 13px;
    color: #33475b;
    width: 50px;
    left: -8px;
    right: 0;
    text-align: center;
}

.audit-findings-impact-chart .vertical-progress-bottom .impact-Analyisis-text {
    top: unset;
    bottom: -25px;
}

.audit-findings-impact-chart .vertical-progress {
    overflow: unset;
}

.checklist-box-new.active {
    border-color: #0088ff !important;
}

.checklist-box-new.active .btn {
    background: #0088FF !important;
    color: #fff !important;
}

.checklist-box-new:hover {
    border-color: #0088ff !important;
}

.meeting-member-box-inner .big-text-box {
    width: 50%;
    margin-bottom: 0;
    padding: 10px 0;
}

.meeting-member-box-inner .mdl-line {
    float: left;
    width: 90%;
    border-bottom: 1px solid #dee2e6;
    margin: 0 0 0 5%;
}

.meeting-member-box {
    margin-bottom: 30px;
    border-radius: 7px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.meeting-member-box:hover {
    transform: scale(1.05);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    box-shadow: 0px 0px 5px #ccc;
}

.add-member-boxes.mCustomScrollbar .add-member-box {
    margin-right: 15px;
}

.add-member-boxes {
    max-height: 340px;
}

.add-member-boxes .mCSB_scrollTools .mCSB_draggerContainer {
    right: -11px;
}


/* arrowlist-edit-and-add starts */

.arrowlist li:hover .arrowlist-edit-and-add {
    opacity: 1;
}


/*.arrowlist li:hover {
  color: #0088FF;
  cursor: pointer;
}*/

.arrowlist-edit-and-add {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 0px 4px;
    border-radius: 4px;
    box-shadow: 0px 3px 10px #cbd6df;
    border: 1px solid #ced4da;
    display: inline-block;
    opacity: 0;
}

.arrowlist-edit-and-add a {
    color: #7c98b6 !important;
    font-size: 12px;
    background: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

.arrowlist-edit-and-add a i {
    padding: 2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}

.arrowlist-edit-and-add a:hover i {
    color: #0088ff;
    transform: scale(1.15);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.arrowlist-edit-and-add a:hover .fa-trash,
.arrowlist-edit-and-add a:hover .fa-trash-alt {
    color: #dc3545;
}


/* arrowlist-edit-and-add end */

.task-details-box-inner .mdl-line {
    float: left;
    width: 90%;
    border-bottom: 1px solid #dee2e6;
    margin: 0 0 0 5%;
}

.task-details-box-inner .big-text-box {
    width: 50%;
    padding: 10px 0;
    margin-bottom: 0;
}

.task-details-box-inner .big-text-one {
    font-size: 26px;
}

.big-text-one-icon {
    font-size: 23px;
    color: #0088FF;
    margin-right: 7px;
}

.big-text-one-label {
    font-size: 13px;
    color: #506E91;
    text-align: left;
    vertical-align: middle;
    margin: -4px 0 0 5px;
}

.project-discussion-box {
    margin-bottom: 20px;
}

.project-discussion-box:last-child {
    margin-bottom: 0;
}

.discussion-content-sec-left {
    float: left;
    width: 75%;
}

.discussion-content-sec-right {
    float: right;
    width: 25%;
    text-align: right;
}

.comment-btns-cmn {
    font-size: 14px;
    color: #33475b;
    padding-right: 15px;
}

.comment-btns-cmn i {
    margin-right: 5px;
}

.comment-btns-msg:hover {
    cursor: pointer;
    color: #0088FF;
}

.comment-btns-msg.active {
    color: #0088FF;
}

.comment-btns-sec {
    border-top: 1px solid #cbd6e2;
    padding: 10px 10px 10px 73px;
}

.paragraph-texts-loop p:last-child {
    margin-bottom: 0;
}

.discussion-view-box {
    border-top: 1px solid #cbd6e2;
    padding-right: 15%;
}

.comment-btns-hart:hover {
    color: #0088FF;
}

.comment-btns-hart.active {
    color: #0088FF;
}

.discussion-view-box-inner {
    margin-bottom: 15px;
}

.discussion-view-box-inner:last-child {
    margin-bottom: 0;
}

.audit-page-table-main tbody tr.total-money-sec {
    background: #eaf0f6 !important;
}

.audit-page-table-main tbody tr.total-money-sec td {
    border: none;
}

.audit-page-table-main tbody tr.total-money-sec:hover td {
    background: #eaf0f6 !important;
}

.text-and-togle {
    margin-bottom: 15px;
}

.text-and-togle:last-child {
    margin-bottom: 0;
}

.text-and-togle .small-switch-checkbox {
    padding-right: 20px;
}


/* setings theme style start */

.theme-item-list-main .theme-item-list:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.theme-item-list-main .theme-item-list:first-child {
    padding-top: 0;
}

.theme-item-list {
    border-bottom: 1px solid #DBE2EB;
    padding: 15px 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.theme-item-list:hover {
    padding-left: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.theme-item-list h4 {
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 0;
}

.theme-item-list .hexa-color input {
    background: #f0f6fc;
    border: 1px solid #c3d1df;
    max-width: 88px;
    height: 26px;
    color: #849ebb;
    font-size: 14px;
}

.theme-item-list .costmz-color {
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    cursor: pointer;
}

.theme-item-list .costmz-logo {
    background: #f3f8fb;
    border: 1px solid #DBE2EB;
    padding: 5px;
    border-radius: 7px 0 0 7px;
    width: 44%;
}

.theme-item-list .costmz-logo img {
    max-width: 100%;
    height: 30px;
}

.theme-item-list .choose_file {
    margin: 0;
}

.theme-item-list .choose_file .btn img {
    width: 28px;
    margin-right: 5px;
}

.theme-item-list .choose_file .btn {
    font-size: 12px;
    background: #7c98b6 !important;
    color: #fff !important;
    border: none;
    border-radius: 0px 7px 7px 0px;
    padding: 12px 15px;
}


/* setings theme style end */

.inner-inner-accordion .sub-accordion {
    margin-bottom: 0.5rem;
}

.v2-text-color-one {
    color: #506e91;
}

.inner-child .card-body.pt-0 {
    padding: 0 !important;
    border-top: none !important;
}

.resource-allocation-tbl table tr td {
    vertical-align: top;
}

.resource-allocation-tbl .arci-user-tab-dtl {
    min-height: auto;
}

.box-type-project {
    width: 49%;
    border: 1px solid #cbd6e2;
    padding: 10px;
    border-radius: 5px;
    margin: 4px 1% 4px 0;
    float: left;
}

.box-type-project:hover {
    background: #fff;
}


/* notification-menu-hdr start */

.notification-menu-hdr .dropdown-menu {
    width: 650px;
    z-index: 999999;
    right: 0px;
    top: 0;
    height: 100vh;
    position: fixed !important;
}

.notification-menu-hdr .notification-pic {
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
}

.notification-menu-hdr .notification-pic .pic-status-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -6px;
    bottom: 0;
    display: inline-block;
    background: #a1a1a1;
    border-radius: 50%;
    text-align: center;
}

.notification-menu-hdr .notification-pic .pic-status-icon i {
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 0;
}

.notification-menu-hdr .notification-texts {
    width: 520px;
}

.notification-menu-hdr .notification-texts h6 {
    font-size: 16px;
    margin-bottom: 0px;
    word-break: break-word;
}

.notification-menu-hdr .notification-texts .date-and-time {
    font-size: 13px;
    color: #7c98b6;
}

.notification-menu-hdr .dropdown-list-group {
    margin-bottom: 15px;
    height: 88vh;
}

.notifi-close {
    font-size: 18px !important;
    display: inline-block;
    margin: 14px 14px 0 0;
    cursor: pointer;
    display: none;
}

.notifi-close i {
    color: #33475b !important;
}

.notification-menu-hdr.show .dropdown-toggle .fa-bell {
    animation: pulse 1s infinite;
    transition: .3s;
}

.empty-notification-pic {
    width: 60%;
    margin: 0 auto;
}

.top-bar .notification-menu-hdr .dropdown-list-group li {
    padding: 10px 35px 10px 15px;
    position: relative;
    margin: 0 5px;
    border: none;
    border-radius: 7px;
}

.top-bar .notification-menu-hdr .dropdown-list-group li.indication:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 20px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0088FF;
    margin-top: -5px;
    display: inline-block;
    border: 2px solid #c8e5ff;
}

.top-bar .notification-menu-hdr .dropdown-list-group li a {
    display: block;
}

.notification-menu-hdr .notification-head {
    font-size: 18px;
    padding: 15px;
}


/* notification-menu-hdr end */

.check-text-left .remember-txt .checkmark {
    position: inherit;
    margin: -3px 0 0 4px;
    vertical-align: middle;
}

.check-text-left .remember-txt .checkmark:after {
    position: relative;
}

.start-btn-rca {
    padding-left: 6px;
}

.btn-loop-risk-rating {
    margin-top: 20px;
}

.auditable-item-risk-rating-section .big-text-box-two {
    width: 20%;
}

.user-img-section .user-pic img {
    width: 145px;
    height: 145px;
    border-radius: 50%;
    border: 2px solid #fff;
}

.image-oc-tab {
    min-height: 500px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    position: relative;
}

.image-oc-tab-inner {
    display: flex;
    text-align: center;
    margin: 0 auto;
}

.image-edit-icom-oc {
    font-size: 19px;
    color: #fff;
    background: #999;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    text-align: center;
    border: 1px solid #fff;
    padding-top: 8px;
    position: absolute;
    top: 15px;
    right: 15px;
}

.image-edit-icom-oc:hover {
    background: #0088FF;
    color: #fff;
}

.by-risk-rating-top-sec h5 {
    display: inline-block;
}

.calender-table table th {
    padding: 12px;
}

.calender-table table td {
    padding: 10px 12px;
}

.rca-limit-btn {
    position: relative;
    z-index: 1;
}

.oc-upload-image-show {
    width: 200px;
}

.oc-upload-image-show .upload-btn-wrapper {
    width: 100%;
}

.oc-upload-image-show .upload-btn-wrapper .btn {
    width: 100%;
    margin: 0 !important;
    border-radius: 0 0 7px 7px !important;
    border: 1px solid;
    padding: 8px 20px !important;
}

.oc-upload-image-show .upload-btn-wrapper input[type=file]:hover+button {
    background: #0088FF !important;
    color: #fff !important;
    border-color: #0088FF !important;
}

.oc-upload-image-show-pic {
    border: 1px solid #0088FF;
    border-bottom: none;
    border-radius: 7px 7px 0 0;
}

.oc-upload-image-show-pic .question-circle-inp {
    z-index: 99;
}

.oc-upload-image-show-pic img {
    border-radius: 7px 7px 0 0;
}


/* loop accordion inner style start */

.accordion-loop-inner {
    padding-bottom: 10px;
}

.accordion-loop-inner .bottom-space-accordion {
    padding-bottom: 5px !important;
}


/* loop accordion inner style end */

.browse-form-pic-small {
    width: 100%;
    height: 115px;
    margin: 0 auto;
    background-size: 100% 100% !important;
}

.deactive-accordion {
    opacity: 0.5;
}

.loop-cmn-p p {
    margin-bottom: 8px;
}

.loop-cmn-p p:last-child {
    margin-bottom: 15px;
}

.rca-msg-btn {
    background: #fff;
    color: #0088FF;
    border: 1px solid #0088FF;
    padding: 5px 12px;
    display: inline-block;
    border-radius: 7px;
}


/* error-message-content start */

.error-message-content {
    padding: 100px 0;
}

.error-message-picher {
    width: 680px;
    margin: 0 auto;
}

.error-message-content h3 {
    margin-bottom: 0;
    padding-top: 35px;
    font-size: 30px;
}


/* error-message-content end */

.user-details:focus {
    outline: none;
}

.system-log-table tr th,
.system-log-table tr td {
    text-align: center;
}

.system-log-table .small-box {
    padding: 3px 5px;
    border-radius: 4px;
    background: #ccc;
    color: #fff;
    font-size: 12px;
}

.system-log-table .small-box.small-box-light-blue {
    background: #58bed8;
}

.system-log-table .small-box.small-box-dark-blue {
    background: #3176b2;
}

.system-log-table .small-box.small-box-gray {
    background: #888a8b;
}

.system-log-table .small-box.small-box-dark-red {
    background: #b71f1f;
}

.system-log-table .small-box.small-box-dark-red-two {
    background: #d62f2a;
}

.system-log-table .small-box.small-box-light-red {
    background: #f64337;
}

.system-log-table .small-box.small-box-orange {
    background: #ff5824;
}

.system-log-table .small-box.small-box-yellow {
    background: #fd8e01;
}

.system-log-table .small-box.small-box-green {
    background: #48af4c;
}

.system-log-table .small-box.small-box-dark-blue-two {
    background: #1875d4;
}

.system-log-table .small-box.small-box-light-blue-two {
    background: #90cafc;
}

.user-img-section .user-pic .edit-btn:hover {
    color: #fff;
}

.my-profile-banner a.camera-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: rgba(0, 24, 54, 0.4);
    border-radius: 50%;
    padding-top: 4px;
}

.my-profile-banner a.camera-icon:hover {
    background: #0088FF;
    color: #fff;
}

.my-profile-banner a.camera-icon:hover i {
    color: #fff;
}

.my-profile-banner {
    background-size: 100% 100%;
}

.thump-pic-box {
    min-height: 120px;
    margin-bottom: 15px;
    background: #fafafa;
    border: 1px solid #cbd6e2;
    max-height: 180px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.upload-pics-thump {
    margin: 0 auto;
}

.thump-pic-box-top {
    border: 1px solid #cbd6e2;
    border-bottom: none;
    padding: 10px 15px;
}

.thump-pic-box .browse-form-name {
    left: 0;
}

.thump-pic-box:hover .browse-form-name {
    opacity: 1;
    z-index: 1;
    bottom: 0;
    left: 0;
}

.thump-pic-box h6 {
    font-size: 12px;
    font-weight: normal !important;
    margin: 0;
    padding-top: 5px;
    line-height: 12px;
}

.thump-pic-box span {
    font-size: 11px;
    font-weight: normal;
}

.licence-tab-left-col-3 .licence-col {
    width: 25%;
}

.licence-tab-left-col-3 .license-box {
    width: 100%;
    height: 110px;
}

.small-close-poup {
    position: absolute !important;
    right: 15px !important;
    top: 15px !important;
    font-size: 16px !important;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.small-close-poup:hover {
    color: #0088FF !important;
}

.modal-content:hover .small-close-poup {
    opacity: 1;
}

.users-page-list .user-list-lg .user-details {
    padding-left: 15px;
}

.reset-password-label {
    position: relative;
    color: #506e91;
    font-size: 14px;
    margin-bottom: 15px;
    padding-right: 30px;
}

.reset-password-label .question-circle-inp {
    position: absolute;
    right: 6px;
    top: 2px;
}

.password-eye-icon {
    position: relative;
    padding-right: 35px !important;
}

.password-eye-icon .eye-icon-pswd {
    position: absolute;
    right: 10px;
    top: 15px;
}

.cke_maximized {
    z-index: 999999 !important;
}

.folder-list-page-popup {
    padding: 10px 0 0 15px;
}

.change-password-inp {
    position: relative;
}

.change-password-inp .eye-icon-pswd {
    position: absolute;
    right: 3px;
    top: 1px;
}

.change-password-inp input {
    padding-right: 30px;
}

.small-step-progressbar-and-controler-inner {
    width: 80%;
    margin: 0 auto;
    padding: 0 18px;
}

.progressbar-indication {
    float: right;
    padding-top: 8px !important;
}

.small-step-control-btns {
    float: left;
}

.edit-and-delete-small {
    position: absolute;
    right: 0px;
    top: -3px;
    padding: 0 1px;
    opacity: 0;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.edit-and-delete-small .btn-small-icon {
    padding: 2px 3px;
    background: none;
    border: none;
    font-size: 10px;
    margin: 0 2px;
    color: #7c98b6;
    border-radius: 5px;
    line-height: 16px;
    cursor: pointer;
}

.edit-and-delete-small .btn-small-icon:hover {
    color: #0088FF;
}

.edit-delete-right-space {
    padding-right: 80px;
}

ul.arrowlist li:hover .edit-and-delete-small {
    opacity: 1;
}

.msg-gif-one {
    width: 350px;
}


/* side-menu-toggles start */

.side-menu-toggles-main {
    position: fixed;
    right: 0;
    top: 30%;
    z-index: 9999;
    height: 33px;
    opacity: 0.7;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.side-menu-toggles-main:hover {
    height: auto;
    opacity: 1;
}

.side-menu-toggles-main .left-arow-side-toggle {
    background-color: #031f41;
    color: #fff;
    font-size: 14px;
    border-radius: 10px 0 0 10px;
    cursor: pointer;
    padding: 7px 9px 5px 10px;
}

.side-menu-toggles-main .left-arow-side-toggle i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*position: relative;
  animation: toglemove 2s infinite;*/
}


/*@keyframes toglemove {
  from {left: 0px;}
  to {left: -5px;}
}*/

.side-menu-toggles-main:hover .left-arow-side-toggle i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.side-menu-toggles-main .side-menu-toggles {
    position: relative;
    right: -33px;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.side-menu-toggles-main:hover .side-menu-toggles {
    right: 0px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.side-menu-toggles-main.active .side-menu-toggles {
    right: 0;
}

.side-menu-toggles-main.active .left-arow-side-toggle i {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* side-menu-toggles end */

.notifications-head .btn {
    margin: 15px 15px 15px 0px !important;
}

.medium-text-new {
    font-size: 13px;
    font-weight: normal !important;
}

.available-swich-text {
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    padding-right: 5px;
    vertical-align: middle;
    margin: -6px 0 0 0;
    color: #506e91;
}

.audit-workflow-user-box {
    width: 473px;
    margin: 0 auto;
    position: relative;
    padding: 20px 0 100px 0;
}

.audit-workflow-user-box:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    border-top: 1px solid #0088FF;
}

.tree-btn-loop-workflow .btn:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    border-left: 1px solid #0088FF;
    top: -20px;
    left: 50%;
}

.tree-btn-loop-workflow .btn {
    position: absolute;
    margin: 0 !important;
}

.tree-btn-loop-workflow .btn:first-child {
    left: -41px;
}

.tree-btn-loop-workflow .btn:nth-child(2) {
    left: 50px;
}

.tree-btn-loop-workflow .btn:nth-child(3) {
    left: 181px;
}

.tree-btn-loop-workflow .btn:nth-child(4) {
    left: 336px;
}

.tree-btn-loop-workflow .btn:last-child {
    right: -38px;
}

.work-flow-audit-new {
    position: relative;
    margin-bottom: 40px;
    padding: 25px;
    width: 407px;
}

.work-flow-review-approval.work-flow-audit-new:after {
    height: 40px;
    bottom: -41px;
}

.l-number-rounde {
    width: 20px;
    height: 20px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -12px;
    text-align: center;
    font-size: 10px;
    padding: 3px 0;
    background: #ccc;
    z-index: 1;
}

.work-flow-audit-new .l-number-rounde {
    right: unset;
    left: -10px;
    margin: 0 auto;
    bottom: 50%;
    margin-bottom: -10px;
}

.label-work-flow-audit {
    font-size: 11px;
    display: inline-block;
    background: #fff;
    border: 1px solid #a2f6a2;
    box-shadow: 3px 3px 6px #91f6914a;
    padding: 4px 7px;
    border-radius: 4px;
    position: absolute;
    left: 20px;
    top: -10px;
    line-height: 11px;
}

ul.red-arrowlist li {
    background: url(../images/red-arrow-list.png) no-repeat 0 6px;
}

ul.red-arrowlist li:hover {
    background: url(../images/red-arrow-list.png) no-repeat 10px 6px;
}

ul.red-arrowlist li {
    color: #FF001A;
}

.progress-circle-smll.progress-circle {
    font-size: 7px;
}

.feedback-icon-main {
    padding: 20px 0 10px 0;
}

.feedback-icon-main .feedback-icon {
    font-size: 40px;
    color: #7c98b6;
    margin: 0 16px;
    display: inline-block;
    cursor: pointer;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.feedback-icon-main .feedback-icon.active {
    color: #0088FF;
}

.feedback-icon-main .feedback-icon:first-child {
    margin-left: 0;
}

.feedback-icon-main .feedback-icon:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    transform: translate3d(0, -3px, 0);
}

.feedback-icon-main-two {
    padding: 5px 0 0 0;
}

.feedback-icon-main-two .feedback-icon {
    font-size: 38px;
    margin: 0px 10px;
}

.feedback-icon-main .feedback-name {
    font-size: 15px;
    color: #506e91;
    font-family: 'Nunito Bold';
    vertical-align: middle;
    margin: -24px 0 0 5px;
}


/* document-new-tabs start */

.document-new-tabs .nav-tabs {
    border-bottom: none;
}

.document-new-tabs .nav-tabs .nav-item {
    width: 100%;
    margin-bottom: 0px;
}

.document-new-tabs .nav-tabs .nav-link {
    border: none;
}

.document-new-tabs .folder-options-inner-ul li {
    width: 100%;
}

.document-new-tabs .nav-tabs .nav-link.active,
.document-new-tabs .nav-tabs .nav-item.show .nav-link {
    color: #0088ff !important;
    background: #f3f8fb;
    margin-right: -1px;
}

.document-new-tabs .folder-options {
    padding: 5px 0;
}

.document-new-tabs .folder-options ul li a {
    padding: 3px 8px 3px 14px;
}

.document-new-tabs .folder-options-inner-ul li a {
    padding: 1px 8px 1px 35px !important;
}

.document-new-tabs .folder-options ul li a.folder-menu-link {
    position: relative;
    padding-right: 20px;
}

.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    right: 8px;
    top: 6px;
    font-size: 12px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link.active:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}


/* document-new-tabs end */

.score-divide h3 {
    font-size: 28px;
    background: -webkit-linear-gradient(#004fa7, #007dee);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Nunito Bold';
}

.score-divide h3 span {
    font-size: 20px;
}

.checklist-perform {
    display: none;
}

.score-divide {
    width: 105px;
    margin: 0 auto;
}

.risk-nbr-round {
    background: none;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    line-height: 25px;
}

.risk-nbr-round:hover {
    background: #ccc;
    color: #fff !important;
}

.left-notification-tab {
    float: left;
}

.right-notification-drop {
    float: right;
    margin: 7px 15px 0 0;
}

.small-plain-select .form-control {
    padding: 8px 25px 7px 10px;
    height: calc(2rem + 2px);
}

.notifications-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.notifications-list .notification-pic {
    margin-right: 15px;
    position: relative;
}

.notifications-list .notification-pic .pic-status-icon {
    position: absolute;
    width: 25px;
    height: 25px;
    right: -6px;
    bottom: 0;
    display: inline-block;
    background: #a1a1a1;
    border-radius: 50%;
    text-align: center;
    line-height: 26px;
}

.notifications-list .notification-pic .pic-status-icon i {
    color: #fff;
    font-size: 13px;
    text-align: center;
    margin: 0;
}

.notifications-list li.indication:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #0088FF;
    margin-top: -5px;
    display: inline-block;
    border: 2px solid #c8e5ff;
}

.notifications-list li {
    padding: 15px 25px 15px 15px;
    position: relative;
    border-radius: 0;
    border-bottom: 1px solid #c4d7ed;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.notifications-list li:hover {
    background: #f3f8fb;
}

.date-and-time-not {
    color: #506e91;
    font-size: 12px;
    vertical-align: middle;
    margin: 0 0 0 10px;
    font-weight: normal;
}

.notifications-options {
    position: absolute;
    right: 25px;
    bottom: 5px;
    opacity: 0;
}

.notifications-list li:hover .notifications-options {
    opacity: 1;
}

.notifications-options.show {
    opacity: 1;
}

.notifications-options .dropdown-toggle {
    width: 25px;
    height: 25px;
    background: none;
    border-radius: 50%;
    font-size: 13px;
    color: #506E91;
    border: none;
    cursor: pointer;
}

.notifications-options .dropdown-toggle:hover {
    background: #0088FF;
    color: #fff;
}

.notifications-options.show .dropdown-toggle {
    background: #0088FF;
    color: #fff;
}

.notifications-options .dropdown-menu {
    z-index: 9999;
}

.notifications-options .dropdown-menu .dropdown-item {
    font-size: 16px;
    color: #33475b;
}

.notifications-options .dropdown-menu .dropdown-item span {
    width: 25px;
}

.feed-back-thank-you-popup {}

.feed-back-thank-you-popup h2 {
    font-size: 30px;
}

.feed-back-thank-you-popup p {
    font-size: 18px;
    padding: 0 3%;
}

.bottom-stand-pic {
    width: 100%;
    position: absolute;
    right: 0px;
    bottom: -1px;
    z-index: 1;
}

.robo-pic-thank-you {
    position: relative;
    z-index: 2;
    width: 300px;
    margin: 0px auto 80px auto;
}

.small-close-round {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 15px;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: #F0F0F0 !important;
    color: #0088FF;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding-top: 1px !important;
}


/* file upload clip type start */

.paperclip-type-inp [type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}

.paperclip-type-inp [type="file"]+label {
    background: none;
    border: none;
    color: #212529;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-bottom: 0;
    outline: none;
    padding: 0px 7px;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
}

.paperclip-type-inp [type="file"]+label.btn-1:hover {
    color: #0088FF;
}

.controls-and-chat-sec-main .form-control {
    border: none !important;
}

#sidebar-wrapper2-inner .chating-block-single {
    height: 68px;
}


/* file upload clip type end */

.actvity-log-details {
    padding-bottom: 30px;
}

.actvitylog-dtl-left {
    width: 130px;
    text-align: center;
    position: relative;
}

.actvitylog-dtl-left:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 80%;
    background: #cdd8e3;
    left: 0;
    right: 0;
    bottom: -26px;
    margin: 0 auto;
    z-index: 1;
}

.actvitylog-dtl-right {
    width: 100%;
    box-shadow: -3px 3px 10px #e1e1e194;
}

.actvitylog-dtl-round {
    width: 60px;
    height: 60px;
    background: #cdd8e3;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: #7C98B6;
    line-height: 51px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    border: 5px solid #f5f6f7;
}

.bdr-right-pc-btm-sm {
    border-right: 1px solid #cbd6e2;
}

.small-user-style-text h6 {
    font-size: 1rem;
    font-weight: normal;
    line-height: 14px;
    margin-bottom: 2px;
}

.small-user-style-text span {
    font-size: 12px;
    color: #4A5C6E;
    padding-top: 3px;
}

.time-act-vty-top {
    font-size: 12px;
    color: #33475b;
}

.actvity-log-details-loop .actvity-log-details:last-child .actvitylog-dtl-left:after {
    display: none;
}

.form-group .plain-select .selectator_element.multiple {
    min-height: auto !important;
}

.introduction-page h4 {
    text-transform: none;
}

.upload-file-chats {
    height: 35px;
    width: 50px;
    float: left;
}

.show-risk-box {
    display: none;
    padding: 260px 30px !important;
}

.box-height-risk-question {
    padding: 170px 30px;
}

.overflow-workflow {
    overflow: initial !important;
}

.cdk-overlay-container {
    z-index: 999999;
}

.box-shadow-none {
    box-shadow: none !important;
}


/* v2 dev pagination style start */

.ngx-pagination a,
.ngx-pagination button {
    color: #506E91 !important;
}

.ngx-pagination .current {
    background: #EAF0F6 !important;
    color: #0088FF !important;
}

.ngx-pagination li {
    border-radius: 8px !important;
}

.ngx-pagination a:hover,
.ngx-pagination button:hover {
    border-radius: 8px !important;
}


/* v2 dev pagination style end */


/* v2 dev  Per page pagination style start */

.per-page-pagination button {
    padding: 0.1875rem 0.625rem;
    color: #506e91;
    font-size: 14px;
    background: transparent;
    border: none;
    cursor: pointer;
    border-radius: 8px!important;
}

.per-page-pagination button:hover {
    background: #e6e6e6;
}

.per-page-pagination span {
    color: #cacaca;
    margin: 0 5px;
}

.per-page-pagination button.active {
    background: #eaf0f6!important;
    color: #08f!important;
}

.per-page-pagination button.disabled-pagination {
    color: #cacaca;
    background: transparent;
}

.per-page-pagination button.disabled-pagination:hover {
    color: #cacaca;
    background: transparent;
    cursor: auto;
}


/* v2 dev  Per page pagination style end */

.document-search-list {
    padding: 8px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.document-search-list:hover {
    background: #e4eff6;
    padding: 8px 5px;
}

.risk-exclamation-icon {
    font-size: 60px;
    color: #506e91;
    text-align: center;
}

.manage-risk-box-hide p {
    font-size: 19px;
    font-family: 'Nunito SemiBold';
}

.manage-risk-box-hide .btn {
    padding: 8px 25px;
}

.manage-risk-box-hide .loop-btns .btn {
    padding: 12px 25px;
}

.show-risk-box p {
    font-size: 18px;
}

.background-none {
    background: none !important;
}

.line-head-date {
    font-size: 16px;
    font-weight: normal;
    padding-left: 10px;
}

.risk-dashboard-heatmap .risk-heatmap-category {
    margin-left: 30px;
    position: relative;
}

.risk-dashboard-heatmap .cmn-head-style {
    margin-left: 30px;
}

.risk-dashboard-heatmap-label {
    font-family: 'Nunito SemiBold';
}

.label-top-center {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -26px;
}

.label-lef-center {
    position: absolute;
    left: -52px;
    top: 50%;
    margin-bottom: 0;
    margin-top: -9px;
}

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

.sm-row .sm-col {
    padding: 0 5px;
}

.md-row {
    margin-right: -10px;
    margin-left: -10px;
}

.md-row .md-col {
    padding: 0 10px;
}

.big-text-four {
    font-size: 42px;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
    line-height: 44px;
}

.btm-space-10 {
    margin-bottom: 10px;
}

.dot-div-loop h6 {
    margin: 10px 0;
}

.risk-dashboard-heatmap {
    min-height: 351px;
}

.box-risk-dbd-one {
    min-height: 100px;
    padding-left: 10px;
    padding-right: 10px;
}

.box-risk-dbd-two {
    min-height: 130px;
    padding-left: 10px;
    padding-right: 10px;
}

.box-risk-dbd-three {
    min-height: 313px;
}

.tab-cmn-top-left {}

.line-tab .tab-cmn-top-left .nav-link {
    padding-left: 0;
    padding-right: 0;
    margin: 0 10px;
}

.line-tab .tab-cmn-top-left .nav-link:first-child {
    margin-left: 0;
}

.new-status {
    background: #ccc;
    color: #5f5e5e;
    display: inline-block;
    padding: 4px 12px;
    font-size: 13px;
    border-radius: 5px;
    margin-left: 10px;
    min-width: 82px;
    text-align: center;
}

.new-status-very-high {
    background: #F7E5E5;
    color: #B40000;
}

.new-status-high {
    background: #FFE5E5;
    color: #FF0000;
}

.new-status-medium {
    background: #E5FFEE;
    color: #009728;
}

.new-status-low {
    background: #FFFBE5;
    color: #FFD500;
}

.icon-with-text-small-tab .nav {
    float: none;
}


/* icon-with-text-small-tab start */

.icon-with-text-small-tab .nav-tabs {
    border: none;
    margin-bottom: 20px;
}

.icon-with-text-small-tab .nav-tabs .nav-item .nav-link {
    font-size: 13px;
    border: 1px solid #DBE2EB;
    padding: 6px 12px;
    border-radius: 0px;
}

.icon-with-text-small-tab .nav-tabs .nav-item .nav-link i {
    margin-right: 5px;
}

.icon-with-text-small-tab .nav-tabs .nav-item .nav-link.active {
    border-color: #0088FF !important;
    color: #fff !important;
    background: #0088FF !important;
}


/* icon-with-text-small-tab end */

.name-and-position span {
    display: block;
    font-size: 12px;
    color: #4A5C6E;
}

.name-and-position h6 {
    font-size: 1rem;
    font-family: 'Nunito SemiBold';
    line-height: 14px;
    color: #33475b;
}

.name-and-position-bdr {
    border-radius: 8px;
    padding: 15px;
    margin-bottom: 10px;
}

.name-and-position-bdr:hover {
    background: #f3f8fb;
}

.robo-pic-rsk {
    width: 150px;
    margin: 0 auto;
}

.document-search-list-main {
    height: 500px;
}

.vertical-align-top-td tr td {
    vertical-align: top;
}

.hdg-rigt-side-button {
    display: flex;
    align-items: center;
}

.right-btns-new {
    text-align: right;
    width: 270px;
}

.risk-treatment-update-history {
    padding: 15px 15px 5px 15px;
}

.price-text-cmn {
    font-size: 17px;
    color: #33475b;
    font-family: 'Nunito SemiBold';
}

.user-padding-remove .user-list-sm {
    padding: 0 !important;
}

.resudal-common-box {
    min-height: 281px;
}


/* slider-new-type-input start */

.slider-new-type-input .range-slider {
    width: 100%;
}

.slider-new-type-input .range-slider__range {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #00C73C;
    outline: none;
    padding: 0;
    margin: 0;
}

.slider-new-type-input .range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 10px;
    height: 25px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #00C73C;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.slider-new-type-input .range-slider__range::-webkit-slider-thumb:hover {
    background: #00C73C;
}

.slider-new-type-input .range-slider__range:active::-webkit-slider-thumb {
    background: #00C73C;
}

.slider-new-type-input .range-slider__range::-moz-range-thumb {
    width: 10px;
    height: 25px;
    border: 0;
    border-radius: 5px;
    background: #2c3e50;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.slider-new-type-input .range-slider__range::-moz-range-thumb:hover {
    background: #1abc9c;
}

.slider-new-type-input .range-slider__range:active::-moz-range-thumb {
    background: #1abc9c;
}

.slider-new-type-input .range-slider__value {
    font-family: 'Nunito Bold';
    color: #506e91;
    font-size: 15px;
    padding-left: 6px;
}

.slider-new-type-input::-moz-range-track {
    background: #d7dcdf;
    border: 0;
}

.slider-new-type-input input::-moz-focus-inner,
.slider-new-type-input input::-moz-focus-outer {
    border: 0;
}


/* slider-new-type-input end */

.chat-open-pic {
    width: 80%;
    margin: 25px auto;
}


/* matrix round color code start */

.audit-program-box table .circle-status.matrix-yellow:before {
    background: #ffe400;
    border-radius: 10px;
}

.audit-program-box table .circle-status.matrix-dark-yellow:before {
    background: #f3d502;
    border-radius: 10px;
}

.audit-program-box table .circle-status.matrix-green:before {
    background: #22bf38;
    border-radius: 10px;
}

.audit-program-box table .circle-status.matrix-light-green:before {
    background: #00ff24;
    border-radius: 10px;
}

.audit-program-box table .circle-status.matrix-orange:before {
    background: #f7941d;
    border-radius: 10px;
}

.audit-program-box table .circle-status.matrix-red:before {
    background: #ff001a;
    border-radius: 10px;
}

.audit-program-box table .circle-status.matrix-dark-red:before {
    background: #da2002;
    border-radius: 10px;
}


/* matrix round color code end */

.execute-cheklist-question-box {
    min-height: 490px;
    margin-bottom: 120px;
}

.div-middle {
    display: flex;
    align-items: center;
}


/* number-type check box start */

.numbe-type-check .select-size input {
    display: none;
}

.numbe-type-check .select-size label {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    border: 1px solid #fff;
    line-height: 30px;
    cursor: pointer;
    color: #fff;
}

.numbe-type-check #check1:checked~label[for="check1"],
.numbe-type-check #check2:checked~label[for="check2"],
.numbe-type-check #check3:checked~label[for="check3"],
.numbe-type-check #check4:checked~label[for="check4"],
.numbe-type-check #check5:checked~label[for="check5"],
.numbe-type-check #check6:checked~label[for="check6"],
.numbe-type-check #check7:checked~label[for="check7"],
.numbe-type-check #check8:checked~label[for="check8"],
.numbe-type-check #check9:checked~label[for="check9"],
.numbe-type-check #check10:checked~label[for="check10"],
.numbe-type-check #check11:checked~label[for="check11"],
.numbe-type-check #check12:checked~label[for="check12"],
.numbe-type-check #check13:checked~label[for="check13"],
.numbe-type-check #check14:checked~label[for="check14"],
.numbe-type-check #check15:checked~label[for="check15"],
.numbe-type-check #check16:checked~label[for="check16"],
.numbe-type-check #check17:checked~label[for="check17"],
.numbe-type-check #check18:checked~label[for="check18"],
.numbe-type-check #check19:checked~label[for="check19"],
.numbe-type-check #check20:checked~label[for="check20"],
.numbe-type-check #check21:checked~label[for="check21"],
.numbe-type-check #check22:checked~label[for="check22"],
.numbe-type-check #check23:checked~label[for="check23"],
.numbe-type-check #check24:checked~label[for="check24"],
.numbe-type-check #check25:checked~label[for="check25"],
.numbe-type-check #check26:checked~label[for="check26"],
.numbe-type-check #check27:checked~label[for="check27"],
.numbe-type-check #check28:checked~label[for="check28"],
.numbe-type-check #check29:checked~label[for="check29"],
.numbe-type-check #check30:checked~label[for="check30"],
.numbe-type-check #check31:checked~label[for="check31"],
.numbe-type-check #check32:checked~label[for="check32"],
.numbe-type-check #check33:checked~label[for="check33"],
.numbe-type-check #check34:checked~label[for="check34"],
.numbe-type-check #check35:checked~label[for="check35"],
.numbe-type-check #check36:checked~label[for="check36"],
.numbe-type-check #check37:checked~label[for="check37"],
.numbe-type-check #check38:checked~label[for="check38"],
.numbe-type-check #check39:checked~label[for="check39"],
.numbe-type-check #check40:checked~label[for="check40"],
.numbe-type-check #check41:checked~label[for="check41"],
.numbe-type-check #check42:checked~label[for="check42"],
.numbe-type-check #check43:checked~label[for="check43"],
.numbe-type-check #check44:checked~label[for="check44"],
.numbe-type-check #check45:checked~label[for="check45"],
.numbe-type-check #check46:checked~label[for="check46"],
.numbe-type-check #check47:checked~label[for="check47"],
.numbe-type-check #check48:checked~label[for="check48"],
.numbe-type-check #check49:checked~label[for="check49"],
.numbe-type-check #check50:checked~label[for="check50"],
.numbe-type-check #check51:checked~label[for="check51"],
.numbe-type-check #check52:checked~label[for="check52"],
.numbe-type-check #check53:checked~label[for="check53"],
.numbe-type-check #check54:checked~label[for="check54"],
.numbe-type-check #check55:checked~label[for="check55"],
.numbe-type-check #check56:checked~label[for="check56"],
.numbe-type-check #check57:checked~label[for="check57"],
.numbe-type-check #check58:checked~label[for="check58"],
.numbe-type-check #check59:checked~label[for="check59"],
.numbe-type-check #check60:checked~label[for="check60"],
.numbe-type-check #check61:checked~label[for="check61"],
.numbe-type-check #check62:checked~label[for="check62"],
.numbe-type-check #check63:checked~label[for="check63"],
.numbe-type-check #check64:checked~label[for="check64"],
.numbe-type-check #check65:checked~label[for="check65"],
.numbe-type-check #check66:checked~label[for="check66"],
.numbe-type-check #check67:checked~label[for="check67"],
.numbe-type-check #check68:checked~label[for="check68"],
.numbe-type-check #check69:checked~label[for="check69"],
.numbe-type-check #check70:checked~label[for="check70"],
.numbe-type-check #check71:checked~label[for="check71"],
.numbe-type-check #check72:checked~label[for="check72"],
.numbe-type-check #check73:checked~label[for="check73"],
.numbe-type-check #check74:checked~label[for="check74"],
.numbe-type-check #check75:checked~label[for="check75"],
.numbe-type-check #check76:checked~label[for="check76"],
.numbe-type-check #check77:checked~label[for="check77"],
.numbe-type-check #check78:checked~label[for="check78"],
.numbe-type-check #check79:checked~label[for="check79"],
.numbe-type-check #check80:checked~label[for="check80"],
.numbe-type-check #check81:checked~label[for="check81"],
.numbe-type-check #check82:checked~label[for="check82"],
.numbe-type-check #check83:checked~label[for="check83"],
.numbe-type-check #check84:checked~label[for="check84"],
.numbe-type-check #check85:checked~label[for="check85"],
.numbe-type-check #check86:checked~label[for="check86"],
.numbe-type-check #check87:checked~label[for="check87"],
.numbe-type-check #check88:checked~label[for="check88"],
.numbe-type-check #check89:checked~label[for="check89"],
.numbe-type-check #check90:checked~label[for="check90"],
.numbe-type-check #check91:checked~label[for="check91"],
.numbe-type-check #check92:checked~label[for="check92"],
.numbe-type-check #check93:checked~label[for="check93"],
.numbe-type-check #check94:checked~label[for="check94"],
.numbe-type-check #check95:checked~label[for="check95"],
.numbe-type-check #check96:checked~label[for="check96"],
.numbe-type-check #check97:checked~label[for="check97"],
.numbe-type-check #check98:checked~label[for="check98"],
.numbe-type-check #check99:checked~label[for="check99"],
.numbe-type-check #check100:checked~label[for="check100"] {
    background: #0088FF;
    color: #fff;
}


/* number-type check box end */

.execute-cheklist-ftr {
    padding: 15px 70px 15px 90px;
}

.nbr-box-small {
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: none;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    text-align: center;
    margin: 2px;
    cursor: pointer;
}

.nbr-box-small:hover {
    border-color: #0088FF;
    color: #0088FF;
}

.nbr-box-small.active {
    border-color: #0088FF;
    color: #fff !important;
    background: #0088FF;
}

.label-and-user-pic {
    margin-bottom: 1rem;
}

.label-and-user-pic .user-list-sm {
    padding: 4px 0 0 0;
}

.execute-cheklist-question-box .start-audit-box {
    width: 100%;
}

table tr:hover td.risk-treatment-table-one.bg-light-green {
    background: #00FF24 !important;
}

table tr:hover td.risk-treatment-table-one.bg-green {
    background: #0ab00a !important;
}

table tr:hover td.risk-treatment-table-one.bg-yellow {
    background: #f5f52c!important;
}

table tr:hover td.risk-treatment-table-one.bg-orange {
    background: orange!important;
}

table tr:hover td.risk-treatment-table-one.bg-dark-orange {
    background: #f7941d !important;
}

table tr:hover td.risk-treatment-table-one.bg-red {
    background: #ff001a!important;
}

table tr:hover td.risk-treatment-table-one.bg-dark-red {
    background: #da2002 !important;
}

table tr:hover td.risk-treatment-table-one.color-box-red-saven {
    background: #e21a1a !important;
}

table tr:hover td.risk-treatment-table-one.color-box-dark-orange-one {
    background: #ff9933 !important;
}

table tr:hover td.risk-treatment-table-one.color-box-blue-one {
    background: #0033cc !important;
}

table tr:hover td.risk-treatment-table-one.color-box-green-one {
    background: #439400 !important;
}

table tr:hover td.risk-treatment-table-one.color-box-yellow-five {
    background: #ffcc2e !important;
}

table tr:hover td.risk-treatment-table-one.color-box-green-three {
    background: #77bc3f !important;
}

.right-text-score-head .score-sec-right-acd {
    position: absolute;
    right: 40px;
    top: 50%;
    margin-top: -9px;
}

.right-text-score-head .width96pc {
    padding-right: 165px;
}

.execute-checklist-comment-sec {
    padding-left: 15px;
}

.user-big-pic .user-list-sm {
    display: flex;
    align-items: center;
}

.user-big-pic .user-list-sm img.rounded-circle {
    width: 48px !important;
    height: 48px !important;
}

.call-and-mail-link {
    color: #506e91;
    font-size: 14px;
    display: inline-block;
}

.call-and-mail-link i {
    margin-right: 4px;
    font-size: 13px;
}

.call-and-mail-link.call-link i {
    vertical-align: middle;
    margin-top: -4px;
}

.rotate-icon-call {
    -webkit-transform: rotate(104deg);
    -moz-transform: rotate(104deg);
    transform: rotate(104deg);
}

.round-question .round-question-exclamation-icon {
    font-size: 26px;
    color: #506e91;
    padding: 17px 0;
}

.cmn-confirm-pic {
    width: 70px;
    margin: 20px auto;
}

.control-plan-des {
    width: 70%;
    margin: 0 auto;
}

.control-plan-des p {
    font-size: 14px;
    font-weight: normal;
}

.user-delete-image {
    position: absolute;
    right: 0;
    top: -3px;
    z-index: 1;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.user-delete-image a {
    font-size: 11px;
    color: #7c98b6 !important;
}

.user-delete-image a:hover {
    color: #dc3545 !important;
}

.rounde-hov-bg:hover .user-delete-image {
    opacity: 1;
    top: 0;
}

.user-delete-image a i {
    background: #fff;
    padding: 4px;
    border-radius: 4px;
    box-shadow: 0px 0px 4px #ccc;
}

.progress-circle-Jso-db {
    font-size: 40px;
    margin-top: 25%;
}

.jso-db-box-one {
    min-height: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jso-db-box-two {
    min-height: 453px;
}

.vertical-progress-v2 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.vertical-progress-v2 .progress-bg-sec {
    width: 50px;
    height: 180px;
    margin: 0 auto;
    background: #ffe6e6;
    border: 2px solid #ffb8b8;
    position: relative;
    overflow: hidden;
}

.vertical-progress-v2 .progress-bg-sec .progress-inner-color {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #028f14;
    animation: mymove-vps 3s;
    animation-fill-mode: forwards;
}

@keyframes mymove-vps {
    from {
        top: -100%;
    }
    to {
        top: 0%;
    }
}

.color-box-risk .count-risk.active {
    background: #0088FF !important;
    color: #fff !important;
}


/* work-flow-new-cmn start */

.work-flow-new-cmn-head {
    text-align: center;
    padding-bottom: 20px;
}

.work-flow-new-cmn-head h2 {
    display: inline-block;
    border: 1px solid #7c98b6;
    border-radius: 5px;
    position: relative;
    text-align: center;
    padding: 10px 20px;
    background: #fff;
    z-index: 2;
}

.work-flow-new-cmn-head h2:after {
    position: absolute;
    content: "";
    bottom: -37px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #7c98b6;
    width: 1px;
    height: 37px;
    z-index: 1;
}

.work-flow-new-cmn .work-flow-audit-new {
    width: 750px;
    border-radius: 15px;
    text-align: left;
    cursor: auto;
}

.work-flow-new-cmn .work-flow-approval {
    border: 1px solid #7c98b6;
    box-shadow: none;
    background: #fff;
}

.work-flow-new-cmn .l-number-rounde {
    width: 26px;
    height: 26px;
    line-height: 25px;
    left: -13px;
    padding: 0;
    background: #7c98b6;
}

.work-flow-new-cmn .work-flow-review-approval:after {
    background: #7c98b6;
}

.work-flow-new-cmn .label-work-flow-audit {
    border: 1px solid #7c98b6;
    box-shadow: 3px 3px 6px #7c98b640;
}

.work-flow-new-cmn .arci-user-tab-dtl li.rounde-hov-bg {
    float: right !important;
    width: 48px;
    margin: 4px;
}

.work-flow-new-cmn .work-flow-review-approval:last-child:after {
    display: none;
}

.work-flow-new-cmn-head-user.work-flow-new-cmn .l-number-rounde {
    right: unset;
    top: 50%;
    margin-top: -13px;
}


/* approved style start */

.work-flow-new-cmn .work-flow-approval.approved {
    border-color: #0ab00a !important;
}

.work-flow-new-cmn .approved .l-number-rounde {
    background: #0ab00a !important;
}

.work-flow-new-cmn .approved .label-work-flow-audit {
    border-color: #0ab00a !important;
    box-shadow: 3px 3px 6px #91f6914a;
}

.work-flow-new-cmn .approved .workflow-status-text {
    color: #0ab00a !important;
}

.work-flow-new-cmn .work-flow-review-approval.approved:after {
    background: #0ab00a !important;
}


/* approved style end */


/* rejected style start */

.work-flow-new-cmn .work-flow-approval.rejected {
    border-color: #FF001A !important;
}

.work-flow-new-cmn .rejected .l-number-rounde {
    background: #FF001A !important;
}

.work-flow-new-cmn .rejected .label-work-flow-audit {
    border-color: #FF001A !important;
    box-shadow: 3px 3px 6px #ff001a14;
}

.work-flow-new-cmn .rejected .workflow-status-text {
    color: #FF001A !important;
}

.work-flow-new-cmn .work-flow-review-approval.rejected:after {
    background: #FF001A !important;
}


/* rejected style end */


/* reverted style start */

.work-flow-new-cmn .work-flow-approval.reverted {
    border-color: #f68b22 !important;
}

.work-flow-new-cmn .reverted .l-number-rounde {
    background: #f68b22 !important;
}

.work-flow-new-cmn .reverted .label-work-flow-audit {
    border-color: #f68b22 !important;
    box-shadow: 3px 3px 6px #f68b224d;
}

.work-flow-new-cmn .reverted .workflow-status-text {
    color: #f68b22 !important;
}

.work-flow-new-cmn .work-flow-review-approval.reverted:after {
    background: #f68b22 !important;
}


/* reverted style end */


/* published style start */

.work-flow-new-cmn .work-flow-approval.published {
    border-color: #028b9c !important;
}

.work-flow-new-cmn .published .l-number-rounde {
    background: #028b9c !important;
}

.work-flow-new-cmn .published .label-work-flow-audit {
    border-color: #028b9c !important;
    box-shadow: 3px 3px 6px #028b9c4d;
}

.work-flow-new-cmn .published .workflow-status-text {
    color: #028b9c !important;
}

.work-flow-new-cmn .work-flow-review-approval.published:after {
    background: #028b9c !important;
}


/* published style end */


/* submitted style start */

.work-flow-new-cmn .work-flow-approval.submitted {
    border-color: #0088FF !important;
}

.work-flow-new-cmn .submitted .l-number-rounde {
    background: #0088FF !important;
}

.work-flow-new-cmn .submitted .label-work-flow-audit {
    border-color: #0088FF !important;
    box-shadow: 3px 3px 6px #0088ff38;
}

.work-flow-new-cmn .submitted .workflow-status-text {
    color: #0088FF !important;
}

.work-flow-new-cmn .work-flow-review-approval.submitted:after {
    background: #0088FF !important;
}


/* submitted style end */


/* active style start */

.work-flow-new-cmn .work-flow-approval.active {
    border-color: #203569 !important;
}

.work-flow-new-cmn .active .l-number-rounde {
    background: #203569 !important;
}

.work-flow-new-cmn .active .label-work-flow-audit {
    border-color: #203569 !important;
    box-shadow: 3px 3px 6px #20356959;
}

.work-flow-new-cmn .active .workflow-status-text {
    color: #203569 !important;
}

.work-flow-new-cmn .work-flow-review-approval.active:after {
    background: #203569 !important;
}

.work-flow-new-cmn .active .l-number-rounde {
    animation: pulse 1s infinite;
    transition: .2s;
}


/* active style end */


/* next-level style start */

.work-flow-new-cmn .work-flow-approval.next-level {
    border-color: #FFBB00 !important;
}

.work-flow-new-cmn .next-level .l-number-rounde {
    background: #FFBB00 !important;
}

.work-flow-new-cmn .next-level .label-work-flow-audit {
    border-color: #FFBB00 !important;
    box-shadow: 3px 3px 6px #FFBB004d;
}

.work-flow-new-cmn .next-level .workflow-status-text {
    color: #FFBB00 !important;
}

.work-flow-new-cmn .work-flow-review-approval.next-level:after {
    background: #FFBB00 !important;
}


/* next-level style end */


/* pending style start */

.work-flow-new-cmn .work-flow-approval.pending {
    opacity: 0.5;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.work-flow-new-cmn .work-flow-approval.pending:hover {
    opacity: 1;
}

.work-flow-new-cmn .pending .arci-user-tab-dtl li.rounde-hov-bg {
    float: left !important;
}


/* pending style end */

.work-flow-new-cmn-head-user {
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.work-flow-new-cmn-head-user-inner {
    display: inline-block;
    border: 1px solid #7c98b6;
    border-radius: 5px;
    position: relative;
    text-align: left;
    padding: 15px 25px;
    background: #fff;
    z-index: 2;
}

.work-flow-new-cmn-head-user-inner:after {
    position: absolute;
    content: "";
    bottom: -37px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #7c98b6;
    width: 1px;
    height: 37px;
    z-index: 1;
}

.work-flow-new-cmn-head-user .label-work-flow-audit {
    border-color: #7c98b6;
    box-shadow: 3px 3px 6px #7c98b640;
}


/* work-flow-new-cmn end */

.color-box-risk .count-risk.active {
    animation: pulse 1s infinite;
    transition: .3s;
}

.accordion-tab .head-main-list-tab .drop-down-icone {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.accordion-tab .head-main-list-tab.active .drop-down-icone {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    top: 20px;
}

.cover-page-design-dafm {
    background-size: 100% 100% !important;
    width: 100%;
    height: 100%;
    padding: 30px 5%;
    min-height: 520px;
    display: flex;
    align-items: center;
}

.cover-page-design-dafm h2 {
    color: #d0b66c;
    font-size: 32px;
    font-family: 'Nunito Bold';
}

.cover-page-design-dafm-head {
    border-bottom: 1px solid #d0b66c;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.date-and-location-cover-dafm {}

.date-and-location-cover-dafm i {
    font-size: 18px;
    color: #fff;
    line-height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 2px;
}

.date-and-location-cover-dafm p {
    font-size: 18px;
    color: #fff;
}

.icon-with-text-dafm {
    margin: 5px 0;
}

.list-section-dafm ul {
    margin-left: 5px;
}


/* risk dashboard aab start */

.left-line-type-text h5 {
    margin-bottom: 4px;
    text-align: left;
}

.left-line-type-text h6 {
    font-size: 20px;
    margin-bottom: 0;
    line-height: 20px;
    text-align: left;
}

.left-line-type-text {
    position: relative;
    padding-left: 13px;
}

.left-line-type-text .big-line-bdr-left {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 100%;
    background: #ccc;
    border-radius: 6px;
    display: inline-block;
}

.left-line-type-text-main {
    padding: 5px;
}

.body-bg-d-board {
    width: 48%;
    padding: 20px;
    margin: 0 1%;
}

.body-bg-d-board .left-line-type-text {
    text-align: center;
    display: inline-block;
}

.risk-aab-chart-one {
    width: 288px;
    margin: 0 auto;
}

.risk-db-left-one {
    min-height: 90px;
    display: flex;
    align-items: center;
}

.risk-db-left-two {
    min-height: 490px;
}

.risk-db-right-one {
    min-height: 643px;
}

.left-head-right-tab h6 {}

.risk-heat-map-aab {
    padding-left: 20px;
}

.risk-heat-map-aab .label-lef-center {
    left: 0;
}

.left-small-boxes-risk-db .left-line-type-text-main {
    padding-left: 20px;
}

.top-ten-risk-db {
    background: #F7FBFF;
    padding: 15px 20px;
    margin-bottom: 10px;
}

.top-ten-risk-db-small {
    padding: 7px 20px;
}

.top-ten-risk-db h4 {
    font-size: 20px;
    font-family: 'Nunito SemiBold';
    margin-bottom: 0;
}

.top-ten-risk-db p {
    color: #33475b;
    margin-bottom: 0;
}

.middle-text-sec-risk-db {
    padding: 0 15px;
}

.top-ten-risk-db-main .top-ten-risk-db:last-child {
    margin-bottom: 0;
}


/* risk dashboard aab end */

.table-scroll-first-time {
    overflow-x: scroll;
}

.table-scroll-first-time table {
    width: 2200px;
}

.risk-treatment-scroll-table {
    overflow-x: scroll;
}

.risk-treatment-scroll-table table {
    width: 2200px;
}

.audit-workflow-user-box-four {
    width: 380px !important;
}

.table-up-and-down-icon {
    font-size: 14px !important;
}

.check-left-space-step {
    padding-left: 27px;
}

.last-border-remove:after {
    display: none;
}

.counting-pic {
    width: 50px;
    margin: 0 auto;
}


/* Risk journey Start */

.risk-journey-block .journey-title-box {
    float: left;
    margin-top: 25px;
    background: #fff
}

.risk-journey-block .journey-title-box::after {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #98D0FF;
    position: absolute;
    left: 0;
    top: 59px;
}

.stup-root-cause.risk-journey-block::before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #98D0FF;
    position: absolute;
    left: 84px;
}

body .stup-root-cause.risk-journey-block:last-child:before {
    height: 50px;
}

.risk-journey-block .journey-title-box .journey-title-box-inner {
    width: 175px;
    height: 70px;
    border: 1px solid #98D0FF;
    background: #fff;
    position: relative;
    padding: 15px;
    color: #33475B;
    font-family: 'Nunito SemiBold';
    z-index: 9;
    border-radius: 3px;
}

.risk-journey-block .risk-journey-details {
    float: right;
    background: #fff;
    width: 82%;
    padding: 20px;
    position: relative;
    border: 1px solid #98D0FF;
    border-radius: 6px;
}

.risk-journey-block .question-blue {
    font-size: 14px;
    text-align: center;
    opacity: 1;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    line-height: 19px;
    background: #98D0FF;
    display: inline-block;
    padding: 1px;
}

.risk-journey-block .bg-main {
    background: #fff !important;
}

.risk-journey-block .resudal-common-box {
    margin-bottom: 0;
}


/* Risk journey end */

.menu-inner-drop {
    position: relative;
    top: -9px;
    width: 100px;
}

.menu-inner-drop.custom-select2 select {
    height: 30px;
    padding: 4px 20px 4px 7px;
}

.menu-inner-drop .plain-select:after {
    right: 18px;
    /* top: 10px; */
    font-size: 12px;
}

.multiple-select-text .multiple .selectator_selected_items .selectator_selected_item {
    margin: 5px 5px 0 0;
}

.input-group.date-picker .btn {
    margin-right: 0px !important;
}

.impact-analysis-tbl th {
    vertical-align: middle;
}

.tab-left-dummy-text {
    font-size: 13px;
    border: 1px solid #DBE2EB;
    padding: 6px 12px;
    border-radius: 0px;
    color: #33475b;
    font-family: 'Nunito SemiBold';
}

.icon-with-text-small-impact {
    font-size: 13px;
    border: 1px solid #DBE2EB;
    padding: 6px 12px;
    border-radius: 5px;
    color: #33475b;
    font-family: 'Nunito SemiBold';
}

.icon-with-text-small-impact i {
    margin-right: 5px;
}

.impact-analysis-tab-popup .icon-with-text-small-tab .nav-tabs .nav-item .nav-link {
    font-family: 'Nunito SemiBold';
}

.profit-loss-sec {
    padding-left: 110px;
}

.profit-loss-sec h5 {
    display: inline-block;
    width: 130px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 7px 0px;
    margin-bottom: 0;
}

.icon-with-text-small-impact-bg {
    width: 110px;
}

.inp-profit-loss-sec .form-control {
    height: calc(1.90rem + 2px);
    padding: 5px 12px;
    margin-right: 10px;
    width: 120px;
}

.tabl-check-box-select {
    margin-top: 2px;
    line-height: 18px;
    padding-left: 22px;
    font-size: 14px;
}

.table-small-scroll {
    height: 500px;
}

.form-group .select-icon-text {
    font-size: 18px;
}

.big-text-icon {
    font-size: 40px;
    line-height: 20px;
}

.big-text-box-seven .big-text-box-two {
    width: 14.22%;
}

.rounde-plus-show .head-with-plus {
    display: inline-block;
    opacity: 0;
}

.rounde-plus-show:hover .head-with-plus {
    opacity: 1;
}

.audit-flow-left-dafm {
    width: 60px;
    position: relative;
    z-index: 3;
}

.audit-flow-left-dafm-round {
    font-size: 30px;
    color: #7c98b6;
    line-height: 15px;
    background: #fff;
}

.audit-flow-left-dafm-round:after {
    position: absolute;
    content: "";
    left: 15px;
    top: 0;
    width: 2px;
    height: 100%;
    background: #ccc;
    z-index: -1;
}

.audit-flow-left-dafm-round.complete {
    color: #0cc600 !important;
}

.audit-flow-left-dafm-round.in-complete {
    color: #7c98b6 !important;
}

.audit-flow-right-dafm span {
    font-size: 12px;
    color: #4A5C6E;
}

.flow-audit-dafm {
    position: relative;
    padding-bottom: 30px;
}

.flow-audit-dafm:after {
    position: absolute;
    content: "";
    left: 15px;
    top: 8px;
    width: 1px;
    height: 100%;
    background: #cbd6e2;
}

.flow-audit-dafm.bdr-none-last:after {
    content: none;
}

.audit-work-flow-dafm-new .audit-work-flow:after {
    height: 15px;
    top: unset;
    bottom: 0px;
    left: 50%;
}

.square-box-flow {
    border: 2px solid #cbd6e2;
    color: #cbd6e2;
    width: 30px;
    height: 30px;
    text-align: center;
}

.square-box-flow i {
    font-size: 17px;
    vertical-align: middle;
    margin-top: 5px;
}

.flow-audit-dafm.complete .square-box-flow {
    border-color: #0cc600;
    color: #0cc600;
}

.flow-audit-dafm.complete:after {
    background: #0cc600 !important;
}

.new-drop-add-plus {
    bottom: -4px;
}

.workflow-new-dafm-main {
    position: relative;
}

.workflow-new-dafm-main:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    border-left: 1px solid #cbd6e2;
    z-index: 1;
}

.workflow-new-dafm-main .workflow-new-dafm-head {
    padding: 10px 20px;
    border-radius: 7px;
    position: relative;
    z-index: 2;
}

.workflow-new-dafm-main .panel-drop-sections {
    position: relative;
    z-index: 2;
}

.panel-drop-sections .panel-default.approved .width96pc {
    border-color: #0ab00a !important;
    color: #0ab00a !important;
}

.panel-drop-sections .panel-default.approved .panel-heading.active .width96pc {
    color: #0ab00a !important;
}

.panel-drop-sections .panel-default.approved .panel-heading .drop-down-icone {
    color: #0ab00a;
}

.panel-drop-sections .panel-default.approved .panel-heading.active .width96pc .drop-down-icone {
    color: #0ab00a !important;
}

.panel-drop-sections .panel-default.approved .panel-collapse {
    border-color: #0ab00a !important;
}

.panel-drop-sections .panel-default.reject .width96pc {
    border-color: #FF001A !important;
    color: #FF001A !important;
}

.panel-drop-sections .panel-default.reject .panel-heading.active .width96pc {
    color: #FF001A !important;
}

.panel-drop-sections .panel-default.reject .panel-heading .drop-down-icone {
    color: #FF001A;
}

.panel-drop-sections .panel-default.reject .panel-heading.active .width96pc .drop-down-icone {
    color: #FF001A !important;
}

.panel-drop-sections .panel-default.reject .panel-collapse {
    border-color: #FF001A !important;
}

.panel-drop-sections .panel-default.reverte .width96pc {
    border-color: #FFBB00 !important;
    color: #FFBB00 !important;
}

.panel-drop-sections .panel-default.reverte .panel-heading.active .width96pc {
    color: #FFBB00 !important;
}

.panel-drop-sections .panel-default.reverte .panel-heading .drop-down-icone {
    color: #FFBB00;
}

.panel-drop-sections .panel-default.reverte .panel-heading.active .width96pc .drop-down-icone {
    color: #FFBB00 !important;
}

.panel-drop-sections .panel-default.reverte .panel-collapse {
    border-color: #FFBB00 !important;
}

.panel-drop-sections .panel-default.re-submitted .width96pc {
    border-color: #FF9100 !important;
    color: #FF9100 !important;
}

.panel-drop-sections .panel-default.re-submitted .panel-heading.active .width96pc {
    color: #FF9100 !important;
}

.panel-drop-sections .panel-default.re-submitted .panel-heading .drop-down-icone {
    color: #FF9100;
}

.panel-drop-sections .panel-default.re-submitted .panel-heading.active .width96pc .drop-down-icone {
    color: #FF9100 !important;
}

.panel-drop-sections .panel-default.re-submitted .panel-collapse {
    border-color: #FF9100 !important;
}

.panel-drop-sections .panel-default.submitted .width96pc {
    border-color: #2A8AEE !important;
    color: #2A8AEE !important;
}

.panel-drop-sections .panel-default.submitted .panel-heading.active .width96pc {
    color: #2A8AEE !important;
}

.panel-drop-sections .panel-default.submitted .panel-heading .drop-down-icone {
    color: #2A8AEE;
}

.panel-drop-sections .panel-default.submitted .panel-heading.active .width96pc .drop-down-icone {
    color: #2A8AEE !important;
}

.panel-drop-sections .panel-default.submitted .panel-collapse {
    border-color: #2A8AEE !important;
}

.flow-audit-dafm-main .flow-audit-dafm:last-child {
    padding-bottom: 0;
}

.right-side-status-tag-main {
    position: relative;
    overflow: hidden;
}

.right-side-status-tag {
    position: absolute;
    right: -60px;
    top: 23px;
    background: #ccc;
    color: #fff;
    font-family: 'Nunito SemiBold';
    text-align: center;
    padding: 4px 52px;
    font-size: 14px;
    width: 210px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.line-and-text-same.nav-tabs {
    border-bottom: none;
}

.line-tab .line-and-text-same .nav-item {
    margin: 0 14px;
}

.line-tab .line-and-text-same .nav-link {
    padding: 14px 0px;
}

.line-and-text-same.nav-tabs:last-child .nav-item {
    margin-right: 0;
}

.form-group .input-clear-btn-main {
    position: relative;
}

.form-group .input-clear-btn {
    position: absolute;
    right: 50px;
    top: 50%;
    color: #7c98b6 !important;
    font-family: 'Nunito SemiBold';
    opacity: 0;
    cursor: pointer;
    font-size: 14px;
    margin-top: -10px;
}

.form-group .input-clear-btn:hover {
    color: #dc3545;
}

.form-group .input-clear-btn-main:hover .input-clear-btn {
    opacity: 1;
}

.coverpage-risk-report-pdf {
    background: #fff;
}

.coverpage-risk-report-pdf h2 {
    font-size: 34px;
    margin: 100px 0;
}

.coverpage-risk-report-pdf h3 {
    font-size: 24px;
    margin-bottom: 80px;
}

.coverpage-risk-report-pdf .user-list-sm h6,
.coverpage-risk-report-pdf .user-list-sm span {
    color: #33475b !important;
}


/* Ceo db start */

.ceo-db-top {
    margin-bottom: 10px;
    display: flex;
    background: #EFEFEF;
}

.ceo-db-top .box-cnt-one {
    background: #EFEFEF;
    width: 100%;
}

.ceo-db-top .small-type-db-btns {
    text-align: right;
    width: 100% !important;
}

.round-type-status-bg {
    padding: 8px;
    width: 90px;
    height: 90px;
    text-align: center;
    margin-left: -5px;
}

.round-type-status {
    border: 2px solid #C4C4C4;
    padding: 13px 4px 4px 4px;
    width: 74px;
    height: 74px;
}

.round-type-status-value {
    height: 33px;
    padding: 8px 5px 6px 5px;
    text-align: center;
    min-width: 55px;
}

.open-close-status-db.status-open .round-type-status {
    border-color: #F4A6A6;
}

.open-close-status-db.status-open p {
    color: #F4A6A6;
}

.open-close-status-db.status-closed .round-type-status {
    border-color: #9BEABF;
}

.open-close-status-db.status-closed p {
    color: #9BEABF;
}

.open-close-status-db.status-overdue .round-type-status {
    border-color: #ff8115;
}

.open-close-status-db.status-overdue p {
    color: #ff8115;
}

.round-type-status-value h6 {
    color: #33475B;
}

.round-type-status h5 {
    font-weight: normal;
    margin-bottom: 3px;
}

.round-type-status h6 {
    font-size: 20px;
}

.open-close-status-db-right .round-type-status-bg {
    margin-left: 0px;
}

.open-close-status-db-right .round-type-status-value {
    margin-left: -5px;
}

.round-type-status-main-bg {
    display: flex;
    align-items: center;
    justify-content: center;
}

.round-type-status-main {
    float: left;
    padding: 8px;
}

.ceo-db-small-box-one {
    width: 19.2%;
    padding: 30px;
    position: relative;
    float: left;
    margin-right: 1%;
    min-height: 106px;
    display: flex;
    align-items: center;
}

.ceo-db-small-box-one:last-child {
    margin-right: 0;
}

.bottom-right-value-box {
    min-width: 60px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 16px;
    font-family: 'Nunito Bold';
    color: #8B8B8B;
    padding: 5px;
    text-align: center;
}

.top-right-value-box {
    bottom: unset;
    top: 0;
}

.bottom-right-value-box.bottom-right-link-text {
    color: #4B8BBE !important;
    display: block;
    font-size: 12px;
    padding: 5px 10px;
}

.db-light-light-color {
    background: #F6FBFF;
}

.ceo-db-first-box-one {
    min-height: 106px;
}

.ceo-db-box-three {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.db-sec-row-icon {
    color: #DCDCDC;
    font-size: 22px;
    text-align: right;
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ceo-db-box-three .db-sec-row-icon i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ceo-db-box-three:hover .db-sec-row-icon i {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: 3px;
    position: relative;
}

.light-text-gray {
    color: #696969;
}

.db-shadow {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}

.ceo-db-chart-pic-one {
    width: 80%;
    margin: 0 auto;
}

.ceo-db-chart-pic-two {
    width: 90%;
    margin: 0 auto;
}

.ceo-db-chart-pic-height {
    min-height: 400px;
    display: flex;
    align-items: center;
}

.ceo-db-table-one {
    background-color: #fff;
}

.ceo-db-table-one tr:nth-child(even) {
    background-color: #fff;
}

.ceo-db-table-one tr:hover {
    background: #fff !important;
    color: #212529;
}

.ceo-db-table-one tr th,
.ceo-db-table-one tr td {
    text-align: center;
    border: 8px solid #fff;
    padding: 5px;
}

.db-table-bg-blue {
    background: #3366CC;
}

.db-table-bg-gray {
    background: #e1dbdb;
}

.ceo-db-table-one tr td {
    color: #4E4E4E;
}

.breadcrumb-db-top {
    padding: 7px 15px;
}

.breadcrumb-db-top h6 {
    float: left;
}

.breadcrumb-db-back-page {
    float: right;
    font-size: 12px;
    color: #BDBDBD;
}

.breadcrumb-db-back-page i {
    margin-right: 7px;
}

.ceo-db-top.affix {
    background: #EFEFEF;
    padding-right: 10px;
}

.ceo-db-top.affix .box-cnt-one {
    padding: 13px 15px !important;
}

.ceo-db-top.affix .ceo-db-right-top-btns {
    padding-top: 6px;
}

.slider-db-top-ten-sec .owl-buttons {
    display: none;
}

.slider-db-top-ten-sec .owl-pagination .owl-page span {
    margin: 5px 5px 0 5px !important;
    background: #30445D !important;
    opacity: 0.3 !important;
}

.slider-db-top-ten-sec .owl-pagination .owl-page.active span {
    opacity: 1 !important;
}

.slider-db-top-ten-sec .owl-pagination .owl-page span:hover {
    opacity: 1 !important;
}

.slider-db-top-ten-sec .owl-theme .owl-controls {
    margin-top: 15px;
}

.ceo-db-aut-sec-row-height {
    min-height: 406px;
    display: flex;
    align-items: center;
}

.ceo-db-risk-dtl-sec-row-height {
    min-height: 385px;
    display: flex;
    align-items: center;
}

.db-risk-dtl-chart-pic {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.top-twenty-risk-main {}

.top-twenty-risk-main-bg {
    padding: 10px 10px 0 10px;
}

.ceo-db-box-three {}

.ceo-db-box-three h5,
.ceo-db-box-three .db-sec-row-icon {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.ceo-db-box-three:hover h5,
.ceo-db-box-three:hover .db-sec-row-icon {
    color: #0088FF;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}


/* Ceo db end */

.top-minus-btn.btn {
    margin-top: -70px;
}

.table-align-top tr td {
    vertical-align: top;
}

.not-fixed-table table.fixed-table {
    display: none !important;
}

.progress-right-value {
    width: 30px;
    vertical-align: middle;
    margin: -5px 0 0 0;
    text-align: right;
}

.btn-small-green.active {
    background: #fff !important;
    border-color: #0cc600 !important;
    color: #0cc600 !important;
}

.btn-small-green:hover {
    background: #fff !important;
    border-color: #0cc600 !important;
    color: #0cc600 !important;
}

.height-small-type-upload .col-lg-4 .browse-form-pic {
    height: 140px;
}

.height-small-type-upload .col-lg-4 .form-group-upload {
    min-height: 142px;
}

.small-tab-small-main.d-flex .small-list-tab-md .vertical-tab {
    min-width: 100%;
}

.content-center-cmn {
    justify-content: center;
    display: flex;
}

.data-input-select-box {
    padding: 10px 20px 10px 55px;
    position: relative;
    font-size: 13px;
    line-height: 12px;
}

.tag-data-input-select-box {
    position: absolute;
    top: 0;
    left: 0;
    background: #0088FF;
    padding: 5px 2px;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    min-width: 37px;
    text-align: center;
    height: 30px;
}

.tag-data-input-select-box:after {
    position: absolute;
    content: "";
    top: 0;
    right: -9px;
    border-left: 10px solid #0088FF;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.close-data-input-select-box {
    position: absolute;
    right: 6px;
    top: 50%;
    font-size: 20px;
    line-height: 14px;
    color: #B4C4D5;
    margin-top: -7px;
}

.close-data-input-select-box:hover {
    color: #0088ff;
    cursor: pointer;
}


/* eskom risk start */

.db-top-drop-down .form-control {
    background: #416F93;
    border-color: #416F93;
    color: #fff;
    border-radius: 0 !important;
}

.ceo-db-top.affix .db-top-drop-down {
    padding-top: 3px;
}

.esk-risk-db-left-one {
    min-height: 143px;
    padding-top: 19px !important;
}

.esk-risk-db-pic-four {
    min-height: 505px;
}

.left-text-metrix-table {
    display: inline-block;
    position: absolute;
    left: -30px;
    top: 50%;
    margin-top: -52px;
}

.text-metrix-table {
    font-size: 16px;
}

.risk-eskom-db-matrix {
    padding-left: 15px;
}


/* eskom risk end */

.cover-page-head-mdl {
    font-size: 40px;
    padding: 90px 0 50px 0;
    margin-bottom: 0;
    margin-bottom: 0;
}

.cover-page-inner-new h4 {
    font-size: 24px;
    font-family: 'Nunito SemiBold';
    color: #fff;
}

.cover-page-inner-new-dafm {
    background: url(../images/coverpage-report-dafm.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
}

.repot-cover-pic-audit-dafm {
    width: 65%;
    margin: 0 auto 40px auto;
}

.report-tab-left-side-new .tab-common-left-md {
    width: 20%;
}

.report-tab-left-side-new .tab-common-left-content-m {
    width: 80%;
}

.finding-box-inner-new {
    background: #afd9ed;
}

.draft-tag-white {
    border-color: #fff !important;
    color: #fff !important;
}

.draft-tag-white:after {
    background: #fff !important;
    border-color: #fff !important;
}

.draft-tag-white:before {
    border-color: #fff !important;
}

.six-btn-workflow {
    width: 587px;
}

.six-btn-workflow.tree-btn-loop-workflow .btn:last-child {
    right: -62px;
}

.tree-btn-loop-workflow .btn:nth-child(5) {
    left: 432px;
}


/* discussion-box-new-inner start */

.discussion-box-new-inner-chat-main {
    height: 60vh;
}

.discussion-box-new-inner-chat {
    padding: 0 10px;
}

.chat-left-align-new {
    padding: 10px;
    background: #f5f7ff;
    border-radius: 0 10px 10px 10px;
    position: relative;
}

.chat-left-align-new:after {
    position: absolute;
    content: "";
    border-right: 10px solid #f5f7ff;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    left: -9px;
    top: 0;
}

.chat-right-align-new {
    padding: 10px;
    background: #edffef;
    border-radius: 10px 0 10px 10px;
    position: relative;
}

.chat-right-align-new:after {
    position: absolute;
    content: "";
    border-left: 10px solid #edffef;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    right: -9px;
    top: 0;
}

.chat-right-align-new .chat-msg-sec-pic {
    margin-left: 5px;
}

.chat-left-align-new .chat-msg-sec-pic {
    margin-right: 5px;
}

.discussion-box-new-inner .upload-file-chat-main {
    bottom: 0px;
}


/* discussion-box-new-inner end */

.status-tag-new-two {
    position: absolute;
    right: 0px;
    top: 0px;
    display: inline-block;
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    background: #ccc;
    padding: 2px 12px 3px 20px;
    border-radius: 0 0 0 40px;
    color: #fff;
}

.status-tag-new-two-left {
    right: unset;
    left: 0;
    border-radius: 0 0 40px 0;
    padding: 2px 20px 3px 12px;
}

.discussion-chat-details .chat-section-inner {
    /*height: 86vh;*/
}

.status-chat {
    background: #ccc;
    color: #fff;
    font-size: 14px;
    padding: 3px 10px;
    display: inline-block;
    border-radius: 7px;
}

.discussion-box-new-inner-right {
    padding-left: 0;
}

.discussion-box-new-inner .inner-chat-head h6 {
    color: #031f41;
    padding: 15px 15px 0 15px;
    margin: 0;
}

.discussion-box-new-inner-right .controls-and-chat-sec-main .form-control:focus {
    box-shadow: none;
}

.discussion-box-new-inner-right .discussion-box-new-inner {
    border: 1px solid #cbd6e2;
    border-right: none;
}

.audit-submitted-report-tab {
    padding-right: 0;
}

.empty-notification-pic-detail-page {
    width: 400px;
    margin: 0 auto;
}

.discussion-box-new-inner-right .workflow-new-dafm-main {
    padding-right: 15px;
}


/* notification status start */

.pic-status-icon.create {
    background: url(../images/notification-icon-create.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.update {
    background: url(../images/notification-icon-update.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.default {
    background: url(../images/defualt-notification.svg) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.delete {
    background: url(../images/notification-icon-delete.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.comment {
    background: url(../images/notification-icon-comment.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.approve {
    background: url(../images/notification-icon-approve.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.reject {
    background: url(../images/notification-icon-reject.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.close {
    background: url(../images/notification-icon-close.png) no-repeat !important;
    background-size: 100% 100% !important;
    text-shadow: none;
    float: none;
    opacity: 1 !important;
}

.pic-status-icon.submitted {
    background: url(../images/notification-icon-submitted.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.resubmitted {
    background: url(../images/notification-icon-resubmitted.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.requested {
    background: url(../images/notification-icon-requested.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.escalation {
    background: url(../images/notification-icon-escalation.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.reminder {
    background: url(../images/notification-icon-reminder.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.information-request {
    background: url(../images/notification-icon-information-request.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.revert {
    background: url(../images/notification-icon-revert.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.respond {
    background: url(../images/notification-icon-respond.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.division-reverted {
    background: url(../images/notification-icon-division-reverted.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.publish {
    background: url(../images/notification-icon-publish.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.audit {
    background: url(../images/notification-icon-audit.png) no-repeat !important;
    background-size: 100% 100% !important;
}

.pic-status-icon.expired {
    background: url(../images/notification-icon-expired.png) no-repeat !important;
    background-size: 100% 100% !important;
}


/* notification status end */

.excutive-report-cover-pic {
    background: url(../images/executive-summary-cover-pic.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 630px;
}

.excutive-report-cover-pic h2 {
    font-size: 34px;
    margin: 10px 0 100px 0;
    text-align: left !important;
}

.detailed-erm-report-cover-pic {
    background: url(../images/detailed-erm-report-cover-pic.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 630px;
}


/* db-small-space-boxes start */

.db-small-space-boxes .round-type-status h5 {
    font-size: 11px;
}

.db-small-space-boxes .round-type-status h6 {
    font-size: 15px;
}

.db-small-space-boxes .round-type-status-bg {
    width: 65px;
    height: 65px;
    padding: 5px;
}

.db-small-space-boxes .round-type-status {
    width: 55px;
    height: 55px;
    padding: 10px 4px 4px 4px;
}

.db-small-space-boxes .ceo-db-first-box-one {
    min-height: 81px;
}

.db-small-space-boxes .left-line-type-text h5 {
    font-size: 13px;
}

.db-small-space-boxes .left-line-type-text h6 {
    font-size: 17px;
    line-height: 12px;
}

.db-small-space-boxes .bottom-right-value-box {
    font-size: 13px;
}

.db-small-space-boxes .ceo-db-small-box-one {
    padding: 15px;
    min-height: 81px;
}

.db-small-space-boxes .widg-padding-cmn {
    padding: 15px;
}

.db-small-space-boxes .cmn-head-style {
    font-size: 15px;
}

.db-small-space-boxes .bg-white hr {
    margin: 10px 0;
}

.db-small-space-boxes .widg-padding-cmn .line-tab .nav-link {
    padding-top: 3px;
}

.db-small-space-boxes .tab-with-text-db h5,
.db-small-space-boxes .tab-with-text-db h6 {
    padding-top: 0px;
}

.db-small-space-boxes .likelihood-risk-table .count-risk {
    width: 20px;
    height: 20px;
    line-height: 23px;
}

.db-small-space-boxes .top-ten-risk-db p {
    line-height: 17px;
}

.db-small-space-boxes .top-ten-risk-db-small {
    padding: 2px 10px;
    margin-bottom: 5px;
}

.db-small-space-boxes .big-text-four {
    font-size: 30px;
    line-height: 32px;
}


/* db-small-space-boxes end */


/* db-layout-150 start */

.db-layout-150 .widg-padding-cmn-small {
    padding: 10px;
}

.db-layout-150 {
    padding-left: 0;
    margin-top: 10px !important;
}

.db-layout-150 .ceo-db-top {
    margin-bottom: 7px;
}

.db-layout-150 .widget {
    margin-bottom: 5px;
}

.db-layout-150 .ceo-db-top h6 {
    font-size: 12px;
}

.db-layout-150 .db-btn {
    font-size: 10px;
}

.db-layout-150 .db-btn i {
    font-size: 9px;
}

.db-layout-150 .round-type-status h6 {
    font-size: 13px;
}

.db-layout-150 .round-type-status h5 {
    font-size: 10px;
}

.db-layout-150 .ceo-db-box-three {
    min-height: 50px;
}

.db-layout-150 .ceo-db-box-three h5 {
    font-size: 12px;
    margin-bottom: 2px;
}

.db-layout-150 .db-sec-row-icon {
    font-size: 17px;
}

.db-layout-150 .left-line-type-text h5 {
    font-size: 11px;
}

.db-layout-150 .round-type-status-main {
    padding: 4px;
}

.db-layout-150 .big-text-four {
    font-size: 26px;
    line-height: 32px;
}

.db-layout-150 .ceo-db-first-box-one {
    min-height: 74px;
}

.db-layout-150 .ceo-db-small-box-one {
    padding: 12px;
    min-height: 74px;
}

.db-layout-150 .bottom-right-value-box {
    font-size: 10px;
    min-width: 45px;
}

.db-layout-150 .widg-padding-cmn {
    padding: 15px;
}

.db-layout-150 .cmn-head-style {
    font-size: 13px;
}

.db-layout-150 table.ceo-db-table-one th {
    font-size: 10px;
}

.db-layout-150 table.ceo-db-table-one td {
    font-size: 12px;
}

.db-layout-150 .breadcrumb-db-back-page {
    font-size: 10px;
}

.db-layout-150 .breadcrumb-db-top {
    padding: 7px 10px;
}

.db-layout-150 .risk-heat-map-aab {
    padding-left: 30px;
}

.db-layout-150 .risk-dashboard-heatmap-label {
    font-size: 13px;
}

.db-layout-150 .top-ten-risk-db-small p {
    font-size: 11px;
    line-height: 14px;
}

.db-layout-150 .top-ten-risk-db-small .left-line-type-text h5 {
    font-size: 10px;
}

.db-layout-150 .top-ten-risk-db-small .left-line-type-text h6 {
    font-size: 14px;
    line-height: 10px;
}

.db-layout-150 .top-ten-risk-db h4 {
    font-size: 17px;
}

.db-layout-150 .ceo-db-aut-sec-row-height {
    min-height: 260px;
}

.db-layout-150 .widg-padding-cmn .line-tab .nav-link {
    padding: 0 10px 8px 10px;
    font-size: 11px;
}

.db-layout-150 .widg-padding-cmn p {
    font-size: 13px;
}

.db-layout-150 .likelihood-risk-table .count-risk {
    width: 18px;
    height: 18px;
    line-height: 20px;
    font-size: 10px;
}

.db-layout-150 .risk-heatmap-category table td {
    min-height: auto;
    padding: 6px 0;
    font-size: 12px;
}

.db-layout-150 .body-bg-d-board {
    padding: 6px 3px 3px 3px;
}

.db-layout-150 .risk-db-left-two {
    min-height: 426px;
}

.db-layout-150 .risk-db-right-one {
    min-height: 506px;
}

.db-layout-150 .risk-db-left-one {
    min-height: 77px;
}

.db-layout-150 .middle-text-sec-risk-db h5 {
    font-size: 11px;
    margin-bottom: 0;
}

.db-layout-150 .left-line-type-text h5 {
    margin-bottom: 2px !important;
}

.db-layout-150 .table tr td {
    padding: 3px 5px;
    font-size: 11px;
}


/* db-layout-150 end */

.rfi-detailes-number {
    position: relative;
}

.rfi-detailes-number:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #cbd6e2;
    left: 0;
    top: 25px;
    z-index: 1;
}

.rfi-detailes-number-inner {
    position: relative;
    z-index: 2;
}

.rfi-detailes-main-box {
    position: relative;
}

.rfi-detailes-main-box:after {
    position: absolute;
    content: "";
    left: 25px;
    top: 0;
    width: 1px;
    height: 100%;
    background: #cbd6e2;
}

.rfi-detailes-main .rfi-detailes-main-box:last-child:after {
    content: none;
}

.rfi-detailes-content {
    margin-bottom: 15px;
}

.rfi-detailes-main .rfi-detailes-main-box:last-child .rfi-detailes-content {
    margin-bottom: 0px;
}

.rfi-detailes-new-btn {
    position: relative;
    padding-top: 15px;
}

.rfi-detailes-new-btn:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 1px;
    height: 100%;
    background: #cbd6e2;
    z-index: 1;
}

.rfi-detailes-new-btn .btn {
    position: relative;
    z-index: 2;
}

.doc-link-table-inner a {
    font-size: 14px;
    color: #1165ae;
    display: inline-block;
}

.doc-link-table-inner a i {
    font-size: 12px !important;
    vertical-align: middle;
    margin: -3px 3px 0 0;
}

.doc-link-table-inner a:hover {
    text-decoration: underline;
}


/* */

.chat-top-status-rfi {
    padding-left: 40px;
}

.evidence-file-sec {
    font-size: 13px;
    color: #6D87A6;
}

.evidence-file-sec i {
    vertical-align: middle;
    margin-top: -6px;
}

.right-side-status-tag-three {
    display: inline-block;
    padding: 3px 20px;
    color: #fff;
    font-size: 13px;
    position: absolute;
    right: 0;
}

.light-big-text-new {
    color: #535376;
    font-size: 22px;
}

.rfi-chat-no-data {
    opacity: 0.4;
}


/* */

.initiaves-dtl-boxes-left {
    width: 80px;
    padding-top: 65px;
    position: relative;
}

.initiaves-dtl-boxes-left:after {
    position: absolute;
    content: "";
    border-left: 3px solid #0088FF;
    left: 25px;
    top: 0px;
    height: 100%;
    z-index: 1;
}

.initiaves-dtl-boxes-main .initiaves-dtl-boxes:first-child .initiaves-dtl-boxes-left {
    margin-top: 65px;
    padding-top: 0;
}

.initiaves-dtl-boxes-main .initiaves-dtl-boxes:last-child .initiaves-dtl-boxes-left:after {
    height: 80px;
}

.initiaves-dtl-boxes-main .initiaves-dtl-boxes.initiaves-dtl-boxes-single .initiaves-dtl-boxes-left:after {
    height: 0px;
}

.initiaves-dtl-boxes-last-plus.initiaves-dtl-boxes-main .initiaves-dtl-boxes:last-child .initiaves-dtl-boxes-left:after {
    height: 100%;
}

.initiaves-dtl-boxes-nbr {
    width: 50px;
    height: 50px;
    background: url(../images/flag-strategy.png) no-repeat #fff;
    background-size: 65%;
    background-position: center bottom;
    font-size: 14px;
    font-family: 'Nunito Bold';
    line-height: 42px;
    text-align: center;
    border: 3px solid #0088FF;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.initiaves-dtl-boxes-right {
    border-radius: 15px;
    position: relative;
    min-height: 150px;
    margin-bottom: 30px;
}

.initiaves-dtl-boxes-right:after {
    position: absolute;
    content: "";
    background: url(../images/left-arow-action-plan-box.png) no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 30px;
    left: -14px;
    top: 75px;
}

.budget-initives-sec {
    border-left: 1px solid #cbd6e2;
}

.big-price-text-sec h2 {
    font-size: 40px;
}

.budget-total-score-sec h3 {
    font-size: 25px;
    margin-bottom: 0;
}

.budget-total-score-sec h3 span {
    font-size: 17px;
}

.big-price-text-sec {
    padding-left: 30px;
}

.jso-db-min-height-500 {
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-company-milestones-head h3 {
    font-size: 22px;
    color: #33475B;
}

.our-company-milestones-head h4 {
    font-size: 19px;
    color: #506E91;
}

.initiaves-form-dummy {
    padding: 0;
}

.initiaves-form-content {
    padding: 0;
}

.initiaves-form-loop-main {
    position: relative;
}

.milestones-form-right .initiaves-form-loop-main {
    padding-right: 15px;
}

.milestones-form-left .initiaves-form-loop-main {
    padding-left: 15px;
}

.initiaves-dtl-boxes-form-loop .big-price-text-sec {
    padding-left: 0px;
}

.initiaves-dtl-boxes-form-loop .big-price-text-sec h2 {
    font-size: 32px;
}

.initiaves-dtl-boxes-form-loop .initiaves-dtl-boxes-left {
    height: 100%;
    position: absolute;
    margin-top: 65px;
    padding-top: 0;
}

.milestones-form-right .initiaves-dtl-boxes-left {
    left: -25px;
}

.milestones-form-left .initiaves-dtl-boxes-left {
    right: -25px;
}

.milestones-form-left .initiaves-dtl-boxes-left .initiaves-dtl-boxes-nbr {
    float: right;
}

.milestones-form-left .initiaves-dtl-boxes-left:after {
    left: unset;
    right: 22px;
}

.initiaves-dtl-boxes-form-loop .initiaves-dtl-boxes-right {
    width: 90% !important;
}

.milestones-form-right .initiaves-dtl-boxes-right {
    margin-left: 10%;
}

.milestones-form-left .initiaves-dtl-boxes-right:after {
    left: unset;
    right: -14px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.initiaves-milestone-add-btn {
    width: 50px;
    height: 50px;
    background: url(../images/flag-strategy.png) no-repeat #fff;
    background-size: 65%;
    background-position: center bottom;
    font-size: 14px;
    font-family: 'Nunito Bold';
    line-height: 42px;
    text-align: center;
    border: 3px solid #0088FF;
    border-radius: 50%;
    color: #fff;
    position: relative;
    z-index: 2;
    text-align: center;
    margin: 30px auto;
    left: 2px;
}

.initiaves-milestone-preview-page .big-price-text-sec {
    padding-left: 0px;
}

.initiaves-milestone-preview-page .big-price-text-sec h2 {
    font-size: 32px;
}

.small-screen-initiaves-milestone {
    display: none;
}

.box-inner-text-report {
    font-size: 20px;
    color: #fff;
    padding: 7px 30px;
    background: #5f9dd3;
    display: inline-block;
    border: 1px solid #000;
    margin-bottom: 50px;
}


/* Revert msg start */

#sidebar-wrapper2-inner-3 {
    margin-right: -406px;
    right: 0;
    top: 50px !important;
    width: 230px;
    background-color: #f3f8fb;
    position: fixed;
    min-height: 315px;
    overflow-y: hidden;
    z-index: 1000000;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

#sidebar-wrapper2-inner-3.active {
    right: 406px;
    width: 500px;
    border-right: 1px solid #ccc;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    overflow-x: hidden;
    box-shadow: 5px 10px 24px #888888;
}


/* Revert msg end */

.horizone-line-form .pestle-clr-box {
    width: 94%;
    height: 94px;
}

.horizone-line-form .pestle-clr-box h2 {
    font-size: 48px;
}

.horizone-line-form .pestel-box-main {
    align-items: center;
}

.horizone-line-form .pestel-box-main {
    padding: 5px 0;
}

ul.dot-list {
    padding-left: 16px;
}

ul.dot-list li {
    font-size: 13px;
    color: #7C98B6;
}

ul.dot-list-cmn {
    font-size: 14px;
    color: #506e91;
    padding-left: 15px;
}

.margin-left-30 {
    margin-left: 30px;
}

.horizone-line-form .pestle-clr-new-shape-top-cmn {
    border-bottom: 50px solid #01A29C;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
}

.horizone-line-form .pestle-clr-new-shape-btm-cmn {
    border-top: 50px solid #01A29C;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
}

.horizone-line-form .pestle-clr-new-shape h2 {
    font-size: 48px;
    width: 45px;
    top: -85px;
}

.horizone-line-form .diamond-box {
    width: 120px;
    float: none;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.horizone-line-form .pestle-analysis-tabes .pestel-box-main-left .pestel-box {
    top: 0;
}

.horizone-line-form .pestle-analysis-tabes {
    padding-bottom: 0px;
}

.horizone-line-form .pestle-analysis-tab {
    padding: 0;
}

.working-papers-documents .folder-loop {
    margin-left: -8px;
}

.widg-padding-user-dafm {
    padding: 55px;
}

.user-pic-dtl-page-dafm {
    border: 3px solid #fff;
    box-shadow: 0px 0px 30px #ddd;
}


/* thumb-pics-fix-text start */

.thumb-pics-fix-text .browse-form-name {
    position: unset;
    opacity: 1;
    display: flex;
    height: 64px;
    align-items: center;
}

.thumb-pics-fix-text .browse-form-name .float-left {
    width: 100%;
}

.thumb-pics-fix-text .upload-pics h6 {
    line-height: 14px;
}

.thumb-pics-fix-text .form-group-upload {
    min-height: 236px;
}

.thumb-pics-fix-text.height-small-type-upload .col-lg-4 .form-group-upload {
    min-height: 206px;
}

.thumb-pics-col-3.thumb-pics-fix-text .form-group-upload {
    min-height: 200px;
}


/* thumb-pics-fix-text end */

.text-green-dafm-color {
    color: #004d44;
}

.ck.ck-balloon-panel {
    z-index: 9999999 !important;
}

.rounde-box-proccess {
    width: 120px;
    height: 120px;
    border: 15px solid #ccc;
    border-radius: 50%;
    text-align: center;
}

.rounde-box-proccess h4 {
    font-size: 18px;
    margin-bottom: 0;
    line-height: 92px;
}

.small-box-bia {
    padding: 10px;
}

.small-box-bia-inner {
    display: flex;
    align-items: center;
}

.small-box-bia-inner h5 {
    width: 50%;
    margin-bottom: 0;
    font-weight: 600 !important;
    font-size: 14px;
}

.small-box-bia-inner .cmn-head-style {
    font-size: 15px;
}

.bpm-bia-box-one {
    min-height: 140px;
}

.no-border-select .form-control {
    border: none;
    background: none;
    padding-left: 4px;
}

.no-border-select .form-control:focus {
    outline: none;
    box-shadow: none;
}

.left-color-line {
    width: 5px;
    height: 20px;
    background: #ccc;
    border-radius: 6px;
    display: inline-block;
    vertical-align: middle;
}

.no-border-select .selectator_element {
    background: none;
    border: none;
}

.no-border-select .selectator_element:focus {
    outline: none;
    box-shadow: none;
}

.tab-right-end-btn {
    float: right;
    margin: -45px 0 0 0 !important;
}

.small-height-upload-sec .browse-form-pic {
    height: 150px;
}

.small-height-upload-sec .form-group-upload {
    min-height: 216px;
}

.login-page-box-white {
    background: #fff;
    padding: 40px;
    border-radius: 15px;
    width: 420px;
}

.image-width-texteditor img {
    max-width: 100%;
    height: auto;
}

.thumb-pics {
    position: relative;
}

.thumb-pics .document-select-checkbox {
    position: absolute;
    left: 10px;
    top: 5px;
    opacity: 0;
    z-index: 1;
}

.thumb-pics:hover .document-select-checkbox {
    opacity: 1;
}

.thumb-pics .document-select-checkbox .checkmark {
    border-radius: 50%;
}

.thumb-pics.active .document-select-checkbox {
    opacity: 1;
}

.thumb-pics.active .upload-pics {
    box-shadow: 0px 0px 7px #ccc;
}

.actvity-log-popup-new .actvitylog-dtl-left:after {
    height: 100%;
    bottom: -30px;
}

.left-border-and-space {
    border-left: 1px solid #cbd6e2;
    padding-left: 15px;
}

.time-and-date-small-p {
    line-height: 16px;
    font-size: 13px;
}

.upload-section-new-size .form-group-upload {
    min-height: 184px;
}

.upload-section-new-size .browse-form-pic {
    height: 118px;
}

.single-line-scroll-documents {
    max-height: 195px;
}

.single-line-scroll-documents .upload-section {
    padding-right: 10px;
}

.audit-discussion-small-icon span {
    font-size: 17px;
}

.audit-report-chat-popup-inner .form-control {
    font-size: 14px;
}

.audit-report-chat-popup-inner-height {
    min-height: 200px;
    /*max-height: 400px;*/
    height: 68vh;
}

.btn-sec-audit-chat-msg {
    padding: 15px;
}

.audit-report-chat-popup-inner .chat-box-loop-report {
    padding: 15px 15px 5px 15px;
}

.audit-report-chat-popup-inner .reply-control-sec {
    padding: 12px 15px 0 15px;
}

.audit-report-chat-popup-inner .comment-btns-cmn {
    font-size: 13px;
    padding: 8px;
    border-radius: 5px 5px 0 0;
}

.reply-msg-sec-small {
    position: relative;
    top: -1px;
    z-index: 1;
    border-radius: 0 5px 5px 5px;
}

.reply-control-sec-btns {
    position: relative;
    z-index: 2;
}

.reply-msg-sec-bg-color {
    background: #FFF;
    border: 1px solid #D9E2EB;
}

.reply-control-sec .form-group .form-control {
    /*background: #F9F9F9;*/
    border-color: transparent;
}

.reply-control-sec .form-group .form-control:focus {
    outline: none;
    box-shadow: none;
}

.form-group .form-control.lite-color-textarea {
    background: #F9F9F9;
    border-color: transparent;
}

.form-group .form-control.lite-color-textarea:focus {
    outline: none;
    box-shadow: none;
}

.comment-btns-cmn.reply-msg-sec-bg-color {
    border-bottom-color: transparent;
}

.replay-msg-space {
    padding: 15px 15px 7px 15px;
}

.reply-msg-sec-bg-color .reply-control-sec-btns {
    padding: 0 15px;
}

.reply-control-sec .reply-msg-sec-main {
    border-radius: 5px;
}

.resolve-issue {
    background: #F7FFFA;
}

.resize-none {
    resize: none;
}

.btn-bg-and-bdr-hide {
    background: transparent;
    border-color: transparent;
}

.msg-inner-white-sec {
    background: #F9F9F9;
    margin: 0 15px 15px 15px;
}

.msg-inner-white-sec .form-group .form-control {
    background: #fff;
    border-color: transparent;
}

.reply-msg-sec-bg-white {
    background: #fff;
    border: 1px solid #D9E2EB;
}

.reply-control-sec-btn-white .reply-msg-sec-bg-white {
    border-bottom-color: transparent;
}

#sidebar-wrapper2-inner-3.audit-report-chat-box-main {
    top: 0px !important;
    box-shadow: 0px 0px 8px #88888873;
    z-index: 99999999;
}

.audit-report-chat-box-main .inner-chat-head {
    padding: 7px 15px;
}

ng-select p {
    white-space: normal !important;
}

.btn .delete-tag {
    /*right: unset;
    left: -5px;*/
    top: -3px;
    z-index: 2;
}

.btn .delete-tag i {
    font-size: 9px;
    padding: 0;
}

.btn:hover .delete-tag {
    opacity: 1;
}

.msg-nbr-tab-btn {
    font-size: 9px;
    display: inline-block;
    padding: 2px 4px;
    background: #A3916A;
    color: #fff;
    border-radius: 5px;
    line-height: 12px;
    margin: -13px 0 0 5px;
    vertical-align: middle;
    min-width: 20px;
    min-height: 16px;
    text-align: center;
    position: relative;
}

.msg-nbr-tab-btn:after {
    content: "";
    position: absolute;
    left: 4px;
    bottom: -4px;
    border-top: 5px solid #A3916A;
    border-right: 8px solid transparent;
    border-left: 0px solid transparent;
}

.msg-nbr-tab-btn.bg-light-blue:after {
    border-top-color: #0088FF;
}

.msg-nbr-tab-btn.bg-blue:after {
    border-top-color: #0000ff;
}

.table .thumb-pics .edit-option:hover .edit-option-show-inner {
    margin: 0 !important;
    top: 6px !important;
}

.inp-right-text {
    height: calc(2.25rem + 2px);
    padding: 0.375rem 0.1rem;
    border: 1px solid #ced4da;
    border-left: 0;
    border-radius: 0 0.25rem 0.25rem 0;
    font-size: 12px;
    line-height: 25px;
}

.form-control-remove-right-radius {
    border-radius: 0.25rem 0 0 0.25rem;
}

blockquote {
    overflow: hidden;
    padding-right: 1.5em;
    padding-left: 1.5em;
    margin-left: 0;
    margin-right: 0;
    font-style: italic;
    border-left: 5px solid #ccc;
    margin-bottom: 15px;
}

.image-width-texteditor .table {
    background: transparent !important;
}

.eskom-login-page {
    margin-left: 10%;
    margin-top: 7%;
}

.login-page-bottom-small-device {
    display: none;
}

.tab-type-small-menu {}

.tab-type-small-menu a {
    padding: 8px 0px !important;
    margin: 2px 0;
}

.tab-type-small-menu a i {
    border: 1px solid #7c98b6;
    padding: 5px;
}


/* */

.tab-type-small-menu-header-right ul {
    margin: 4px 0 10px 0;
    padding: 0;
    border: 1px solid #7c98b6;
    display: block;
}

.tab-type-small-menu-header-right li {
    float: left;
    display: inline-block;
}

.tab-type-small-menu-header-right li a {
    padding: 6px 8px !important;
    min-width: auto !important;
    font-size: 15px !important;
    border-right: 1px solid #7c98b6 !important;
    display: flex;
}

.tab-type-small-menu-header-right li a.active {
    background: transparent !important;
}

.tab-type-small-menu-header-right li:last-child a {
    border-right: none !important;
}


/* report book style start */

.jspContainer {
    width: 100% !important;
}

.report-book-height .jspContainer {
    min-height: 600px;
}


/* report book style end */


/* strategy inner slider start*/

.slider-inner-box-strategy {
    background: #fff;
    padding: 30px;
    position: relative;
    margin: 15px 5px 30px 5px;
    cursor: pointer;
}

.slider-strategy-main .owl-carousel {
    border: none;
}

.slider-strategy-main .owl-buttons {
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    margin-top: 0;
}

.slider-strategy-main .owl-pagination {
    display: none;
}

.slider-strategy-main .owl-prev {
    background: #fff url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: 50% !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    position: absolute;
    left: -40px;
}

.slider-strategy-main .owl-prev:hover {
    background: #e6e6e69c url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: 50% !important;
}

.slider-strategy-main .owl-next {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: 50% !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    position: absolute;
    right: -40px;
}

.slider-strategy-main .owl-next:hover {
    background: #e6e6e69c url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: 50% !important;
}

.slider-strategy-main .owl-theme .owl-controls {
    margin-top: 0px;
}


/* strategy inner slider end */


/* slider-tree-line start */

.slider-strategy-main .owl-item {
    position: relative;
}

.slider-strategy-main .owl-item::before {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #cbd6e2;
    width: 50%;
    height: 20px;
}

.slider-strategy-main .owl-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    border-top: 1px solid #cbd6e2;
    width: 50%;
    height: 20px;
}

.slider-strategy-main .owl-item:first-child::before,
.slider-strategy-main .owl-item:last-child::after {
    border: 0 none;
}


/*.slider-strategy-main .owl-item:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
  }
  .slider-strategy-main .owl-item:last-child::before {
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
  }*/

.slider-strategy-main .item {
    padding-top: 15px;
}

.slider-inner-box-strategy:before {
    content: "";
    position: absolute;
    top: -31px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #cbd6e2;
    width: 1px;
    height: 30px;
}


/*.slider-inner-box-strategy:first-child::before {
    top: -29px;
    height: 29px;
  }
  .slider-inner-box-strategy:last-child::before {
    top: -29px;
    height: 29px;
  }*/

.slider-strategy-main .active-slider .slider-inner-box-strategy {
    border-color: #0088FF !important;
}

.slider-strategy-main .active-slider .slider-inner-box-strategy .mapping-label {
    color: #0088FF;
    border-color: #0088FF;
    box-shadow: 3px 3px 6px #91e3f64a;
}

.slider-strategy-main .active-slider {
    color: #0088FF;
}

.slider-strategy-main .active-slider .slider-inner-box-strategy h6 {
    color: #0088FF;
}

.slider-strategy-main .active-slider .slider-inner-box-strategy:after {
    content: "";
    position: absolute;
    bottom: -31px;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: #cbd6e2;
    width: 1px;
    height: 30px;
}

.slider-strategy-main {
    padding: 0 40px;
}


/* slider-tree-line end */

.slider-strategy-main .owl-nav {
    position: absolute;
    width: 100%;
    top: 32%;
}


/* strategy-mapping-tree starts */

.strategy-mapping-tree .stg-mapping-top-box-new.oc-user-box {
    width: 180px;
    height: auto;
    background: #fff;
    padding: 15px;
    position: relative;
    display: inline-block;
    text-align: left;
}

.strategy-mapping-tree .stg-mapping-top-box-new.stg-mapping-top-box {
    width: 500px;
    padding: 30px;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px;
}

.strategy-mapping-tree .stg-mapping-top-box-new.oc-user-box h6 {
    font-size: 14px;
}

.strategy-mapping-tree .stg-mapping-top-box-new.oc-user-box p {
    font-size: 13px;
}

.top-line-hide-tree:before {
    content: none !important;
}

.stg-mapping-top-box-new:before {
    content: "";
    position: absolute;
    bottom: -20px;
    right: 50%;
    background: #cbd6e2;
    width: 1px;
    height: 20px;
}

.strategy-mapping-tree {
    /*overflow-x: scroll;*/
    padding-bottom: 15px;
    min-height: 550px;
    position: relative;
}

.strategy-mapping-tree a.oc-user-box {
    width: 180px;
    height: auto;
    background: #fff;
    padding: 15px;
    position: relative;
    display: inline-block;
    text-align: left;
}

.strategy-mapping-tree a.stg-mapping-top-box {
    width: 500px;
    padding: 30px;
}

.strategy-mapping-tree a.oc-user-box h6 {
    font-size: 14px;
}

.strategy-mapping-tree a.oc-user-box p {
    font-size: 13px;
}

.strategy-mapping-tree .stg-mapping-top-box .progress-circle {
    font-size: 12px;
}

.icon-bg-mapping {
    border-radius: 5px;
    padding: 5px 4px;
    min-width: 35px;
    text-align: center;
    font-size: 17px;
}

.controls-mapping-btn {
    border: 1px solid #C1CCD9;
    border-radius: 5px;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    padding: 0 2px;
}

.controls-mapping-btn span {
    font-size: 24px;
    color: #C1CCD9;
    margin: 0 4px;
    line-height: 0;
    display: inline-block;
}

.controls-mapping-btn span:hover {
    color: #0088FF;
    cursor: pointer;
}

.controls-mapping-btn .strategy-history-icon {
    font-size: 15px;
    padding: 5px 3px 4px 3px;
}

.strategy-history-box {
    padding: 15px;
}

.strategy-mapping-tree a.stg-mapping-box-one {
    /*width: 350px;*/
    width: 427px;
    position: relative;
    padding: 30px;
    border: 1px solid #cbd6e2;
    margin-bottom: 30px;
}

.strategy-mapping-tree .tree li::before,
.strategy-mapping-tree .tree li::after {
    border-color: #cbd6e2;
}

.mapping-label {
    color: #ccc;
    border-color: #ccc;
    left: 30px;
}

.panel-default .mapping-label {
    left: 20px;
}

.mapping-label-green {
    color: #1D8401;
    border-color: #1D8401;
}

.mapping-label-orange {
    color: #EF901D;
    border-color: #EF901D;
}

.mapping-label-pink {
    color: #F71DAE;
    border-color: #F71DAE;
}

.strategy-mapping-tree a.stg-mapping-box-one.active {
    color: #0088FF;
    border-color: #0088FF;
}

.strategy-mapping-tree a.stg-mapping-box-one.active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -31px;
    margin: 0 auto;
    width: 1px;
    height: 30px;
    background: #cbd6e2;
}

.strategy-mapping-tree a.stg-mapping-box-one.active h6 {
    color: #0088FF;
}

.strategy-mapping-tree a.stg-mapping-box-one.active .mapping-label {
    color: #0088FF;
    border-color: #0088FF;
    box-shadow: 3px 3px 6px #91e3f64a;
}

.strategy-mapping-tree .tree ul ul::before {
    border-color: #cbd6e2;
}

.stg-mapping-box-two {
    padding: 30px;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    float: left;
    width: 15%;
}

.stg-mapping-box-two.cmn-bdr {
    border-right: none !important;
}

.stg-mapping-box-three {
    padding: 30px;
    border-top-left-radius: 0px !important;
    margin-left: -1px;
    float: left;
    width: 85%;
}

.radius-15 {
    border-radius: 15px;
}

.radius-10 {
    border-radius: 10px;
}

.mapping-tab-inner {
    padding-bottom: 30px;
}

.mapping-content-sec {
    overflow-x: scroll;
    overflow-y: scroll;
    margin: 0 55px;
}

#content-mapping::-webkit-scrollbar {
    display: none;
}

#content-mapping {
    overflow: auto;
    -ms-overflow-style: none;
    /* IE 11 */
    scrollbar-width: none;
    /* Firefox 64 */
}

.strategy-mapping-tree .tree {
    margin-left: -48px;
}


/* html {overflow: -moz-scrollbars-none;}
  */

.mapping-slide-btns .btn {
    position: absolute;
    top: 215px;
}

.mapping-slide-btns .btn#left-button {
    left: 0;
}

.mapping-slide-btns .btn#right-button {
    right: 0;
}


/* strategy-mapping-tree end */

.popup-full-width .document-pop-header {
    padding: 0 15px !important;
}

.tab-btn-sec-docs {
    padding: 7px 0 0 15px;
}

.thumb-pics-col-5 .form-group-upload {
    min-height: 137px;
}

.thumb-pics-col-5.thumb-pics-fix-text .form-group-upload {
    min-height: 201px;
}

.thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
    min-height: 201px;
}

.thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
    min-height: 201px;
}

.organization-multi-stup-form .thumb-pics-col-5.thumb-pics-fix-text .form-group-upload {
    min-height: 175px;
}

.organization-multi-stup-form .thumb-pics-col-5 .browse-form-pic {
    height: 110px;
}

.organization-multi-stup-form .thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
    min-height: 175px;
}

.organization-multi-stup-form .thumb-pics-col-4 .browse-form-pic {
    height: 110px;
}

.no-border-select .ng-select-container {
    border: none !important;
}

.in-ex-icon-with-text {
    font-size: 14px;
    color: #506e91;
}

.in-ex-icon-with-text img {
    vertical-align: middle;
    margin: -2px 3px 0 0;
}

.progress-circle-big-one {
    font-size: 28px;
}

.font-weight-700 {
    /*font-weight: 700 !important;*/
}

.font-weight-600 {
    /*font-weight: 600 !important;*/
}

.bold-line {
    width: 17px;
    height: 3px;
    background: #33475b;
    vertical-align: middle;
    margin-top: -3px;
}

.db-sec-row-icon-small {
    font-size: 16px;
    padding-right: 5px;
}

.db-score-link-box:hover .db-sec-row-icon-small {
    color: #0088FF;
    padding-right: 0;
}


/* Dafm Audit Dashboard style start */

.default-table-style table tr:hover {
    background: transparent !important;
    color: #30445D;
}

.default-table-style table tr:nth-child(even) {
    background: transparent !important;
}

.table-db-dafm-cmn tr td {
    border: 1px solid #D3D3D3;
}

.table-db-dafm-one tr td {
    border-color: #316F67;
    padding: 7px 15px;
}

.audit-satus-db-left-inner {
    border: 1px solid #D3D3D3;
    padding: 7px 15px;
}

.border-green-one {
    border-color: #316F67;
}

.border-green-two {
    border-color: #27CB8F;
}

.border-green-three {
    border-color: #B2D9B2;
}

.border-green-four {
    border-color: #D3D3D3;
}

.dafm-audit-db-one {
    min-height: 392px;
}

.dafm-audit-sec-two-db {
    min-height: 331px;
}

.dafm-top-10 .top-ten-risk-db {
    background: #F4FFFB;
}


/* Dafm Audit Dashboard style end */

.dam-finding-table-db tr th {
    padding: 7px 5px;
}

.dam-finding-table-db tr td {
    padding: 16px 5px;
}

.dam-finding-table-db tr td:hover {
    opacity: 0.8;
}

.db-tbl-finding-bg-gray-one {
    background: #E9E9E9;
}

.db-tbl-finding-bg-light-gray-one {
    background: #C4C4C4;
}

.db-tbl-finding-bg-pink-one {
    background: #FFF3EC;
}

.db-tbl-finding-bg-pink-two {
    background: #FFF1EE;
}

.db-tbl-finding-bg-pink-three {
    background: #FFEAE6;
}

.db-tbl-finding-bg-pink-four {
    background: #FFE8E8;
}

.db-tbl-finding-bg-dark-gray-one {
    background: #565656;
}

.db-tbl-finding-bg-orange-one {
    background: #F37833;
}

.db-tbl-finding-bg-orange-two {
    background: #F35533;
}

.db-tbl-finding-bg-orange-three {
    background: #FA360B;
}

.db-tbl-finding-bg-orange-four {
    background: #FF0000;
}

.db-tbl-finding-bg-dark-green-one {
    background: #019660;
}

.top-ten-and-chart-height {
    min-height: 314px;
}

.btn-slider {
    padding: 5px 10px;
    font-size: 14px;
    color: #D2D2D2;
    background: #F0F0F0;
    border: none;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.btn-slider:hover {
    background: #EFFFF9;
    color: #019660;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.training-btns-sec {
    text-align: right;
}

.training-ac-re-sec {
    padding-right: 35px;
}

.notifications-training-icon {
    background: #ccc;
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 22px;
    border-radius: 50%;
    line-height: 41px;
    -webkit-animation: at-ripple-chat 0.6s linear infinite;
    animation: at-ripple-chat 0.6s linear infinite;
}

.login-dafm {
    background: url(../images/login-dafm.png) no-repeat 0 0 fixed;
    background-size: 100% 100%;
}

.hide-login-box .popup-content {
    display: none;
}

.hide-login-box .login-robot {
    display: none;
}

.login-logo-dafm {
    width: 250px;
}

.login-block-dafm-inner {
    width: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 5px;
    margin-top: 20px;
}

.login-block-main-dafm {
    width: 350px;
    margin-top: 0;
    display: flex;
    align-items: center;
    height: 100vh;
}

.dafm-login-end-text {
    margin-top: -35px;
    padding-left: 15px;
}

.dafm-login-left {
    float: left;
}

.dafm-login-right {
    float: right;
    padding: 20px 20px 0 0;
}

.user-present-section label {
    border: 1px solid #cbd6e2;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #f3f8fb;
    font-size: 13px;
    font-family: 'Nunito SemiBold';
    text-align: center;
    display: inline-block;
    margin: 0 5px 0 0;
    line-height: 13px;
    padding-top: 2px;
    color: #506e91;
}

.user-present-section label:hover {
    color: #fff;
}

.user-present-section label.active {
    color: #fff;
}

.user-present-section label.user-present.active {
    background: #06950b !important;
    border-color: #06950b !important;
}

.user-present-section label.user-present:hover {
    background: #06950b !important;
    border-color: #06950b !important;
}

.user-present-section label.user-absent.active {
    background: #ff2461 !important;
    border-color: #ff2461 !important;
}

.user-present-section label.user-absent:hover {
    background: #ff2461 !important;
    border-color: #ff2461 !important;
}

.user-present-section label.user-leave.active {
    background: #ff8e3f !important;
    border-color: #ff8e3f !important;
}

.user-present-section label.user-leave:hover {
    background: #ff8e3f !important;
    border-color: #ff8e3f !important;
}


/* table border style start */

.table {
    border: 0.5px solid #bac8d8 !important;
}

.table tr th {
    border: 0.5px solid #bac8d8 !important;
    font-family: 'Nunito Bold';
    font-weight: normal;
}

.table tr td {
    border: 0.5px solid #bac8d8 !important;
}

.table.text-editor-content {
    border: none !important;
}


/* table border style end */

.filter-select-wrapper>.item>button {
    padding: 0;
}

.filter-select-wrapper>.item {
    padding: 1px 8px 3px 8px;
}


/*cdk style start */

.cdk-overlay-container {
    position: fixed;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    z-index: 9999999 !important;
}

.cdk-global-overlay-wrapper,
.cdk-overlay-container {
    pointer-events: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    position: absolute;
    z-index: 9999999 !important;
}


/*cdk style end */


/* outline-tag color start */

.outline-tag.outline-tag-dark-green {
    border-color: #128D4F !important;
}

.outline-tag.border-box-light-green {
    border-color: #22BF38 !important;
}

.outline-tag.outline-tag-yellow {
    border-color: #FFDF00 !important;
}

.outline-tag.outline-tag-red {
    border-color: #FF001A !important;
}

.outline-tag.outline-tag-orange {
    border-color: #FFA500 !important;
}


/* outline-tag color end */


/* oc box hide style start */

a.oc-user-box .oc-edit {
    background: #fff;
    padding: 3px 6px;
    border-radius: 3px;
}

.oc-box-option-icon {
    padding: 2px 3px;
}

.oc-edit .oc-box-option-icon:hover {
    color: #0088FF;
}

.oc-box-rotate-icon {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
    margin-top: -3px;
}

.oc-box-rotate-icon-normal {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: 0;
}

.oc-user-box .oc-edit {
    opacity: 0;
}

.oc-user-box:hover .oc-edit {
    opacity: 1;
}


/* oc box hide style end */


/* new-design-risk-matrix style start*/

.new-design-risk-matrix table .circle-status span {
    background: #b8b8b8;
    color: #fff;
    font-size: 12px;
    padding: 2px 14px;
    border-radius: 4px;
}

.new-design-risk-matrix table .circle-status:before {
    display: none;
}

.new-design-risk-matrix table .circle-status.matrix-green span {
    background: #e6ffe4;
    color: #22B112;
}

.new-design-risk-matrix table .circle-status.matrix-dark-green span {
    background: #D5FFE4;
    color: #128D4F;
}

.new-design-risk-matrix table .circle-status.matrix-orange span {
    background: #FEF2E4;
    color: #FFA500;
}

.new-design-risk-matrix table .circle-status.matrix-red span {
    background: #fff4f4;
    color: #ff0505;
}

.new-design-risk-matrix table .circle-status.matrix-yellow span {
    background: #FFFBE5;
    color: #FFDF00;
}

.loop-matrix-status .circle-status span {
    margin: 5px;
}

.asset-criticality-table {
    justify-content: center;
    display: flex;
}


/* new-design-risk-matrix style end*/

.findings-history-box {
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    border: 2px solid #a39161;
}

.findings-history-box:last-child {
    margin-bottom: 0;
}

.findings-history-box:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 30px;
    background: #a39161;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -32px;
}

.findings-history-box:last-child:after {
    display: none;
}

.thumb-pics-col-6.thumb-pics-fix-text .form-group-upload {
    min-height: 201px;
}


/* dafm Risk matrix style start */

.risk-matrix-dafm-table tr {
    background: #fff;
}

.risk-matrix-dafm-table tr:hover {
    background: #fff !important;
    color: #000;
}

.risk-matrix-dafm-table tr:nth-child(even) {
    background-color: #fff !important;
}

.risk-matrix-dafm-table tr th,
.risk-matrix-dafm-table tr td {
    border: 0.5px solid #000 !important;
    vertical-align: center;
    text-align: center;
    color: #000;
}

.risk-matrix-dafm-table tr th {
    font-size: 13px;
    padding: 10px 5px;
}

.risk-matrix-dafm-table tr td {
    font-size: 20px;
    font-family: 'Nunito Bold';
    padding: 20px 5px;
}

.matrix-table-graph-names {
    margin: 12px 0;
    font-size: 13px;
}

.matrix-table-graph-left {
    width: 10px;
    word-wrap: break-word;
    text-align: center;
    position: absolute;
    left: 0px;
    top: 36%;
    margin-top: -120px;
}


/* dafm Risk matrix style end */

.no-policy-demo-text-small .no-policy-demo-text {
    margin: 15px 0;
    min-height: auto;
}

.upload-section-small.thumb-pics-fix-text .form-group-upload {
    min-height: 196px;
}

.upload-section-small.thumb-pics-fix-text .browse-form-pic {
    height: 130px;
}

.thumb-pics .edit-option-full-time-show {
    opacity: 0.8 !important;
}


/* input-number style */

.form-group .input-number[type=number] {
    -moz-appearance: textfield;
}

.form-group .input-number[type=number]::-webkit-outer-spin-button,
.form-group .input-number[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* input-number end */

.dafm-login-body {
    padding-left: 0 !important;
}

.dafm-login-body .login-page {
    padding-left: 60px;
}

.small-slect-btn .form-control {
    height: calc(1.75rem + 2px);
    padding: 4px 20px 4px 10px;
    font-size: 12px;
}

.small-slect-btn .plain-select:after {
    right: 18px;
    top: 10px;
    font-size: 12px;
}


/* btn-clr-select starts */

.btn-clr-select .form-control:hover {
    background: #0088FF;
    color: #fff;
}

.btn-clr-select .form-control option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select .form-control:hover option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select .form-control {
    border-color: #0088FF;
    color: #0088FF;
}

.btn-clr-select .plain-select:after {
    color: #0088FF;
}

.btn-clr-select .plain-select:hover:after {
    color: #fff;
}

.btn-clr-select .ng-select.ng-select-opened>.ng-select-container {
    border-color: #0088FF;
}

.btn-clr-select .ng-select .ng-select-container:after {
    color: #0088FF !important;
}

.btn-clr-select .ng-select .ng-select-container .ng-value-container,
.btn-clr-select .ng-select .ng-select-container .ng-value-container .ng-value {
    color: #0088FF;
}

.btn-clr-select .ng-select .ng-select-container:hover {
    background: #0088FF;
    color: #fff;
}

.btn-clr-select .ng-select .ng-select-container:hover:after {
    color: #fff !important;
}


/* btn-clr-select end */


/* btn-clr-select-fill starts */

.btn-clr-select-fill .form-control:hover {
    background: #0088FF;
    color: #fff;
}

.btn-clr-select-fill .form-control option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select-fill .form-control:hover option {
    background: #fff;
    color: #33475b;
}

.btn-clr-select-fill .form-control {
    border-color: #0088FF;
    background: #0088FF;
    color: #fff;
}

.btn-clr-select-fill .plain-select:after {
    color: #fff;
}

.btn-clr-select-fill .plain-select:hover:after {
    color: #fff;
}


/* btn-clr-select-fill end */

.top-bar .dropdown-menu {
    border-radius: 0px;
}


/* loader height fix text start */

.thumb-pics-fix-text .up-pic-cf {
    height: 201px;
}

.thumb-pics-fix-text .file-upload-loader {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* loader height fix text end */

.small-select-transparent .ng-select .ng-select-container,
.small-select-transparent .form-control {
    background: transparent;
    border: none;
}

.small-select-transparent .form-control:focus {
    box-shadow: none;
}

.small-select-transparent .ng-select .ng-select-container:hover,
.small-select-transparent .ng-select .ng-select-container:focus {
    box-shadow: none;
    outline: none;
}

.small-select-transparent .ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container {
    border: none;
    box-shadow: none;
}

.form-group .ck-content {
    min-height: 100px;
}

.user-multiple {
    width: 200px;
}

.user-multiple .arci-user-tab-dtl li img {
    width: 37px !important;
    height: 37px !important;
    border: 2px solid #fff;
}

.user-multiple .arci-user-tab-dtl li {
    width: 35px;
}

.user-multiple .arci-user-tab-dtl li:nth-child(2) img {
    /*margin-left: -15px;*/
    margin-left: -36px;
}

.user-multiple .arci-user-tab-dtl li:nth-child(3) img {
    /*margin-left: -30px;*/
    margin-left: -75px;
}

.user-multiple .arci-user-tab-dtl li:nth-child(4) img {
    /*margin-left: -45px;*/
    margin-left: -114px;
}

.user-multiple .arci-user-tab-dtl li .more-users {
    width: 37px;
    height: 37px;
    font-size: 9px;
    border: 2px solid #fff;
    background: #d7d7d7;
    color: #000;
    border-radius: 50%;
    /*margin-left: -106px;*/
    margin-left: -114px;
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 34px;
}

.user-multiple ul {
    margin-left: -15px;
}

.user-multiple .arci-user-tab-dtl li:hover .more-users {
    animation: pulse 1s infinite;
    transition: .3s;
    cursor: pointer;
    box-shadow: 0px 0px 9px #88888878;
}


/* start */

.in-ex-tab-new .two-tabs-stakeholders {
    float: none !important;
    max-width: 100%;
    width: 16%;
    border: 0px;
}

.in-ex-tab-new .two-tabs-stakeholders li {
    border: 1px solid #ced4da;
    border-right: none;
}

.mt-tab-top {
    margin-top: -54px;
}

.in-ex-tab-new .two-tabs-stakeholders .nav-link {
    background: #fff;
}

.mb-1px {
    margin-bottom: 1px;
}

.module-name-block-space {
    padding-left: 20px;
}

.btn-header-db {
    margin: 7px 18px 0 0 !important;
}


/* dot-div-new style start */

.dot-div-new {
    position: relative;
    padding-left: 18px;
    font-family: 'Nunito Bold';
    display: inline-block;
}

.dot-div-new:before {
    position: absolute;
    content: "";
    left: 0;
    top: 4px;
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background: #ccc;
}


/* db-status start */

.dot-div-new.db-status:before {
    content: none;
}

.dot-div-new.db-status {
    padding-left: 0;
}

.dot-div-new.db-status span {
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background: #ccc;
    vertical-align: middle;
    margin: -4px 5px 0 0;
}


/* db-status end */

.dot-div-new.dot-green:before {
    background: #24C871 !important;
}

.dot-div-new.dot-light-green:before {
    background: #0DBF00 !important;
}

.dot-div-new.dot-yellow:before {
    background: #FFE026 !important;
}

.dot-div-new.dot-red:before {
    background: #FF0000 !important;
}

.dot-div-new.dot-dark-red:before {
    background: #DF4A4A !important;
}

.dot-div-new.dot-brown:before {
    background: #a52a2a !important;
}

.dot-div-new.dot-orange:before {
    /* background: #FF5B15 !important; */
    background: #ff8115 !important;
}

.dot-div-new.dot-violet:before {
    background: #8F5DB5 !important;
}

.dot-div-new.dot-light-violet:before {
    background: #B48ED0 !important;
}

.dot-div-new.dot-dark-violet:before {
    background: #7a509a !important;
}

.dot-div-new.dot-normal-violet:before {
    background: #9F7BCD !important;
}

.dot-div-new.dot-very-light-violet:before {
    background: #C39FE7 !important;
}

.dot-div-new.dot-blue:before {
    background: #0086FF !important;
}

.dot-div-new.dot-light-blue:before {
    background: #1AC9FF !important;
}

.dot-div-new.dot-dark-blue:before {
    background: #4E78B1 !important;
}

.dot-div-new.dot-gray:before {
    background: #616161 !important;
}

.dot-div-new.dot-grey:before {
    background: #616161 !important;
}


/* dot-div-new style end */


/* span-dot-color start */

.dot-div-new.span-dot-color:before {
    content: none;
}

.dot-div-new.span-dot-color {
    padding-left: 0;
}

.dot-div-new.span-dot-color span {
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background: #ccc;
    display: inline-block;
    margin: -2px 6px 0 0;
    vertical-align: middle;
}

.dot-div-new.span-dot-color.dot-green span {
    background: #24C871;
}

.dot-div-new.span-dot-color.dot-light-green span {
    background: #0DBF00;
}

.dot-div-new.span-dot-color.dot-yellow span {
    background: #FFE026;
}

.dot-div-new.span-dot-color.dot-red span {
    background: #FF0000;
}

.dot-div-new.span-dot-color.dot-orange span {
    background: #FF5B15;
}

.dot-div-new.span-dot-color.dot-violet span {
    background: #8F5DB5;
}

.dot-div-new.span-dot-color.dot-light-violet span {
    background: #B48ED0;
}

.dot-div-new.span-dot-color.dot-dark-violet span {
    background: #8F5DB5;
}

.dot-div-new.span-dot-color.dot-normal-violet span {
    background: #9F7BCD;
}

.dot-div-new.span-dot-color.dot-very-light-violet span {
    background: #C39FE7;
}

.dot-div-new.span-dot-color.dot-blue span {
    background: #0086FF;
}

.dot-div-new.span-dot-color.dot-light-blue span {
    background: #1AC9FF;
}

.dot-div-new.span-dot-color.dot-dark-blue span {
    background: #4E78B1;
}

.dot-div-new.span-dot-color.dot-gray span {
    background: #616161;
}


/* span-dot-color end */

.stg-main-db-box-one {
    min-height: 90px;
}

.stg-main-db-box-two {
    min-height: 60px;
}

.db-box-link-sec,
.db-sec-row-icon {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.db-box-link-sec:hover {
    background: #F6FBFF !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.db-box-link-sec:hover .ongoing-sec-left {
    background: #fff;
}

.db-box-link-sec:hover .db-sec-row-icon {
    position: relative;
    right: -2px;
    transition: 0.2s;
}

.ongoing-sec-left {
    width: 49px;
    height: 40px;
    background: #F6FBFF;
    border-radius: 50%;
    font-size: 14px;
    color: #33475b;
}

.nav-tabs--left .nav-link.active .ongoing-sec-left,
.nav-tabs--left .nav-link:hover .ongoing-sec-left {
    color: #0088FF;
}

.number-big {
    font-size: 24px;
    color: #33475b;
    font-family: 'Nunito Bold';
}

.ongoing-sec-left img {
    width: 20px;
}

.big-box-status {
    background: #f7f6f6;
    border: 2px solid #ccc;
    padding: 2px;
    text-align: center;
}

.big-box-status h6 .line-big {
    font-size: 22px;
    position: relative;
    top: 3px;
}

.big-box-status .total-score {
    font-size: 12px;
}

.big-box-status p {
    font-size: 12px;
    color: #33475B;
    line-height: 18px;
}

.big-box-status.big-status-green {
    background: #E7FFF0;
    border-color: #21C46C;
}

.big-box-status.big-status-red {
    background: #FFF2F4;
    border-color: #F9384B;
}

.padding-md {
    padding: 15px;
}

.strategy-inner-map-one img {
    width: 60%;
    margin: 0 auto;
}

.strategy-inner-db-box-one {
    min-height: 345px;
}

.strategy-inner-db-box-two {
    min-height: 110px;
}

.strategy-inner-db-box-three {
    min-height: 225px;
}

.db-big-tab-left .tab-common-left-md {
    width: 23%;
}

.db-big-tab-left .tab-common-left-content-m {
    width: 77%;
}

.line-height-17 {
    line-height: 17px;
}

table tr:hover td .ongoing-sec-left {
    background: #fff;
}


/* step-form-small-new start */

.small-step-progressbar-full-width #progressbar {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.small-step-progressbar-full-width #progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 4.7%;
    float: left;
    position: relative;
}

.popup-medium-width {
    max-width: 800px;
}


/* step-form-small-new End */

.kpi-score-chart-tab-left .kpi-score-tab-btn.cmn-bdr:last-child {
    border-bottom: 1px solid #cbd6e2 !important;
}

.kpi-score-chart-tab-left {
    width: 50%;
    float: left;
}

.kpi-score-chart-tab-right {
    width: 50%;
    float: left;
    margin-left: -1px;
}

.kpi-score-tab-btn-name {
    font-family: 'Nunito SemiBold';
}

.kpi-score-tab-btn.cmn-bdr {
    border-bottom: none !important;
    cursor: pointer;
}

.kpi-score-tab-btn.active {
    border-right: none !important;
    margin-right: 0px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.kpi-score-tab-btn.active .kpi-score-tab-btn-name {
    color: #0088FF;
}

.table-and-image-edit-editor figure.table {
    border: none !important;
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.table-and-image-edit-editor figure.table table {
    width: 100%;
    height: 100%;
}

.table-and-image-edit-editor figure.table table tr th,
.table-and-image-edit-editor figure.table table tr td {
    padding: 2px 10px;
}

.table-and-image-edit-editor figure.image.image_resized img {
    margin: 0 auto;
}

.table-and-image-edit-editor figure.image.image_resized.image-style-side img {
    float: right;
}

.table-and-image-edit-editor figure.image {
    text-align: center;
}

.table-and-image-edit-editor figure.image-style-side img {
    float: right;
}

.assessment-score-box {
    display: inline-block;
    margin: 0 5px 5px 0;
}

.assessment-score-box {
    font-size: 14px;
    color: #506e91;
}

.assessment-score-box-left {
    padding: 5px 7px;
}

.assessment-score-box-right {
    padding: 5px 7px;
}

.hover-show-btn {
    height: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: -5px;
    opacity: 0;
}

.hover-show-btn .btn {
    opacity: 1;
}

.arrowlist li:hover .hover-show-btn {
    height: auto;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    margin-top: 0;
    opacity: 1;
}

.workflow-no-data {
    background: #fff;
    position: relative;
    z-index: 9;
}

.workflow-no-data:after {
    content: none;
}

.workflow-no-data p {
    text-align: center;
}

.progress-circle .md-text-center {
    color: #33475B;
    font-size: 16px;
    text-align: center;
    width: 100%;
    line-height: 9em;
}

.bcm-days-sec {
    padding: 0 15px;
}

.page-list-sec {
    position: relative;
}

.page-list-sec:after {
    position: absolute;
    content: "";
    top: 12px;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #506e91;
}

.page-list-sec p {
    margin-bottom: 0;
    display: inline-block;
    background: #fff;
    position: relative;
    z-index: 1;
}

.page-list-sec p:first-child {
    float: left;
    padding-right: 10px;
    max-width: 90%;
}

.page-list-sec p:last-child {
    float: right;
    padding-left: 10px;
    max-width: 10%;
    text-align: right;
}

.upload-new-report .form-group-upload {
    background: #fff;
    border: 1px dashed #C6D2DF;
}

.issue-top-sec .cmn-head-style {
    line-height: 23px;
}

.heatmap-scroll {
    overflow-x: scroll;
}

.heatmap-scroll-inner {
    width: 2000px;
}

.heatmap-scroll .color-box-risk {
    width: 50px;
}

.risk-treatment-icones {
    width: 200px;
}

.risk-treatment-btn {
    font-size: 14px;
    color: #0088FF;
    padding: 3px 12px;
}

.risk-treatment-btn.active {
    font-family: 'Nunito Bold';
    text-decoration: underline;
}

.risk-treatment-btn:hover {
    text-decoration: underline;
    cursor: pointer;
}

.pending-pic {
    width: 150px;
    margin: 0 auto;
}


/* drag-inp-height start */

.oc-upload-image-show .upload-btn-wrapper.drag-inp-height {
    width: 100%;
    height: 190px;
    margin-top: -154px;
    position: relative;
}

.oc-upload-image-show .upload-btn-wrapper.drag-inp-height .btn {
    position: absolute;
    left: 0;
    bottom: 1px;
    background: #fff !important;
}

.oc-upload-image-show .upload-btn-wrapper.drag-inp-height input[type=file] {
    height: 190px;
    z-index: 1;
}


/* drag-inp-height end */

.project-grid-box-height {
    min-height: 176px;
}


/* pdf new style start */

.report-pdf-style-new {
    width: 940px;
    margin: 0 auto;
    overflow-y: scroll;
    height: 80vh;
}

.pdf-page-inner-new {
    width: 100%;
    padding: 20px;
}

.report-page-nbr {
    position: relative;
    text-align: right;
}

.report-page-nbr:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    left: 0;
    top: 12px;
    z-index: 1;
}

.report-page-nbr p {
    background: #fff;
    padding: 2px 0 2px 5px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.pdf-v2-report-html {
    width: 1100px;
    margin: 0 auto;
}

.pdf-left-btns {
    width: 200px;
    float: right;
}

.pdf-right-contents {
    width: 1000px;
    margin: 0 auto;
    /*float: left;*/
    /*overflow: hidden;*/
}

.pdf-page-inner-new-content {
    min-height: 2035px;
}

.pdf-v2-report-list-view-html .pdf-page-inner-new-content {
    min-height: auto;
}

.pdf-body {
    display: block;
    transition: 0.3s;
    margin: 0px;
    overflow: auto;
}

.pdf-v2-report-html .holder {
    width: 100%;
    background-color: #fff;
    position: static;
    padding: 20px;
    border: 1px solid #cbd6e2;
    height: auto !important;
    margin-bottom: 20px;
    /*overflow: scroll;*/
}

.pdf-v2-report-html .right-bar {
    position: fixed;
    list-style: none;
    right: 0px;
    bottom: 0px;
    top: 0px;
    padding: 10px;
    overflow: hidden;
    margin: 0px;
    margin-top: 88px;
    margin-bottom: 30px;
}

.pdf-v2-report-html .right-bar .pdf-pagination-li {
    padding: 0px;
    height: 176px;
}

.pdf-v2-report-html .right-bar .pdf-pagination-a {
    display: flex;
    padding: 0px;
    color: #fff;
    text-decoration: none;
    width: 100px;
    height: 176px;
    margin: 0 auto;
    overflow: hidden;
}

.pdf-pagination {
    zoom: 20%;
    -moz-transform: scale(0.2);
    background: #fff;
    /*overflow: hidden;*/
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 368px;
    height: auto;
}


/*.pdf-v2-report-html .right-bar a img {
    width: 100px;
    height: 100px;
}*/

.pdf-v2-report-html .act .pdf-pagination {
    border: 8px solid #0088FF;
    position: relative;
    z-index: 1;
}

.pdf-page-section {
    margin-bottom: 50px;
}

.pdf-zoom-btns {
    position: fixed;
    top: 50%;
    left: 8%;
    z-index: 999991;
}

.pdf-zoom-btns a {
    width: 45px;
    height: 45px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    transition: none;
    transform: none !important;
    display: block;
    font-size: 16px;
    line-height: 45px;
    color: #7c98b6 !important;
    margin: 6px;
    box-shadow: 0px 0px 3px #ccc;
}

.pdf-zoom-btns a:hover {
    background: #0088FF;
    color: #fff !important;
}

.target {
    position: relative;
    z-index: 99999;
}

.pdf-right-contents-fs {
    /*width: 100%;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;*/
    position: relative;
    z-index: 99999;
    /*overflow-x: scroll;*/
    /*padding-left: 300px;*/
    float: none;
}


/* risk-matrix-pdf-report-small start */

.risk-matrix-pdf-report-small .risk-table-graph {
    font-size: 14px;
}

.risk-matrix-pdf-report-small .risk-table-graph-left {
    width: 10px;
}

.risk-matrix-pdf-report-small .risk-matrix-table-left {
    padding-top: 30px;
}

.risk-matrix-pdf-report-small .risk-matrix-page-main {
    padding: 20px 0px 20px 20px;
}

.risk-matrix-pdf-report-small .risk-matrix-table {
    padding: 30px 30px 0px 30px;
}

.risk-matrix-pdf-report-small .risk-matrix-table:before {
    height: 6px;
    bottom: 118px;
}

.risk-matrix-pdf-report-small .risk-matrix-table:after {
    width: 6px;
    left: 25px;
}

.risk-matrix-pdf-report-small .risk-matrix-table-left table td span {
    right: -23px;
    margin-top: -8px;
}

.risk-matrix-pdf-report-small .risk-table-nbr {
    width: 16px;
    height: 16px;
    padding-top: 0;
    line-height: 17px;
    font-size: 9px !important;
}

.risk-matrix-pdf-report-small .risk-matrix-table-left {
    width: 120px;
}

.risk-matrix-pdf-report-small .risk-matrix-table table .circle-status span {
    font-size: 10px;
    padding: 2px 6px;
}

.risk-matrix-pdf-report-small .audit-program-box table .circle-status:before {
    width: 8px;
    height: 8px;
    margin-right: 4px;
}

.risk-matrix-pdf-report-small .risk-matrix-table-name td {
    font-size: 12px;
}

.risk-matrix-pdf-report-small .risk-matrix-table-bottom table tr td {
    padding-top: 10px;
    vertical-align: top !important;
}


/* risk-matrix-pdf-report-small end */


/* pdf-v2-report-list-view-html style start */

.pdf-v2-report-list-view-html .maindiv {
    border: 1px solid #cbd6e2;
    padding: 40px;
    background: #fff;
}

.pdf-v2-report-list-view-html .holder {
    border: none;
    padding: 0;
}

.pdf-v2-report-list-view-html .pdf-page-section {
    margin-bottom: 35px;
}


/* pdf-v2-report-list-view-html style end */


/* pdf zoom style start */

.pdf-zoom-header-main {
    width: 1000px;
    margin: 0 auto;
    margin-right: 80px;
    float: right;
}

.pdf-zoom-header-main.cmn-bdr {
    border-bottom: none !important;
}

.pdf-zoom-header-main.pdf-zoom-header-fixed {
    border: 1px solid #cbd6e2 !important;
    margin-right: 110px;
}

.zoom-header {
    display: flex;
    background: #fff;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.zoom-header.cmn-bdr {
    border-bottom: none !important;
}

.zoomin {
    /* position: relative;
  z-index: 1000;*/
}

.pdf-zoom-header-fixed {
    position: fixed;
    top: 44px;
    z-index: 99999999;
    left: 60px;
    right: 0;
}

.report-main-div .pdf-zoom-header-fixed {
    z-index: 9999;
}

.main-container {
    width: 1000px;
    /*height: 80vh;*/
    /*background: #ccc;*/
    overflow: auto;
}

.zoomout {
    /* position: relative;
  z-index: 1000;*/
}

.maindiv {
    width: 1000px;
    /*height: 80vh;*/
    transform-origin: 0% 0%;
}

.zoom-and-zoom-out-pdf-btn {
    font-size: 12px;
    color: #0088FF;
    padding: 9px 10px;
    border: 1px solid #0088FF;
    background: #fff;
}

.zoom-and-zoom-out-pdf-btn.zoomin {
    border-radius: 3px 0 0 3px;
}

.zoom-and-zoom-out-pdf-btn.zoomout {
    border-radius: 0 3px 3px 0;
}

.zoom-and-zoom-out-pdf-btn:hover {
    background: #0088FF;
    color: #fff;
}

.pdf-zoom-select {
    border: 1px solid #0088FF;
    border-left: none;
    border-right: none;
    font-size: 12px;
    padding: 9px 4px;
}

.main-container-height {
    height: 80vh;
}


/* pdf zoom style end */


/* pdf new style end */


/* kh db start */

.kh-db-chart-bg {
    background: rgba(239, 249, 255, 0.24);
}

.progress-circle-esm.progress-circle {
    font-size: 10px;
}

.progress-circle-esm.progress-circle span {
    font-size: 13px;
    line-height: 4em;
    width: 4em;
}

.kh-db-pic-three img {
    width: 80%;
}

.ia-db-pic-two {
    width: 63%;
    margin: 0 auto;
}


/* elips start */

.elips {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-1 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-2 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-3 {
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-4 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-5 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-6 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-7 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.elips-8 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* elips end */

.ia-db-slider-height {
    min-height: 511px;
}

.ia-db-finding-sec {
    min-height: 382px;
}

.finding-sec-height-ia-db {
    min-height: 300px;
}

.ia-db-finding-division img {
    width: 70%;
    margin: 0 auto;
}

.ia-db-finding-department img {
    width: 70%;
    margin: 0 auto;
}

.top-arow-db {
    font-size: 24px;
}

.db-ia-box-hight-four {
    min-height: 113px;
}


/* progress color start */

.progress-red .value-bar {
    border-color: #FF0000 !important;
}

.progress-red.over50 .first50-bar {
    background: #FF0000 !important;
}

.progress-red span {
    color: #FF0000 !important;
}

.progress-dark-red .value-bar {
    border-color: #DF4A4A !important;
}

.progress-dark-red.over50 .first50-bar {
    background: #DF4A4A !important;
}

.progress-dark-red span {
    color: #DF4A4A !important;
}

.progress-orange .value-bar {
    border-color: #FF5B15 !important;
}

.progress-orange.over50 .first50-bar {
    background: #FF5B15 !important;
}

.progress-orange span {
    color: #FF5B15 !important;
}

.progress-yellow .value-bar {
    border-color: #FFE026 !important;
}

.progress-yellow.over50 .first50-bar {
    background: #FFE026 !important;
}

.progress-yellow span {
    color: #FFE026 !important;
}

.progress-green .value-bar {
    border-color: #24C871 !important;
}

.progress-green.over50 .first50-bar {
    background: #24C871 !important;
}

.progress-green span {
    color: #24C871 !important;
}

.progress-light-green .value-bar {
    border-color: #0DBF00 !important;
}

.progress-light-green.over50 .first50-bar {
    background: #0DBF00 !important;
}

.progress-light-green span {
    color: #0DBF00 !important;
}

.progress-light-violet .value-bar {
    border-color: #B48ED0 !important;
}

.progress-light-violet.over50 .first50-bar {
    background: #B48ED0 !important;
}

.progress-light-violet span {
    color: #B48ED0 !important;
}

.progress-violet .value-bar {
    border-color: #8F5DB5 !important;
}

.progress-violet.over50 .first50-bar {
    background: #8F5DB5 !important;
}

.progress-violet span {
    color: #8F5DB5 !important;
}

.progress-dark-violet .value-bar {
    border-color: #7a509a !important;
}

.progress-dark-violet.over50 .first50-bar {
    background: #7a509a !important;
}

.progress-dark-violet span {
    color: #7a509a !important;
}


/* progress color end */

.thumb-pics-2-form .form-group-upload {
    min-height: 196px;
}

.kh-dtl-db-sec-two-height {
    min-height: 300px;
}

.kh-dtl-db-sec-one-height {
    min-height: 213px;
}

.db-box-col-5 {
    width: 20%;
    float: left;
}

.isms-db-sec-two-hight {
    min-height: 350px;
}

.isms-db-dtl-page-one img {
    width: 85%;
}

.isms-db-dtl-page-two {
    min-height: 280px;
}

.isms-dashboard-table-new table th {
    background: #EAF0F6;
    color: #33475B;
}

.isms-dashboard-table-new table td {
    padding: 0;
}

.table-td-inner-bdr {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.select-inner-table-new td {
    text-align: center;
    font-size: 12px;
}

.bpm-dashboard-top10-sec {
    min-height: 580px;
}


/* pdf inner no border accodion start */

.pdf-inner-no-border-accodion .panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pdf-inner-no-border-accodion .panel-default>.panel-heading a {
    display: block;
}

.pdf-inner-no-border-accodion .panel-default>.panel-heading a:after {
    content: "";
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: right;
    transition: transform .25s linear;
    -webkit-transition: -webkit-transform .25s linear;
    font-family: 'Nunito Bold';
}


/*.pdf-inner-no-border-accodion .panel-default>.panel-heading a[aria-expanded="true"] {
  background-color: #eee;
}*/

.pdf-inner-no-border-accodion .panel-default>.panel-heading a[aria-expanded="true"]:after {
    content: "\2212";
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.pdf-inner-no-border-accodion .panel-default>.panel-heading a[aria-expanded="false"]:after {
    content: "\002b";
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}


/* pdf inner no border accodion end */


/* iso-chat-and-scroll-btns start */

.iso-chat-and-scroll-btns {
    margin-bottom: 5px;
}

.iso-chat-and-scroll-btns .robo-chat,
.iso-chat-and-scroll-btns #return-to-top {
    position: unset;
}

.iso-chat-and-scroll-btns .robo-chat {
    margin: 0 10px 0 0;
}

.iso-chat-and-scroll-btns #return-to-top {
    margin: 0 10px 15px 5px;
}

.iso-chat-and-scroll-btns {
    position: fixed;
    right: 0;
    bottom: 0;
}


/* iso-chat-and-scroll-btns end */


/* commencement-letter start */

.header-commencement-letter {}

.footer-commencement-letter a {
    color: #fff;
    font-size: 14px;
}

.footer-commencement-letter a:hover {
    text-decoration: underline;
}

.footer-commencement-letter .line-span {
    font-size: 18px;
    color: #fff;
    margin: 0 10px;
}


/* commencement-letter end */

.user-list-small.arci-user-tab-dtl li {
    width: 35px;
    margin: 2px;
}

.user-list-small.arci-user-tab-dtl li a img {
    width: 35px;
    height: 35px;
}

.sign-commencement {
    width: 200px;
}

.commencement-page-height {
    min-height: 450px;
}

.header-commencement-Adress {
    float: right;
}

.header-commencement-Adress span {
    font-size: 32px;
    margin-right: 10px;
}


/* riben-tag start */

.riben-tag {
    display: inline-block !important;
    background: #ccc;
    color: #fff;
    padding: 6px 10px;
    font-size: 12px;
    position: relative;
    min-height: 26px;
}

.riben-tag:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: -25px;
    border-top: 13px solid transparent;
    border-right: 13px solid transparent;
    border-left: 13px solid #ccc;
}

.riben-tag:before {
    position: absolute;
    content: "";
    top: 0;
    right: -25px;
    border-bottom: 13px solid transparent;
    border-right: 13px solid transparent;
    border-left: 13px solid #ccc;
}


/* color */

.riben-tag.riben-tag-blue {
    background: #2A9AFF;
}

.riben-tag.riben-tag-blue:after,
.riben-tag.riben-tag-blue:before {
    border-left-color: #2A9AFF;
}

.riben-tag.riben-tag-red {
    background: #F9384B;
}

.riben-tag.riben-tag-red:after,
.riben-tag.riben-tag-red:before {
    border-left-color: #F9384B;
}

.riben-tag.riben-tag-green {
    background: #0DBF00;
}

.riben-tag.riben-tag-green:after,
.riben-tag.riben-tag-green:before {
    border-left-color: #0DBF00;
}

.riben-tag.riben-tag-light-green {
    background: #19C268;
}

.riben-tag.riben-tag-light-green:after,
.riben-tag.riben-tag-light-green:before {
    border-left-color: #19C268;
}

.riben-tag.riben-tag-yellow {
    background: #FFBB00;
}

.riben-tag.riben-tag-yellow:after,
.riben-tag.riben-tag-yellow:before {
    border-left-color: #FFBB00;
}

.riben-tag.riben-tag-orange {
    background: #F7941D;
}

.riben-tag.riben-tag-orange:after,
.riben-tag.riben-tag-orange:before {
    border-left-color: #F7941D;
}

.riben-tag.riben-tag-grey {
    background: #95A6BD;
}

.riben-tag.riben-tag-grey:after,
.riben-tag.riben-tag-grey:before {
    border-left-color: #95A6BD;
}

.riben-tag.riben-tag-violet {
    background: #8F5DB5;
}

.riben-tag.riben-tag-violet:after,
.riben-tag.riben-tag-violet:before {
    border-left-color: #8F5DB5;
}


/* riben-tag end */


/* Information Request style start */

.information-box-content {
    position: relative;
}

.information-box-content:before {
    position: absolute;
    content: "";
    left: -27px;
    top: 48px;
    border-left: 2px solid #DEDFE1;
    width: 100%;
    height: 100%;
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
}

.information-box-content:after {
    position: absolute;
    content: "";
    left: -27px;
    bottom: -48px;
    border-bottom: 2px solid #DEDFE1;
    width: 17px;
    height: 100%;
    border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
}

.left-border-remove .information-box-content:after,
.left-border-remove .information-box-content:before {
    content: none;
}

.information-box .comment-btns-cmn {
    position: relative;
    z-index: 1;
}

.information-box .comment-btns-cmn:hover {
    color: #0088FF !important;
    cursor: pointer;
}


/* Information Request style end */

.padding-right-0-pc-tab {
    padding-right: 0;
}

.risk-db-top-ten-height {
    min-height: 542px;
}

.ceo-dashbord-department-height {
    min-height: 511px;
}

.outline-tag-two-line-height {
    min-height: 76px;
}

.complance-db-sectwo-height {
    min-height: 416px;
}

.border-right-mbl-btm {
    border-right: 1px solid #dee2e6 !important;
}

.workflow-user-left-align {
    display: block !important;
}

.workflow-user-left-align .w-50 {
    width: 100% !important;
}

.work-flow-new-cmn .workflow-user-left-align li.rounde-hov-bg {
    float: left !important;
}

.matrix-shedule-box-height {
    min-height: 165px;
}


/* header-back-line start */

.header-back-line {
    position: relative;
}

.header-back-line::after {
    content: "";
    position: absolute;
    top: 11px;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid #e5eaf0;
    z-index: 1;
    width: 100%;
}

.header-back-line h6 {
    display: inline-block;
    background: #fff;
    padding-right: 8px;
    position: relative;
    z-index: 2;
}

.header-back-line .btn-plus {
    background: #fff;
    padding: 2.5px;
    font-size: 15px;
    color: #7c98b6;
    border: 1px solid #ced4da;
    width: 28px;
    height: 28px;
    border-radius: 4px;
    position: absolute;
    right: 0;
    top: -2px;
    z-index: 2;
}

.header-back-line .btn-plus:hover {
    color: #0088FF;
    border-color: #0088FF;
    cursor: pointer;
}

.header-back-line .btn-plus:focus,
.header-back-line .btn-plus:visited {
    outline: none;
    box-shadow: none;
}


/* header-back-line end */

.thump-pics-full.thumb-pics-fix-text .accordion-inner-thump .form-group-upload {
    min-height: 180px;
}

.flex-98-width .thump-pics-full.thumb-pics-fix-text .accordion-inner-thump .form-group-upload {
    min-height: 192px;
}

.thump-pics-full.thumb-pics-fix-text .accordion-inner-thump .costmz-logo-new {
    padding: 0 !important;
}

.progress-10 {
    height: 10px;
    border-radius: 10px;
}

.radius-30 {
    border-radius: 30px !important;
}

.score-bg-accordion {
    background: #f3f8fb;
    padding: 2px 7px 1.5px 7px;
    border-radius: 2px;
}

.vertical-progress-v2.vertical-progress-blue .progress-bg-sec .progress-inner-color {
    background: #0088FF;
}

.vertical-progress-v2.vertical-progress-blue .progress-bg-sec {
    background: #EFF9FF;
    border-color: #0088FF;
}

.edit-option-btn:hover .hover-show-btn {
    height: auto;
    transition: all .2s ease-in-out;
    margin-top: 0;
    opacity: 1;
}


/*.edit-option-btn:hover .arrowlist-edit-and-add {
  opacity: 1;
}*/

.edit-option-btn-main {
    position: relative;
}

.edit-option-btn-main:hover .arrowlist-edit-and-add {
    opacity: 1;
}

.arrowlist-edit-and-add-main {
    position: absolute;
    right: 0;
    top: 0;
}

.edit-option-btn-inner {
    position: relative;
}

.edit-option-btn-inner:hover .arrowlist-edit-and-add-inner {
    opacity: 1;
}

.arrowlist-edit-and-add-inner {
    position: absolute;
    right: 0;
    top: 0;
}

.btn.mr-0 {
    margin-right: 0 !important;
}


/* pdf menu accodion start */

.pdf-menu-accodion {
    width: 250px;
    position: fixed;
    left: 0;
    top: 45px;
    bottom: 0;
    margin: 0;
    margin-left: 61px;
    background: #fff;
    padding: 70px 0 50px 10px;
    height: 95vh;
    z-index: 0;
}

.pdf-menu-accodion .panel-drop-sections .panel-heading.active {
    background: #f3f8fb;
}

.pdf-menu-accodion .panel-drop-sections .panel-heading:hover {
    background: #f3f8fb;
}

.pdf-menu-accodion .panel-drop-sections .panel-heading {
    padding-left: 8px;
}

.pdf-menu-accodion .panel-drop-white .panel-default {
    background: transparent;
    color: #33475b;
    margin-bottom: 0;
}

.pdf-menu-accodion .mCSB_scrollTools .mCSB_draggerContainer {
    right: -8px;
}

.pdf-menu-accodion-inner {
    padding-right: 10px;
}

.pdf-menu-accodion .panel-drop-white .width96pc {
    border: none;
    color: #33475b !important;
    font-weight: normal;
    font-size: 13px !important;
    padding: 7px 3px 6px 18px;
    font-family: 'Nunito SemiBold';
    margin-bottom: 0 !important;
}

.pdf-menu-accodion .panel-drop-sections .panel-heading.active .width96pc {
    color: #33475b !important;
}

.pdf-menu-accodion .panel-drop-sections .panel-heading .drop-down-icone {
    color: #33475b !important;
    font-size: 11px;
    right: unset;
    left: 0;
    /*margin-top: -8px;*/
}

.pdf-menu-accodion .panel-drop-sections .panel-heading.active .width96pc .drop-down-icone {
    color: #33475b !important;
}

.pdf-menu-accodion .panel-drop-white .panel-collapse {
    border: none;
    font-size: 12px;
    margin-bottom: 0;
}

.pdf-menu-accodion .panel-drop-sections .panel-body {
    padding: 15px 0 0 30px;
}

.pdf-menu-accodion .panel-drop-sections .panel-heading .drop-down-icone {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.pdf-menu-accodion .panel-drop-sections .panel-heading.active .drop-down-icone {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    /*margin-top: -6px;*/
}

.pdf-menu-accodion h1,
.pdf-menu-accodion h2,
.pdf-menu-accodion h3,
.pdf-menu-accodion h4,
.pdf-menu-accodion h5,
.pdf-menu-accodion h6,
.pdf-menu-accodion a,
.pdf-menu-accodion p,
.pdf-menu-accodion span {
    color: #33475b;
}

.pdf-menu-accodion .pdf-pagination-inner {
    zoom: 21%;
    -moz-transform: scale(0.20);
    background: transparent;
    overflow: hidden;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    width: 1000px;
    height: auto;
}

.pdf-menu-accodion .page-list-sec p {
    background: transparent;
}

.pdf-new-style-pagination.pdf-v2-report-html {
    width: 1000px;
    margin: 0;
    margin-right: 80px;
    float: right;
}

.pdf-inner-title-accodion {
    font-size: 13px;
    font-weight: 600 !important;
    cursor: pointer;
    padding: 7px 3px 6px 10px;
    margin-bottom: 0;
    font-family: 'Nunito SemiBold';
}

.pdf-inner-title-accodion:hover {
    background: #f3f8fb;
}


/*.pdf-sub-accodion-menu {
  padding-left: 30px;
}*/


/* pdf menu accodion end */

.border-right-tab-and-mbl-bottom {
    border-right: 1px solid #cbd6e2;
}

.user-box-right-icon {
    font-size: 15px !important;
    position: absolute;
    right: 5px;
    top: 5px;
}

.small-step-form-sm .step-form-small #msform fieldset {
    width: 60%;
}

.table-w-70 {
    width: 70%;
}

.summary-box-height {
    min-height: 139px;
}

.tree li:only-child {
    padding-top: 0;
    margin-left: -40px;
}


/* table-calender-v2 start */

.table-calender-v2-main table tr td {
    padding: 0 !important;
}

.table-calender-v2-main .calender-col {
    padding: 10px 12px;
    font-size: 12px;
}

.year-sec-calender {
    width: 120px;
}

.month-sec-calender span {
    width: 6.68%;
    text-align: center;
    padding: 6px;
    border-radius: 20px;
}

.month-sec-calender span:hover {
    color: #0088FF;
    cursor: pointer;
}

.month-sec-calender-text.active {
    background: #0088FF;
    color: #fff;
}

.month-sec-calender-text.active:hover {
    color: #fff;
}

.year-sec-calender span {
    padding: 6px;
}

.year-sec-calender span:hover {
    color: #0088FF;
}


/* table-calender-v2 end */

.small-text-p p {
    font-size: 12px !important;
}

.price-icon-inp span {
    width: auto;
    position: unset;
    padding: 9px 14px;
    height: 38px;
    text-align: center;
    font-size: 15px;
    font-family: 'Nunito Bold';
    color: #9f9f9f;
    border: 1px solid #ced4da;
    border-right: none;
    border-radius: 0.25rem 0 0 0.25rem;
    line-height: 20px;
}

.price-icon-inp .form-control {
    border-radius: 0 0.25rem 0.25rem 0;
}

.pr-155 {
    padding-right: 155px !important;
}

.investigator-tree {
    width: 100%;
}

.investigator-tree-ul {
    display: flex;
    justify-content: center;
}

.pdf-zoom-header-main.report-top-approve-sec {
    margin-bottom: 15px !important;
}

.pdf-zoom-header-main.report-top-approve-sec.cmn-bdr {
    border: 1px solid #cbd6e2 !important;
}

.folder-main-page-assessment li {
    width: 13%;
}


/* dafm style start report */

.small-tab-line-fit-text .nav li {
    padding-right: 20px;
}

.small-tab-line-fit-text .nav li a {
    padding: 0 0 6px 0;
}

.bg-gray-dafm {
    background: #F6F5EF;
}

.repot-right-score-dafm {
    width: 80%;
}

.tab-common-left-big .tab-common-left-md {
    width: 20%;
}

.tab-common-left-big .tab-common-left-content-m {
    width: 80%;
}

@media screen and (max-width: 766px) and (min-width: 320px) {
    .tab-common-left-big .tab-common-left-md {
        width: 100%;
    }
    .tab-common-left-big .tab-common-left-content-m {
        width: 100%;
    }
    .repot-right-score-dafm {
        width: 100%;
    }
}

@media screen and (max-width: 1023px) and (min-width: 768px) {
    .repot-right-score-dafm {
        width: 100%;
    }
}


/* dafm style end report */

.user-list-sm h6 {
    line-height: 16px !important;
}

table .d-flex.user-list-sm {
    align-items: center;
}

.frame-work-table {
    width: 45%;
}

.compliance-db-top-box {
    min-height: 110px;
}

.go-page-pagination {
    display: inline-block;
}

.go-page-pagination .form-control {
    width: 80px;
    height: calc(1.7rem + 2px);
    border-radius: 0.25rem 0 0 0.25rem;
}

.go-page-pagination .btn {
    min-width: 80px;
    padding: 2px 5px !important;
    height: 29px;
    border-radius: 0 0.25rem 0.25rem 0;
}

.pagination-go-sec-main {
    display: flex;
    justify-content: center;
}

.accordioncheck-left {
    position: absolute;
    left: 16px;
    top: 0;
    margin-top: 56px;
    -webkit-animation: myfirst-accordion 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation: myfirst-accordion 1s 1;
    animation-fill-mode: forwards;
    z-index: 1;
}

.accordioncheck-lef-header .panel-default {
    position: relative;
}

.accordioncheck-lef-header .width96pc {
    padding-left: 40px !important;
}

.score-height-kpi {
    padding: 15px 5px;
}

.step-form-header-height-normal .step {
    height: auto !important;
}

.min-height-350 {
    min-height: 350px;
}


/* scroll width start */

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 6px;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    width: 6px;
}

.nicescroll-rails .nicescroll-cursors {
    width: 6px !important;
}

.nicescroll-rails {
    z-index: 99 !important;
}


/* scroll width end */


/* scroll-line-small width start */

.scroll-line-small .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 4px;
}

.scroll-line-small .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    width: 4px;
}

.scroll-line-small .nicescroll-rails .nicescroll-cursors {
    width: 4px !important;
}

.scroll-line-small .nicescroll-rails {
    z-index: 99 !important;
}


/* scroll-line-small width end */

.bb-custom-wrapper .bb-bookblock {
    z-index: 1;
}

.bb-custom-wrapper .menu-button {
    z-index: 2;
    top: -4px;
}

.bb-custom-wrapper nav span {
    margin: 0 2px;
}

.modal-full {
    max-width: 100%;
}

.cmn-bdr-left-sm-hide {
    border-left: 1px solid #cbd6e2 !important;
}

.w-300 {
    width: 300px;
}


/* edit-option-show-fix style start */

.edit-option-show-fix {
    position: absolute;
    top: -16px;
    right: 15px;
    opacity: 0.5;
    z-index: 333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background: #fff;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 3px 10px #e9e9e9;
    border: 1px solid #ced4da;
}

.edit-option-show-fix:hover {
    opacity: 1;
}

.edit-option-show-fix a {
    color: #7c98b6 !important;
    font-size: 15px;
    background: none;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: inline-block;
}

.edit-option-show-fix a:hover {
    color: #0088ff !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.edit-option-show-fix a:hover .fa-trash,
.edit-option-show-fix a:hover .fa-trash-alt {
    color: #dc3545 !important;
}

.edit-option-show-fix .fas,
.edit-option-show-fix i {
    padding: 4px !important;
    font-size: 15px !important;
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-radius: 3px;
}

.edit-option-show-fix a:hover i {
    transform: scale(1.10);
}


/* edit-option-show-fix style end */

.external-user-no-data-height {
    min-height: 616px !important;
}

.organization-multi-stup-form .step.tab-width-20 {
    width: 20%;
}

.organization-multi-stup-form .step.tab-width-30 {
    width: 30%;
}


/* event style start */

.event-tree-add-btn {
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 40px;
    color: #fff;
    background: #0088FF;
    border-radius: 50%;
    line-height: 50px;
    padding: 5px;
    margin: 0 auto;
    cursor: pointer;
}

.event-tree-add-btn:hover {
    opacity: 0.8;
}

a.oc-user-box.event-tree-add-btn-sec {
    background: transparent;
}

a.oc-user-box.event-tree-add-btn-sec:hover {
    background: transparent;
}

.tree-event-singile {
    overflow: auto;
    min-height: auto !important;
}

.tree-event-singile .tree {
    width: 210px;
    margin: 0 auto;
}

.event-risk-matrix .risk-matrix-table-left table td span {
    z-index: 1;
}

.event-matrix-color-box {
    background: #f2f2f2;
    height: 236px;
}

.event-risk-matrix {
    padding-left: 30px;
}

.event-matrix-inner {
    width: 1300px;
}

.event-risk-matrix .risk-matrix-table-left {
    width: 60px;
    padding-top: 25px;
}

.event-risk-matrix .risk-matrix-table table tr td {
    width: 16.6%;
}

.event-risk-matrix .risk-matrix-table-left table td {
    height: 78px;
}

.event-risk-matrix .risk-matrix-table-bottom .risk-table-nbr {
    position: relative;
    top: -15px;
}

.event-risk-matrix .risk-table-graph-btm {
    position: relative;
    top: -25px;
}

.event-risk-matrix .risk-table-graph-left {
    left: 0;
}

.event-matrix-bg-yellow {
    background: #FFC935;
}

.event-matrix-bg-green {
    background: #19C268;
}

.event-matrix-bg-red {
    background: #DF4A4A;
}

.event-matrix-bg-orange {
    background: #FF8B00;
}

.event-matrix-user-box {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 215px;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.event-matrix-user-box:hover {
    transform: translate3d(0, -6px, 0);
}

.event-matrix-user-box.event-matrix-box-one {
    bottom: 344px;
    left: 145px;
}

.event-matrix-user-box.event-matrix-box-two {
    bottom: 344px;
    left: 740px;
}

.event-matrix-user-box.event-matrix-box-three {
    bottom: 98px;
    left: 87px;
}

.event-matrix-user-box.event-matrix-box-four {
    bottom: 27px;
    left: 575px;
}

.event-matrix-user-box.event-matrix-box-five {
    bottom: 105px;
    left: 812px;
}

.event-matrix-user-box-round {
    width: 45px;
    height: 45px;
    font-size: 14px;
    line-height: 27px;
    border-radius: 50%;
    font-family: 'Nunito Bold';
    text-align: center;
}


/* event style end */

.document-new {
    margin-bottom: 10px;
    padding: 4px;
}

.document-new .document-new-pic {
    width: 100%;
    height: 120px;
    background-size: 100% 100% !important;
}

.document-new .document-new-text {
    height: 50px;
    padding: 3px 8px;
}

.document-new:hover {
    background: #f2f0f0;
}


/* og db style start */

.db-small-space-boxes .vertical-tab .nav-link {
    padding: 10px;
    font-size: 14px;
}

.db-small-space-boxes .swot-sec-score-sec {
    padding: 3px 0 !important;
}

.db-small-space-boxes .swot-sec-score-sec .big-text-one {
    font-size: 18px;
}

.db-small-space-boxes .swot-sec-score-sec .db-status {
    font-family: 'Nunito SemiBold';
}

.db-small-space-boxes .ia-db-finding-sec {
    min-height: 233px;
}


/* og db style end */

.small-step-form-height {
    min-height: 60vh;
}

.hov-move-top {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hov-move-top:hover {
    transform: translate3d(0, -3px, 0);
}

.stepform-btn-5-normal-height .step {
    height: auto !important;
}


/* click-me start */

.click-me {
    font-size: 16px;
    color: #0088FF !important;
    font-family: 'Nunito SemiBold';
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.click-me:hover {
    color: #33475b !important;
    text-decoration: none;
}

.click-me-arow {
    position: relative;
    animation: arowright 0.8s 2;
    animation-direction: alternate;
    animation-iteration-count: 100000;
    vertical-align: middle;
    margin-top: 1px;
}

@keyframes arowright {
    0% {
        left: 0px;
    }
    100% {
        left: 5px;
    }
}


/* click-me end */

.middle-text td {
    vertical-align: middle !important;
}


/* event tree style start */


/*.bottom-line-loop {
    position: relative;
    padding-bottom: 15px;
}
.bottom-line-loop:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 40px;
    border-bottom: 1px solid #7C98B6;
    width: 94%;
}*/

.tree-bottom-line-event a.oc-user-box {
    position: relative;
}

.tree-bottom-line-event a.oc-user-box:before {
    position: absolute;
    content: "";
    bottom: -15px;
    left: 0;
    right: 0;
    height: 15px;
    width: 1px;
    background: #7C98B6;
    margin: 0 auto;
}

.event-loop-tree-last {
    position: relative;
    top: -16px;
}

li.border-top-hide-event-tree:before,
li.border-top-hide-event-tree:after {
    /*border-top: none !important;
    border-radius: 0 !important;*/
}

.event-loop-tree-last-ul {
    position: relative;
    display: inline-block;
    padding-top: 0 !important;
    margin-top: 15px;
}

.event-loop-tree-last-ul:before {
    /*position: absolute;
    content: "";
    top: 0;
    border-top: 1px solid #7C98B6;
    width: 100%;*/
}

.btm-line-add-event-user .event-tree-box {
    position: relative;
}

.btm-line-add-event-user .event-tree-box:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #7C98B6;
    width: 50%;
    bottom: -16px;
    left: 0;
}

.btm-line-add-event-user .event-tree-box:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #7C98B6;
    width: 50%;
    bottom: -16px;
    right: 0;
}

.btm-line-add-event-user li:last-child .event-tree-box:before,
.btm-line-add-event-user li:first-child .event-tree-box:after {
    border: none;
}

.event-tree-main .tree li {
    padding-right: 0;
    padding-left: 0;
}

.event-tree-box {
    padding: 0 5px;
}

.event-tree-box-inner {
    border: 1px solid #7C98B6;
    border-radius: 6px !important;
    padding: 15px 10px !important;
    background: #fff;
}

.event-tree-main .tree a.oc-user-box:hover {
    background: transparent;
}

.event-tree-main .tree .meeting-member-box:hover {
    box-shadow: none;
}

.event-tree-box-inner:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    box-shadow: 0px 0px 5px #ccc;
}

.event-tree-main .tree {
    width: auto;
    display: flex;
    justify-content: center;
}

.event-tree-main-inner {
    width: 2500px;
}

.event-tree-main a.oc-user-box {
    background: transparent;
}


/* event tree end */

.kpi-dtl-db-sec-one-height {
    min-height: 230px;
}

.midile-top-ten-height {
    height: 69px;
    display: flex;
    align-items: center;
}

.kpi-db-dtl-top-10-height {
    min-height: 433px;
}

.btn-header-db.mr-2 {
    margin-right: 5px !important;
}

.fieldset-inner-height {
    min-height: 58vh;
}

.kpi-db-box-one-height {
    min-height: 110px;
}

.kpi-db-sec-two-height {
    min-height: 295px;
}

.kpi-db-sec-three-height {
    min-height: 413px;
}


/* header dropmenu start */

.edit-bar .menu-box-show {
    position: absolute;
    right: 0px;
    top: 43px;
    background: rgb(255, 255, 255);
    width: 300px;
    border: 1px solid rgb(204, 204, 204);
    padding-top: 4px;
    display: none;
}

.menu-box-show .nav li {
    width: 100%;
}

.menu-box-show .nav li a {
    display: block;
    padding: 2px 15px;
}

.menu-box-show .nav li a:hover {
    background: #f3f8fb;
    color: #0088FF;
}

.menu-box-show .panel-title {
    padding: 0 15px;
    background: #f2f2f2;
}

.menu-box-show .nav-pills {
    margin-bottom: 5px;
}


/* header dropmenu end */

.ng-select .ng-select-container {
    color: #495057 !important;
}

.label-with-info {
    position: relative;
}

.label-with-info .question-circle-inp {
    position: absolute;
    right: -17px;
    top: 1px;
}

.label-with-info .question-circle-inp i {
    font-size: 14px;
}

.label-with-info .question-circle-inp p {
    font-size: 12px;
    font-weight: normal;
}

.left-space-ea-db-one-40 {
    padding-left: 40px;
}

.ex-finding-table-new .min-h-42 {
    min-height: 35px;
}

.popup-form-tab .tab-common-left-md {
    width: 23%;
}

.popup-form-tab .tab-common-left-content-m {
    width: 77%;
}

.cursor-unset {
    cursor: unset !important;
}

.panel-drop-sections .custom-control-label {
    padding-top: 2px !important;
}

.panel-drop-sections .panel-title-check .custom-control-label {
    padding-top: 4px !important;
}


/* card-accordion-new style start */

.card-accordion-new .access-main-card .card-header {
    padding: 0px 0px;
}

.card-accordion-new .access-main-card .card-header .card-link {
    padding: 15px 20px;
}

.card-accordion-new .access-settings .sub-accordion .card .card-header {
    padding: 0px 0px;
}

.card-accordion-new .access-settings .sub-accordion .card .card-header .card-link {
    padding: 10px 20px !important;
    margin-top: 0;
    font-family: 'Nunito SemiBold';
}

.access-main-card .card-header .card-link.collapsed {
    color: #7c98b6;
}


/* card-accordion-new style end */

.introduction-page h4 {
    font-size: 18px;
}

.sub-text-head-report {
    font-size: 16px !important;
}

.link-text:hover {
    color: #0088FF !important;
    cursor: pointer;
}


/* new style start */

.panel-drop-sections .width96pc {
    padding: 15px 40px 15px 20px;
}


/* new style end */


/* 111111111111 */


/*.form-group .ng-select {
    z-index: 1;
}*/

.bdr-right-pc-sm-none {
    border-right: 1px solid #cbd6e2;
}

.line-through {
    -webkit-text-decoration-line: line-through;
    /* Safari */
    text-decoration-line: line-through;
}

table tr td.border-right-none {
    /*border-right: none !important;*/
    border-right-color: transparent !important;
}

table tr td.border-left-none {
    /*border-left: none !important;*/
    border-left-color: transparent !important;
}

table.word-break tr td {
    word-break: break-word;
}

.middle-icon {
    vertical-align: middle;
    margin-top: -5px;
}

.ck-editor__editable {
    max-height: 400px;
}


/* loader style start */

.milestone-rounde-loader {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    padding-top: 17px;
    margin: 0 auto;
}

.milestone-rounde-plus-loader {
    width: 46px;
    height: 46px;
    margin-top: 2px;
}

.loader-table-line tr,
.loader-table-line th,
.loader-table-line td {
    border: 0.5px solid #ccc;
}


/* loader style end */

.min-height-83 {
    min-height: 83vh;
}

.min-height-64 {
    min-height: 64vh;
}

.min-height-70 {
    min-height: 70vh;
}

.min-height-72 {
    min-height: 72vh;
}

.min-height-73 {
    min-height: 73vh;
}

.min-height-74 {
    min-height: 74vh;
}

.min-height-55 {
    min-height: 55vh;
}

.min-height-50 {
    min-height: 50vh;
}

.top-border-40 {
    position: relative;
}

.top-border-40:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 40%;
    border-top: 1px solid #cbd6e2;
}

.not-fixed-table .fix-table {
    overflow-x: visible !important;
}

.bg-red-light-color {
    background: #FFF6F6;
}

.bg-orange-light-color {
    background: #FFFBED;
}

.bg-green-light-color {
    background: #F1FFFA;
}

.tool-tip-new {
    position: relative;
}

.tool-tip-new:hover .message-password-inp {
    display: block !important;
}

.cmn-clr {
    color: #506e91;
}


/* text-font-size start */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


/* text-font-size end */


/* radius start*/

.radius-20 {
    border-radius: 20px;
}


/* radius end*/

.black-text {
    color: #33475b !important;
}

.position-unset {
    position: unset !important;
}

.hover-shadow:hover {
    box-shadow: 0px 0px 15px #b6c5d245;
}

.cmn-bdr-left-md-top-sm {
    border-left: 1px solid #cbd6e2 !important;
}

.cmn-bdr-left-md-top-mobile {
    border-left: 1px solid #cbd6e2 !important;
}

.no-label-check-box {
    padding-top: 35px;
}

.vertical-align-middle table tr th,
.vertical-align-middle table tr td {
    vertical-align: middle !important;
}

.hover-no-bg-color table tr:hover td {
    background: transparent !important;
}

.no-scroll-table .fix-table {
    overflow-x: auto;
}

.assessment-tab-user .panel-heading a::before {
    content: none;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    white-space: normal!important;
}

.db-md-screen-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-color-one {
    color: #7c98b6 !important;
}

.text-color-two {
    color: #33475b !important;
}

.text-color-three {
    color: #9f9f9f !important;
}

.theme-border-color {
    border-color: #0088FF;
}

.theme-border-color-top {
    border-color: #0088FF;
}

.theme-border-color-right {
    border-color: #0088FF;
}

.theme-border-color-bottom {
    border-color: #0088FF;
}

.theme-border-color-left {
    border-color: #0088FF;
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    display: flex !important;
}

.border-divide-cmn {
    border-right: 1px solid #cbd6e2;
}

.tab-with-text-db {
    padding-top: 17px;
}

.tab-with-text-db .cmn-head-style {
    padding-top: 15px;
}

.user-pic-mr-remove .user-list-sm img {
    margin-right: 0;
}

.tbl-head-text-clr {
    color: #33475b !important;
}


/* user-delete start */

.user-delete-div {
    position: relative;
}

.user-delete-div .user-delete-btn {
    color: #7c98b6;
    font-size: 10px;
    line-height: 11px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #7c98b6;
    padding: 3px 4px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    display: inline-block;
    position: absolute;
    right: 14px;
    top: 0;
    z-index: 2;
    opacity: 0;
}

.user-delete-div:hover .user-delete-btn {
    opacity: 1;
    right: 0;
}

.user-delete-div .user-delete-btn:hover {
    color: #dc3545;
    border-color: #dc3545;
}


/* user-delete end */

.padding-small-10 {
    padding: 10px;
}

.hover-body-clr-bg:hover {
    background: #f3f8fb;
}

.padding-left-0 {
    padding-left: 0;
}

.padding-right-0 {
    padding-right: 0;
}


/*.table .edit-and-delete-main:hover .edit-option-show {
    margin: -18px 0 0 0 !important;
    top: 50% !important;
}*/

table .edit-and-delete-main:hover .edit-option-show {
    margin: -13px 0 0 0 !important;
    top: 50% !important;
}

table .edit-option-show {
    padding: 2px 4px;
}

table .edit-option-show a {
    font-size: 12px;
}

table .edit-option-show .fas {
    padding: 2px 2px !important;
    font-size: 12px !important;
}

table .edit-option:hover .edit-option-show-inner {
    margin: -13px 0 0 0 !important;
    top: 50% !important;
}

table .edit-option-show-inner {
    padding: 2px 4px;
}

table .edit-option-show-inner a {
    font-size: 12px;
}

table .edit-option-show-inner .fas {
    padding: 2px 2px !important;
    font-size: 12px !important;
}

.table tr:hover td {
    background: #f8fcff !important;
}

.table.button-top-table .edit-and-delete-main:hover .edit-option-show {
    top: 25px !important;
}

.ordinary-table .edit-option-full-time-show {
    top: 20px !important;
    margin: -18px 0 0 0 !important;
    opacity: 0.5 !important;
}

.ordinary-table .edit-and-delete-main:hover .edit-option-full-time-show {
    top: 20px !important;
}

.ordinary-table .edit-option:hover .edit-option-full-time-show {
    top: 20px !important;
}

.border-radius {
    border-radius: 5px !important;
}

.border-radius-top {
    border-radius: 5px 5px 0 0 !important;
}

.border-radius-bottom {
    border-radius: 0 0 5px 5px !important;
}

.padding-right-none {
    padding-right: 0;
}

.f-10 {
    font-size: 10px;
}
.f-11 {
    font-size: 11px;
}
.f-12 {
    font-size: 12px;
}
.f-13 {
    font-size: 13px;
}
.f-14 {
    font-size: 14px;
}
.f-15 {
    font-size: 15px;
}
.f-16 {
    font-size: 16px;
}
.f-17 {
    font-size: 17px;
}

.f-18 {
    font-size: 18px;
}

.f-20 {
    font-size: 20px;
}

.curve-toggle {
    right: -1px;
}

a {
    cursor: pointer;
}

.text-editor-content img,
.text-editor-content iframe img {
    max-width: 100%;
    height: auto;
}

.box__dragndrop,
.box__uploading,
.box__success,
.box__error {
    display: none;
}

.top-bar .dropdown-menu {
    padding: 0;
}

.competency-assessment-user-drop input {
    background: #fff !important;
}

.assesment-form-page .upform .competency-assessment-user-drop input,
.assesment-form-page .competency-assessment-user-drop select,
.assesment-form-page .competency-assessment-user-drop textarea {
    background-color: #fff !important;
    color: #000 !important;
}

a.btn:not([href]):not([tabindex]) {
    color: #0088FF;
}

.font-normal {
    font-weight: normal !important;
}


/* multple new style angular starts */

.user-post-department-main {
    padding-top: 9px;
}

.user-post-department-multiple {
    height: 0px;
    font-size: 12px;
}

.user-post-department-pic {
    float: left;
    padding-top: 1px;
}

.user-post-department-pic img {
    border-radius: 50%;
}

.ng-select-container .ng-value img {
    border-radius: 50%;
    margin-top: -2px;
}

.user-post-department-div {
    float: left;
    padding-left: 10px;
    margin-top: -7px;
}

.multiple-plain-ngselect .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    font-size: .9em;
    margin-bottom: 5px;
    background-color: #ebf5ff;
    border-radius: 2px;
    margin-right: 5px;
    border: 1px solid #CED4DA;
    padding: 0 3px;
}


/*.multiple-plain-ngselect .ng-value-container {
  padding: 0px !important;
}*/


/*.multiple-plain-ngselect .ng-select .ng-select-container {
  display: block;
  width: 100%;
  height: calc(2.25rem + 2px);
  padding: 0.375rem 0.75rem;
  min-height: auto;
  font-size: 1rem;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #CED4DA;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}*/


/*.multiple-plain-ngselect .ng-select .ng-select-container {
  padding: 4px 50px 0px 0.75rem;
}*/

.ng-select .ng-select-container {
    min-height: 38px !important;
}

.multiple-plain-ngselect .ng-select .ng-select-container {
    /*padding-left: 0.75rem;*/
    padding: 4px 50px 0px 0.75rem;
}

.form-group .multiple-plain-ngselect ng-select[multiple="true"] .ng-select-container {
    padding: 4px 50px 0px 0.75rem;
}

.multiple-plain-ngselect .ng-select .ng-select-container:after {
    position: absolute;
    z-index: 2;
    right: 24px;
    top: 11px;
    margin-top: -3px;
    height: 0;
    width: 0;
    pointer-events: none;
    content: "";
    color: #CED4DA;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
}

.multiple-plain-ngselect .ng-select.ng-select-opened>.ng-select-container .ng-arrow {
    display: none;
}

.multiple-plain-ngselect .ng-select .ng-arrow-wrapper .ng-arrow {
    display: none;
}


/* multple new style angular end */

.form-group textarea {
    padding-left: 0.75rem;
}

.image_deleted {
    pointer-events: none;
    opacity: 0.4;
}

.work-flow-style-tab-mbl {
    display: none;
}

.hide_loader {
    visibility: hidden;
    display: none;
}


/* color starts */

.text-head {
    color: #33475b !important;
}

.blue-color-one {
    color: #004B8D !important;
}

.blue-color-two {
    color: #007FEF !important;
}

.text-gold {
    color: #A3916A !important;
}

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

.text-black {
    color: #000 !important;
}

.text-dark-red {
    color: #da2002 !important;
}

.text-yellow {
    color: #FFE026 !important;
}

.text-dark-yellow {
    color: #efe700 !important;
}

.text-deep-mustard {
    color: #d39f00 !important
}

.text-green {
    color: #24C871 !important;
}

.text-light-green {
    color: #22bf38 !important;
}

.text-dark-green {
    color: #128D4F !important;
}

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

.text-dark-orange {
    color: #f7941d !important;
}

.text-blue {
    color: #0000ff !important;
}

.text-light-blue {
    color: #0088FF !important;
}

.text-dark-blue {
    color: #1165ae !important;
}

.text-violet {
    color: #d152d1 !important;
}

.text-grey {
    color: #808080 !important;
}

.text-light-grey {
    color: #c5c5c5 !important;
}

.text-dafm {
    color: #A3916A !important;
}

.text-dark-pink {
    color: #F71DAE !important;
}

.text-red-hov:hover {
    color: #F9384B !important;
}

.text-green-hov:hover {
    color: #24C871 !important;
}

.text-orange-hov:hover {
    color: #ffa500 !important;
}

.bg-red {
    background: #FF001A !important;
}

.bg-yellow {
    background: #ffdf00 !important;
}

.bg-dark-yellow {
    background: #f3d502 !important;
}

.bg-green {
    background: #0ab00a !important;
}

.bg-dark-green {
    background: #128D4F !important;
}

.bg-orange {
    background: #ffa500 !important;
}

.bg-light-orange {
    background: #FFD580 !important;
}

.bg-blue {
    background: #0000ff !important;
}

.bg-light-blue {
    background: #0088FF !important;
}

.bg-violet {
    background: #d152d1 !important;
}

.bg-main {
    background: #f3f8fb !important;
}

.bg-dark-red {
    background: #da2002 !important;
}

.bg-dark-orange {
    background: #f7941d !important;
}

.bg-light-green {
    background: #00FF24 !important;
}

.bg-proposed {
    background: #616161 !important;
}

.bg-dark-red-hov:hover {
    background: #da2002 !important;
}

.bg-dark-orange-hov:hover {
    background: #f7941d !important;
}

.bg-dark-yellow-hov:hover {
    background: #efe700 !important;
}

.bg-light-green-hov:hover {
    background: #22bf38 !important;
}

.bg-light-blue-one {
    background: #EDF5FF;
}

.border-orange {
    border-color: #ffa500 !important;
}

.border-red {
    border-color: #FF001A !important;
}

.border-green {
    border-color: #0ab00a !important;
}

.border-light-green {
    border-color: #22bf38 !important;
}

.border-dark-red {
    border-color: #da2002 !important;
}

.border-yellow {
    border-color: #ffdf00 !important;
}

.border-blue {
    border-color: #0000ff !important;
}

.bold-border-green {
    border: 2px solid #0ab00a !important;
}

.bold-border-red {
    border: 2px solid #FF001A !important;
}


/* cmn bdr style start */

.cmn-bdr {
    border: 1px solid #cbd6e2 !important;
}

.cmn-bdr-blue {
    border: 1px solid #0088FF !important;
}

.cmn-bdr-top {
    border-top: 1px solid #cbd6e2 !important;
}

.cmn-bdr-right {
    border-right: 1px solid #cbd6e2 !important;
}

.cmn-bdr-bottom {
    border-bottom: 1px solid #cbd6e2 !important;
}

.cmn-bdr-left {
    border-left: 1px solid #cbd6e2 !important;
}

.border-none {
    border: none !important;
}

.border-top-none {
    border-top: none !important;
}

.border-right-none {
    border-right: none !important;
}

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

.border-left-none {
    border-left: none !important;
}


/* cmn bdr style end */

.cmn-bdr-top-2 {
    border-top: 2px solid #cbd6e2 !important;
}

.cmn-bdr-bottom-2 {
    border-bottom: 2px solid #cbd6e2 !important;
}

.cmn-bdr-right-2 {
    border-right: 2px solid #cbd6e2 !important;
}

.cmn-bdr-left-2 {
    border-left: 2px solid #cbd6e2 !important;
}

.ml-minus-1 {
    margin-left: -1px;
}


/* color ends */

.left-bold-border {
    border-left: 4px solid #cbd6e2 !important;
}

.left-blue-border {
    border-left-color: #0088FF !important;
}

.left-orange-border {
    border-left-color: #ffa500 !important;
}

.left-green-border {
    border-left-color: #19A13D !important;
}

.left-red-border {
    border-left-color: #FF2020 !important;
}

.blue-border {
    border-color: #0088FF !important;
}


/* dot-div starts */

.dot-div:before {
    width: 11px;
    height: 11px;
    background: #ccc;
    border-radius: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.green-dot:before {
    background: #22bf38;
}

.light-green-dot:before {
    background: #22fa41;
}

.violet-dot:before {
    background: #7b27bc;
}

.light-violet-dot:before {
    background: #DBA7F5;
}

.dark-violet-dot:before {
    background: #8C629E;
}

.yellow-dot:before {
    background: #ffe400;
}

.red-dot:before {
    background: #da2002;
}

.orange-dot:before {
    background: #f7941d;
}

.blue-dot:before {
    background: #0088FF;
}

.dark-blue-dot:before {
    background: #004B8D;
}

.light-blue-dot:before {
    background: #5A9AD7;
}

.amber-dot:before {
    background: #FF5733;
}

.grey-dot:before {
    background: #808080;
}

.gray-dot:before {
    background: #808080;
}


/* dot-div ends */


/* dot-div new style starts */

.dot-div {
    color: #2A9AFF;
    background: #EFF8FF;
    border: none;
    border-radius: 5px;
    height: auto !important;
    padding: 5px 10px !important;
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
}

table .dot-div {
    white-space: nowrap;
}
.white-space-nowrap {
    white-space: nowrap;
}
.dot-div:before {
    content: none;
}

.green-dot {
    color: #19C268;
    background: #E7FFF0;
}

.light-green-dot {
    color: #0DBF00;
    background: #E9FFD8;
}

.violet-dot {
    color: #8F5DB5;
    background: #F5EEFF;
}

.light-violet-dot {
    color: #B48ED0;
    background: #F9F6FF;
}

.dark-violet-dot {
    color: #8F5DB5;
    background: #EAE0FA;
}

.yellow-dot {
    color: #FFBB00;
    background: #FFFCCF;
}

.red-dot {
    color: #F9384B;
    background: #FFF6F5;
}

.dark-red-dot {
    color: var(--color-danger);
    background: #FFECF2;
}

.brown-dot {
    color: #a52a2a;
    background: #ffdcdc;
}

.orange-dot {
    /* color: #F7941D; */
    color: #ff8115;
    background: #FFF7E2;
}

.blue-dot {
    color: #0086FF;
    background: #EFF8FF;
}

.dark-blue-dot {
    color: #4E78B1;
    background: #F3F5F9;
}

.light-blue-dot {
    color: #1AC9FF;
    background: #EFFBFF;
}

.amber-dot {
    /* color: #FF5733;
    background: #fff1ed; */
    color: #FFBF00;
    background: #fff5d9;
}

.grey-dot {
    color: #95A6BD;
    background: #F3F5F9;
}

.gray-dot {
    color: #95A6BD;
    background: #F3F5F9;
}
.status-default {
    color: var(--grey-dark);
    border: solid 1px grey;
    border-radius: 6px;
    padding: 6px 12px;
    display: inline-block;
    font-size: 12px;
    font-family: "Nunito Regular";
}
.status-success {
    color:var(--color-success);
    border: solid 1px var(--color-success);
}
.status-danger {
    color:var(--color-danger);
    border: solid 1px var(--color-danger);
}
.status-warning {
    color:var(--color-warning);
    border: solid 1px var(--color-warning);
}
.status-info {
    color:var(--color-info);
    border: solid 1px var(--color-info);
}

/* dot-div new style end */


/* tabcontent style starts */


/*.common-tab-md .tab-content.cmn-bdr {
  border-color: #fff !important;
}
.tab-new-style-left .tab-content.cmn-bdr {
  border-color: #fff !important;
}
.user-settings-width-tab-content .tab-content.cmn-bdr {
  border-color: #fff !important;
}
.vertical-tab .nav-item:last-child .nav-link.active {
    border-color: #fff !important;
}
.hc-report-tab-style .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
  border: 1px solid #ced4da !important;
  border-right: none !important;
}
.acl-detail-page-main .tab-content.cmn-bdr {
  border-color: #fff !important;
}*/


/* tabcontent style end */


/* multi-form-tab animation starts */

.organization-form-page .tab {
    position: relative;
    -webkit-animation: myfirst 1s 1;
    -webkit-animation-fill-mode: forwards;
    animation: myfirst 1s 1;
    animation-fill-mode: forwards;
    min-height: 440px;
}

@-webkit-keyframes myfirst {
    0% {
        left: 0px;
        top: -50px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}

@keyframes myfirst {
    0% {
        left: 0px;
        top: -50px;
    }
    100% {
        left: 0px;
        top: 0px;
    }
}


/* multi-form-tab animation ends */

#myBook {
    display: none;
    position: relative;
    width: 604px;
    height: 362px;
    float: left;
}

.imBookPage {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 300px;
    height: 360px;
    color: #fff;
    overflow: hidden;
    border: solid 1px #000;
}

.cic-graph-pic {
    width: 100%;
}

.cic-graph-pic img {
    width: 100%;
}

.border-left-none {
    border-left: none !important;
}


/* ----------------------- end ------------------------ */

.side-bar-round {
    position: fixed;
    top: unset;
    bottom: 10px;
    z-index: 99999 !important;
}

.table-top-line-dafm {
    border-top: 1px solid #ccc !important;
}


/*@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}*/

@media (max-width: 1500px) {
    .hl-plan-table {
        overflow: hidden;
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .hl-plan-table-inner {
        width: 1420px;
    }
}

@media (max-width: 1199.98px) {
    .investigator-tree {
        width: 1600px;
    }
    .small-step-form-sm .step-form-small #msform fieldset {
        width: 90%;
    }
    .table-w-70 {
        width: 100%;
    }
    .oc-upload-image-show .upload-btn-wrapper.drag-inp-height .btn {
        bottom: 3px;
    }
    .audit-form-table {
        overflow-x: scroll;
    }
    .side-bar-round {
        position: fixed;
        top: unset;
        bottom: 10px;
        z-index: 1;
    }
    .curve-toggle {
        display: block;
    }
    .new-search-v2 {
        right: 58px;
        top: 3px;
    }
    .navbar .iso-logo {
        padding-left: 35px;
    }
    .edit-bar {
        padding-left: 13px;
    }
    .three-dots-dropdown.mr-0 {
        margin-right: 0 !important;
    }
    .competency-matrix-main-new {
        overflow-x: scroll;
    }
    .competency-matrix-first-height {
        width: 1200px;
    }
    .module-name-block-space {
        padding-left: 0px;
    }
    .module-name-block-space .module-title {
        padding-left: 0 !important;
    }
    .btn-header-db.float-right {
        margin: 7px -16px 0 0 !important;
    }
}

@media screen and (max-width: 1280px) {
    /* .ceo-db-right-top-btns {
    width: 320px !important;
  }*/
    .ceo-db-small-box-one {
        padding: 20px;
    }
    .ceo-db-box-three {
        display: flex;
        align-items: center;
        min-height: 124px;
    }
    .ceo-db-box-three .row {
        width: 100%;
    }
}

@media screen and (max-width: 1200px) {
    .audit-program-details-page-cnt .thumb-pics-col-2 .thumb-pics {
        width: 25%;
    }
    .thumb-pics-col-3 .thumb-pics {
        width: 25%;
    }
    .organization-form-page .thumb-pics-col-3 .thumb-pics {
        width: 33.33%;
    }
    .right-btns-new {
        width: 290px;
    }
}

@media screen and (max-width: 767.98px) {
    .cmn-bdr-left-md-top-mobile {
        border-left: none !important;
        border-top: 1px solid #cbd6e2 !important;
        margin-top: 10px;
        padding-top: 10px !important;
    }
    .stg-main-db-box-two.db-md-screen-center {
        display: block;
    }
    .user-right-fill.flex-98-width {
        max-width: 100% !important;
    }
    .login-block {
        width: 100%;
        margin: 0 auto;
        padding: 20px;
        margin-top: 70px;
    }
    .login-page .login-block {
        margin-left: 0 !important;
    }
    .login-qcb {
        padding-right: 0 !important;
    }
    .login-qcb .dafm-login-right {
        padding-right: 15px !important;
    }
    .signing-page .btn-signing {
        width: 100%;
    }
    .signing-page .btn-signing:last-child {
        margin-top: 10px;
    }
    .login-block-dafm-inner {
        padding: 20px;
    }
    .moving-zone {
        display: none;
    }
    .login-robot {
        display: none;
    }
    .login-body {
        background-size: cover;
    }
    .login-page-bottom-small-device {
        display: block;
    }
    .edit-dropdown.d-lg-none .dropdown-menu {
        /*width: 80%;*/
    }
    .height-small-type-upload .col-lg-4 .browse-form-pic {
        height: 170px;
    }
    .height-small-type-upload .col-lg-4 .form-group-upload {
        min-height: 172px;
    }
    .delete-popup-new .modal-dialog {
        width: auto;
    }
    .filter-header {
        width: 100%;
    }
    #sidebar-wrapper.active {
        width: 100%;
    }
    .wizard-v3-steps {
        margin: 20px 0 !important;
    }
    .multi-sec-main {
        padding: 0px;
    }
    .form-register-step .content {
        padding: 20px 20px 90px 20px !important;
        margin: 0 !important;
    }
    .user-details-page .form-body {
        padding: 0px;
    }
    .user-details-page .actions ul li a {
        padding: 10px 20px;
    }
    .user-details-page .actions ul {
        padding: 0 20px;
    }
    .mbl-preview {
        padding: 0;
    }
    .form-register .steps li .step-icon::before,
    .form-register .steps li:last-child .step-icon::after {
        position: absolute !important;
        content: "" !important;
        background: #cbd6e2 !important;
        width: 108px !important;
        height: 3px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
    }
    .form-register .steps .current .step-icon::before,
    .form-register .steps .current:last-child .step-icon::after,
    .form-register .steps .done .step-icon::before {
        background: #0088ff !important;
    }
    .form-register .steps li .step-icon::before {
        right: 1% !important;
        z-index: -1;
    }
    .steps ul li:last-child a .title {
        padding-left: 15px;
    }
    .preview-mobile {
        padding: 30px 0 0 0 !important;
    }
    .actions ul li {
        width: 104px !important;
    }
    .p-0-mobile {
        padding: 0 !important;
    }
    .edit-option:hover .edit-option-show {
        top: 0px;
    }
    .edit-option-right {
        right: 15px;
    }
    .user-side-left {
        max-width: 100%;
    }
    .user-right-fill {
        right: 0px;
        max-width: 100%;
    }
    .folder-loop li {
        width: 27.4%;
    }
    .folder-loop .btn-folder {
        font-size: 10px;
    }
    .folder-one .checkmark {
        left: -3px;
        top: 4px;
        height: 13px;
        width: 13px;
    }
    .folder-one .container2 .checkmark:after {
        left: 3px;
        top: 2px;
        width: 5px;
        height: 6px;
    }
    .pagination-new {
        padding: 0;
    }
    .pagination-new .page-link {
        padding: 3px 7px;
    }
    .pagination-new .pagination-input {
        width: 38px;
        height: 24px;
        padding: 0 6px;
        border-radius: 7px;
    }
    .folder-page-main {
        margin: 10px 0 0 0;
    }
    .folder-loop p {
        font-size: 11px;
        padding-top: 7px;
    }
    .folder-loop h5 {
        font-size: 11px;
    }
    .folder-loop {
        width: 100%;
    }
    .iso-logo {
        display: none;
    }
    .search-folder-menu {
        margin: 8px 2px 0 0;
    }
    .search-folder-menu input[type="text"]:focus {
        width: 180px;
    }
    .folder-loop li {
        padding: 18px 5px 4px 5px;
    }
    .work-flow-set {
        padding: 15px;
    }
    .work-flow-page {
        margin: 0 !important;
    }
    .level-box {
        width: 100%;
    }
    .review-checkbox-main {
        width: 100%;
        margin-left: 0;
        padding-bottom: 10px;
    }
    .work-flow-user li {
        width: 96%;
    }
    .work-flow-user li:nth-child(even) {
        margin-left: 0;
    }
    .work-flow-btns {
        padding: 30px 0;
    }
    .work-flow-main .issues-tab ul {
        padding-right: 10px;
        margin-bottom: 15px;
    }
    .work-flow-head-left {
        width: 210px;
        padding: 10px 0 0 8px;
    }
    .backlog-file {
        font-size: 13px;
        padding-right: 5px;
    }
    .work-flow-info {
        font-size: 13px;
    }
    .search-folder-menu input[type="text"] {
        background: linear-gradient(to right, #ffffff 0%, #ffffff00 100%);
    }
    .result-box-full h4,
    .result-box-full h2 {
        text-align: center;
    }
    .assesment-list-result-main .result-box-full hr {
        width: 100%;
    }
    .result-box-full .user-list-sm {
        width: 90%;
        margin: 0 auto;
    }
    .result-box-full .Performed-award img {
        margin: 0 auto;
        display: block;
        margin-top: 25px;
    }
    .user-details-graph-bg {
        padding: 35px 0 20px 15px;
        margin-bottom: 15px;
    }
    .user-details-graph {
        width: 75%;
        padding: 20px 0 0 0;
    }
    .user-details-graph li {
        padding: 13px;
        font-size: 12px;
        margin: 0 0 13px -1px;
    }
    .user-details-graph li .graph-percentage {
        font-size: 12px;
        right: -35px;
        top: 5px;
    }
    .user-details-graph .graph-name {
        right: 6px;
        top: 5px;
    }
    .delete-box {
        width: 12%;
        bottom: -15px;
        right: 5px;
    }
    .assesment-list-result-main .Performed-score h3,
    .assesment-list-result-main .Performed-score h5 {
        text-align: center;
    }
    .assesment-list-result-main .table {
        width: 800px !important;
    }
    .assesment-list-result-main .table-result-page {
        overflow-x: scroll;
    }
    .published-box {
        margin: -2px 10px 7px 12px;
    }
    .folder-list-page table th:first-child,
    .folder-list-page table td:first-child {
        padding-left: 0px;
    }
    .folder-list-page-table table th:first-child,
    .folder-list-page-table table td:first-child {
        padding-left: 12px;
        padding-right: 3px;
    }
    .folder-list-page table {
        width: 600px !important
    }
    .center-line {
        height: 65px;
    }
    .center-line .fas {
        font-size: 11px;
        top: 50%;
        left: -8px;
        width: 18px;
        height: 18px;
    }
    .select-user {
        width: 80%;
    }
    .user-popup-list-sec .btn {
        /*right: -67px;*/
        right: -65px;
        width: 18%;
    }
    .close-page-smol {
        right: 30px;
    }
    .close-page-smol .close-page .lni-close {
        font-size: 20px !important;
        position: absolute;
        right: -18px;
        top: 14px;
    }
    .Add-user-head-btn {
        margin: 3px 0 0 15px;
    }
    .submitted-bg {
        left: 13%;
        top: -13px;
    }
    .submitted-bg h3 {
        font-size: 10px;
    }
    .btn {
        padding: 0.375rem 0.75rem;
    }
    .popup-full-width .form-body {
        padding: 10px 20px 30px 20px;
    }
    .up-pic-cf {
        padding: 15px 0 0 0;
    }
    .costmz-logo-new {
        height: 170px;
        padding-top: 10%;
    }
    .popup-full-width .close {
        right: 8px;
        top: 12px;
    }
    .folder-name-top {
        font-size: 10px !important;
        padding-top: 14px !important;
        margin-right: 0 !important;
        z-index: 1;
        position: relative;
    }
    .heder-search-smoal-device .selectator_element {
        width: 166px !important;
        right: -12px;
        z-index: 1;
    }
    #sidebar-wrapper2 {
        margin-right: -440px;
    }
    .chat-box {
        margin-left: 0px;
        width: 100%;
        margin-right: 0px;
    }
    .chat-box-full-screen.active {
        right: 0;
    }
    .chat-option .dropdown-menu {
        left: -55px !important;
    }
    .chat-box-full-screen .chat-option .dropdown-menu {
        left: -20px !important;
    }
    .chat-box-full-screen {
        right: 440px !important;
    }
    .chat-box-full-screen .chating-block {
        padding-left: 5%;
    }
    .chat-box-full-screen {
        display: none;
    }
    #sidebar-wrapper2 {
        height: 100%;
    }
    .chat-msg-fixed {
        width: 96%;
    }
    .chat-box .chating-area {
        /*padding-bottom: 72px;*/
        padding-bottom: 130px;
    }
    .documents-jd ul li {
        width: 100%;
    }
    .docs-dtl-box {
        float: left;
        width: 190px;
    }
    .owl-chat-slider {
        top: 0px;
        width: 100%;
        margin-left: 0;
        left: 0;
        right: 0;
    }
    .owl-chat-slider .owl-carousel {
        width: 92%;
    }
    .owl-carousel .owl-wrapper-outer {
        width: 100%ś !important;
    }
    .owl-chat-slider .customNavigation .next {
        right: -10px;
    }
    .chating-block {
        height: 170px;
    }
    .user-position {
        width: 320px;
        padding-top: 280px;
    }
    .user-position-detail-box {
        width: 170px;
        padding: 12px;
    }
    .position-one {
        top: 125px;
    }
    .position-two {
        top: -6px;
        width: 220px;
        padding-left: 30px;
    }
    .position-three {
        top: 125px;
    }
    .position-pic-logo {
        width: 115px;
        padding-bottom: 0;
    }
    /*.user-wise-position {
    padding-top: 240px;
  }*/
    .user-wise-position .position-one {
        top: 130px;
    }
    .user-wise-position .position-two {
        top: 4px;
    }
    .user-wise-position .position-three {
        top: 130px;
    }
    .department-wise-position .position-one {
        top: 132px;
    }
    .department-wise-position .position-two {
        top: 3px;
    }
    .department-wise-position .position-three {
        top: 132px;
    }
    .organization-multi-stup-form .step {
        width: 100%;
        text-align: left;
        padding-left: 20px;
    }
    .organization-form-page .form-indicates-sec {
        top: 0px;
        left: 4px;
        padding-top: 0px;
    }
    .organization-form-page {
        width: 100%;
        padding: 15px;
        margin-top: 15px;
    }
    .mbl-none {
        display: none;
    }
    .organization-form-page .tab {
        margin-top: 20px;
        padding-top: 215px;
    }
    .no-tab-btns .tab {
        padding-top: 0;
        margin-top: 0;
    }
    .user-dtl-popup {
        top: 50% !important;
        left: 0 !important;
        position: fixed;
        right: 0;
        margin: 0 auto;
        margin-top: -130px;
        box-shadow: 0px 0px 30px #b1c2d1;
    }
    .user-dtl-popup:before {
        top: -10px;
        left: 50px !important;
        opacity: 0;
    }
    #header-sroll-form {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
    }
    .organization-form-page .costmz-logo-new {
        padding-top: 10%;
    }
    .multiple-select {
        width: 84%;
    }
    .multi-add-user {
        width: 13%;
    }
    .multi-stup-form-common .multiple-select {
        width: 88%;
    }
    .multi-stup-form-common .multi-add-user {
        width: 10%;
    }
    .multi-stup-form-common .select-width-plus {
        width: 88%;
    }
    .master-page-detailes .tab-content {
        padding-top: 20px;
    }
    .master-right-side {
        padding: 0;
    }
    .select-new-width {
        width: 83%;
    }
    .org-tab-leftside {
        width: 100%;
        margin-left: 0px;
    }
    .org-tab-rightside {
        width: 100%;
        padding: 25px 15px 20px 15px;
    }
    .issuue-new-style .left-box-issue-details {
        border-right: none;
        padding: 25px 0px 0px 0;
        margin-right: 0;
    }
    .issuue-new-style .right-box-issue-details {
        padding: 15px 0;
    }
    .employ-width {
        width: 100px;
    }
    .panel-drop-sections .panel-heading .drop-down-icone {
        font-size: 17px;
    }
    .responsible-users li {
        width: 20%;
    }
    .select-full-width-plus .plain-select {
        width: 90%;
    }
    .select-full-width-plus .multi-add-user {
        width: 8% !important;
    }
    .select-new-width-form .select-width-plus {
        width: 86%;
    }
    .select-new-width-form .multi-add-user {
        width: 11% !important;
    }
    .organization-multi-stup-form .select-width-plus {
        width: 86%;
    }
    .organization-multi-stup-form .multi-add-user {
        width: 11%;
    }
    .organization-multi-stup-form .select-full-width-plus .plain-select {
        width: 86% !important;
    }
    .select-full-width-plus .multiple-plain-ngselect {
        width: 86% !important;
    }
    .organization-multi-stup-form .select-full-width-plus .multi-add-user {
        width: 11% !important;
    }
    .organization-multi-stup-form .multiple-select {
        width: 86%;
    }
    .help-main-head {
        padding-bottom: 20px;
    }
    .v2-help-drop-main {
        padding-bottom: 75px;
    }
    .help-site-link {
        right: none;
        left: 20px !important;
        top: 45px;
    }
    .help-footer .btn {
        float: none;
    }
    .help-footer p {
        float: none;
    }
    .help-footer {
        text-align: center;
    }
    .org-tab-leftside-two {
        width: 100%;
    }
    .org-tab-leftside-two .nav {
        float: none;
    }
    .org-tab-rightside-two {
        width: 100%;
        padding: 20px;
    }
    .arci-table-main {
        overflow-x: scroll;
    }
    .arci-table {
        width: 1000px !important;
    }
    .arci-user-tab-dtl .user-dtl-popup {
        position: fixed;
        left: 0px !important;
        right: 0;
        margin: 0 auto;
        top: 50%;
        margin-top: -130px;
    }
    .arci-user-tab-dtl .user-dtl-popup-right {
        position: fixed;
        left: 0px !important;
        right: 0;
        margin: 0 auto;
        top: 50%;
        margin-top: -130px;
    }
    .arci-user-tab-dtl .user-dtl-popup:before {
        top: -10px;
        left: 3px !important;
    }
    .arci-user-tab-dtl .user-dtl-popup-right:before {
        left: 282px !important;
    }
    .tab-new-style-left {
        display: block !important;
    }
    .tab-new-style-left .policie-tab-width {
        min-width: 100%;
    }
    .policie-tab-width {
        min-width: 100%;
    }
    .tab-new-style-left .nav-tabs {
        margin: 25px 0 45px 0 !important;
    }
    .new-mbl-tab-style-left {
        margin: 25px 0 15px 0 !important;
        float: none !important;
    }
    .issue-multi-stup-form .step {
        width: 100% !important;
    }
    .organization-multi-stup-form.two-line-head-form .step {
        min-height: 67px;
    }
    .issue-multi-stup-form .tab {
        padding-top: 300px;
    }
    .tab-btns-five .two-line-head-form .tab {
        padding-top: 455px !important;
    }
    /* -- bpm-new-width-style starts -- */
    .dummy-page {
        display: none;
    }
    .new-center-width {
        flex: 0 0 96%;
        max-width: 96%;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .bpm-loop-left .roude-section-bpm {
        float: left;
        margin-left: -40px;
        margin-right: 0;
    }
    .leftside-loop-bpm .bpm-cnt-section {
        float: right;
    }
    .bpm-loop-left:before {
        content: "";
        height: 100%;
        border-left: 1px solid #7C98B6;
        border-right: none;
        position: absolute;
        top: 30px;
        left: 0px;
        right: -1px;
    }
    /* -- bpm-new-width-style ends -- */
    .bpm-table {
        top: 0;
        margin-top: 30px;
    }
    .bpm-page-cnt {
        margin: 20px 5px;
        padding: 30px 20px 30px 50px;
    }
    .sub-sec-bpm-bg {
        padding-top: 30px;
        top: 0;
    }
    .arci-user-tab-dtl li a img {
        width: 36px;
        height: 36px;
    }
    /*.arci-user-tab-dtl li {
    width: 36px;
  }*/
    .arci-user-tab-dtl li a img {
        width: 40px;
        height: 40px;
    }
    .owl-vertical-slider .item img {
        width: 40px;
    }
    .owl-vertical-slider {
        width: 40px;
        min-height: 120px;
    }
    .bpm-table .bpm-tbl-user li {
        margin: 0 auto 20px auto !important;
    }
    .btn-bpm {
        padding: 2px 2px;
        font-size: 10px;
        line-height: 11px;
        vertical-align: middle;
        margin-top: -4px;
    }
    .bpm-cnt-section .cmn-head-bpm-top {
        padding: 8px 0px 35px 0;
    }
    .compliance-register-license .user-doc-bx {
        margin-bottom: 15px;
    }
    .context-issue-page-tabes {
        padding: 20px;
    }
    .pestle-clr-box {
        width: 75%;
        height: 185px;
        float: none;
        margin: 0 auto;
    }
    .pestel-box-main-right .pestle-clr-box {
        float: none;
    }
    .pestel-box {
        text-align: left;
    }
    .view-more-pestel-box {
        padding-bottom: 20px;
    }
    .pestel-box h5 {
        padding-top: 0;
    }
    .pestel-box-main {
        padding: 10px 0;
    }
    .pestel-box-main-right .pestel-box h5 {
        padding-top: 15px;
    }
    .pestel-box-main-right .pestel-box li {
        background: url(../images/arrow-list-1.svg) no-repeat 0 5px;
        background-size: 13px;
        padding-left: 30px;
    }
    .pestel-box-main-right .pestel-box li:hover {
        background: url(../images/arrow-list-1.svg) no-repeat 2% 5px;
        background-size: 13px;
    }
    .pestel-box-main-left .pestel-box li {
        background: url(../images/arrow-list-1.svg) no-repeat 0 5px;
        background-size: 13px;
        padding: 0 0 0 30px;
    }
    .pestel-box-main-left .pestel-box li:hover {
        background: url(../images/arrow-list-1.svg) no-repeat 2% 5px;
        background-size: 13px;
    }
    .pdg-top-box-height {
        padding-top: 0px;
    }
    .pdg-0-new {
        padding: 0 15px;
    }
    .external-issue-tab .pestel-box-main-right {
        padding: 10px 0 20px 0px;
    }
    .external-issue-tab .pestel-box-main-left {
        padding: 10px 0px 20px 0px;
    }
    .mgn-minus-value-right {
        margin-left: 0;
    }
    .mgn-minus-value-left {
        margin-right: 0;
    }
    .diamond-box {
        width: 55%;
    }
    .diamond-box-left {
        top: -4px;
        left: -4px;
    }
    .pestle-clr-new-shape-top-cmn {
        border-bottom: 75px solid #01A29C;
    }
    .pestle-clr-new-shape-btm-cmn {
        border-top: 75px solid #01A29C;
    }
    .pestle-clr-new-shape h2 {
        font-size: 80px;
        top: -107px;
    }
    .pestle-analysis-tabes .pestel-box-main-left .pestel-box {
        top: 0;
    }
    .pestle-analysis-tabes .pestel-box-main-right {
        margin-top: -90px;
    }
    .pestle-analysis-tabes {
        padding-bottom: 20px;
    }
    .issue-list-table-org {
        width: 1250px !important;
    }
    .video-box iframe {
        height: 250px;
    }
    .video-box-bg h5 {
        font-size: 12px;
    }
    .user-guid-lists {
        padding: 20px 0 0 0;
    }
    .user-guide-details-page-link {
        width: 100%;
    }
    .user-guide-detail-page .video-box iframe {
        height: 185px;
    }
    .user-guid {
        width: 100%;
    }
    .issue-select-process-search button {
        right: 3px;
    }
    .process-light-box .form-group {
        margin-top: 10px;
    }
    .work-flow-btm-sec-left {
        width: 20%;
    }
    .work-flow-btm-sec-right {
        width: 80%;
    }
    .round-flow-btm {
        width: 50px;
        height: 50px;
    }
    .work-flow-btm-sec-left:before {
        left: 25px;
    }
    .welcome-screen .modal-dialog .carousel-control-next {
        right: 0 !important;
    }
    .welcome-screen .modal-dialog .carousel-control-prev {
        left: 0px !important;
    }
    .width-70 {
        width: 70%;
    }
    .width-30 {
        width: 30%;
    }
    .user-box-smol-round-table-scrol .user-dtl-popup:before {
        top: -10px;
        left: 2px !important;
    }
    .assessment-tab-user .panel-heading h5 {
        /*display: table;*/
    }
    .user-box-smol-round .user-dtl-popup-top:before {
        top: 244px;
    }
    .document-file-pic .edit-option {
        margin-bottom: 15px;
    }
    .healp-detail-heads ul {
        margin: 0;
        padding: 0 0 100px 0;
    }
    .org-customer-tbl-bg {
        overflow-x: scroll;
    }
    .org-customer-tbl {
        width: 1300px;
    }
    .organization-page .widget.documennt-list {
        margin-bottom: 15px;
    }
    .user-details-page .add-button-outlined {
        padding: 3px 3px 3px 5px;
    }
    .new-style-popup .form-group {
        width: 92%;
    }
    .side-menu-toggles .user-toggle-cmn {
        padding: 7px 6px 5px 10px;
    }
    .sidenav .closebtn {
        top: 20px;
        right: -25px;
        z-index: 9;
    }
    .filter-fill .closebtn-filter {
        right: 7px !important;
    }
    .filter-fill .quick-content-area {
        min-height: auto;
    }
    .filter-fill .filter-page-inner {
        padding: 20px;
    }
    .arci-content .banking-issue li a {
        width: 83%;
    }
    .arci-content .panel-drop-sections .banking-issue li {
        margin: 0 !important;
    }
    .bpm-page .bpm-table .user-dtl-popup {
        position: fixed;
        top: 50%;
        left: 0 !important;
        right: 0;
        margin: -123px auto 0 auto;
    }
    .bpm-page .bpm-table .user-dtl-popup:before {
        display: none;
    }
    .bpm-page .bpm-table .user-dtl-popup ul li {
        margin: 0 !important;
    }
    .Certificates-box-dtl.widget {
        margin-bottom: 15px;
    }
    /*.bpm-page .bpm-table .user-dtl-popup:after {
    width: 100%;
    height: 100%;
    background: #000;
  }*/
    .big-popup-plus .form-control {
        width: 86%;
    }
    .big-popup-plus .multi-add-user {
        width: 11%;
    }
    .add-btn-sec input {
        width: 84%;
    }
    .add-btn-sec button {
        width: 14%;
        padding: 8px 0;
    }
    .status-name span {
        font-size: 13px;
    }
    .preview-save-tab {
        padding-top: 230px !important;
    }
    .status-name .active-tag {
        padding: 1px 7px 1px 10px;
        height: 20px;
    }
    .status-name .active-tag:before {
        content: "";
        content: "";
        width: 14px;
        height: 14px;
        position: absolute;
        left: -0.6em;
        top: 1px;
    }
    .status-name .active-tag:after {
        content: "";
        width: 6px;
        height: 6px;
        position: absolute;
        top: 0.58em;
        left: -0.083em;
    }
    .status-name .status-tag-new {
        margin: 3px 0px 0px 15px;
    }
    .smoal-left-tab-page.tab-edit-class {
        margin-right: 0;
    }
    .smoal-left-tab-page .issuue-new-style {
        padding: 0;
    }
    .smoal-left-tab-page .pdg-adjust-tab {
        padding: 0 15px !important;
    }
    .smoal-left-tab-page .tab-content {
        padding: 0 15px;
    }
    .smoal-left-tab-page .issuue-new-style .right-box-issue-details {
        padding: 25px 15px;
    }
    .audit-schedule-table-one {
        overflow-x: scroll;
    }
    .audit-schedule-table-one table {
        width: 1000px;
    }
    .audit-schedule-table-two {
        overflow-x: scroll;
        width: 100%;
    }
    .audit-schedule-table-two table {
        width: 700px;
    }
    .calender-user {
        width: 25px;
        margin: 0 auto;
    }
    .calender-table table td {
        padding: 5px;
    }
    .calender-table table th {
        font-size: 10px;
    }
    .calender-table table td {
        font-size: 10px;
    }
    /* round-audit-graph starts */
    .round-audit-graph-inner {
        width: 75px;
        height: 75px;
        margin: 6px auto 0 auto;
    }
    .round-audit-graph {
        width: 90px;
        height: 90px;
        border: 2px dashed #7c97b6;
        border-radius: 50%;
        margin-top: 45px;
    }
    .findings-pics {
        width: 32px;
        padding: 21px 0;
    }
    .round-audit-graph-box {
        width: 90px;
    }
    .plan-round .round-audit-graph {
        top: -53px;
    }
    .audit-plan-graph {
        width: 320px;
        margin: 0 auto;
    }
    .audit-graph-line-left:before {
        top: 78px;
        left: -190px;
        width: 187px;
        height: 102px;
    }
    .audit-graph-line-right:before {
        top: 33px;
        left: 93px;
        width: 187px;
        height: 122px;
    }
    .plan-round:before {
        top: 26px;
        left: 94px;
        height: 94px;
    }
    /* round-audit-graph ends */
    .small-tab-left {
        padding: 0 !important;
    }
    .small-tab-left .left-box-issue-details {
        padding: 25px 30px 25px 25px;
    }
    .small-tab-left .right-box-issue-details {
        padding: 25px 30px 30px 40px;
    }
    .small-tab-left .issue-top-sec {
        padding-top: 50px;
    }
    .small-tab-left .pdg-adjust-tab {
        padding: 0 !important;
    }
    .start-audit-box {
        width: 90%;
    }
    .controls-btns {
        width: 84%;
        margin: -15px auto 0 auto;
    }
    .controls-btns a i {
        font-size: 30px;
    }
    .controls-btns-down {
        font-size: 20px;
    }
    .col-tab-left {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-tab-right {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .tab-common-left-md {
        float: left;
        width: 100%;
        margin-bottom: 15px;
    }
    .tab-common-left-content-m {
        float: left;
        width: 100%;
    }
    .adhoc-audit-form-page .tab {
        padding-top: 190px;
    }
    .issuue-new-style {
        padding: 0 15px;
    }
    .two-box-tab .issue-top-sec {
        padding-top: 0px;
    }
    .rca-tab-stup-root-cause-main .round-question-details {
        width: 70%;
    }
    .round-question-details {
        width: 68%;
    }
    .box-annual-audit-plan {
        width: 100%;
    }
    .auditor-wise-report:before {
        content: none;
    }
    .box-annual-audit-plan .auditor-wise-name {
        width: 100%;
        padding: 10px 0 8px 0;
        border-bottom: 1px solid #e5eaf0;
    }
    .annual-box-bg {
        width: 100%;
        padding: 5px 0px;
    }
    .tab-content-dropdown .width-persantage {
        width: 100% !important;
    }
    .tab-content-dropdown .report-small-tab .tab-common-left-md {
        width: 100%;
    }
    .tab-content-dropdown .report-small-tab .tab-common-left-content-m {
        width: 100%;
        padding-left: 0 !important;
    }
    .tab-btns-two .tab {
        padding-top: 94px !important;
    }
    .tab-btns-three .tab {
        padding-top: 150px !important;
    }
    .tab-btns-five .tab {
        padding-top: 315px !important;
    }
    .audit-calandar-right {
        padding-left: 15px !important;
        background: none;
    }
    .audit-calandar-left {
        padding-right: 15px !important;
    }
    .audit-calandar-right .activity-box {}
    .calender-table {
        overflow-x: scroll;
    }
    .calender-table table {
        width: 1100px;
    }
    .tab-common-left-sm {
        width: 100%;
    }
    .tab-common-left-content-s {
        width: 100%;
        padding-left: 0 !important;
        margin-top: 10px;
    }
    .risk-rating-box-main {
        margin-top: 10px;
    }
    .activities-left {
        padding-left: 0;
    }
    .activities-main:before {
        left: 19px;
        width: 4px;
    }
    .activities-right {
        width: 84%;
    }
    .mobile-adjust-block {
        display: block;
        width: 100%;
        margin: 0;
    }
    .work-flow-review-approval {
        width: 100%;
    }
    .bordr-side-review-approval:after {
        content: none;
    }
    .popup-full-width .modal-lg .modal-header {
        padding: 60px 20px 0 20px !important;
    }
    .work-flow-loop {
        margin-top: 0px;
        padding: 0 0 0 45px;
    }
    .work-flow-loop-main {
        padding-bottom: 30px;
    }
    .work-flow-loop-main-right {
        padding-right: 10px;
    }
    .work-flow-loop-round h4 {
        width: 50px !important;
        height: 50px !important;
        padding: 17px 0;
    }
    .work-flow-loop-box-line {
        width: 40px;
        margin-top: 75px;
    }
    .work-flow-loop-main-right:after {
        left: -13px;
    }
    .flex-98-width .thumb-pics {
        width: 50%;
    }
    .thumb-pics {
        width: 50%;
    }
    .height-popup-new {
        height: 190px;
    }
    .header-new-popup {
        width: 100%;
        padding: 6px 0px;
    }
    .flex-98-width .thumb-pics-bg-5 .thumb-pics {
        width: 50%;
    }
    .thumb-pics-bg-5 .thumb-pics {
        width: 50%;
    }
    .profile-widg-padding {
        padding: 15px;
    }
    .folder-loop li {
        min-height: 135px;
    }
    .forgot-lock-pic-bg {
        width: 320px;
        height: 280px;
        position: absolute;
        right: 0;
        left: 0;
        top: 0;
        margin: 0 auto;
        display: none;
    }
    .forgot-lock-pic {
        width: 55px;
        margin: 0 auto;
        padding-top: 7px;
    }
    .forgot-box {
        padding-bottom: 0;
        margin: 300px auto 100px auto;
        background: #fff;
        padding: 15px;
        border-radius: 5px;
    }
    .user-side-bar-hd {
        opacity: 1;
        left: 0;
        top: 0;
        padding-right: 15px !important;
    }
    .user-right-fill .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 100px;
    }
    .thump-pics-full .thumb-pics {
        width: 50%;
    }
    .verification-box {
        width: 96%;
    }
    .verification-box .progressbar-new-main {
        width: 86%;
    }
    .verification-box h3 {
        font-size: 25px;
    }
    .verification-box h3 span {
        padding-left: 10px;
    }
    .tab-common-left-mds {
        width: 100%;
    }
    .tab-common-left-content-mds {
        width: 100%;
        padding-left: 0 !important;
    }
    .thumb-half-page .thumb-view-left-side-box {
        width: 50%;
    }
    .thumb-half-page .browse-form-pic {
        height: 110px;
    }
    .thump-pics-full .form-group-upload {
        min-height: 126px;
    }
    .thump-pics-full .accordion-inner-thump {
        width: 100%;
    }
    .thump-pics-full .accordion-inner-thump .form-group-upload {
        min-height: 130px;
    }
    .thump-pics-full .accordion-inner-thump .costmz-logo-new {
        height: 130px;
        padding: 0 !important;
    }
    .remove-pdg {
        padding: 0px 30px;
    }
    .document-position-row {
        display: block;
    }
    .document-position {
        width: 100%;
        margin-bottom: 20px;
    }
    .business-assessment-page-main {
        padding-right: 15px;
    }
    .popup-select-two .select-width {
        width: 83%;
    }
    .popup-select-two .multi-add-user {
        width: 13%;
    }
    .search-main-top input {
        width: 82%;
    }
    .search-main-top {
        padding: 8px 15px;
    }
    .master-search-box {
        width: 80% !important;
    }
    .master-search-box .multiple-select {
        width: 100%;
    }
    .auto-complete-search {
        width: 100%;
    }
    .upload-sec-small .form-group-upload {
        min-height: 172px;
    }
    .upload-pic-small .browse-form-pic {
        height: 170px;
    }
    .small-list-tab-md {
        width: 100%;
    }
    .small-list-tab-md .vertical-tab {
        min-width: 100%;
    }
    .licence-col {
        width: 100%;
    }
    .user-right-fill.flex-98-width .licence-col {
        width: 100%;
    }
    .thumb-view-3 {
        width: 100%;
    }
    .thumb-view-3 .browse-form-pic {
        height: 170px;
    }
    .report-small-tab .tab-common-left-md {
        width: 100%;
    }
    .user-report-top-box-sec .tab-common-left-content-m.pl-3 {
        padding-left: 0px !important;
    }
    .report-small-tab .tab-common-left-content-m {
        width: 100%;
    }
    .human-capital-report-main {
        padding: 15px !important;
    }
    .human-capital-report-main .license-box {
        height: 90px;
    }
    .tab-common-left-small .tab-common-left-md {
        width: 100%;
    }
    .tab-common-left-small .tab-common-left-content-m {
        width: 100%;
    }
    .small-tab-md-main .small-tab-small {
        width: 110px;
    }
    .organization-profile-sidebar {
        margin-bottom: 15px;
    }
    .oc-tab-menu li a {
        font-size: 11px;
    }
    .new-framework-checkbox {
        padding-top: 0px;
        margin-bottom: 1rem;
    }
    .new-search-v2 {
        width: 85%;
        position: absolute;
        top: 3px;
        left: unset;
        right: 15px;
    }
    .new-search-v2.close-and-search-sm {
        right: 35px;
    }
    .position-box-two {
        bottom: 103px;
    }
    .position-box-three {
        bottom: 114px;
    }
    .position-box-one {
        bottom: 250px;
    }
    .widg-padding-cmn {
        padding: 15px;
    }
    .issuue-new-style .widg-padding-cmn {
        padding: 20px;
    }
    .thumb-pics-col-2 .thumb-pics {
        width: 50%;
    }
    .thumb-pics-col-2 .browse-form-pic {
        height: 120px;
    }
    .thumb-pics-col-3 .thumb-pics {
        width: 50%;
    }
    .thumb-pics-col-3 .browse-form-pic {
        height: 120px;
    }
    .thumb-pics-col-4 .thumb-pics {
        width: 50%;
    }
    .thumb-pics-col-4 .browse-form-pic {
        height: 120px;
    }
    .thumb-pics-col-5 .thumb-pics {
        width: 50%;
    }
    .thumb-pics-col-5 .browse-form-pic {
        height: 120px;
    }
    .thumb-pics-col-6 .thumb-pics {
        width: 50%;
    }
    .thumb-pics-col-6 .browse-form-pic {
        height: 120px;
    }
    .thumb-pics .costmz-logo-new {
        height: 121px;
    }
    .thumb-pics .form-group-upload {
        min-height: 122px;
    }
    .thumb-pics-fix-text .thumb-pics .costmz-logo-new {
        height: 121px;
    }
    .thumb-pics-fix-text .thumb-pics .form-group-upload {
        min-height: 186px;
    }
    .thumb-pics-col-3.accordion-inner-thump .thumb-pics {
        width: 100%;
    }
    .padding-left-0 {
        padding-left: 15px;
    }
    .user-main-sec {
        margin-bottom: 15px;
    }
    .edit-bar {
        padding-left: 15px;
    }
    #sidebar-wrapper2-inner {
        height: 90%;
    }
    #sidebar-wrapper2-inner.active {
        right: 406px;
        width: 100%;
    }
    #sidebar-wrapper2-inner .chat-box {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
        padding: 10px;
    }
    #sidebar-wrapper2-inner .chat-box .chating-area {
        padding: 10px 0 130px 0;
    }
    .popup-full-width .modal-header {
        padding: 0 20px !important;
    }
    .big-text-box {
        width: 32.4%;
    }
    .big-text-box-main .big-text-box:nth-child(3) {
        border-right: none !important;
    }
    .big-text-box-main-two .big-text-box-two {
        width: 32.4%;
    }
    .big-text-box-main-two .big-text-box-two:first-child {
        width: 100%;
    }
    .chart-new-round-pic {
        text-align: center !important;
        margin: 10px 0;
    }
    .big-text-box-main-two .big-text-box-two:first-child {
        border-right: none !important;
    }
    .btn-loop-risk-rating {
        text-align: center;
    }
    .btn-loop-risk-rating .btn {
        margin-bottom: 5px;
    }
    .auditable-item-chart-two {
        text-align: center;
        margin: 15px auto;
    }
    .audit-plan-graph-right {
        padding-top: 20px;
    }
    .chart-audit-program-round {
        margin-bottom: 15px;
    }
    .audit-program-details-page-cnt .thumb-pics-col-2 .thumb-pics {
        width: 50%;
    }
    .padding-right-0 {
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .padding-left-0 {
        padding-left: 15px;
    }
    .smoal-left-tab-page .tab-content {
        padding: 0;
    }
    .organization-form-page .thumb-pics-col-3 .thumb-pics {
        width: 50%;
    }
    .btn-loop-start-audit .btn-small {
        margin-bottom: 5px;
    }
    .tab-pane.tab-edit-class {
        margin-right: 0;
    }
    .active-right-border-none .vertical-tab .nav-link.active {
        border-right: 1px solid #ced4da !important;
    }
    .tab-mbl-btm-space {
        margin-bottom: 15px;
    }
    .by-risk-rating-top-sec .btn {
        margin-bottom: 10px;
    }
    .by-risk-rating-top-sec h5 {
        display: block;
        margin-bottom: 12px;
    }
    .auditable-item-risk-rating-section .big-text-box-two {
        width: 50%;
    }
    .auditable-item-risk-rating-section.big-text-box-main-two .big-text-box-two:nth-child(3) {
        border-right: none !important;
    }
    .image-oc-tab {
        min-height: auto;
    }
    .col-sm-12.bdr-line-fill {
        padding-left: 15px;
    }
    .pdg-mdl-line {
        padding: 15px;
    }
    .error-message-picher {
        width: 85%;
    }
    .col-lg-3.active-right-border-none {
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .user-img-section .user-pic img {
        width: 80px;
        height: 80px;
        border-radius: 50%;
        border: 2px solid #fff;
    }
    .user-img-section h4 {
        margin-top: 5px;
        font-size: 16px;
    }
    .user-img-section h5 {
        font-size: 14px;
        margin-bottom: 0;
    }
    .user-img-section {
        align-items: center;
        padding: 0 15px;
        position: absolute;
        z-index: 999;
        left: 0px;
        bottom: 70px;
    }
    .user-img-section .user-pic .edit-btn {
        background: #0090FF;
        padding: 4px;
        border-radius: 50px;
        color: #fff;
        width: 22px;
        height: 22px;
        font-size: 10px;
        display: block;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        bottom: -8px;
    }
    .licence-tab-left-col-3 .licence-col {
        width: 100%;
    }
    .completed-questions-progress-main {
        display: block !important;
    }
    .overall-score {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid #ccc;
        margin-bottom: 25px;
        padding-bottom: 25px;
    }
    .completed-questions-progress {
        padding-left: 0px;
    }
    .user-settings-width-tab-menu .active-right-border-none {
        padding-right: 15px;
    }
    .small-step-control-btns {
        float: left;
        margin-bottom: 25px;
    }
    .progressbar-indication {
        float: none;
    }
    .step-form-small #msform fieldset {
        width: 100%;
        padding: 0 0 135px 0;
    }
    .small-step-progressbar-and-controler-inner {
        width: 100%;
        padding: 0;
    }
    .step-form-small #progressbar {
        width: 250px;
    }
    .small-step-progressbar-full-width #progressbar {
        width: 90%;
    }
    .small-step-progressbar-full-width.small-step-progressbar-main {
        left: 0;
    }
    .small-step-progressbar-full-width #progressbar li:before {
        font-size: 0px;
        width: 8px;
        line-height: 8px;
    }
    .small-step-progressbar-full-width #progressbar li:after {
        height: 2px;
        top: 3px;
    }
    .msg-gif-one {
        width: 95%;
    }
    .work-flow-loop-round {
        top: 48px;
    }
    .share-popup .col-lg-9.pl-0 {
        padding-left: 15px !important;
    }
    .share-popup .nav-tabs--left .nav-link.active {
        border: 1px solid #ced4da !important;
    }
    .notification-menu-hdr .dropdown-menu {
        width: 320px;
    }
    .notification-menu-hdr .notification-texts {
        width: 190px;
    }
    .audit-workflow-user-box {
        width: 200px;
        padding-bottom: 120px;
    }
    .tree-btn-loop-workflow .btn:nth-child(2):after {
        height: 60px;
        top: -60px;
    }
    .tree-btn-loop-workflow .btn:nth-child(2) {
        left: -10px;
        margin-top: 40px !important;
    }
    .tree-btn-loop-workflow .btn:nth-child(3):after {
        height: 102px;
        top: -102px;
    }
    .tree-btn-loop-workflow .btn:nth-child(3) {
        left: 82px;
        margin-top: 82px !important;
    }
    .tree-btn-loop-workflow .btn:nth-child(4) {
        left: 62px;
    }
    .audit-workflow-user-box-four {
        width: 200px !important;
    }
    .audit-workflow-user-box-four.tree-btn-loop-workflow .btn:nth-child(4) {
        left: unset;
    }
    .audit-workflow-user-box-four.tree-btn-loop-workflow .btn:last-child {
        left: unset;
        right: -40px !important;
    }
    .audit-workflow-user-box-four.tree-btn-loop-workflow .btn:nth-child(3) {
        left: 62px;
    }
    .feedback-icon-main-two .feedback-icon {
        font-size: 36px;
        margin: 0px 6px;
    }
    .document-new-tabs {
        display: block !important;
    }
    .document-new-tabs .folder-options {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #ced4da;
        margin-bottom: 15px;
    }
    .folder-page-main {
        margin-right: 0 !important;
    }
    .document-new-tabs .folder-loop li {
        width: 40.4%;
    }
    .notifications-options .dropdown-menu {
        width: 320px;
    }
    .notifications-list .notification-pic {
        width: 50px !important;
        height: 40px !important;
    }
    .notifications-list .notification-pic img {
        width: 40px !important;
        height: 40px !important;
    }
    .notifications-list .notification-pic .pic-status-icon {
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
    .notifications-list .notification-pic .pic-status-icon i {
        font-size: 11px;
    }
    .robo-pic-thank-you {
        width: 215px;
        margin: 0px auto 50px auto;
    }
    .box-risk-dbd-one {
        min-height: auto;
    }
    .box-risk-dbd-two {
        min-height: auto;
    }
    .risk-dashboard-heatmap {
        min-height: auto;
    }
    .box-risk-dbd-three {
        min-height: auto;
    }
    .document-search-list-main {
        height: 380px;
    }
    .loop-btns .btn {
        margin-bottom: 10px;
    }
    .hdg-rigt-side-button {
        display: block;
        padding-top: 50px;
    }
    .right-btns-new {
        width: 100%;
        position: absolute;
        top: 0;
        right: 0;
    }
    .show-risk-box {
        padding: 185px 30px !important;
    }
    .execute-cheklist-question-box {
        margin-bottom: 135px;
    }
    .execute-cheklist-ftr .d-block.justify-content-left {
        padding-bottom: 15px;
    }
    .execute-cheklist-ftr {
        padding: 15px 15px;
    }
    .right-text-score-head .width96pc {
        padding: 30px 15px 15px 15px;
    }
    .right-text-score-head.panel-drop-sections .panel-heading .drop-down-icone {
        top: 7px;
        margin-top: 0;
    }
    .right-text-score-head .score-sec-right-acd {
        top: 9px;
        margin-top: 0;
    }
    .user-details-show-pop .modal-dialog .close {
        opacity: 1;
    }
    .risk-matrix-page-main {
        padding: 15px;
        margin-bottom: 20px;
    }
    .work-flow-new-cmn .workflow-department-section .w-50 {
        width: 100% !important;
        margin: 15px 0;
    }
    .work-flow-new-cmn .workflow-department-section .w-50 .arci-user-tab-dtl li.rounde-hov-bg {
        float: left !important;
    }
    .cover-page-design-dafm-head {
        display: block !important;
    }
    .cover-page-design-dafm-head img {
        display: block;
        margin: 0 auto 10px auto;
    }
    .mbl-text-left {
        text-align: left !important;
    }
    .profit-loss-sec {
        padding-left: 0px;
    }
    .profit-loss-sec h5 {
        width: 115px;
    }
    .impact-analysis-inner.d-flex {
        display: block !important;
    }
    .inp-profit-loss-sec .form-control {
        width: 50%;
    }
    .icon-with-text-small-impact-bg {
        width: 100%;
        margin-bottom: 8px;
    }
    .impact-analysis-inner {
        margin-bottom: 20px !important;
    }
    .ceo-db-top {
        display: block;
    }
    .ceo-db-right-top-btns {
        width: 100% !important;
        margin-top: 10px;
    }
    .ceo-db-top .box-cnt-one {
        padding: 7px 15px !important;
    }
    .ceo-db-small-box-one {
        width: 49%;
    }
    .ceo-db-small-box-one.ceo-db-full-width-box {
        width: 99%;
    }
    .ceo-db-chart-pic-height {
        min-height: auto;
        display: block;
    }
    .ceo-db-five {
        padding-bottom: 35px;
    }
    .ceo-db-aut-sec-row-height {
        min-height: auto;
    }
    .top-minus-btn.btn {
        margin: 15px 0;
    }
    .report-tab-left-side-new .tab-common-left-md {
        width: 100%;
    }
    .report-tab-left-side-new .tab-common-left-content-m {
        width: 100%;
    }
    .repot-cover-pic-audit-dafm {
        width: 100%;
        margin: 0 auto 40px auto;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(5) {
        left: 143px;
        top: 61px;
    }
    .tree-btn-loop-workflow .btn:nth-child(5) {
        left: unset;
    }
    .tree-btn-loop-workflow .btn:nth-child(5):after {
        /*content: "";
    position: absolute;
    width: 100%;
    height: 60px;
    top: -61px;
    left: 3px;*/
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(3) {
        left: 65px;
        margin-top: 82px !important;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(2) {
        left: -17px;
        margin-top: 40px !important;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(4) {
        left: 49px;
    }
    .empty-notification-pic-detail-page {
        width: 300px;
    }
    .excutive-report-cover-pic {
        background-size: cover;
        background-position: center center;
        height: 500px;
    }
    .initiaves-dtl-boxes-right {
        width: 74% !important;
    }
    .big-price-text-sec {
        padding-left: 0;
        margin-bottom: 15px;
    }
    .big-price-text-sec h2 {
        font-size: 32px;
    }
    .budget-total-score-sec {
        margin-bottom: 15px;
    }
    #sidebar-wrapper2-inner-3.active {
        width: 305px;
    }
    .widg-padding-user-dafm {
        padding: 20px;
    }
    .thumb-pics-fix-text.height-small-type-upload .col-lg-4 .form-group-upload {
        min-height: 172px;
    }
    .login-page-box-white {
        padding: 20px;
        border-radius: 12px;
        width: 300px;
    }
    .water-mark {
        font-size: 80px;
    }
    .audit-report-chat-popup-inner-height {
        height: 63vh;
    }
    /*.resize-small-device .round-type-status {
    padding: 11px 4px 4px 4px;
    width: 55px;
    height: 55px;
  }
  .resize-small-device .round-type-status h5 {
    font-size: 13px;
  }
  .resize-small-device .round-type-status h6 {
    font-size: 16px;
  }
  .resize-small-device .round-type-status-bg {
    padding: 4px;
    width: 64px;
    height: 64px;
  }
  .resize-small-device .left-line-type-text h5 {
    font-size: 13px;
  }
  .resize-small-device .left-line-type-text h6 {
    font-size: 18px;
  }*/
    .resize-small-device .round-type-status-bg {
        margin: 0 auto 10px auto !important;
    }
    .audit-satus-db-left-inner h6 {
        font-size: 14px;
    }
    .audit-satus-db-left-inner .big-text-one {
        font-size: 20px;
    }
    .audit-satus-db-left-inner {
        padding: 7px 10px;
    }
    .login-block-main-dafm {
        margin-top: 0;
        height: auto;
    }
    .login-block-dafm-inner {
        margin-top: 0px;
    }
    .dafm-login-end-text {
        margin-top: 0;
        padding-bottom: 15px;
    }
    .thumb-pics-col-3.thumb-pics-fix-text .form-group-upload {
        min-height: 156px;
    }
    .thumb-pics-col-3.thumb-pics-fix-text .browse-form-pic {
        height: 90px;
    }
    .dafm-login-body .login-page {
        padding-left: 0;
    }
    .strategy-mapping-tree .stg-mapping-top-box-new.stg-mapping-top-box {
        width: 100%;
    }
    .stakeholders-tabs {
        display: block !important;
    }
    .in-ex-tab-new .two-tabs-stakeholders {
        width: 100%;
    }
    .mt-tab-top {
        margin-top: 0;
    }
    .nav-tabs--left .nav-link.active {
        border-right: 1px solid #ced4da !important;
    }
    .inner-new-table table {
        width: 100%;
    }
    /*.kpi-score-chart-tab-left .kpi-score-tab-btn.cmn-bdr:last-child {
    border-bottom: none !important;
  }*/
    .kpi-score-chart-tab-left {
        width: 100%;
        margin-bottom: 10px;
    }
    .kpi-score-chart-tab-right {
        width: 100%;
        margin-left: 0px;
        min-height: auto !important;
    }
    .kpi-score-tab-btn.active {
        border-right: 1px solid #cbd6e2 !important;
    }
    .hl-inner-popup.show {
        width: 93%;
        top: 6px;
    }
    .total-items-table {
        display: block;
        text-align: right;
        float: none !important;
    }
    ul.pagination.justify-content-center {
        display: block !important;
    }
    ul.pagination.justify-content-center .list {
        display: block !important;
        width: 100%;
        text-align: center;
    }
    ul.pagination.justify-content-center .per-page-pagination {
        display: block !important;
        text-align: center;
    }
    .footer-commencement-letter a {
        display: block;
        padding: 2px 0;
    }
    .footer-commencement-letter .line-span {
        display: none;
    }
    .header-commencement-Adress {
        float: left;
        margin-top: 25px;
    }
    .padding-right-0-pc-tab {
        padding-right: 15px;
    }
    .border-right-mbl-btm {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
        margin-bottom: 15px;
    }
    .small-rate-box {
        float: none;
        margin: 0 auto;
    }
    .small-step-form-sm .step-form-small #msform fieldset {
        width: 100%;
    }
    .w-33-mbl-100 {
        width: 100% !important;
    }
    .mbl-btm-15 {
        margin-bottom: 15px;
    }
    .loder-section.border-right-none.active {
        border-right: 1px solid #cbd6e2 !important;
    }
    .folder-main-page-assessment li {
        width: 44.40%;
    }
    .progress-round-small.btm-top-pdg.float-right {
        float: none !important;
    }
    .frame-work-table {
        width: 100%;
    }
    .compliance-db-compliance-level {
        display: block !important;
    }
    .compliance-db-compliance-level-status {
        width: 100% !important;
    }
    .compliance-db-compliance-level-middle {
        padding: 15px 0 5px 0;
    }
    .compliance-db-compliance-level .level-compliance {
        width: 100% !important;
    }
    .go-page-pagination {
        display: block;
        text-align: center;
        margin: 0 auto;
        width: 160px;
    }
    .organization-multi-stup-form .step.tab-width-20 {
        width: 100%;
    }
    .organization-multi-stup-form .step.tab-width-30 {
        width: 100%;
    }
    .tree-btn-loop-workflow .btn:first-child {
        left: -39px;
    }
}

@media screen and (max-width: 767.98px) and (min-width: 600px) {
    .thumb-view-left-side-box {
        width: 33.33%;
    }
}

@media (max-width: 991.98px) {
    .edit-bar .module-name-block .page-name-header {
        display: none;
    }
    .drop-menu-left-head {
        z-index: 9999;
        position: relative;
    }
}

@media screen and (max-width: 460px) and (min-width: 320px) {
    .thumb-pics-col-2 .thumb-pics,
    .thumb-pics-col-3 .thumb-pics,
    .thumb-pics-col-4 .thumb-pics,
    .thumb-pics-col-5 .thumb-pics,
    .thumb-pics-col-6 .thumb-pics,
    .thumb-pics-col-7 .thumb-pics {
        width: 100%;
    }
}

@media screen and (max-width: 340px) and (min-width: 320px) {
    .pagination-new .page-link {
        padding: 3px 5px;
    }
    .folder-page-main .pagination {
        margin-left: -28px;
    }
    .user-position {
        width: 300px;
        padding-top: 275px;
    }
    .user-position-detail-box {
        width: 158px;
        padding: 9px;
    }
    .position-two {
        width: 220px;
        padding-left: 30px;
    }
    .position-box-three {
        right: -15px;
    }
}

@media screen and (max-width: 358px) and (min-width: 320px) {
    .folder-list-page {
        overflow-x: scroll;
    }
    .edit-option .btn {
        padding: 0.375rem 0.60rem;
        font-size: 10px;
    }
}

@media screen and (max-width: 365px) and (min-width: 320px) {
    .calender-table {
        overflow-x: scroll;
    }
    .calender-table table {
        width: 375px;
    }
}

@media screen and (max-width: 569px) and (min-width: 461px) {
    .form-register .steps li .step-icon::before {
        width: 145px !important;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 992px) {
    .edit-dropdown.d-xl-none {
        display: inline-block;
        float: right;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 320px) {
    .cmn-bdr-left-sm-hide {
        border-left: none !important;
    }
    .bdr-right-pc-sm-none {
        border-right: none;
    }
    .min-height-83 {
        min-height: auto;
    }
    .min-height-64 {
        min-height: auto;
    }
    .cmn-bdr-left-md-top-sm {
        border-left: none !important;
        border-top: 1px solid #cbd6e2 !important;
        margin-top: 10px;
        padding-top: 15px;
    }
    .strategy-mapping-tree .drop-detail-sec .progress-circle {
        margin-bottom: 15px;
    }
    .pdg-tab-and-mbl {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .table-scroll {
        width: 1024px !important;
    }
    .full-width-table {
        overflow-x: scroll;
    }
    .full-width-table .fixed-table {
        position: relative;
    }
    .user-details-special {
        margin-right: 15px;
    }
    .tab-edit-class {
        margin-right: -15px;
    }
    /*work flow stup starts */
    .work-flow-style-tab-mbl {
        display: block;
    }
    .work-flow-style-pc {
        display: none;
    }
    /*work flow stup ends */
    .tab-and-mbl-right-top-mgn {
        margin-top: 20px;
    }
    .actvitylog-dtl-right .small-user-style-text {
        padding-top: 15px;
    }
    .bdr-right-pc-btm-sm {
        border-right: none;
        border-bottom: 1px solid #cbd6e2;
        padding-bottom: 15px !important;
    }
    .risk-treatment-update-history .dot-color-p {
        margin: 10px 0 !important;
    }
    .progress-circle-Jso-db {
        font-size: 32px;
        margin-top: 15px;
    }
    .jso-db-box-one {
        min-height: auto;
    }
    .jso-db-box-two {
        min-height: auto;
    }
    .work-flow-new-cmn .work-flow-audit-new {
        width: 90%;
    }
    .work-flow-new-cmn .workflow-department-section {
        display: block !important;
    }
    .work-flow-new-cmn .workflow-department-section .view-more-pestel-box {
        padding-bottom: 0px;
    }
    .filter-fill .filter-page-inner {
        width: 96%;
    }
    .tab-and-mbl-space {
        margin: 8px 0;
    }
    .risk-journey-block .journey-title-box {
        float: none;
        margin: 25px 0;
        background: none;
    }
    .risk-journey-block .risk-journey-details {
        float: none;
        width: 100%;
    }
    .risk-journey-block .journey-title-box::after {
        display: none;
    }
    .stup-root-cause.risk-journey-block::before {
        top: 40px;
    }
    .risk-journey-details-main {
        padding-top: 0;
    }
    /* main .container-fluid {
    padding-left: 15px;
  }*/
    .ceo-db-table-one-main table {
        width: 1100px;
    }
    .border-divide-cmn {
        border-right: none;
        border-bottom: 1px solid #cbd6e2;
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .discussion-box-new-inner-right {
        padding-left: 15px;
        margin-top: 15px;
    }
    .audit-submitted-report-tab {
        padding-right: 25px;
    }
    .discussion-box-new-inner-right .discussion-box-new-inner {
        border: 1px solid #cbd6e2;
    }
    .big-screen-initiaves-milestone {
        display: none;
    }
    .small-screen-initiaves-milestone {
        display: block;
    }
    .initiaves-milestone-add-btn {
        margin: 0 0 30px 0;
    }
    .small-screen-initiaves-milestone.initiaves-dtl-boxes-main .initiaves-dtl-boxes:last-child .initiaves-dtl-boxes-left:after {
        height: 100%;
    }
    .left-border-and-space {
        border-left: none;
        border-top: 1px solid #cbd6e2;
        padding: 15px 0 0 0;
        margin-top: 15px;
    }
    .single-line-scroll-documents {
        margin-bottom: 10px;
    }
    .no-label-check-box {
        padding-top: 0px;
    }
    .dafm-audit-db-one-right {
        margin-top: 15px;
    }
    .training-btns-sec {
        text-align: left;
    }
    .pagination-go-sec-main {
        display: block;
    }
}

@media screen and (max-width: 991px) and (min-width: 320px) {
    .user-right-fill {
        position: relative;
    }
}

@media screen and (max-width: 767px) and (min-width: 570px) {
    .form-register .steps li .step-icon::before {
        width: 185px !important;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .frame-work-table {
        width: 70%;
    }
    .tree-wrapper {
        height: 780px;
    }
    .wizard-v3-steps {
        margin: 50px 0 !important;
    }
    .form-register .steps li .step-icon::before,
    .form-register .steps li:last-child .step-icon::after {
        position: absolute !important;
        content: "" !important;
        background: #cbd6e2 !important;
        width: 108px !important;
        height: 3px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        -o-transform: translateY(-50%) !important;
        -ms-transform: translateY(-50%) !important;
        -moz-transform: translateY(-50%) !important;
        -webkit-transform: translateY(-50%) !important;
    }
    .form-register .steps .current .step-icon::before,
    .form-register .steps .current:last-child .step-icon::after,
    .form-register .steps .done .step-icon::before {
        background: #0088ff !important;
    }
    .form-register .steps li .step-icon::before {
        width: 150px !important;
        z-index: -1;
    }
    .user-side-left {
        max-width: 100%;
        margin-bottom: 15px;
    }
    .user-main-sec {
        margin-bottom: 30px;
    }
    .padding-left-0 {
        padding-left: 15px;
    }
    .user-right-fill {
        right: 0px;
        max-width: 100%;
    }
    .folder-loop li {
        width: 22.4%;
        padding: 25px 15px 10px 15px;
    }
    .work-flow-set {
        margin: 0 15px;
    }
    .work-flow-main .vertical-tab {
        padding: 0 20px 0 10px;
        margin-bottom: 20px;
    }
    .work-flow-btns {
        padding: 30px 10px;
    }
    .user-details-graph-bg {
        margin-bottom: 20px;
    }
    .assesment-list-result-main .result-box-full hr {
        width: 140px;
    }
    .delete-box {
        bottom: -25px !important;
    }
    .submitted-bg {
        left: 13%;
        top: -13px;
    }
    .submitted-bg h3 {
        font-size: 10px;
    }
    .chat-box-full-screen .chat-msg-fixed {
        width: 535px;
    }
    .organization-multi-stup-form .step {
        padding: 16px 0px;
        font-size: 12px;
    }
    .organization-form-page {
        width: 700px;
    }
    #header-sroll-form {
        left: 0px;
        width: 700px;
    }
    .multiple-select {
        width: 92%;
    }
    .multi-add-user {
        width: 6%;
    }
    .compliance-register-form {
        padding-top: 35px;
    }
    .compliance-register-form .multiple-select {
        width: 86%;
    }
    .compliance-register-form .multi-add-user {
        width: 11%;
    }
    .position-three {
        right: 0;
    }
    .position-one {
        left: 1px;
    }
    .master-page-detailes .tab-content {
        padding-top: 30px;
    }
    .master-left-side {
        padding: 0 0 0 15px;
    }
    .select-new-width {
        width: 92%;
    }
    .issuue-new-style .left-box-issue-details {
        border-right: none;
        /*padding: 30px;*/
        padding-bottom: 0;
        margin-right: 0;
    }
    .btn-internal {
        padding: 8px 0 !important;
    }
    .organization-multi-stup-form .select-width-plus {
        width: 84%;
    }
    .organization-multi-stup-form .multi-add-user {
        width: 12%;
    }
    .organization-multi-stup-form .select-full-width-plus .plain-select {
        width: 92% !important;
    }
    .select-full-width-plus .multiple-plain-ngselect {
        width: 92% !important;
    }
    .organization-multi-stup-form .select-full-width-plus .multi-add-user {
        width: 6% !important;
    }
    .organization-multi-stup-form .select-new-width-form .select-width-plus {
        width: 88%;
    }
    .organization-multi-stup-form .select-new-width-form .multi-add-user {
        width: 9% !important;
    }
    .organization-multi-stup-form .multiple-select {
        width: 84%;
    }
    .issue-multi-stup-form .step {
        height: 74px;
    }
    .new-issue-process-popup .modal-dialog {
        max-width: 90%;
    }
    .new-center-width {
        flex: 0 0 98% !important;
        max-width: 98% !important;
    }
    .pdg-top-box-height {
        padding: 20px 0;
    }
    .diamond-box-left {
        top: 0;
        left: 0px;
        float: right;
    }
    .pestle-analysis-tabes .pestel-box-main-left .pestel-box {
        top: 0;
    }
    .issue-list-table-org {
        width: 1250px !important;
    }
    .video-icone-lap {
        width: 120px;
    }
    .blue-box-video p {
        font-size: 14px;
        width: 75%;
    }
    .video-dtl-box p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .user-guide-details-page-link {
        width: 100%;
    }
    .user-guide-detail-page .video-box iframe {
        height: 350px;
    }
    .issue-select-process-search button {
        right: -4px;
    }
    .process-light-box .form-group {
        margin-top: 10px;
    }
    .compliance-register-form .select-width-plus {
        width: 86%;
    }
    .arci-user-tab-dtl {
        min-height: 520px;
    }
    .bpm-table .arci-user-tab-dtl {
        min-height: auto;
    }
    .show-more .read-more-trigger {
        margin: 7px auto 10px auto;
    }
    .org-customer-tbl p {
        width: 80%;
    }
    .org-customer-tbl-bg {
        overflow-x: scroll;
    }
    .org-customer-tbl {
        width: 1300px;
    }
    .new-style-popup .form-group {
        width: 96%;
    }
    .pdg-adjust-tab {
        padding-left: 30px !important;
    }
    .bdr-line-fill-tab {
        padding-left: 30px !important;
    }
    .add-btn-sec input {
        width: 90%;
    }
    .add-btn-sec button {
        width: 8%;
        padding: 8px 0;
    }
    .multi-form-tab-content {
        padding-left: 5px !important;
    }
    .multi-form-tab-menu {
        padding-left: 0;
    }
    .audit-schedule-table-one {
        overflow-x: scroll;
    }
    .audit-schedule-table-one table {
        width: 1000px;
    }
    .audit-schedule-table-two {
        width: 95%;
    }
    .start-audit-box {
        width: 700px;
    }
    .controls-btns {
        width: 704px;
    }
    .browse-form-pic {
        height: 145px;
    }
    .form-group-upload {
        min-height: 147px;
    }
    .col-tab-left {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .col-tab-right {
        flex: 0 0 74%;
        max-width: 74%;
    }
    .modal .modal-xl {
        max-width: 100%;
    }
    .rca-tab-stup-root-cause-main .round-question-details {
        width: 86%;
    }
    .annual-box-bg {
        width: 50%;
    }
    .tab-content-dropdown .annual-box-bg {
        width: 100%;
    }
    .audit-calandar-right {
        padding-left: 15px !important;
        background: none;
    }
    .audit-calandar-left {
        padding-right: 15px !important;
    }
    .audit-calandar-right .activity-box {
        float: left;
        width: 50%;
        border-bottom: none;
    }
    .tab-common-left-sm {
        float: left;
        width: 10%;
    }
    .tab-common-left-content-s {
        float: left;
        width: 90%;
    }
    .costmz-logo-new {
        min-height: 148px;
    }
    .work-flow-review-approval {
        width: 100%;
    }
    .full-width-files ul li {
        width: 46%;
    }
    .work-flow-loop-dummy {
        display: none;
    }
    .work-flow-loop {
        margin-top: 0px;
        padding: 0 0 0 60px;
    }
    .work-flow-loop-content {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .work-flow-loop-main {
        padding-bottom: 40px;
    }
    .workflow-lst-box .arci-user-tab-dtl {
        min-height: auto;
    }
    .flex-98-width .thumb-pics {
        width: 50%;
    }
    .thumb-pics {
        width: 50%;
    }
    .flex-98-width .thumb-pics-bg-5 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-bg-5 .thumb-pics {
        width: 33.33%;
    }
    .thumb-view-left-side-box {
        width: 25%;
    }
    .user-side-bar-hd {
        opacity: 1;
        left: 0;
        top: 0;
        padding-right: 15px !important;
    }
    .user-right-fill {
        max-width: 100% !important;
    }
    .work-flow-details-sec-left {
        padding-right: 15px;
    }
    .folder-loop li {
        min-height: 194px;
    }
    .forget-body .login-robot {
        top: auto;
        bottom: 80px;
    }
    .forgot-box {
        margin-top: 29%;
        margin-left: 3%;
    }
    .forgot-lock-pic-bg {
        right: 0;
    }
    .user-right-fill .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 150px;
    }
    .thump-pics-full .thumb-pics {
        width: 33.33%;
    }
    .tab-common-left-mds {
        width: 15%;
    }
    .tab-common-left-content-mds {
        width: 85%;
    }
    .thumb-half-page .thumb-view-left-side-box {
        width: 50%;
    }
    .thumb-half-page .browse-form-pic {
        height: 110px;
    }
    .thump-pics-full .form-group-upload {
        min-height: 152px;
    }
    .flex-98-width .thump-pics-full .form-group-upload {
        min-height: 128px;
    }
    .thump-pics-full .thumb-pics {
        width: 33.33%;
    }
    .work-flow-details-sec-left {
        padding-right: 15px;
    }
    .thumb-pics .edit-option {
        margin-bottom: 0px;
    }
    .btm-top-pdg {
        padding: 20px 0;
    }
    .pdca-box {
        padding: 25px 15px;
        display: block !important;
    }
    .pdca-box-progress {
        width: 100%;
        margin: 0 auto;
    }
    .business-assessment-page-main {
        padding-right: 15px;
    }
    .popup-select-two .select-width {
        width: 83%;
    }
    .popup-select-two .multi-add-user {
        width: 12%;
    }
    .master-search-box {
        width: 80% !important;
    }
    .master-search-box .multiple-select {
        width: 100%;
    }
    .auto-complete-search {
        width: 100%;
    }
    .small-rate-box {
        width: 50%;
        float: none;
        margin: 20px auto 0 auto;
    }
    .licence-col {
        width: 50%;
    }
    .user-right-fill.flex-98-width .licence-col {
        width: 50%;
    }
    .thumb-view-3 .browse-form-pic {
        height: 120px;
    }
    .tab-common-left-small .tab-common-left-md {
        width: 17%;
    }
    .tab-common-left-small .tab-common-left-content-m {
        width: 83%;
    }
    .user-position {
        width: 690px;
    }
    .thumb-pics-col-2 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-col-2 .browse-form-pic {
        height: 145px;
    }
    .thumb-pics-col-3 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-col-3 .browse-form-pic {
        height: 145px;
    }
    .thumb-pics-col-4 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-col-4 .browse-form-pic {
        height: 145px;
    }
    .thumb-pics-col-5 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-col-5 .browse-form-pic {
        height: 145px;
    }
    .thumb-pics-col-6 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-col-6 .browse-form-pic {
        height: 145px;
    }
    .thumb-pics-col-5 .form-group-upload {
        min-height: 148px;
    }
    .thumb-pics-col-5.thumb-pics-fix-text .form-group-upload {
        min-height: 211px;
    }
    .thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
        min-height: 211px;
    }
    .thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
        min-height: 211px;
    }
    .workflow-lst-pics-loop {
        min-height: auto;
    }
    .v2-help-drop-main {
        padding-bottom: 40px;
    }
    .audit-by-deparment-chart-pic {
        margin-bottom: 15px;
    }
    .audit-program-details-page-cnt .thumb-pics-col-2 .thumb-pics {
        width: 33.33%;
    }
    .padding-right-0 {
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .padding-left-0 {
        padding-left: 15px;
    }
    .tab-common-left-content-m {
        width: 82%;
    }
    .tab-mbl-btm-space {
        margin-bottom: 15px;
    }
    .auditable-item-chart-two {
        margin-top: 20px;
    }
    .error-message-picher {
        width: 85%;
    }
    .col-lg-3.active-right-border-none {
        padding-right: 15px;
        padding-bottom: 15px;
    }
    .licence-tab-left-col-3 .licence-col {
        width: 33.3%;
    }
    .user-settings-width-tab-menu .active-right-border-none {
        padding-right: 15px;
    }
    .small-step-control-btns {
        float: left;
        margin-bottom: 25px;
    }
    .progressbar-indication {
        float: none;
    }
    .share-popup .col-lg-9.pl-0 {
        padding-left: 15px !important;
    }
    .share-popup .nav-tabs--left .nav-link.active {
        border: 1px solid #ced4da !important;
    }
    .execute-cheklist-question-box {
        margin-bottom: 120px;
    }
    .execute-cheklist-ftr .d-block.justify-content-left {
        padding-bottom: 15px;
    }
    .execute-cheklist-ftr {
        padding: 15px 15px;
    }
    .work-flow-new-cmn .workflow-department-section .w-50 {
        width: 100% !important;
        margin: 15px 0;
    }
    .work-flow-new-cmn .workflow-department-section .w-50 .arci-user-tab-dtl li.rounde-hov-bg {
        float: left !important;
    }
    .ceo-db-right-top-btns {
        width: 370px !important;
    }
    .ceo-db-table-one-main {
        overflow-x: scroll;
    }
    .initiaves-dtl-boxes-right {
        width: 88% !important;
    }
    .thumb-pics-col-3.thumb-pics-fix-text .form-group-upload {
        min-height: 211px;
    }
    .in-ex-tab-new .two-tabs-stakeholders {
        width: 22%;
    }
    .in-ex-tab-new-main .tab-common-left-md {
        width: 22%;
    }
    .in-ex-tab-new-main .tab-common-left-content-m {
        width: 78%;
    }
    .flex-98-width {
        max-width: 100% !important;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 775px) {
    .user-side-left {
        /*max-width: 32%;*/
    }
    .user-right-fill {
        /*max-width: 68% !important;*/
    }
}

@media screen and (max-width: 1151.98px) and (min-width: 1024px) {
    .organization-multi-stup-form .thumb-pics-col-5 .thumb-pics {
        width: 25%;
    }
    .full-width-table .fixed-table {
        width: 97%;
    }
    .wizard-v3-steps {
        margin: 50px 0 !important;
    }
    .folder-loop li {
        width: 17.9%;
    }
    .tbl-btns .btn {
        padding: 5px 6px;
        font-size: 12px;
    }
    .table-result-page .tbl-btns {
        width: 120px;
    }
    .table-result-page thead .fa {
        padding-left: 2px;
    }
    .table-result-page {
        padding-left: 0px;
    }
    .table-result-page .table thead th {
        padding: 10px 0 10px 5px;
    }
    .submitted-bg {
        left: 13%;
        top: -13px;
    }
    .submitted-bg h3 {
        font-size: 10px;
    }
    .user-details-page .user-doc-bx {
        margin-bottom: 15px;
    }
    .organization-form-page {
        width: 950px;
    }
    #header-sroll-form {
        left: 0px;
        width: 950px;
    }
    .master-left-side {
        width: 25%;
        flex: none;
    }
    .master-right-side {
        width: 75%;
        flex: none;
    }
    .org-tab-leftside {
        width: 23%;
    }
    .org-tab-rightside {
        width: 77%;
    }
    .video-box iframe {
        height: 350px;
    }
    .pestle-clr-box {
        width: 85%;
    }
    .pestle-clr-box h2 {
        font-size: 80px;
    }
    .diamond-box {
        width: 99%;
    }
    .pestle-clr-new-shape h2 {
        font-size: 80px;
    }
    .pestle-analysis-tabes .pestel-box-main {
        padding: 3px 0;
    }
    .external-issue-tab .pestle-clr-box {
        width: 150px;
        height: 150px;
        margin-top: 20px;
    }
    /* -- org-issue-list-tbl-width Starts -- */
    .issue-list-org-tab-one {
        width: 4%;
    }
    .issue-list-org-tab-two {
        width: 7%;
    }
    .issue-list-org-tab-three {
        width: 15%;
    }
    .issue-list-org-tab-four {
        width: 11%;
    }
    .issue-list-org-tab-five {
        width: 15%;
    }
    .issue-list-org-tab-six {
        width: 33%;
    }
    .issue-list-org-tab-saven {
        width: 15%;
    }
    /* -- org-issue-list-tbl-width ends -- */
    .video-icone-lap {
        width: 50px;
    }
    .video-list-sec {
        height: 206px;
    }
    .video-box iframe {
        height: 360px;
    }
    .blue-box-video {
        padding: 20px;
    }
    .video-icone-lap {
        width: 55px;
    }
    .video-list-sec {
        height: 206px;
    }
    .video-box iframe {
        height: 350px;
    }
    .blue-box-video {
        padding: 15px;
    }
    .video-dtl-box p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .video-dtl-box {
        height: 50px;
        margin-top: -25px;
    }
    .right-user-guide-home {
        padding: 0px;
    }
    .user-guide-detail-page .video-box iframe {
        height: 400px;
    }
    .user-settings-width-tab-menu {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .user-settings-width-tab-content {
        flex: 0 0 74%;
        max-width: 74%;
    }
    .flex-98-width .user-settings-width-tab-menu {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .flex-98-width .user-settings-width-tab-content {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .curve-toggle {
        display: block;
    }
    .user-acl-table {
        width: 865px;
    }
    .multi-stup-form-common .plain-select .selectator_element {
        width: 100% !important;
    }
    .work-flow-user-list-popup {
        width: 800px !important;
    }
    .select-width-trash {
        width: 82%;
    }
    .trash-width-new {
        width: 15% !important;
    }
    .bdr-line-fill-tab {
        padding-left: 30px !important;
    }
    .multi-form-tab-content {
        padding-left: 30px !important;
    }
    .col-tab-left {
        flex: 0 0 22%;
        max-width: 22%;
    }
    .col-tab-right {
        flex: 0 0 78%;
        max-width: 78%;
    }
    .activities-left {
        padding-left: 7px;
    }
    .activities-main:before {
        left: 25px;
    }
    .round-question-details {
        width: 78%;
    }
    .report-box-common .width-persantage {
        width: 100% !important;
    }
    .tab-common-left-sm {
        float: left;
        width: 10%;
    }
    .tab-common-left-content-s {
        float: left;
        width: 90%;
    }
    .thumb-view-left-side .browse-form-pic {
        height: 75px;
    }
    .user-right-fill .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 115px;
    }
    .flex-98-width .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 126px;
    }
    .tab-common-left-mds {
        width: 13%;
    }
    .tab-common-left-content-mds {
        width: 87%;
    }
    .thumb-half-page .thumb-view-left-side-box {
        width: 33.33%;
    }
    .thumb-half-page .browse-form-pic {
        height: 110px;
    }
    .flex-98-width .thump-pics-full .thumb-pics {
        width: 20%;
    }
    .thump-pics-full .form-group-upload {
        min-height: 117px;
    }
    .flex-98-width .thump-pics-full .form-group-upload {
        min-height: 128px;
    }
    .thump-pics-full .thumb-pics {
        width: 33.33%;
    }
    .work-flow-details-sec-left {
        padding-right: 15px;
    }
    .thumb-pics .edit-option {
        margin-bottom: 0px;
    }
    .pdca-box {
        padding: 25px 15px 25px 20px;
    }
    .master-search-box {
        width: 70% !important;
    }
    .small-rate-box {
        width: 100%;
    }
    .accordion-score-right {
        top: 11px;
    }
    .licence-col {
        width: 50%;
    }
    .user-right-fill.flex-98-width .licence-col {
        width: 33.3%;
    }
    .thumb-view-3 .browse-form-pic {
        height: 90px;
    }
    .tab-common-left-small .tab-common-left-md {
        width: 13%;
    }
    .tab-common-left-small .tab-common-left-content-m {
        width: 87%;
    }
    .thumb-pics-col-2 .browse-form-pic {
        height: 125px;
    }
    .thumb-pics-col-3 .browse-form-pic {
        height: 125px;
    }
    .thumb-pics-col-4 .browse-form-pic {
        height: 125px;
    }
    .thumb-pics-col-5 .browse-form-pic {
        height: 125px;
    }
    .thumb-pics-col-6 .browse-form-pic {
        height: 125px;
    }
    .thumb-pics-col-5 .form-group-upload {
        min-height: 127px;
    }
    .thumb-pics-col-5.thumb-pics-fix-text .form-group-upload {
        min-height: 191px;
    }
    .thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
        min-height: 191px;
    }
    .thumb-pics-col-4.thumb-pics-fix-text .form-group-upload {
        min-height: 191px;
    }
    .activities-right {
        width: 87%;
    }
    .thumb-pics-col-3.accordion-inner-thump .browse-form-pic {
        height: 90px;
    }
    .v2-help-drop-main {
        padding-bottom: 40px;
    }
    .btn-loop-risk-rating .btn {
        margin-bottom: 5px;
        padding: 8px 7px;
    }
    .thumb-pics-full-screen .thumb-pics-col-6 .thumb-pics {
        width: 25%;
    }
    .thumb-pics-col-3 .thumb-pics {
        width: 33.33%;
    }
    .licence-tab-left-col-3 .licence-col {
        width: 33.3%;
    }
    .rca-tab-stup-root-cause-main .round-question-details {
        width: 90%;
    }
    .risk-treatment-update-history .thumb-pics-col-2 .thumb-pics {
        width: 33.33%;
    }
    .jso-db-box-two {
        min-height: 370px;
    }
    .progress-circle-Jso-db {
        font-size: 30px;
        margin-top: 30%;
    }
    .jso-db-box-one {
        min-height: 116px;
    }
    .risk-journey-block .risk-journey-details {
        width: 78%;
    }
    .user-right-fill {
        max-width: 71%;
    }
    .thumb-pics-col-3.thumb-pics-fix-text .form-group-upload {
        min-height: 191px;
    }
    .initiaves-dtl-boxes-right {
        width: 92% !important;
    }
    .user-right-details .thumb-pics-bg-5 .thumb-pics {
        width: 33.33%;
    }
    .flex-98-width .thumb-pics-bg-5 .thumb-pics {
        width: 25%;
    }
    .flex-98-width {
        max-width: 98% !important;
    }
}

@media screen and (max-width: 1199px) and (min-width: 320px) {
    .audit-page-table-main .row {
        padding-right: 15px;
    }
    .table-scroll {
        width: 1250px !important;
    }
    .audit-form-table .fix-table {
        overflow-x: scroll;
    }
    .full-width-table {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .menu-drop-tab-top {
        width: 100%;
    }
    .menu-drop-tab-top .nav-link {
        width: 100%;
        padding: 0 0 0 25px !important;
    }
    .slider-table-adjust table {
        width: 1300px !important;
    }
    .head-search-sm {
        text-align: center;
        display: block;
        float: right;
        width: 30px;
        padding: 4px 0 5px 0px;
        margin: 6px 0px 0 0;
    }
    .toggle-menu-pc {
        display: none;
    }
    .toggle-menu-mbl {
        /*display: none;*/
    }
    .scroll-tab-table-media-scr {
        overflow-x: scroll;
    }
    .form-table-scroll-media-scr {
        overflow-x: scroll;
    }
    .form-table-scroll-media-scr table {
        width: 1000px;
    }
    .fix-table {
        overflow-x: scroll;
    }
    .cmn-table-style {
        width: 1250px;
    }
    .calender-table table {
        width: 100%;
    }
    .table-scroll-small-device {
        overflow-x: scroll;
    }
    .table-scroll-small-device table {
        width: 1200px;
    }
    .risk-matrix-new-type-table {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .risk-matrix-new-type-table .risk-matrix-new-type-table-inner {
        width: 1200px;
        padding-left: 30px;
    }
    .edit-bar .custom-select2 {
        margin-right: 30px;
    }
    .menu-inner-drop {
        top: 0;
        margin-right: 0 !important;
        padding: 0 5px;
        width: 100%;
        padding-left: 1.4rem !important;
    }
    /*.organization-page .container-fluid {
    padding-left: 15px;
  }*/
    .tab-type-small-menu-header-right ul {
        margin: 10px 0 2px 20px;
        display: inline-block;
    }
    nav .btn-resolve {
        margin: 0;
        width: 100%;
    }
}

@media screen and (max-width: 1200px) and (min-width: 320px) {
    .audit-program-details-page-cnt.pr-0 {
        padding-right: 15px !important;
    }
    .audit-program-details-page-cnt.bdr-line-fill.pl-0 {
        padding-left: 15px !important;
    }
    .bdr-line-fill-tab.audit-plan-graph-main {
        padding-left: 15px !important;
        padding-top: 30px !important;
        margin-top: 30px;
    }
    .audit-plan-graph-right {
        border-left: 2px solid #f3f8fb !important;
        padding-left: 30px !important;
        border-top: none !important;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 1152px) {
    .full-width-table .fixed-table {
        width: 97.4%;
    }
    .wizard-v3-steps {
        margin: 50px 0 !important;
    }
    .folder-loop li {
        width: 14.9%;
    }
    .tbl-btns .btn {
        padding: 5px 6px;
    }
    .table-result-page .tbl-btns {
        width: 127px;
    }
    .table-result-page thead .fa {
        padding-left: 2px;
    }
    .submitted-bg {
        left: 13%;
    }
    .edit-option {
        /*margin-bottom: 15px;*/
    }
    .organization-form-page .organization-profile-sidebar {
        padding: 1.5rem 0 !important;
    }
    .organization-form-page .costmz-logo-new {
        padding-top: 3%;
    }
    #header-sroll-form {
        left: 0px;
    }
    .org-tab-leftside {
        width: 23%;
    }
    .org-tab-rightside {
        width: 77%;
    }
    .video-box iframe {
        height: 350px;
    }
    .pestle-clr-box {
        width: 85%;
    }
    .pestle-clr-box h2 {
        font-size: 80px;
    }
    .diamond-box {
        width: 90%;
    }
    .pestle-clr-new-shape h2 {
        font-size: 80px;
    }
    .external-issue-tab .pestle-clr-box {
        width: 140px;
        height: 140px;
        margin-top: 20px;
    }
    .video-icone-lap {
        width: 55px;
    }
    .video-list-sec {
        height: 206px;
    }
    .video-box iframe {
        height: 360px;
    }
    .blue-box-video {
        padding: 20px;
    }
    .video-dtl-box p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .video-dtl-box {
        height: 50px;
        margin-top: -25px;
    }
    .user-guide-detail-page .video-box iframe {
        height: 400px;
    }
    .user-settings-width-tab-menu {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .user-settings-width-tab-content {
        flex: 0 0 74%;
        max-width: 74%;
    }
    .flex-98-width .user-settings-width-tab-menu {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .flex-98-width .user-settings-width-tab-content {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .curve-toggle {
        display: block;
    }
    .user-acl-table {
        width: 900px;
    }
    .multi-stup-form-common .plain-select .selectator_element {
        width: 100% !important;
    }
    .work-flow-user-list-popup {
        width: 800px !important;
    }
    .bdr-line-fill-tab {
        padding-left: 30px !important;
    }
    .col-tab-left {
        flex: 0 0 22%;
        max-width: 22%;
    }
    .col-tab-right {
        flex: 0 0 78%;
        max-width: 78%;
    }
    .user-right-fill .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 115px;
    }
    .flex-98-width .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 126px;
    }
    .tab-common-left-mds {
        width: 13%;
    }
    .tab-common-left-content-mds {
        width: 87%;
    }
    .thumb-half-page .thumb-view-left-side-box {
        width: 33.33%;
    }
    .thumb-half-page .browse-form-pic {
        height: 110px;
    }
    .thump-pics-full .form-group-upload {
        min-height: 117px;
    }
    .flex-98-width .thump-pics-full .form-group-upload {
        min-height: 128px;
    }
    .thump-pics-full .thumb-pics {
        width: 25%;
    }
    .work-flow-details-sec-left {
        padding-right: 15px;
    }
    .thumb-pics .edit-option {
        margin-bottom: 0px;
    }
    .small-rate-box {
        width: 100%;
    }
    .thumb-view-3 .browse-form-pic {
        height: 95px;
    }
    .tab-common-left-small .tab-common-left-md {
        width: 13%;
    }
    .tab-common-left-small .tab-common-left-content-m {
        width: 87%;
    }
    .thumb-pics-col-2 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-3 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-4 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-5 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-6 .browse-form-pic {
        height: 135px;
    }
    .activities-right {
        width: 88%;
    }
    .thumb-pics-col-3 .thumb-pics {
        width: 33.33%;
    }
    .licence-tab-left-col-3 .licence-col {
        width: 33.3%;
    }
    .rca-tab-stup-root-cause-main .round-question-details {
        width: 91%;
    }
    .jso-db-box-two {
        min-height: 370px;
    }
    .progress-circle-Jso-db {
        font-size: 30px;
        margin-top: 30%;
    }
    .jso-db-box-one {
        min-height: 116px;
    }
    .user-right-fill {
        max-width: 71%;
    }
    .initiaves-dtl-boxes-right {
        width: 92% !important;
    }
    .user-right-details .thumb-pics-bg-5 .thumb-pics {
        width: 33.33%;
    }
    .flex-98-width .thumb-pics-bg-5 .thumb-pics {
        width: 25%;
    }
    .flex-98-width {
        max-width: 98% !important;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
    .search-folder-menu {
        margin: 8px 10px 0 0;
    }
    .iso-logo {
        padding-left: 38px;
        margin-top: -3px;
    }
    .work-flow-set {
        padding: 20px;
    }
    .pdg-right-wf {
        padding: 0 10px;
    }
    .pdg-left-wf {
        padding: 0 10px;
    }
    .work-flow-user .user-list-sm h6 {
        font-size: 12px;
    }
    .level-box {
        width: 100%;
    }
    .review-checkbox-main {
        width: 100%;
        margin-left: 0;
        padding-bottom: 10px;
    }
    .work-flow-user li {
        width: 96%;
    }
    .work-flow-user li:nth-child(even) {
        margin-left: 0%;
    }
    .tab-cnt-flow {
        padding: 0 15px !important;
    }
    .work-flow-main .vertical-tab {
        min-width: 185px;
    }
    .work-flow-page {
        margin-left: 0 !important;
    }
    .delete-box {
        bottom: -40px;
    }
    .center-line {
        height: 100px;
    }
    .close-page-smol {
        right: 30px;
    }
    .close-page-smol .close-page .lni-close {
        font-size: 20px !important;
        position: absolute;
        right: -18px;
        top: 14px;
    }
    .Add-user-head-btn {
        margin: 3px 0 0 15px;
    }
    .btn {
        padding: 0.375rem 0.75rem;
    }
    .organization-form-page .costmz-logo-new {
        padding-top: 3%;
    }
    .user-dtl-popup {
        left: 25px !important;
        top: 80px;
        width: 320px;
    }
    .user-dtl-popup:before {
        top: -10px;
        left: 4px !important;
    }
    .user-dtl-popup-right:before {
        left: 282px !important;
    }
    .org-tab-leftside {
        width: 23%;
    }
    .org-tab-rightside {
        width: 77%;
    }
    .arci-user-tab-dtl .user-dtl-popup {
        left: 8px !important;
        top: 45px;
    }
    .arci-user-tab-dtl .user-dtl-popup-right {
        left: -282px !important;
        top: 45px;
    }
    .arci-user-tab-dtl .user-dtl-popup-right:before {
        left: 295px !important;
    }
    /*.arci-user-tab-dtl li {
    width: 44px;
  }*/
    .arci-user-tab-dtl li a img {
        width: 44px;
        height: 44px;
    }
    .user-box-adjut-screen .user-dtl-popup-right {
        left: 0px !important;
    }
    .schedule-pic {
        width: 60%;
        margin-left: 10%;
    }
    .new-search-v2 {
        width: 300px;
        position: absolute;
        top: 3px;
        left: unset;
        right: 15px;
    }
    .close-and-search-sm.new-search-v2 {
        right: 37px;
    }
}

@media screen and (max-width: 1279px) and (min-width: 320px) {
    .auditors-box-new .auditors-box-id .outline-tag {
        width: 47%;
    }
}

@media screen and (max-width: 1300px) and (min-width: 320px) {
    .scrol-md-device {
        overflow-x: scroll;
    }
    .scrol-md-device table {
        width: 1300px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 1200px) {
    .execute-cheklist-question-box .start-audit-box .row .col-lg-4 .col-xl-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .resize-small-device .round-type-status-bg {
        padding: 3px;
        width: 80px;
        height: 80px;
    }
    .frame-work-table {
        width: 50%;
    }
    .folder-loop-med li {
        width: 13% !important;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1200px) {
    .full-width-table .fixed-table {
        width: 90%;
    }
    .folder-loop li {
        width: 14.9%;
    }
    .folder-input .searchbox {
        top: -6px;
    }
    .work-flow-set {
        padding: 20px 20px 5px 20px;
    }
    .pdg-right-wf {
        padding: 0 10px;
    }
    .pdg-left-wf {
        padding: 0 10px;
    }
    .work-flow-user .user-list-sm h6 {
        font-size: 12px;
    }
    .level-box {
        width: 100%;
    }
    .review-checkbox-main {
        width: 100%;
        margin-left: 0;
        padding-bottom: 10px;
    }
    .work-flow-user li {
        width: 96%;
    }
    .work-flow-user li:nth-child(even) {
        margin-left: 0%;
    }
    .tab-cnt-flow {
        padding: 0 15px !important;
    }
    .work-flow-main .vertical-tab {
        min-width: 185px;
    }
    .tbl-btns .btn {
        padding: 5px 6px;
    }
    .table-result-page .tbl-btns {
        width: 127px;
    }
    .table-result-page thead .fa {
        padding-left: 2px;
    }
    .delete-box {
        bottom: -40px;
    }
    .center-line {
        height: 100px;
    }
    .btn {
        padding: 7px 17px;
    }
    .btn-small {
        padding: 4px 14px;
        ;
    }
    .edit-option .btn {
        padding: 0.375rem 0.57rem;
        font-size: 10px;
    }
    .organization-form-page .organization-profile-sidebar {
        padding: 1.5rem 0 !important;
    }
    .organization-form-page .costmz-logo-new {
        padding-top: 3%;
    }
    #header-sroll-form {
        left: 80px;
    }
    .master-page-detailes .tab-content {
        padding-left: 35px;
    }
    .org-tab-leftside {
        width: 23%;
    }
    .org-tab-rightside {
        width: 77%;
    }
    .video-box iframe {
        height: 350px;
    }
    .pestle-clr-box {
        width: 85%;
    }
    .pestle-clr-box h2 {
        font-size: 80px;
    }
    .diamond-box {
        width: 95%;
    }
    .pestle-clr-new-shape h2 {
        font-size: 80px;
    }
    .external-issue-tab .pestle-clr-box {
        width: 150px;
        height: 150px;
        margin-top: 20px;
    }
    /* -- org-issue-list-tbl-width Starts -- */
    .issue-list-org-tab-one {
        width: 4%;
    }
    .issue-list-org-tab-two {
        width: 7%;
    }
    .issue-list-org-tab-three {
        width: 15%;
    }
    .issue-list-org-tab-four {
        width: 9%;
    }
    .issue-list-org-tab-five {
        width: 15%;
    }
    .issue-list-org-tab-six {
        width: 35%;
    }
    .issue-list-org-tab-saven {
        width: 15%;
    }
    /* -- org-issue-list-tbl-width ends -- */
    .video-icone-lap {
        width: 45px;
    }
    .video-list-sec {
        height: 200px;
    }
    .video-box iframe {
        height: 354px;
    }
    .blue-box-video {
        padding: 20px;
    }
    .video-dtl-box p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px;
    }
    .video-dtl-box {
        height: 50px;
        margin-top: -25px;
    }
    .user-guide-detail-page .video-box iframe {
        height: 400px;
    }
    .user-settings-width-tab-menu {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .user-settings-width-tab-content {
        flex: 0 0 74%;
        max-width: 74%;
    }
    .flex-98-width .user-settings-width-tab-menu {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .flex-98-width .user-settings-width-tab-content {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .user-acl-table {
        width: 860px;
    }
    .Certificates-box-dtl .btn {
        padding: 6px 12px;
    }
    .bdr-line-fill-tab {
        padding-left: 30px !important;
    }
    .schedule-pic {
        width: 60%;
        margin-left: 10%;
    }
    .col-tab-left {
        flex: 0 0 22%;
        max-width: 22%;
    }
    .col-tab-right {
        flex: 0 0 78%;
        max-width: 78%;
    }
    .activities-left {
        padding-left: 7px;
    }
    .activities-main:before {
        left: 25px;
    }
    .tab-width-sm .tab-common-left-md {
        width: 12%;
    }
    .tab-width-sm .tab-common-left-content-m {
        width: 88%;
    }
    .license-box {
        height: 110px;
    }
    .thumb-view-left-side .browse-form-pic {
        height: 75px;
    }
    .forgot-box {
        margin-top: 4%;
        margin-left: 9%;
    }
    .user-right-fill .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 115px;
    }
    .flex-98-width .thump-pics-full .upload-pics-small .browse-form-pic {
        height: 126px;
    }
    .tab-common-left-mds {
        width: 13%;
    }
    .tab-common-left-content-mds {
        width: 87%;
    }
    .thumb-half-page .thumb-view-left-side-box {
        width: 33.33%;
    }
    .thumb-half-page .browse-form-pic {
        height: 110px;
    }
    .thump-pics-full .form-group-upload {
        min-height: 117px;
    }
    .flex-98-width .thump-pics-full .form-group-upload {
        min-height: 128px;
    }
    .thump-pics-full .thumb-pics {
        width: 25%;
    }
    .work-flow-details-sec-left {
        padding-right: 15px;
    }
    .small-rate-box {
        width: 100%;
    }
    .thumb-view-3 .browse-form-pic {
        height: 95px;
    }
    .tab-common-left-small .tab-common-left-md {
        width: 13%;
    }
    .tab-common-left-small .tab-common-left-content-m {
        width: 87%;
    }
    .thumb-pics-col-2 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-3 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-4 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-5 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-6 .browse-form-pic {
        height: 135px;
    }
    .activities-right {
        width: 87%;
    }
    .btn-loop-risk-rating .btn {
        margin-bottom: 5px;
        padding: 8px 13px;
    }
    .organization-form-page .thumb-pics-col-3 .thumb-pics {
        width: 33.33%;
    }
    .thumb-pics-col-3 .thumb-pics {
        width: 33.33%;
    }
    .licence-tab-left-col-3 .licence-col {
        width: 33.3%;
    }
    .rca-tab-stup-root-cause-main .round-question-details {
        width: 91%;
    }
    .jso-db-box-two {
        min-height: 370px;
    }
    .progress-circle-Jso-db {
        font-size: 30px;
        margin-top: 30%;
    }
    .jso-db-box-one {
        min-height: 116px;
    }
    .risk-journey-block .risk-journey-details {
        width: 80%;
    }
    .ceo-db-small-box-one {
        padding: 20px;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1280px) {
    .full-width-table .fixed-table {
        width: 90.6%;
    }
    .folder-loop li {
        width: 14.9%;
    }
    .folder-input .searchbox {
        top: -6px;
    }
    .work-flow-set {
        padding: 20px 20px 5px 20px;
    }
    .pdg-right-wf {
        padding: 0 10px;
    }
    .pdg-left-wf {
        padding: 0 10px;
    }
    .work-flow-user .user-list-sm h6 {
        font-size: 12px;
    }
    .center-line {
        height: 100px;
    }
    .work-flow-page {
        padding-left: 15px;
    }
    .edit-option .btn {
        padding: 0.375rem 0.42rem;
    }
    .organization-form-page .organization-profile-sidebar {
        padding: 1.5rem 0 !important;
    }
    .master-page-detailes .tab-content {
        padding-left: 20px;
    }
    .org-tab-leftside {
        width: 23%;
    }
    .org-tab-rightside {
        width: 77%;
    }
    .diamond-box {
        width: 90%;
    }
    .external-issue-tab .pestle-clr-box {
        width: 170px;
        height: 170px;
    }
    /* -- org-issue-list-tbl-width Starts -- */
    .issue-list-org-tab-one {
        width: 4%;
    }
    .issue-list-org-tab-two {
        width: 7%;
    }
    .issue-list-org-tab-three {
        width: 15%;
    }
    .issue-list-org-tab-four {
        width: 9%;
    }
    .issue-list-org-tab-five {
        width: 15%;
    }
    .issue-list-org-tab-six {
        width: 35%;
    }
    .issue-list-org-tab-saven {
        width: 15%;
    }
    /* -- org-issue-list-tbl-width ends -- */
    .video-icone-lap {
        width: 60px;
    }
    .video-list-sec {
        height: 215px;
    }
    .video-box iframe {
        height: 387px;
    }
    .user-guide-detail-page .video-box iframe {
        height: 400px;
    }
    .user-acl-table {
        width: 915px;
    }
    .user-settings-width-tab-menu {
        flex: 0 0 26%;
        max-width: 26%;
    }
    .user-settings-width-tab-content {
        flex: 0 0 74%;
        max-width: 74%;
    }
    .flex-98-width .user-settings-width-tab-menu {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .flex-98-width .user-settings-width-tab-content {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .Certificates-box-dtl .btn {
        padding: 6px 12px;
    }
    .small-list-tab .vertical-tab {
        min-width: 120px;
    }
    .small-tab-small .vertical-tab {
        min-width: 100%;
    }
    .col-tab-left {
        flex: 0 0 22%;
        max-width: 22%;
    }
    .col-tab-right {
        flex: 0 0 78%;
        max-width: 78%;
    }
    .activities-left {
        padding-left: 7px;
    }
    .activities-main:before {
        left: 25px;
    }
    /*.issuue-new-style .left-box-issue-details {
    padding: 25px 0px 25px 0;
  }*/
    .thumb-view-left-side .browse-form-pic {
        height: 80px;
    }
    .thumb-half-page .thumb-view-left-side-box {
        width: 33.33%;
    }
    .thumb-half-page .browse-form-pic {
        height: 110px;
    }
    .tab-common-left-small .tab-common-left-md {
        width: 12%;
    }
    .tab-common-left-small .tab-common-left-content-m {
        width: 88%;
    }
    .thumb-pics-col-2 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-3 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-4 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-5 .browse-form-pic {
        height: 135px;
    }
    .thumb-pics-col-6 .browse-form-pic {
        height: 135px;
    }
    .activities-right {
        width: 88%;
    }
    .btn-loop-risk-rating .btn {
        margin-bottom: 5px;
        padding: 8px 16px;
    }
    .rca-tab-stup-root-cause-main .round-question-details {
        width: 91%;
    }
    .ceo-db-small-box-one {
        padding: 20px;
    }
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    .audit-workflow-user-box {
        width: 388px;
    }
    .tree-btn-loop-workflow .btn:first-child {
        left: -39px;
    }
    .tree-btn-loop-workflow .btn:last-child {
        left: unset;
        right: -38px;
    }
    .tree-btn-loop-workflow .btn:nth-child(2) {
        left: 55px;
    }
    .tree-btn-loop-workflow .btn:nth-child(3) {
        left: 190px;
    }
    .tree-btn-loop-workflow .btn:nth-child(4) {
        left: 140px;
        margin-top: 52px !important;
    }
    .tree-btn-loop-workflow .btn:nth-child(4):after {
        height: 71px;
        top: -72px;
    }
    .audit-workflow-user-box-four.tree-btn-loop-workflow .btn:nth-child(4) {
        left: unset;
        right: -44px;
        margin-top: 0px !important;
    }
    .audit-workflow-user-box-four.tree-btn-loop-workflow .btn:nth-child(4):after {
        height: 20px;
        top: -20px;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(4) {
        left: 341px;
        margin-top: 0px !important;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(4):after {
        height: 20px;
        top: -20px;
    }
    .six-btn-workflow {
        width: 583px;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:nth-child(5) {
        left: 436px;
    }
    .six-btn-workflow.tree-btn-loop-workflow .btn:last-child {
        right: -60px;
    }
}

@media screen and (max-width: 1280px) and (min-width: 768px) {
    .context-issue-tbl-main {
        overflow-x: scroll;
    }
    .issue-list-table-org {
        width: 1250px !important;
    }
    .colored-scial-media ul li a.email {
        background: url(../images/ico-email-clr.png) no-repeat 0 0;
        width: 20px;
        height: 16px;
        background-size: 100% 100%;
    }
    .two-btn-competencies .btn {
        width: 100%;
    }
    table .edit-option .btn-small {
        padding: 7px 16px;
    }
}

@media screen and (max-width: 1365px) and (min-width: 768px) {
    /* -- bpm-new-width-style starts -- */
    .dummy-page {
        display: none;
    }
    .new-center-width {
        flex: 0 0 70%;
        max-width: 70%;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .bpm-loop-left .roude-section-bpm {
        float: left;
        margin-left: -40px;
        margin-right: 0;
    }
    .leftside-loop-bpm .bpm-cnt-section {
        float: right;
    }
    .bpm-loop-left:before {
        content: "";
        height: 100%;
        border-left: 1px solid #7C98B6;
        border-right: none;
        position: absolute;
        top: 39px;
        left: 0px;
        right: -1px;
    }
    /* -- bpm-new-width-style ends -- */
}

@media screen and (max-width: 1023.98px) and (min-width: 320px) {
    .pdf-menu-accodion {
        width: 23%;
    }
    .pdf-v2-report-list-view-html .maindiv {
        padding: 25px;
    }
    .pdf-new-style-pagination.pdf-v2-report-html {
        width: 70%;
        margin-right: 35px;
    }
    .main-container {
        width: 100%;
    }
    .maindiv {
        width: 100%;
    }
    .pdf-zoom-header-main {
        width: 70%;
        margin-right: 35px;
    }
    .pdf-zoom-header-main.pdf-zoom-header-fixed {
        margin-right: 35px;
        width: 69%;
    }
    .border-right-tab-and-mbl-bottom {
        border-right: none;
        border-bottom: 1px solid #cbd6e2;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .kh-docs-table-list-chem tr th:nth-child(1) {
        width: 30%;
    }
    .kh-docs-table-list-chem tr th:nth-child(2) {
        width: 25%;
    }
    .kh-docs-table-list-chem tr th:nth-child(3) {
        width: 20%;
    }
    .kh-docs-table-list-chem tr th:nth-child(4) {
        width: 20%;
    }
    .kh-docs-table-list-chem tr th:nth-child(5) {
        width: 5%;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .pdf-menu-accodion {
        width: 250px;
        margin-left: 0;
        z-index: 1;
        display: none;
    }
    .pdf-zoom-header-main {
        width: 100%;
        margin-right: 0;
    }
    .pdf-new-style-pagination.pdf-v2-report-html {
        width: 100%;
        margin-right: 0;
    }
    .pdf-v2-report-list-view-html .maindiv {
        padding: 20px;
    }
    .kh-doc-page-main-chemanol {
        display: block !important;
    }
    .kh-left-side-chem-main {
        width: 100% !important;
        background: #fff;
    }
    .kh-right-side-chem-main {
        background: #fff;
    }
    .left-sidebar-kh-chem {
        height: 300px !important;
        padding-bottom: 10px !important;
        margin-bottom: 15px;
    }
    .document-new-tabs-chem.bg-white {
        background: transparent !important;
    }
    .kh-docs-table-list-chem-main {
        overflow-x: scroll;
    }
    .kh-docs-table-list-chem {
        width: 1000px;
    }
    .kh-right-side-chem-main .chem-tab .tab-content {
        min-height: auto !important;
    }
    .search-near-refresh.new-search-v2 .form-group.sb-search-open,
    .search-near-refresh.new-search-v2 .no-js .sb-search-open {
        width: 210px;
    }
    .search-list-box-kh {
        position: fixed !important;
        top: 95px !important;
        right: 0 !important;
        left: 0;
        margin: 0 auto;
        width: 94% !important;
    }
    .module-title-hide-mbl {
        display: none !important;
    }
    .bottom-fixed-kh-right .footer-area .pr-4.text-12 {
        padding-right: 5px !important;
    }
    .bottom-fixed-kh-right .footer-area .pl-4.text-12 {
        padding-left: 5px !important;
    }
    .bottom-fixed-kh-left {
        width: 145px !important;
    }
    .bottom-fixed-kh-main.bg-white {
        margin: 0 15px 0 15px !important;
    }
    .chem-bdr-top.bottom-fixed-kh-right {
        border-top: 0;
    }
    #main-kh {
        margin-bottom: 45px !important;
    }
    .folder-loop-md-v3.folder-loop li {
        width: 26.4%;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .pdf-menu-accodion {
        margin-left: 15px;
    }
    .folder-loop-big-v3 li a.folder-one {
        height: 90px !important;
    }
}

@media screen and (max-width: 1279.98px) and (min-width: 1024px) {
    .pdf-zoom-header-main {
        width: 700px;
        margin-right: 30px;
    }
    .pdf-zoom-header-main.pdf-zoom-header-fixed {
        margin-right: 45px;
    }
    .pdf-v2-report-html {
        width: 700px;
    }
    .main-container {
        width: 700px;
    }
    .maindiv {
        width: 700px;
    }
    .pdf-new-style-pagination.pdf-v2-report-html {
        width: 700px;
        margin-right: 30px;
    }
    .pdf-left-btns {
        width: 170px;
    }
    .col-lg-8.col-sm-12 .thumb-pics-col-4 .thumb-pics {
        width: 33.33%;
    }
}

@media screen and (max-width: 1280.98px) and (min-width: 1024px) {
    .col-lg-8.col-sm-12 .thumb-pics-col-4 .thumb-pics {
        width: 33.33%;
    }
}

@media screen and (max-width: 1365.98px) and (min-width: 1280px) {
    .pdf-new-style-pagination.pdf-v2-report-html {
        margin-right: 30px;
    }
    .pdf-zoom-header-main {
        margin-right: 30px;
    }
    .pdf-zoom-header-main.pdf-zoom-header-fixed {
        margin-right: 60px;
    }
}

@media screen and (max-width: 1399.98px) and (min-width: 1280px) {
    .pdf-zoom-header-main {
        width: 850px;
    }
    .pdf-v2-report-html {
        width: 850px;
    }
    .main-container {
        width: 850px;
    }
    .maindiv {
        width: 850px;
    }
    .pdf-new-style-pagination.pdf-v2-report-html {
        width: 850px;
    }
    .pdf-left-btns {
        width: 170px;
    }
}

@media screen and (min-width: 1400px) {
    .pdf-new-style-pagination.pdf-v2-report-html {
        margin: 0 auto !important;
        float: none;
        padding-left: 140px;
    }
    .pdf-zoom-header-main {
        margin: 0 auto !important;
        float: none;
        position: relative;
        left: 140px;
    }
    .pdf-zoom-header-fixed {
        position: fixed;
        left: 340px;
    }
}

@media screen and (max-width: 1439px) and (min-width: 1366px) {
    .full-width-table .fixed-table {
        width: 91.22%;
    }
    .folder-input .searchbox {
        top: -6px;
    }
    .work-flow-set {
        padding: 20px 20px 5px 20px;
    }
    .pdg-right-wf {
        padding: 0 10px;
    }
    .pdg-left-wf {
        padding: 0 10px;
    }
    .edit-option .btn {
        padding: 0.375rem 0.60rem;
    }
    .bpm-cnt-section {
        width: 94%;
    }
    /*.arci-user-tab-dtl li {
    width: 40px;
  }*/
    .arci-user-tab-dtl li a img {
        width: 40px;
        height: 40px;
    }
    .owl-vertical-slider .item img {
        width: 40px;
    }
    .cmn-head-bpm {
        font-size: 13px;
    }
    .btn-bpm {
        font-size: 11px;
    }
    .detailes-bpm-box p {
        font-size: 12px;
    }
    .smoal-tab .nav-link {
        font-size: 13px;
    }
    .diamond-box {
        width: 85%;
    }
    /* -- org-issue-list-tbl-width Starts -- */
    .issue-list-org-tab-one {
        width: 4%;
    }
    .issue-list-org-tab-two {
        width: 7%;
    }
    .issue-list-org-tab-three {
        width: 15%;
    }
    .issue-list-org-tab-four {
        width: 9%;
    }
    .issue-list-org-tab-five {
        width: 15%;
    }
    .issue-list-org-tab-six {
        width: 35%;
    }
    .issue-list-org-tab-saven {
        width: 15%;
    }
    /* -- org-issue-list-tbl-width ends -- */
    .video-icone-lap {
        width: 60px;
    }
    .video-list-sec {
        height: 230px;
    }
    .video-box iframe {
        height: 403px;
    }
    .user-guide-detail-page .video-box iframe {
        height: 440px;
    }
    .small-list-tab .vertical-tab {
        min-width: 128px;
    }
    .small-tab-small .vertical-tab {
        width: 100%;
        min-width: 100%;
    }
    .folder-main-page-assessment li {
        width: 18.50%;
    }
}

@media screen and (max-width: 1599px) and (min-width: 1440px) {
    .full-width-table .fixed-table {
        width: 100%;
    }
    .bpm-cnt-section {
        width: 94%;
    }
    .video-list-sec {
        height: 242px;
    }
    .video-box iframe {
        height: 418px;
    }
    .user-guide-detail-page .video-box iframe {
        height: 440px;
    }
}

@media screen and (max-width: 1679px) and (min-width: 1600px) {
    .full-width-table .fixed-table {
        max-width: 92.5%;
    }
    .video-list-sec {
        height: 270px;
    }
    .video-box iframe {
        height: 445px;
    }
}

@media screen and (max-width: 1900px) and (min-width: 1680px) {
    .full-width-table .fixed-table {
        max-width: 92.9%;
    }
    .video-list-sec {
        height: 285px;
    }
    .video-box iframe {
        height: 460px;
    }
}

@media screen and (max-width: 3000px) and (min-width: 1920px) {
    .folder-loop li {
        width: 192px;
    }
    .submitted-bg {
        left: 14%;
    }
    .video-list-sec {
        height: 330px;
    }
    .video-box iframe {
        height: 500px;
    }
}

@media (min-width: 992px) {
    .shre-assessment-report-popup-cnt {
        max-width: 1000px;
    }
}

@media (max-width: 1199px) {
    .controls-btns {
        left: 0px;
    }
    .frame-work-table {
        width: 60%;
    }
}

@media (max-width: 1199.98px) {
    #nav-icon1 span,
    #nav-icon3 span,
    #nav-icon4 span {
        background: #fff;
    }
    .module-name-block-space .brudcrumb-text-new {
        padding-left: 10px !important;
    }
    .edit-dropdown.d-xl-none {
        display: inline-block;
        float: right;
    }
    #main-kh {
        margin-right: 0 !important;
    }
    .bottom-fixed-kh-main {
        margin: 0 30px 0 16px !important;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1200px) {
    .md-screen-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .md-screen-md-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1500px) and (min-width: 320px) {
    .browse-form-name h6 {
        -webkit-line-clamp: 1;
    }
    .browse-form-name span.text-blue.bold {
        display: block;
        padding-left: 0 !important;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 1024px) {
    .col-lg-4.col-sm-12 .thumb-pics-col-2 .thumb-pics {
        width: 100%;
    }
}

@media screen and (max-width: 1499.98px) and (min-width: 320px) {
    .event-risk-matrix {
        overflow-x: scroll;
        margin-bottom: 30px;
    }
    .event-risk-matrix .risk-matrix-new-type-table .risk-matrix-new-type-table-inner {
        width: 100%;
        padding-left: 0px;
    }
    .event-risk-matrix .risk-matrix-new-type-table {
        overflow-x: auto;
    }
}

@media screen and (max-width: 1479.98px) and (min-width: 320px) {
    .tab-inner-table-scroll {
        overflow-x: scroll;
    }
    .tab-inner-table-scroll table {
        width: 1250px;
    }
}

.test .user-side-bar {
    display: none;
}


/* common css new style start */

.menu-box-show .panel-title {
    padding: 0 !important;
}

.menu-box-show .panel-title a {
    display: block;
    padding: 6px 15px;
    font-family: 'Nunito Bold';
}

.menu-box-show .panel-heading.active .panel-title a {
    color: #33475b;
}


/* font start */

.font-regular {
    font-family: 'Nunito Regular';
}

.font-italic {
    font-family: 'Nunito Italic';
}

.font-extra-light {
    font-family: 'Nunito ExtraLight';
}

.font-extra-light-italic {
    font-family: 'Nunito ExtraLight Italic';
}

.font-light {
    font-family: 'Nunito Light';
}

.font-light-italic {
    font-family: 'Nunito Light Italic';
}

.font-bold {
    font-family: 'Nunito Bold';
}

.font-semi-bold {
    font-family: 'Nunito SemiBold';
}

.font-semi-bold-italic {
    font-family: 'Nunito SemiBold Italic';
}

.font-bold-italic {
    font-family: 'Nunito Bold Italic';
}

.font-extra-bold {
    font-family: 'Nunito ExtraBold';
}

.font-extra-bold-italic {
    font-family: 'Nunito ExtraBold Italic';
}

.font-black {
    font-family: 'Nunito Black';
}

.font-black-italic {
    font-family: 'Nunito Black Italic';
}


/* font end */


/*.form-group .multiple-plain-ngselect {
    z-index: 2;
    position: relative;
}*/

.table tr:hover td {
    background: #f8fcff !important;
    background-clip: padding-box !important;
}

.logo-dtl-top-left {
    min-height: 117px;
}


/* maturity-matrix-table style start */

.maturity-matrix-table table tr td {
    text-align: left;
    padding: 15px;
    vertical-align: top;
}

.maturity-matrix-red {
    background: #DF4A4A;
}

.maturity-matrix-yellow {
    background: #F7C836;
}

.maturity-matrix-green {
    background: #19C268;
}

.maturity-matrix-light-red {
    background: #FFECF2;
}

.maturity-matrix-light-yellow {
    background: #FFFCCF;
}

.maturity-matrix-light-green {
    background: #E7FFF0;
}


/* maturity-matrix-table style end */

.font-normal {
    font-family: 'Nunito Regular' !important;
}

.font-weight-600 {
    font-family: 'Nunito SemiBold';
}

.font-weight-700 {
    font-family: 'Nunito Bold';
}

.stup-root-cause-main.left-arrow-remove .round-question-details:before {
    border: none;
}

.maturity-matrix-table-remove-scroll .fix-table {
    overflow: hidden;
}

.maturity-matrix-table-remove-scroll .ceo-db-table-one-main {
    overflow: hidden;
}

.maturity-matrix-table-remove-scroll .ceo-db-table-one-main table {
    width: 100%;
}

.text-underline {
    text-decoration: underline !important;
}

.text-underline:hover {
    text-decoration: none !important;
}

.bold {
    font-family: 'Nunito Bold' !important;
}


/* sun style start */

.sun-quotation-header .top-big-border {
    background: #019E3B;
    height: 20px;
}

.sun-quotation-header .top-md-border {
    background: #D7B367;
    height: 6px;
}

.sun-quotation-header {
    background: #FDF8F0;
}

.sun-quotation-footer {
    background: #019E3B;
    padding: 12px 20px;
}

.sun-quotation-footer h5 {
    text-transform: uppercase;
}


/* sun style end */

.float-right-sm-left {
    float: right;
}

.text-grey-new {
    color: #A8B1BB !important;
}


/*.select-inner-status {
    width: 13px;
    height: 13px;
    border-radius: 4px;
    background: #ccc;
    display: inline-block;
    margin: -2px 6px 0 0;
    vertical-align: middle;
  }*/

.teamss .user-list-sm h6 {
    line-height: 16px !important;
}

.right-bdr-and-right-space-md {
    border-right: 1px solid #dee2e6 !important;
    margin-right: 50px;
}

.cm-db-son-sec-height-one {
    min-height: 392px;
}

.cm-db-son-sec-height-two {
    min-height: 265px;
}

.cm-db-son-sec-height-three {
    min-height: 400px;
}

.d-flex-mbl-d-block {
    display: flex;
}

.report-selected .panel-title a {
    color: #0088FF;
}

.maindiv.cover-page-fit {
    padding: 0;
}

.maindiv.cover-page-fit .holder {
    padding: 0 30px;
}

.maindiv.cover-page-fit .cover-page-holder {
    padding: 0;
}

.maindiv.cover-page-fit .cover-page-holder .pdf-page-section.widg-padding-cmn-small {
    padding: 30px;
}


/* ng-select-small start */

.ng-select-small .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 125px;
}

.ng-select-small .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
    padding: 4px 10px;
    font-size: 12px;
}


/* ng-select-small end */

.panel-with-switch .small-switch-right {
    right: 30px;
}

.dropdown.module-title {
    cursor: auto;
}

.close-tool-tip-popup {
    position: absolute !important;
    right: -15px !important;
    top: -15px !important;
    background: #fff !important;
    width: 30px;
    height: 30px;
    font-size: 20px !important;
    border-radius: 50% !important;
    opacity: 1 !important;
    box-shadow: 0px 0px 5px #222123;
    cursor: pointer !important;
    transition: transform 0.3s;
    z-index: 1 !important;
}

.close-tool-tip-popup:hover {
    opacity: 1 !important;
}

.close-tool-tip-popup span {
    transition: transform 0.3s;
}

.close-tool-tip-popup:hover span {
    transform: scale(1.50);
}


/* oc-chart-small start */

.oc-chart-small .tree {
    width: 100%;
    /*display: flex;
    justify-content: center;*/
}

.oc-chart-small a.oc-user-box {
    width: 60px;
    background: transparent;
    padding: 0;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-chart-small .oc-user-box:hover {
    z-index: 9;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-chart-small .oc-user-box:hover .name-sec-oc-user {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 1;
}

.oc-chart-small .name-sec-oc-user {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
}


/* right show style start */

.oc-chart-small .oc-user-pic {
    width: 60px;
    height: 60px;
    float: left;
    position: relative;
    z-index: 2;
}

.oc-chart-small .oc-user-name {
    text-align: left;
    padding: 10px 10px 10px 48px;
    float: left;
    width: 0px;
    opacity: 0;
    height: 60px;
    background: #fff;
    border-radius: 60px 14px 14px 60px;
    border: 1px solid #cfd5dc;
    box-shadow: 0px 0px 7px #d4d4d4;
    position: absolute;
    z-index: 1;
    left: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-chart-small .oc-user-box:hover .oc-user-name {
    width: 280px;
    padding-left: 74px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* right show style end */


/* bottom show style start */


/*.oc-chart-small .oc-user-pic {
    width: 60px;
    height: 60px;
    position: relative;
    z-index: 2;
  }
  .oc-chart-small .oc-user-name {
    text-align: left;
    padding: 0;
    width: 0px;
    opacity: 0;
    height: 0px;
    background: #fff;
    border-radius: 14px;
    border: 1px solid #cfd5dc;
    box-shadow: 0px 0px 7px #d4d4d4;
    position: absolute;
    z-index: 1;
    left: 1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .oc-chart-small .oc-user-box:hover .oc-user-name {
    width: 260px;
    height: 96px;
    padding: 35px 30px 10px 30px;
    margin-left: -95px;
    margin-top: -18px;
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }*/


/* bottom show style end */

.oc-chart-small .oc-user-pic img {
    width: 60px;
    height: 60px;
    transition: transform 0.3s;
}

.oc-chart-small .oc-user-box:hover .oc-user-pic img {
    transform: scale(1.15);
}

.oc-chart-small a.oc-user-box h4,
.oc-chart-small a.oc-user-box h5 {
    text-align: left;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.oc-chart-small a.oc-user-box .oc-edit {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    border: none;
    color: #999;
    padding: 0px;
    font-size: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    overflow: hidden;
}

.oc-chart-small a.oc-user-box .oc-user-name:hover .oc-edit {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-chart-small a.oc-user-box .oc-edit .oc-box-option-icon {
    display: block;
}

.oc-chart-small .user-pic-bdr {
    border: 1px solid #7C98B6;
}

.oc-chart-small a.oc-user-box .status {
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.oc-chart-small .oc-box-option-icon {
    position: absolute;
    bottom: -12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #7C98B6;
    color: #7C98B6;
    font-size: 12px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-chart-small .oc-user-box:hover .oc-box-option-icon {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.oc-chart-small .oc-box-option-icon:hover {
    color: #0088FF;
}

.oc-chart-small .tree ul {
    margin-top: -7px;
    display: flex;
    justify-content: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.smoothe-hide-and-show {
    /*opacity: 1;
    display: block;*/
    /*transform: scale(1.15);*/
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

.smoothe-hide-and-show.d-none {
    /*display: none;
    transition: opacity 9s ease-out;
    opacity: 0;*/
}

.auto-width-tree {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
}

.oc-chart-small .left-and-right-space-tree {
    padding-left: 160px;
    padding-right: 210px;
}

.oc-plus-minus-icon {
    line-height: 16px;
}


/* oc-chart-small end */

.text-editor-content p>span {
    color: #506e91 !important;
}


/* User Guide style start */

.small-list-tab-with-icon {
    margin-left: -10px;
}

.small-list-tab-with-icon .nav {
    float: none;
}

.small-list-tab-with-icon .nav li {
    width: 100%;
}

.small-list-tab-with-icon .nav .nav-item .nav-link {
    border: none;
    padding: 5px 10px;
}

.small-list-tab-with-icon .nav .nav-item .nav-link:hover {
    color: #0088FF;
    background: #f3f8fb;
}

.small-list-tab-with-icon .nav .nav-item .nav-link.active {
    color: #0088FF;
    background: #f3f8fb;
}

.user-guide-tab-control {
    position: absolute;
    top: 0 !important;
    right: 0 !important;
}

.slider-user-guide-menu .nav .nav-item .nav-link {
    border: 1px solid #0088FF;
    border-left: none;
    padding: 5px 20px 5px 40px;
    border-radius: 0;
    height: 62px;
    align-items: center;
    display: flex;
    position: relative;
    white-space: nowrap;
}

.slider-user-guide-menu .nav .nav-item .nav-link:after {
    content: "";
    border-left: 20px solid #fff;
    border-top: 32px solid transparent;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 0px;
    right: -19px;
    z-index: 1;
}

.slider-user-guide-menu .nav .nav-item .nav-link.visited {
    background: #0BC675;
    color: #fff !important;
}

.slider-user-guide-menu .nav .nav-item .nav-link.visited:after {
    border-left-color: #0BC675 !important;
}

.slider-user-guide-menu .nav .nav-item .nav-link.active:after {
    border-left-color: #0088FF !important;
}

.slider-user-guide-menu .nav .nav-item .nav-link:before {
    content: "";
    border-left: 20px solid #0088ff;
    border-top: 32px solid transparent;
    border-bottom: 30px solid transparent;
    position: absolute;
    top: 0px;
    right: -20px;
    z-index: 1;
}

.slider-user-guide-menu .nav .nav-item .nav-link:hover {
    color: #0088FF;
}

.slider-user-guide-menu .nav .nav-item .nav-link.active {
    background: #0088FF !important;
    color: #fff !important;
    border-color: #0088FF !important;
}

.slider-user-guide-menu .nav .nav-item:first-child .nav-link {
    padding-left: 38px;
    border-left: 1px solid #0088FF;
}

.user-guide-video-new .license-name-sec {
    height: 55px;
    display: flex;
    align-items: center;
}

.user-guide-video-new .license-box {
    height: 170px;
}

.owl-user-guide-slider {
    position: relative;
}

.owl-user-guide-slider .slider-per-page {
    position: absolute;
    left: 0;
    top: 0;
    width: auto;
    background: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 2px 8px 2px 0;
    z-index: 1;
}

.owl-user-guide-slider .owl-pagination {
    display: none;
}

.owl-user-guide-slider .owl-carousel .owl-wrapper-outer {
    padding-top: 42px;
    margin-top: 10px;
}

.owl-user-guide-slider .owl-buttons {
    width: 82px;
    margin: 0 auto;
    display: block;
    background: #fff;
    position: absolute;
    right: 0;
    top: -20px;
    z-index: 1;
}

.owl-user-guide-slider .owl-theme .owl-controls {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.owl-user-guide-slider .owl-theme .owl-controls:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-bottom: 1px solid #cbd6e2;
}

.owl-user-guide-slider .owl-prev {
    background: #fff url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    width: 30px;
    height: 30px;
    border-radius: 4px !important;
    border: 1px solid #ccc;
}

.owl-user-guide-slider .owl-prev:hover {
    filter: inherit !important;
}

.owl-user-guide-slider .owl-next {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    width: 30px;
    height: 30px;
    border-radius: 4px !important;
    border: 1px solid #ccc;
}

.owl-user-guide-slider .owl-theme .owl-controls .owl-buttons div:hover {
    box-shadow: 0px 0px 2px #ccc;
}


/* user guide nav slider start */

.slider-user-guide-menu .owl-pagination {
    display: none;
}

.slider-user-guide-menu-scroll {
    overflow: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
    padding-right: 21px;
}

.slider-user-guide-menu .nav .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.slider-user-guide-menu-scroll .nav {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
}

.slider-user-guide-menu-scroll::-webkit-scrollbar {
    display: none;
}

.btns-user-guide-slider {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -32px;
}

.slider-user-guide-btn-show .btns-user-guide-slider {
    display: block !important;
}

.btns-user-guide-slider .user-guide-slide-btn {
    margin: 0 !important;
    width: 28px;
    height: 62px;
    padding: 4px 2px;
    font-size: 20px;
    position: relative;
    z-index: 2;
}

.btns-user-guide-slider .user-guide-slide-btn-left {
    float: left;
}

.btns-user-guide-slider .user-guide-slide-btn-right {
    float: right;
}

.slider-user-guide-btn-show {
    /*padding: 0 35px;*/
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.slider-user-guide-btn-show:hover {
    /* padding: 0 28px; */
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.user-guide-main .user-side-left {
    max-width: 20%;
}

.user-guide-main .user-right-fill {
    max-width: 75%;
}

.user-guide-screen-pic {
    margin-bottom: 20px;
}


/* User Guide style end */

.plus-remove-accodion .panel-default>.panel-heading a:after {
    content: "" !important;
}


/* edit-option-show-small start */

.edit-option-show-small {
    padding: 2px 4px;
}

.edit-option-show-small a {
    font-size: 12px;
}

.edit-option-show.edit-option-show-small .fas,
.edit-option-show.edit-option-show-small i {
    padding: 2px 4px !important;
    font-size: 13px !important;
}

.edit-option-show-inner.edit-option-show-small .fas,
.edit-option-show-inner.edit-option-show-small i {
    padding: 2px 4px !important;
    font-size: 13px !important;
}


/* edit-option-show-small end */


/* pdf-menu-accodion-main-full-width start */

.pdf-menu-accodion-main-full-width .pdf-menu-accodion {
    display: none;
}

.pdf-menu-accodion-main-full-width .pdf-new-style-pagination.pdf-v2-report-html {
    width: 100%;
    padding-left: 0;
}

.pdf-menu-accodion-main-full-width .main-container {
    width: 100%;
    overflow: unset;
}

.pdf-menu-accodion-main-full-width .maindiv {
    width: 100%;
}

.pdf-menu-accodion-main-full-width .pdf-zoom-header-main {
    left: 0;
    width: 100%;
}

.pdf-menu-accodion-main-full-width .pdf-zoom-header-main.pdf-zoom-header-fixed {
    display: none !important;
}


/* pdf-menu-accodion-main-full-width end */


/* risk rating color fanr start */

.risk-box-yellow-fanr {
    background: #ffff00 !important;
}

.risk-box-orange-fanr {
    background: #ffc000 !important;
}

.risk-box-dark-orange-fanr {
    background: #c65911;
}

.risk-box-red-fanr {
    background: #ff0000 !important;
}

.risk-box-green-fanr {
    background: #92d050 !important;
}

.risk-box-gray-fanr {
    background: #808080;
}

.risk-box-dark-blue-fanr {
    background: #0070c0;
}

.risk-box-light-blue-fanr {
    background: #ddebf7;
}


/* risk rating color fanr end */

.video-up {
    display: none;
}

.video-up-show {
    display: block;
}

.file-up-hide {
    display: none;
}

.file-up-show {
    display: block !important;
}


/* choose-file-btn start */

.choose-file-btn .btn {
    border-color: #0088FF;
    color: #0088FF !important;
    padding: 8px 20px;
    cursor: pointer;
}

.choose-file-btn input[type=file] {
    cursor: pointer;
}

.choose-file-btn:hover .btn {
    background: #0088FF !important;
    color: #fff !important;
}

.choose-file-btn input[type=file]:hover+button {
    background: #0088FF !important;
    color: #fff !important;
}

.choose-file-btn .btn-small {
    padding: 4px 14px;
    border-radius: 3px;
    font-size: 12px;
}


/* choose-file-btn end */

.affix {
    z-index: 99999;
}


/* hov-icon-move style start */

.hov-icon-move {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hov-icon-move:hover .hov-right-move {
    left: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hov-right-move {
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hov-icon-move:hover .hov-left-move {
    left: -3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.hov-left-move {
    position: relative;
    left: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


/* hov-icon-move style end */

.cmn-bdr-img {
    border: 1px solid #e0e9f2 !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.arci-user-tab-dtl {
    margin: 0 -4px;
}


/*************** QCB Styles Start ****************/


/* QCB Login style start */

.login-qcb-bg {
    background: url(../images/login-qcb.png) no-repeat 0 0 fixed;
}

.login-qcb .login-robot {
    position: fixed;
    left: 0;
    top: unset;
    bottom: 54px;
}

.login-block-dafm-inner {
    /* box-shadow: 0px 0px 4px #e7e7e7; */
}

.login-page .login-block {
    margin-left: 30%;
}

.login-qcb {
    background-size: 100% 100%;
    padding-right: 50px;
}

.qcb-login-end-text {
    margin-top: -50px;
}

@media only screen and (max-width: 767.98px) {
    .login-qcb {
        background-size: cover;
    }
    .qcb-login-end-text {
        margin-top: 0px;
    }
    .login-block-main-dafm {
        height: 80vh;
    }
}

@media only screen and (max-width: 1023.98px) {
    .login-block {
        margin-left: 0%;
    }
    .log-large-qube {
        left: 40%;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 1024px) {
    .login-block {
        margin-left: 13%;
    }
    .log-large-qube {
        left: 50%;
    }
}


/* QCB Login style end */


/*qcb audit styles start*/

.list_reports {
    list-style: none;
    padding: 0;
}

.list_reports li {
    background: #EBEBEB;
    padding: 5px 10px;
    display: flex;
    justify-content: space-between;
    border-radius: 4px;
    font-size: 15px;
    margin-bottom: 10px;
    align-items: center;
}

.list_reports li div {
    width: 50px;
    font-size: 20px;
    color: black;
}

.list_reports li .dots {
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: grey;
}

.list_reports li.red {
    color: #F9384B;
    background: #FFECF2;
}

.list_reports li.red .dots {
    background: #F9384B;
}

.list_reports li.blue {
    color: #8F5DB5;
    background: #F5EEFF;
}

.list_reports li.blue .dots {
    background: #8F5DB5;
}

.list_reports li.org {
    color: #F7941D;
    background: #FFF8E6;
}

.list_reports li.org .dots {
    background: #F7941D;
}

.list_reports li.lgrey {
    color: #4E78B1;
    background: #F3F5F9;
}

.list_reports li.lgrey .dots {
    background: #4E78B1;
}

.list_reports li.l-blue {
    color: #0086FF;
    background: #EFF8FF;
}

.list_reports li.l-blue .dots {
    background: #0086FF;
}

.qcb-tabs-small .nav-tabs {
    border: 1px solid #CBD6E2;
    border-radius: 5px;
}

.qcb-tabs-small .nav-tabs .nav-item .nav-link {
    border: none;
}

.qcb-tabs-small .nav-tabs .nav-item .nav-link.active {
    border: none;
    margin-top: -1px;
}

.qcb-tabs-small .nav-tabs .nav-item:first-child a.nav-link.active {
    border-radius: 5px 0px 0px 5px;
}

.qcb-tabs-small .nav-tabs .nav-item:last-child a.nav-link.active {
    border-radius: 0px 5px 5px 0px;
}

.qcb-findings-block {
    margin-bottom: 5px;
}


/*qcb audit styles end*/


/*qcb-customer-db start*/

.qcb-customer-db-box-one {
    min-height: 80px;
}

.qcb-customer-db-box-two {
    min-height: 281px;
}

.line-height-25 {
    line-height: 25px;
}


/*qcb-customer-db end*/


/*************** QCB Styles End ****************/

.event-status-box {
    min-height: 94px;
}

.number-tab-head {
    width: 20px;
    height: 20px;
    font-size: 10px;
    text-align: center;
    color: #33475b;
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 50%;
    line-height: 19px;
}


/*.report-inner-root-cause {

  }*/


/* meeting-sec-line son style start */

.meeting-sec-line .time-box-meeting-bg {
    width: 18px;
}

.meeting-sec-line .time-box-meeting-top {
    border-bottom: 7px solid #cbd6e2;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.meeting-sec-line .time-box-meeting-bottom {
    border-top: 7px solid #cbd6e2;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    margin-top: -1px;
}

.meeting-sec-line .left-line {
    position: relative;
}

.meeting-sec-line .left-line:after {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    border-left: 1px solid #cbd6e2;
    height: 90%;
}

.meeting-sec-line .left-line:before {
    content: "";
    position: absolute;
    left: 13px;
    bottom: 70%;
    border-left: 10px solid #2DA950;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

.meeting-sec-line .left-line .line-box {
    position: relative;
}

.meeting-sec-line .left-line .line-box:after {
    content: "";
    position: absolute;
    bottom: 88%;
    left: 8px;
    border-top: 1px solid #cbd6e2;
    width: 5px;
}


/* meeting-sec-line son style end */


/* BPM activities new style start */

.activities-loop-main {
    padding-right: 30px;
}

.activities-number-main {
    width: 65px;
}

.activities-number-bg {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 1px solid #0088FF;
    padding: 4px;
}

.activities-loop-main ul {
    margin: 0;
    padding: 0;
}

.activities-loop-main ul li {
    list-style-type: none;
    float: left;
    width: 33.33%;
    margin-bottom: 30px;
    position: relative;
}

.activities-loop-main ul li:nth-child(4),
.activities-loop-main ul li:nth-child(5),
.activities-loop-main ul li:nth-child(6),
.activities-loop-main ul li:nth-child(10),
.activities-loop-main ul li:nth-child(11),
.activities-loop-main ul li:nth-child(12),
.activities-loop-main ul li:nth-child(16),
.activities-loop-main ul li:nth-child(17),
.activities-loop-main ul li:nth-child(18),
.activities-loop-main ul li:nth-child(22),
.activities-loop-main ul li:nth-child(23),
.activities-loop-main ul li:nth-child(24),
.activities-loop-main ul li:nth-child(28),
.activities-loop-main ul li:nth-child(29),
.activities-loop-main ul li:nth-child(30),
.activities-loop-main ul li:nth-child(34),
.activities-loop-main ul li:nth-child(35),
.activities-loop-main ul li:nth-child(36),
.activities-loop-main ul li:nth-child(40),
.activities-loop-main ul li:nth-child(41),
.activities-loop-main ul li:nth-child(42),
.activities-loop-main ul li:nth-child(46),
.activities-loop-main ul li:nth-child(47),
.activities-loop-main ul li:nth-child(48),
.activities-loop-main ul li:nth-child(52),
.activities-loop-main ul li:nth-child(53),
.activities-loop-main ul li:nth-child(54),
.activities-loop-main ul li:nth-child(58),
.activities-loop-main ul li:nth-child(59),
.activities-loop-main ul li:nth-child(60) {
    float: right;
}

.activities-loop-main ul li a.activities-item {
    /*border: 1px solid #0088FF;*/
    background: #EAF0F6;
    border-left: none;
    padding: 5px 20px 5px 40px;
    border-radius: 0;
    height: 85px;
    align-items: center;
    display: flex;
    position: relative;
}

.activities-loop-main ul li a.activities-item:before {
    content: "";
    border-left: 31px solid #fff;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    position: absolute;
    top: 0px;
    right: -31px;
    z-index: 1;
}

.activities-loop-main ul li a.activities-item:after {
    content: "";
    border-left: 30px solid #EAF0F6;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    position: absolute;
    top: 0px;
    right: -29px;
    z-index: 1;
}

.activities-loop-main ul li:nth-child(even) a.activities-item {
    background: #C7E5FF;
}

.activities-loop-main ul li:nth-child(even) a.activities-item:after {
    border-left-color: #C7E5FF;
}

.activities-number {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
    background: #0088FF;
    color: #fff;
    font-family: "Nunito Bold" !important;
    line-height: 24px;
    margin-left: -2px;
    position: relative;
}

.activities-number:before {
    content: "";
    position: absolute;
    right: -3px;
    top: 50%;
    margin-top: -4px;
    border-left: 4px solid #0088FF;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.activities-loop-main .activities-content h5 {
    margin-bottom: 0;
    font-family: "Nunito SemiBold";
    font-size: 14px;
}


/*.activities-loop-main ul li:nth-child(3) a:before {
    content: none;
}
.activities-loop-main ul li:nth-child(3) a:after {
    content: "";
    border: none;
    position: absolute;
    top: 0px;
    right: -30px;
    z-index: 1;
    width: 30px;
    height: 85px;
    background: #eaf0f6;
    border-radius: 0 10px 0 0;
}*/

.activities-loop-main ul li.down-arrow-light-right a:before {
    content: none;
}

.activities-loop-main ul li.down-arrow-light-right a:after {
    content: "";
    border: none;
    position: absolute;
    top: 0px;
    right: -30px;
    z-index: 1;
    width: 30px;
    height: 85px;
    background: #eaf0f6;
    border-radius: 0 10px 0 0;
}

.activities-loop-main li.down-arrow-light-right:before {
    content: "";
    border-top: 30px solid #eaf0f6;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    position: absolute;
    bottom: -29px;
    right: -30px;
    z-index: 10;
}


/*.activities-loop-main ul li.top-arrow-dark-right a:before {
    content: none;
}*/

.activities-loop-main ul li.top-arrow-dark-right:before {
    content: "";
    border: none;
    position: absolute;
    top: 0px;
    right: -30px;
    z-index: 1;
    width: 30px;
    height: 85px;
    background: #C7E5FF;
}

.activities-loop-main ul li.top-arrow-dark-right:after {
    content: "";
    position: absolute;
    right: -30px;
    top: -30px;
    background: #c7e5ff;
    width: 80px;
    height: 30px;
}

.activities-loop-main .down-arrow-dark-left a.activities-item {
    border-radius: 10px 0 0 0;
}

.activities-loop-main li.down-arrow-dark-left:before {
    content: "";
    border-top: 30px solid #c7e5ff;
    border-right: 40px solid transparent;
    border-left: 40px solid transparent;
    position: absolute;
    bottom: -29px;
    left: 0;
    z-index: 10;
}

.activities-loop-main li.top-arrow-dark-left:after {
    content: "";
    position: absolute;
    left: 0;
    top: -30px;
    background: #eaf0f6;
    width: 80px;
    height: 30px;
}

.activities-loop-main ul li.main-arrow-left-middle a.activities-item:before {
    content: "";
    border-left: 0;
    border-right: 31px solid #fff;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    right: unset;
    left: -32px;
}

.activities-loop-main ul li.main-arrow-left-middle a.activities-item:after {
    content: "";
    border-left: 0;
    border-right: 30px solid #EAF0F6;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    top: 0px;
    right: unset;
    left: -29px;
}

.activities-loop-main ul li.main-arrow-left-first a.activities-item:before {
    content: "";
    border-left: 0;
    border-right: 31px solid #fff;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    right: unset;
    left: -32px;
}

.activities-loop-main ul li.main-arrow-left-first a.activities-item:after {
    content: "";
    border-left: 0;
    border-right: 30px solid #c7e5ff;
    border-top: 43px solid transparent;
    border-bottom: 43px solid transparent;
    top: 0px;
    right: unset;
    left: -29px;
}

.activities-loop-main ul li.main-arrow-left-last a.activities-item:after,
.activities-loop-main ul li.main-arrow-left-last a.activities-item:before {
    content: none;
}

.activities-loop-main ul li.main-arrow-left-middle a.activities-item,
.activities-loop-main ul li.main-arrow-left-last a.activities-item,
.activities-loop-main ul li.main-arrow-left-first a.activities-item {
    padding: 5px 40px 5px 20px;
}

.activities-loop-mobile {
    display: none;
}


/* BPM activities new Mobile style start */

.activities-loop-mobile {
    padding: 0;
}

.activities-loop-mobile ul {
    margin: 0;
    padding: 0;
}

.activities-loop-mobile ul li {
    width: 100%;
    margin-bottom: 0px;
    list-style-type: none;
    position: relative;
}

.activities-loop-mobile ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 1px;
    width: 100%;
    height: 50px;
    margin-top: -50px;
    background: #EAF0F6;
}

.activities-loop-mobile .activities-number-main {
    width: 100%;
}

.activities-loop-mobile .activities-number-bg {
    margin: 0 auto;
}

.activities-loop-mobile .activities-content h5 {
    margin-top: 18px;
    font-family: "Nunito SemiBold";
}

.activities-loop-mobile ul li a.activities-item {
    padding: 15px 15%;
    height: auto;
    margin-bottom: 50px;
    align-items: center;
    display: flex;
    position: relative;
    background: #EAF0F6;
}

.activities-loop-mobile ul li a.activities-item:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0px;
    border-top: 48px solid #fff;
    border-left: calc(50vw - 35px) solid transparent;
    border-right: calc(50vw - 35px) solid transparent;
    z-index: 1;
}

.activities-loop-mobile ul li a.activities-item:before {
    content: "";
    position: absolute;
    top: 99%;
    left: 0px;
    border-top: 44px solid #eaf0f6;
    border-left: calc(50vw - 35px) solid transparent;
    border-right: calc(50vw - 35px) solid transparent;
    z-index: 2;
}

.activities-loop-mobile ul li:nth-child(even) a.activities-item {
    background: #C7E5FF;
}


/*.activities-loop-mobile .down-arrow-dark-mbl {

}*/

.activities-loop-mobile ul li.down-arrow-dark-mbl a.activities-item:before {
    border-top: 44px solid #c7e5ff;
}

.activities-loop-mobile ul li.down-arrow-dark-mbl:after {
    background: #c7e5ff;
}

.activities-loop-mobile .activities-number:before {
    content: "";
    position: absolute;
    right: 8px;
    top: unset;
    bottom: -7px;
    margin-top: 0;
    border-top: 4px solid #0088FF;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

.activities-loop-mobile .activities-number {
    margin-left: 0px;
    margin-top: -2px;
}

.activities-loop-mobile ul li.down-arrow-dark-mbl-first:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0px;
    border-top: 48px solid #fff;
    border-left: calc(50vw - 35px) solid transparent;
    border-right: calc(50vw - 35px) solid transparent;
    z-index: 1;
    height: auto;
}

@media only screen and (max-width: 767.98px) {
    .activities-loop-mobile {
        display: block;
        margin-bottom: 85px;
        margin-top: 55px;
    }
    .activities-loop-pc {
        display: none;
    }
}


/* BPM activities new Mobile style end */


/* BPM activities new style end */


/* strategy new dashboard start */

.small-p {
    font-size: 13px;
    line-height: 15px;
}

.db-stg-box-hight-two {
    min-height: 65px;
}

.small-status-db.draft-tag {
    margin-left: 0 !important;
    padding: 2px 8px !important;
}

.blue-header {
    background: #025298;
}

.light-blue-bg {
    background: #DEF8FC;
}

.owl-focus-area-slider .item .stg-slider-box {
    border-right: 1px solid #ccc;
    padding: 15px 25px;
    min-height: 115px;
}


/*.objectives-section .owl-focus-area-slider .owl-item {
    display: flex;
 }
 .objectives-section .owl-focus-area-slider .item {
     display: flex;
   flex: 1 0 auto;
 }*/

.owl-focus-area-slider .owl-prev {
    background: #fff url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    left: -20px;
}

.owl-focus-area-slider .owl-controls {
    margin-top: 0px !important;
}

.owl-focus-area-slider .owl-theme .owl-nav {
    margin-top: 0px !important;
}

.owl-focus-area-slider .owl-prev:hover {
    filter: inherit !important;
}

.owl-focus-area-slider .owl-next {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    right: -20px;
}

.owl-focus-area-slider .owl-controls .owl-buttons div:hover {
    box-shadow: 0px 0px 2px #ccc;
}

.owl-focus-area-slider .owl-pagination {
    display: none;
}

.owl-focus-area-slider .owl-prev,
.owl-focus-area-slider .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -15px !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
}

.stg-db-tab .tab-common-left-md {
    width: 33%;
}

.stg-db-tab .tab-common-left-content-m {
    width: 67%;
}

.pl-pr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.w-60 {
    width: 60% !important;
}

.stg-db-tab .nav-tabs--left .nav-link {
    background: #fff;
    position: relative;
}

.stg-db-tab .nav-tabs--left .nav-link.active {
    background: #DEF8FC;
    position: relative;
}

.stg-db-tab .nav-tabs--left .nav-link.active:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 70%;
    top: 15%;
    left: 0;
    background: #0088FF;
}

.stg-intiatives-right h5 {
    text-align: right;
}

.stg-intiatives-clr-box {
    padding: 8px 16px;
    border-radius: 20px;
}

.stg-intiatives-clr-box-main .stg-intiatives-clr-box {
    margin-bottom: 7px;
}

.stg-intiatives-clr-box-main .stg-intiatives-clr-box:last-child {
    margin-bottom: 0;
}

.stg-key-pi-filter {
    position: relative;
    padding-right: 50px !important;
}

.stg-key-pi-filter-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -12px;
    width: 33px;
}

.stg-db-sec-one h6 {
    font-family: "Nunito Black";
}

.cmn-p-15 .widg-padding-cmn {
    padding: 15px;
}

.key-performance-indicator-tab .tab-common-left-md {
    width: 30%;
}

.key-performance-indicator-tab .tab-common-left-content-m {
    width: 70%;
}

.left-tab-40 .tab-common-left-md {
    width: 40%;
}

.left-tab-40 .tab-common-left-content-m {
    width: 60%;
}

.key-performance-indicator-tab .nav-tabs--left .nav-link {
    background: #fff;
}

.key-performance-indicator-tab .nav-tabs--left .nav-link.active {
    background: #DEF8FC;
    position: relative;
}


/*  .key-performance-indicator-tab .nav-tabs--left .nav-link.active:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 70%;
    top: 15%;
    left: 0;
    background: #0088FF;
  }*/

.stg-box-tab-inner {
    padding: 10px 0;
}

.left-dot-and-line p {
    padding-left: 15px;
    position: relative;
}

.left-dot-and-line p:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #0088FF;
}

.left-dot-and-line p:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 1px;
    height: 100%;
    background: #0088FF;
}

.left-dot-and-line p.last-line-remove:before {
    width: 0;
}


/* strategy new dashboard end */


/* edit-small start */

.edit-small .edit-small-icon {
    padding: 1px 3px 2px 3px;
    border-radius: 4px;
    margin-left: 5px;
    opacity: 0;
    box-shadow: 0px 3px 10px #cbd6df;
    border: 1px solid #ced4da;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.edit-small .edit-small-icon a {
    font-size: 10px;
    color: #506e91;
    padding: 0 3px;
}

.edit-small:hover .edit-small-icon {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.edit-small .edit-small-icon a:hover {
    color: #0088ff;
}

.edit-small .edit-small-icon a:hover .fa-trash,
.edit-small .edit-small-icon a:hover .fa-trash-alt {
    color: #dc3545;
}


/* edit-small end */

.oc-tab-menu-right {
    float: right !important;
}

.db-bg-light-blue {
    background: #dcf0f3 !important;
}

.stg-intiatives-box-one {
    width: 100%;
}

.stg-intiatives-box-two {
    width: 420px;
}

.stg-intiatives-clr-box-main-new {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 4px;
}

.stg-intiatives-box-cmn {
    padding-left: 2px;
    padding-right: 2px;
}

.stg-intiatives-box-one .stg-intiatives-clr-box-new {
    justify-content: left;
}

.stg-intiatives-clr-box-new {
    padding: 8px 15px;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.select-close-icon {
    position: relative;
}

.select-close-icon .select-clear-btn {
    color: #7c98b6 !important;
    position: absolute;
    top: 12px;
    right: 30px;
    font-family: 'Nunito SemiBold';
    opacity: 0;
    cursor: pointer;
    font-size: 9px;
}

.select-close-icon:hover .select-clear-btn {
    opacity: 1;
    color: #0088FF !important;
}

.head-line-end-btns {
    display: inline-block;
    position: absolute;
    right: 0;
    top: -4px;
    background: #fff;
    border-radius: 4px;
    padding: 2px 0px 2px 3px;
    z-index: 2;
}

.head-line-end-btns .btn {
    padding: 3px 10px 2px 10px;
    margin-right: 0 !important;
}

.left-right-round-btns button {
    position: absolute;
    top: 50%;
    margin-top: -15px !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    display: inline-block;
    zoom: 1;
    padding: 3px 10px;
    font-size: 12px;
    opacity: .8;
    z-index: 9;
}

.left-right-round-btns button:hover {
    opacity: 1;
    cursor: pointer;
    background-color: #f2f2f2 !important;
}

.left-right-round-btns .btn-left {
    background: #fff url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    left: -14px;
}

.left-right-round-btns .btn-right {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    right: -14px;
}

.pr-70 {
    padding-right: 70px;
}

.text-right-sm-left {
    text-align: right;
}


/* fanr-risk-heat-map style start */

.fanr-risk-heat-map .risk-heatmap-category table td,
.fanr-risk-heat-map .risk-heatmap-category table th {
    border: 0.5px solid #000;
}

.rotate-text-bg {
    width: 30px;
}

.rotate-text-bg .text-rotate-tbl {
    width: 170px;
    margin-left: -70px;
}

.fanr-risk-heat-map .likelihood-risk-table .color-box-risk {
    width: auto;
}

.square-box-matrix-new {
    width: 20px;
    height: 10px;
    background: #ccc;
    margin-right: 10px;
}

.square-box-matrix-new-big {
    width: 30px;
}

.fanr-risk-heat-map .risk-heatmap-category table td {
    min-height: auto;
    padding: 5px 0;
}

.fanr-risk-heat-map .number-heatmap-order-left {
    padding: 5px 10px !important;
}

.fanr-rsk-db-sec-three-height {
    min-height: 320px;
}

@media screen and (max-width: 1023.98px) and (min-width: 320px) {
    .text-right-sm-left {
        text-align: left;
    }
    .fanr-risk-heat-map .likelihood-risk-table {
        overflow-x: scroll;
    }
    .fanr-risk-heat-map .likelihood-risk-table table {
        width: 1200px;
    }
}


/* fanr-risk-heat-map style end */

.employee-cover-page {
    min-height: 300px;
}

.min-height-42 {
    min-height: 42vh;
}

.step-form-small-ch {
    min-height: 72vh;
    display: flex;
    align-items: center;
}

.user-box-right-togle {
    position: relative;
    padding-right: 28px;
}

.user-box-right-togle .rounded-sliders-check {
    position: absolute;
    right: -10px;
    top: 0;
}

.user-available-option .user-new-active.space-adjust {
    left: 27px;
}

.hover-text:hover {
    color: #0088FF !important;
}

.hover-text:hover i,
.hover-text:hover span {
    color: #0088FF !important;
}

.compliance-score-height {
    min-height: 225px;
}

.grc-db-slider-height {
    min-height: 49px;
}

.grc-db-overall-sec-height {
    min-height: 501px;
}

.grc-db-Compliance-sec-height {
    min-height: 300px;
}

.grc-db-action-plan-height {
    min-height: 300px;
}

.new-color-box-slider.risk-rating-box-color,
.new-color-box-slider .risk-rating-box-color {
    border-width: 1px;
}

.round-doted-color-div {
    border: 2px dotted #ccc;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    margin: 0 auto;
}

.round-doted-color-div-inner {
    text-align: center;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin: 2px;
}

.round-doted-color-div h6,
.round-doted-color-div p {
    color: #fff;
}

.rotate-line {
    border: 2px dotted #ccc;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    margin: 0 auto;
    position: absolute;
    left: -4px;
}

.round-doted-md .rotate-line {
    width: 86px;
    height: 86px;
}

.round-doted-md .round-doted-color-div-inner {
    width: 78px;
    height: 78px;
}

.bg-red .rotate-line {
    border-color: #FF001A !important;
}

.risk-rating-box-color.bg-red .inner-text-white h6,
.risk-rating-box-color.bg-red .inner-text-white p {
    color: #fff !important;
}

.owl-risk-slider-grc .owl-prev,
.owl-risk-slider-grc .owl-next {
    position: absolute;
    bottom: 25px;
    width: 25px;
    height: 25px;
    border-radius: 50% !important;
    border: none;
}

.owl-risk-slider-grc .owl-prev {
    background: #fff url(../images/slider-arow-new-left.svg) no-repeat !important;
    background-size: auto;
    background-size: 100% !important;
    left: -5px;
    padding: 0;
    margin: 0;
    opacity: 0.5 !important;
}

.owl-risk-slider-grc .owl-prev:hover {
    opacity: 1 !important;
}

.owl-risk-slider-grc .owl-next {
    background: #fff url(../images/slider-arow-new-right.svg) no-repeat !important;
    background-size: auto;
    background-size: 100% !important;
    right: -5px;
    padding: 0;
    margin: 0;
    opacity: 0.5 !important;
}

.owl-risk-slider-grc .owl-next:hover {
    opacity: 1 !important;
}

.owl-risk-slider-grc .owl-theme .owl-controls .owl-page span {
    width: 14px;
    height: 2px;
    margin: 2px 2px;
    background: #6F8296;
}

.owl-risk-slider-grc .owl-theme .owl-controls .owl-page.active span,
.owl-risk-slider-grc .owl-theme .owl-controls.clickable .owl-page:hover span {
    /*background: #F9384B;*/
    background: #242c35;
}

.owl-risk-slider-grc .owl-theme .owl-controls .owl-page.active span {
    width: 22px;
}

.owl-risk-slider-grc .owl-theme .owl-controls {
    margin-top: 2px;
}


/* color change css start */

.new-color-box-slider.bg-red .round-doted-color-div {
    border-color: #F9384B !important;
}

.new-color-box-slider.bg-red .round-doted-color-div-inner {
    background: #F9384B !important;
}

.new-color-box-slider.bg-red .owl-risk-slider-grc .owl-theme .owl-controls .owl-page.active span,
.new-color-box-slider.bg-red .owl-risk-slider-grc .owl-theme .owl-controls.clickable .owl-page:hover span {
    background: #F9384B !important;
}


/* color change css end */

.round-doted-color-div-md {
    width: 88px;
    height: 88px;
}

.round-doted-color-div-md .round-doted-color-div-inner {
    width: 80px;
    height: 80px;
}

.round-doted-color-div-inner p {
    line-height: 17px;
}

.grc-db-action-plan-box {
    position: relative;
    min-height: 155px;
    width: 193px;
    margin: 0 auto;
}

.grc-db-action-box-one {
    position: absolute;
    left: 64px;
    z-index: 3;
}

.grc-db-action-box-two {
    position: absolute;
    left: 0px;
    top: 50px;
}

.grc-db-action-box-three {
    position: absolute;
    left: 107px;
    top: 60px;
}

.btn-dark-gray {
    background: #6F8296 !important;
}

.min-height-319 {
    min-height: 319px;
}

.color-box-yellow-one {
    background: #f2dd00;
}

.new-calendar table tbody tr:hover {
    background: transparent !important;
    color: #506e91 !important;
}

.pagination-hide-form .small-step-progressbar-main {
    display: none;
}

.progress-h-10 {
    height: 10px;
}

.docs-multiple {
    width: 128px;
}

.docs-multiple .arci-user-tab-dtl li {
    margin: 0;
}

.docs-multiple .arci-user-tab-dtl li img {
    width: 37px !important;
    height: 37px !important;
    border: 0px;
    border-radius: 0 !important;
    padding: 2px;
}

.docs-multiple .arci-user-tab-dtl li {
    width: 35px;
}

.docs-multiple .arci-user-tab-dtl li .more-users {
    width: 37px;
    height: 37px;
    font-size: 9px;
    border: 2px solid #fff;
    background: #d7d7d7;
    color: #000;
    border-radius: 50%;
    /*margin-left: -33px;*/
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 34px;
}

.docs-multiple .arci-user-tab-dtl li:hover .more-users {
    animation: pulse 1s infinite;
    transition: .3s;
    cursor: pointer;
    box-shadow: 0px 0px 9px #88888878;
}

.right-37 {
    right: 37px !important;
}

.search-popup-new button:hover {
    background: transparent !important;
    color: #CBD6E2 !important;
}

.panel-title.score-text-align .accordion-score-right {
    top: 6px;
}

.panel-title.score-text-align .width96pc {
    padding-right: 145px;
}

.margin-minus-top-3 {
    margin-top: -3px !important;
    vertical-align: middle;
}

.transparent-box-bg {
    display: inline-block;
    padding: 15px;
    background: #08f3;
}


/* grc-audit db start */

.grc-audit-box-two-height {
    min-height: 225px;
}

.grc-three-box-adjust .grc-db-action-box-two {
    left: 32px;
    top: 75px;
    z-index: 4;
}

.grc-three-box-adjust .grc-db-action-box-three {
    left: 115px;
    top: 76px;
}

.round-doted-color-div-sm .round-doted-color-div-inner {
    width: 70px;
    height: 70px;
}

.grc-three-box-adjust.grc-db-action-plan-box {
    width: 212px;
}

.grc-audit-db-finging-graph .graph-grc-finding {
    background: #ccc;
    color: #33475B;
    font-size: 13px;
    text-align: center;
    padding: 4px 0;
}


/* grc-audit db end */


/* grc-risk db Start */

.grc-risk-db-box-one {
    min-height: 113px;
}

.ceo-db-height-one {
    padding: 8.9px 0;
}

.legend-new {
    width: 13px;
    height: 13px;
    border-radius: 2px;
    background: #ebebeb;
    border: 1px solid #ccc;
    vertical-align: middle;
    margin-top: -4px;
}

.legend-new-small {
    width: 10px;
    height: 10px;
}

.legend-new.legend-red {
    background: #FFAEAE;
    border-color: #FD0000;
}

.legend-new.legend-green {
    background: #CEFA9E;
    border-color: #92D050;
}


/* grc-risk db end */

.db-box-hover {
    overflow: hidden;
}

.view-dtl-link-db {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-right: -35px;
}

.db-box-hover:hover .view-dtl-link-db {
    opacity: 1;
    margin-right: 0;
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-default {
    cursor: default !important;
}


/* db-box-hover-line start */

.db-box-hover {
    display: block;
    position: relative;
    background: none;
    border: none;
    /*color: #fff;
  font-size: 18px;
  cursor: pointer;
  margin: 20px 30px;*/
    background: rgba(0, 0, 0, 0.09);
}

.db-box-hover-inner {
    display: block;
    /* padding: 25px 80px;*/
}

.db-box-hover::before,
.db-box-hover::after {
    content: "";
    width: 0;
    height: 1px;
    position: absolute;
    transition: all 0.2s linear;
    background: #0088FF;
}

.db-box-hover-inner::before,
.db-box-hover-inner::after {
    content: "";
    width: 1px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #0088FF;
}

.db-box-hover:hover::before,
.db-box-hover:hover::after {
    width: 100%;
}

.db-box-hover:hover .db-box-hover-inner::before,
.db-box-hover:hover .db-box-hover-inner::after {
    height: 100%;
}


/*----- button 1 -----*/

.db-box-hover::before,
.db-box-hover::after {
    transition-delay: 0.2s;
}

.db-box-hover .db-box-hover-inner::before,
.db-box-hover .db-box-hover-inner::after {
    transition-delay: 0s;
}

.db-box-hover::before {
    right: 0;
    top: 0;
}

.db-box-hover::after {
    left: 0;
    bottom: 0;
}

.db-box-hover .db-box-hover-inner::before {
    left: 0;
    top: 0;
}

.db-box-hover .db-box-hover-inner::after {
    right: 0;
    bottom: 0;
}

.db-box-hover:hover::before,
.db-box-hover:hover::after {
    transition-delay: 0s;
}

.db-box-hover:hover .db-box-hover-inner::before,
.db-box-hover:hover .db-box-hover-inner::after {
    transition-delay: 0.2s;
}


/*db-box-hover-line end*/


/* step-qoc start */

.step-qoc-main {
    display: flex;
    justify-content: center;
}

.step-qoc-box {
    margin: 30px 0;
    text-align: center;
    position: relative;
    width: 20%;
}

.step-qoc-box:after,
.step-qoc-box:before {
    content: "";
    position: absolute;
    top: 30px;
    width: 50%;
    height: 3px;
    background: #e5e5e5;
}

.step-qoc-box:after {
    right: 0;
}

.step-qoc-box:before {
    left: 0;
}

.step-qoc-box:first-child:before {
    width: 0;
}

.step-qoc-box:last-child:after {
    width: 0;
}

.step-qoc-box .mt-step-number {
    font-size: 26px;
    border-radius: 50%!important;
    display: inline-block;
    margin: auto auto 5px;
    padding: 9px;
    border: 3px solid #e5e5e5;
    position: relative;
    z-index: 5;
    height: 60px;
    width: 60px;
    text-align: center;
}

.step-qoc-box .mt-step-number i {
    position: relative;
    font-size: 26px;
    color: #33475b;
}

.step-qoc-box .mt-step-title {
    color: #33475b;
    font-size: 13px;
    padding-top: 8px;
    font-weight: 600;
}


/* green */

.step-qoc-box.active .mt-step-number {
    color: #26C281!important;
    border-color: #26C281 !important;
}

.step-qoc-box.active .mt-step-number i {
    color: #26C281 !important;
}

.step-qoc-box.active .mt-step-title {
    color: #26C281 !important;
}

.step-qoc-box.active:after,
.step-qoc-box.active:before {
    background: #26C281 !important;
}


/* red */

.step-qoc-box.rejected .mt-step-number {
    color: #C6001D!important;
    border-color: #C6001D !important;
}

.step-qoc-box.rejected .mt-step-number i {
    color: #C6001D !important;
}

.step-qoc-box.rejected .mt-step-title {
    color: #C6001D !important;
}

.step-qoc-box.rejected:after,
.step-qoc-box.rejected:before {
    background: #C6001D !important;
}


/* orange */

.step-qoc-box.send-back .mt-step-number {
    color: #ff8b17 !important;
    border-color: #ff8b17 !important;
}

.step-qoc-box.send-back .mt-step-number i {
    color: #ff8b17 !important;
}

.step-qoc-box.send-back .mt-step-title {
    color: #ff8b17 !important;
}

.step-qoc-box.send-back:after,
.step-qoc-box.send-back:before {
    background: #ff8b17 !important;
}

.step-qoc-user-box {
    position: absolute;
    right: -34%;
    top: -36px;
    display: flex;
    align-items: center;
    border: 1px solid #cbd6e2;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
    width: 68%;
    text-align: left;
}

.step-qoc-user-box-slider {
    position: absolute;
    right: -34%;
    top: -50px;
    align-items: center;
    border: 1px solid #cbd6e2;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
    width: 68%;
    text-align: left;
}

.qoc-document-slider {
    top: -50px;
}

.step-qoc-user-box-slider .owl-pagination {
    display: none;
}

.step-qoc-user-box-slider .owl-theme .owl-controls {
    margin: 0;
}

.step-qoc-user-box-slider .owl-buttons,
.step-qoc-user-box-slider .owl-nav {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -13px !important;
}

.step-qoc-user-box-slider .owl-prev {
    background: #fff url(../images/slide_left.png) no-repeat 2px 3px !important;
    background-size: 60% !important;
    width: 18px;
    height: 18px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    position: absolute;
    left: -23px;
    padding: 0 !important;
    z-index: 1;
    opacity: 0.5;
}

.step-qoc-user-box-slider .owl-prev:hover {
    background: #fff url(../images/slide_left.png) no-repeat 2px 3px !important;
    background-size: 60% !important;
    opacity: 1;
}

.step-qoc-user-box-slider .owl-next {
    background: #fff url(../images/slide_right.png) no-repeat 4px 3px !important;
    background-size: 60% !important;
    width: 18px;
    height: 18px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    position: absolute;
    right: -23px;
    padding: 0 !important;
    z-index: 1;
    opacity: 0.5;
}

.step-qoc-user-box-slider .owl-next:hover {
    background: #fff url(../images/slide_right.png) no-repeat 4px 3px !important;
    background-size: 60% !important;
    opacity: 1;
}

.mapping-label-red {
    color: #FF0000;
    border-color: #FF0000;
    box-shadow: 3px 3px 6px #ff000029;
}

.elips-2 {
    word-break: break-word;
}

@media only screen and (max-width: 767.98px) {
    .step-qoc-main {
        display: block;
    }
    .step-qoc-box {
        width: 100%;
    }
    .step-qoc-user-box {
        right: -3%;
        width: 50%;
    }
    .step-qoc-box .mt-step-number {
        display: block;
    }
    .step-qoc-box:after,
    .step-qoc-box:before {
        top: 30px;
        width: 2px;
        height: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .step-qoc-box .mt-step-title {
        padding: 3px 10px 2px 10px;
        border-radius: 3px;
        background: #fff;
        display: inline-block;
        position: relative;
        z-index: 1;
        border: 1px solid;
        line-height: 17px;
    }
    .step-qoc-box:last-child:before {
        height: 42px;
    }
}


/* step-qoc end */

.drop-tab-menu-list-hdr-right ul {
    left: unset;
    right: 0;
}

.drop-tab-menu-list-hdr-right ul:after {
    left: unset;
    right: 14px;
}

.button-v2 .btn.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.button-v2 .btn.disabled:hover {
    background: #fff !important;
    border-color: #0088FF !important;
    color: #0088FF !important;
}

.button-v2 .btn.btn-active.disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: #0088FF !important;
    border-color: #0088FF !important;
}

.button-v2 .btn.btn-active.disabled:hover {
    color: #fff !important;
}

.refresh-head-sm {
    margin: 11px 0px 0 0;
    display: inline-block;
}

.search-near-refresh {
    right: 70px;
}

.list-page-grid-box p.elips-3 {
    min-height: 65px;
}

.user-list-sm-pdg-remove .user-list-sm {
    padding: 0;
}


/* progress-circle size start */

.progress-circle-5 {
    font-size: 5px;
}

.progress-circle-6 {
    font-size: 6px;
}

.progress-circle-7 {
    font-size: 7px;
}

.progress-circle-8 {
    font-size: 8px;
}

.progress-circle-9 {
    font-size: 9px;
}

.progress-circle-10 {
    font-size: 10px;
}

.progress-circle-11 {
    font-size: 11px;
}

.progress-circle-12 {
    font-size: 12px;
}

.progress-circle-13 {
    font-size: 13px;
}

.progress-circle-14 {
    font-size: 14px;
}

.progress-circle-15 {
    font-size: 15px;
}

.progress-circle-16 {
    font-size: 16px;
}

.progress-circle-17 {
    font-size: 17px;
}

.progress-circle-18 {
    font-size: 18px;
}

.progress-circle-19 {
    font-size: 19px;
}

.progress-circle-20 {
    font-size: 20px;
}

.progress-circle-21 {
    font-size: 21px;
}

.progress-circle-22 {
    font-size: 22px;
}

.progress-circle-23 {
    font-size: 23px;
}

.progress-circle-24 {
    font-size: 24px;
}

.progress-circle-25 {
    font-size: 25px;
}

.progress-circle-26 {
    font-size: 26px;
}

.progress-circle-27 {
    font-size: 27px;
}

.progress-circle-28 {
    font-size: 28px;
}

.progress-circle-29 {
    font-size: 29px;
}

.progress-circle-30 {
    font-size: 30px;
}


/* progress-circle size end */


/*strategy-mapping-tree-line-remove start*/

.strategy-mapping-tree-line-remove .slider-strategy-main .owl-item::after,
.strategy-mapping-tree-line-remove .slider-strategy-main .owl-item::after {
    border: none;
}

.strategy-mapping-tree-line-remove .stg-mapping-top-box-new:before,
.strategy-mapping-tree-line-remove .stg-mapping-top-box-new:after {
    border: none;
    background: transparent;
}

.strategy-mapping-tree-line-remove .slider-strategy-main .owl-item::before,
.strategy-mapping-tree-line-remove .slider-strategy-main .owl-item::after {
    border: none;
}

.strategy-mapping-tree-line-remove .slider-inner-box-strategy:before {
    border: none;
    background: transparent;
}

.strategy-mapping-tree-line-remove .slider-strategy-main .active-slider .slider-inner-box-strategy:after {
    border: none;
    background: transparent;
}


/*strategy-mapping-tree-line-remove end*/


/************** Report right side chat new report start **************/


/* report-new-right-chat start */

.report-new-right-chat .pdf-menu-accodion {
    width: 268px;
}

.report-new-right-chat .pdf-new-style-pagination.pdf-v2-report-html {
    width: calc(100% - 390px);
    margin: 0 0 0 0px !important;
    padding: 0;
}

.report-new-right-chat .main-container {
    width: 100%;
}

.report-new-right-chat .maindiv {
    width: 100%;
}

.report-new-right-chat .pdf-zoom-header-main {
    width: 900px;
    margin: 0 0 0 200px !important;
    left: 0;
}

.right-report-chat-fixed {
    width: 380px;
    background: #fff;
    position: fixed;
    right: 30px;
    /*top: 106px;*/
    z-index: 10;
}

.son-bg {
    background: #f6faff !important;
}

.son-chat-padding {
    padding: 10px 10px;
}

.chat-resolve-box-son {
    border: 0.5px solid #ccc;
    border-radius: 4px;
    padding: 4px 6px;
    width: 118px;
    text-align: center;
}

.blue-link-text {
    font-size: 14px;
    color: #4084e3 !important;
    text-decoration: underline !important;
}

.blue-link-text:hover {
    text-decoration: none !important;
}

.chat-report-scroll-son {
    /*height: 74Vh; */
    height: calc(100vh - 180px);
}

.right-report-chat-fixed.scroll-div-fix.newClass .chat-report-scroll-son {
    height: calc(100vh - 130px);
}

.report-new-right-chat .pdf-menu-accodion {
    height: calc(100vh - 45px);
}

.report-new-right-chat .pdf-menu-accodion.newClass {
    height: calc(100vh - 0px);
}

.chat-report-scroll-son .mCSB_scrollTools {
    right: -6px
}

.scroll-div-fix.newClass {
    top: 50px;
}

.scroll-div-fix-menu-report.newClass {
    top: 0px;
    height: calc(100vh - 0px);
}

.accordion-icon-chat .panel-heading {
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 3px;
}

.accordion-icon-chat .hide-show-text-acd {
    font-size: 11px;
}

.accordion-icon-chat .panel-heading .width96pc {
    padding: 0 30px 0 0px;
}

.accordion-icon-chat .panel-heading .drop-down-icone {
    font-size: 11px;
}

.right-icon-space-chat {
    padding-right: 50px;
}

.accordion-icon-chat .panel-drop-white .panel-default {
    padding: 7px 0;
}

.form-control-chat-son {
    border: none;
}

.form-control-chat-son:focus {
    box-shadow: none !important;
}

.btn.btn-sm {
    font-size: 11px !important;
    padding: 2px 6px 1px 6px !important;
}

.pdf-left-sidebar-btn {
    position: fixed;
    left: 60px;
    top: 50%;
    font-size: 16px;
    color: #506E91;
    display: block;
    transition: 0.3s;
    line-height: 36px;
    width: 20px;
    height: 35px;
    background-color: rgb(197 208 222 / 40%);
    text-align: center;
    border-radius: 0 50px 50px 0;
    margin-top: -18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
    cursor: pointer;
}

.pdf-left-sidebar-btn:hover {
    background: #EBEEF3;
}

.pdf-left-sidebar-btn i {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-left: -2px;
}

.pdf-left-sidebar-btn:hover i {
    margin-left: 2px;
}

.doc-menu-sidebar {
    /*display: none;*/
    margin-left: -260px;
}

.pdf-left-sidebar-btn-one,
.pdf-left-sidebar-btn-one2 {
    display: none;
    left: 328px;
    text-indent: -2px;
}

.doc-menu-sidebar {
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.son-report-big-padding {
    padding-top: 100px;
}

.th-middle th {
    vertical-align: middle !important;
}

.accordion-icon-left-side .pdf-inner-no-border-accodion .panel-default>.panel-heading a {
    position: relative;
}

.accordion-icon-left-side .pdf-inner-no-border-accodion .panel-default>.panel-heading a:after {
    float: none;
    position: absolute;
    left: -22px;
    top: 0px;
    font-size: 23px;
}

.report-main-new-style .panel-body {
    padding-left: 20px;
    padding-top: 15px;
}

.report-main-new-style .panel-default {
    margin-bottom: 20px;
}


/* report-new-right-chat end */


/* report left sidebar start */

#main-report-new {
    transition: margin-left .5s;
}


/* report left sidebar end */

.report-width-add.report-width-fill {
    width: calc(100% - 0px) !important;
}

.chat-acd-multi.card-accordion-new .access-main-card .card-header .card-link {
    padding: 7px 27px 7px 15px;
}

.chat-acd-multi.card-accordion-new .card-header a:before {
    position: absolute;
    right: 10px;
}

.chat-acd-multi.card-accordion-new .card-body .card {
    border: 0px;
}

.chat-acd-multi.card-accordion-new .card-body {
    padding: 10px;
}

.report-chat-p {
    font-size: 15px;
    line-height: 17px;
}

.link-son-text {
    color: #d7b367 !important;
    text-decoration: underline !important;
}

.link-son-text:hover {
    text-decoration: none !important;
}

.chat-line-report {
    border-color: #AFC9EC;
}

.chat-type-sec-son {
    padding: 7px 10px !important;
}

.add-comment-link {
    opacity: 0;
}

.add-comment-report:hover .add-comment-link {
    opacity: 1;
}

.add-comment-report {
    position: relative;
}

.comment-box-report-son {
    padding: 15px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 6px #d9dcde;
    position: absolute;
    right: 0;
    top: 30px;
    width: 60%;
    z-index: 1;
    border: 1px solid #dcdcdc;
    display: none;
}

.right-report-chat-fixed {
    transition: margin-right .5s;
}

.right-report-chat-fixed.report-chat-smoothe {
    margin-right: -420px !important;
}

.report-hide-closebtn {
    position: absolute;
    top: 42%;
    left: 0px;
    font-size: 16px;
    color: #506E91;
    display: block;
    transition: 0.3s;
    line-height: 36px;
    width: 20px;
    height: 35px;
    background-color: rgb(197 208 222 / 40%);
    text-align: center;
    border-radius: 0 50px 50px 0;
    margin-top: -18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9;
}

.report-hide-closebtn i {
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-left: -2px;
}

.report-hide-closebtn:hover {
    background: #EBEEF3;
}

.report-hide-closebtn:hover i {
    margin-left: 2px;
}


/* report accodion heder chat link text start */

.pdf-inner-no-border-accodion .panel-default>.panel-heading a:after {
    position: absolute;
    top: 1px;
    right: 0;
}

.pdf-inner-no-border-accodion .panel-default>.panel-heading a {
    display: inline-block;
}

.pdf-inner-no-border-accodion .panel-title {
    position: relative;
}

.report-chat-show-btn {
    position: fixed;
    top: 50%;
    right: 0px;
    font-size: 16px;
    color: #506E91;
    display: block;
    transition: 0.3s;
    line-height: 36px;
    width: 20px;
    height: 35px;
    background-color: rgb(197 208 222 / 40%);
    text-align: center;
    border-radius: 50px 0 0 50px;
    margin-top: -18px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 9999999;
    display: none;
}

.pdf-left-sidebar-btn:hover {
    padding-left: 30px;
    padding-right: 15px;
}

.report-chat-show-btn:hover {
    padding-right: 30px;
    padding-left: 10px;
    opacity: 1;
}

.right-report-chat-fixed .user-details-page .user-settings .card {
    border-radius: 0;
}


/* report accodion heder chat link text end */

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
    .report-new-right-chat .pdf-new-style-pagination.pdf-v2-report-html {
        width: calc(100% - 405px);
    }
    .report-new-right-chat .pdf-menu-accodion {
        left: 0 !important;
    }
    .pdf-left-sidebar-btn {
        left: 0;
    }
    .pdf-left-sidebar-btn-one,
    .pdf-left-sidebar-btn-one2 {
        left: 268px;
    }
}

@media only screen and (max-width: 1023.98px) {
    .report-new-right-chat .pdf-new-style-pagination.pdf-v2-report-html {
        width: calc(100% - 15px) !important;
    }
    .right-report-chat-fixed {
        right: 0px;
    }
    #main-report-new {
        margin-left: 0px !important;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {}

@media only screen and (max-width: 767.98px) {
    .report-new-right-chat .pdf-new-style-pagination.pdf-v2-report-html {
        width: calc(100% - 0px) !important;
    }
    .pdf-left-sidebar-btn {
        left: 0px;
    }
    .doc-menu-sidebar {
        display: block;
        left: 0 !important;
    }
    .pdf-left-sidebar-btn-one {
        left: 268px !important;
    }
    .right-report-chat-fixed {
        width: 90%;
    }
    .right-report-chat-fixed.report-chat-smoothe {
        margin-right: -90% !important;
    }
}


/************** Report right side chat new report end **************/


/* heder right button type tab son start */

.nav-link.btn.btn-small {
    color: #a8841b !important;
}

.nav-link.btn.btn-small:hover {
    color: #fff !important;
}


/* heder right button type tab son end */

.no-policy-demo.al-left {
    text-align: left !important;
}


/* tab-same-height start */

.tab-same-height {
    /*display: table;*/
    display: flex;
    width: 100%;
    vertical-align: top;
}

.tab-same-height .tab-common-left-md {
    float: none;
    /*display: table-cell;*/
    display: flex;
    flex-direction: column;
}

.tab-same-height .tab-common-left-content-m {
    float: none;
    /*display: table-cell;*/
    display: flex;
    flex-direction: column;
    vertical-align: top;
    padding: 20px;
    border: 1px solid #cbd6e2;
    background: #fff;
    margin-left: -1px;
}

.tab-same-height .tab-content.widg-padding-cmn-small,
.tab-same-height .tab-content.widg-padding-cmn {
    padding: 0 !important;
}

.tab-same-height .tab-content.cmn-bdr {
    border: 0 !important;
}

.separate-box .tab-common-left-content-m {
    padding: 0px;
    border: none;
    background: transparent;
}

@media screen and (max-width: 767.98px) {
    .left-tab-40 .tab-common-left-md {
        width: 100%;
        display: block;
        float: left;
    }
    .left-tab-40 .tab-common-left-content-m {
        width: 100%;
        display: block;
        float: left;
    }
    .tab-same-height {
        display: block;
    }
    .tab-same-height .tab-common-left-md {
        width: 100%;
        display: block;
        float: left;
    }
    .tab-same-height .tab-common-left-content-m {
        width: 100%;
        display: block;
        float: left;
    }
}


/* tab-same-height end */


/* document popup style start */

.doc-box-div {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 15px;
    border: 1px solid #DDE5EA;
}

.doc-box-div.active {
    border-color: #0088FF;
}

.doc-box-div:hover {
    border-color: #0088FF;
}

.doc-box-div .name-box {
    width: 41px;
    height: 34px;
    background: #ccc;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 34px;
    text-transform: uppercase;
}

.doc-box-div .text-box {
    width: 100%;
    margin-left: 10px;
}

.brudcrumb-popup.brudcrumb ul li:last-child a {
    color: #0088FF !important;
}


/* document popup style end */


/* tag-input start */

.tag-input tag-input {
    display: block !important;
    margin-left: 0 !important;
}

.tag-input .ng2-tags-container {
    width: 100%;
}

.tag-input .ng2-tags-container {
    display: block !important;
}

.tag-input .ng2-tag-input__text-input {
    height: 24px !important;
}

.tag-input input::-webkit-input-placeholder {
    color: #bebebd;
    font-size: 13px;
}

.tag-input input:-moz-placeholder {
    color: #bebebd;
    font-size: 13px;
}

.tag-input input::-moz-placeholder {
    color: #bebebd;
    font-size: 13px;
}

.tag-input input:-ms-input-placeholder {
    color: #bebebd;
    font-size: 13px;
}

.accountable-user-mt {
    margin-top: -8px;
}

.tag-input .bootstrap {
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem !important;
    font-size: 13px !important;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.tag-input .ng-trigger {
    width: auto !important;
    display: inline-block !important;
    font-size: 13px;
    line-height: 28px;
}

.bootstrap[_nghost-vfy-c596] svg[_ngcontent-vfy-c596],
.bootstrap [_nghost-vfy-c596] svg[_ngcontent-vfy-c596] {
    height: 29px;
}

.ng-star-inserted span svg {
    height: 29px !important;
}

delete-icon[_nghost-pxy-c596]:hover {
    transform: scale(1.1) translateY(0px) !important;
}


/* tag-input end */

.top-bar .btn.language-btn {
    padding: 4px 16px !important;
    font-size: 13px !important;
    margin-top: 3px !important;
}


/* workflow last big text start */

.audit-workflow-user-box.last-big-text {
    width: 495px;
}

.tree-btn-loop-workflow.last-big-text .btn:last-child {
    right: unset;
}

@media screen and (max-width: 767.98px) {
    .audit-workflow-user-box.last-big-text {
        width: 220px;
    }
    .tree-btn-loop-workflow.last-big-text .btn:last-child {
        right: -60px;
    }
}

@media screen and (max-width: 1279px) and (min-width: 768px) {
    .tree-btn-loop-workflow.last-big-text .btn:last-child {
        right: -60px;
    }
    .audit-workflow-user-box.last-big-text {
        width: 407px;
    }
}


/* workflow last big text start */


/*Strategy Profile tree start*/

.tree-label {
    text-align: center;
    padding-bottom: 20px;
}

.tree-label .mapping-label {
    position: relative;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}

.tree-label .mapping-label:before {
    content: "";
    position: absolute;
    bottom: -21px;
    right: 8px;
    left: 0;
    margin: 0 auto;
    background: #cbd6e2;
    width: 1px;
    height: 20px;
}

.strategy-tree-inner {
    display: flex;
    align-items: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.profile-main-left {
    width: 22%;
    float: left;
}

.profile-main-right {
    width: 77%;
    float: right;
    padding-left: 30px;
}

.strategy-white-box {
    padding: 20px;
}

.strategy-box-right-line {
    position: relative;
}

.strategy-box-right-line:before {
    position: absolute;
    content: "";
    top: 50%;
    right: -20px;
    background: #cbd6e2;
    width: 20px;
    height: 1px;
}

.profile-main-right .profile-main-right-ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    margin-left: -12px;
    position: relative;
}

.profile-main-right .profile-main-right-ul:before {
    position: absolute;
    content: "";
    left: 0;
    width: 1px;
    border-right: 1px solid #cbd6e2;
    height: calc(100% - 49px);
    /*height: calc(50% - 42px);*/
    top: 49px;
}

.auto-width-tree-ul {
    display: flex;
    justify-content: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.profile-main-right-li {
    position: relative;
}

.profile-main-right .slider-strategy-main .owl-item:first-child::before {
    border-top: 1px solid #cbd6e2;
}

.slider-strategy-main.slider-control-btn-center .owl-buttons {
    top: 50%;
    margin-top: -20px;
}

.left-line-connect-slider {
    position: relative;
}

.left-line-connect-slider:before {
    position: absolute;
    content: "";
    border-top: 1px solid #cbd6e2;
    width: 42px;
    height: 1px;
    top: 0;
    left: 1px;
}

.tree-label-bottom-line {
    position: relative;
}

.tree-label-bottom-line:after {
    position: absolute;
    content: "";
    bottom: -1px;
    left: 0;
    border-top: 1px solid #cbd6e2;
    height: 1px;
    width: calc(50% - 4px);
}

.link-text-line {
    font-size: 14px;
    text-decoration: underline !important;
}

.link-text-line:hover {
    text-decoration: none !important;
}

.controls-mapping-btn-hov {
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.controls-mapping-btn-hov .controls-mapping-btn {
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.controls-mapping-btn-hov:hover .controls-mapping-btn {
    opacity: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.profile-main-right .slider-inner-box-stgy {
    padding: 0px;
}

.slider-box-stgy-inner {
    padding: 10px;
}

.position-unset-label.label-work-flow-audit {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.label-back-line-stg {
    position: relative;
    text-align: center;
}

.label-back-line-stg:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    border-top: 1px solid #cbd6e2;
}

.label-back-line-stg .position-unset-label.label-work-flow-audit {
    z-index: 2;
    position: relative;
}

.small-dot-icon {
    font-size: 5px;
    vertical-align: middle;
}

.tree-label-top-line {
    position: relative;
    margin-bottom: 15px;
    margin-top: -15px;
}

.tree-label-top-line:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 16px;
    border-left: 1px solid #cbd6e2;
    left: 0;
    right: 0;
    top: -15px;
    margin: 0 auto;
}

.tree-label-top-line .label-work-flow-audit {
    z-index: 2;
}

.profile-main-left .strategy-white-box .col-3 {
    text-align: right;
    padding-left: 0 !important;
}

.profile-main-right .slider-inner-box-strategy .col-3 {
    text-align: right;
    padding-left: 0 !important;
}

.profile-main-right .slider-inner-box-strategy:hover {
    border-color: #0088FF !important;
}

.mapping-label.mapping-label-big {
    font-size: 13px;
    font-family: 'Nunito Bold';
    padding: 8px;
}

@media screen and (max-width: 1023.98px) {
    .profile-main-left {
        width: 35%;
        float: left;
    }
    .profile-main-right {
        width: 64%;
    }
}

@media screen and (max-width: 767.98px) {
    .strategy-tree {
        overflow-x: scroll;
    }
    .strategy-tree .strategy-tree-inner {
        width: 800px;
    }
}


/*Strategy Profile tree end*/

.user-details-page .user-settings .card {
    border-radius: 0;
}

.lg-outline-box .progress-circle.progress-circle-large {
    font-size: 13px !important;
}

.progress-circle-large span {
    line-height: 6.8 !important;
    width: 7em !important;
}


/* extra-small-tab-left start */

.left-tab-btn-small-height .nav-link {
    padding: 8px 14px;
}

.extra-small-tab-left .tab-common-left-content-m {
    width: 95%;
}

.extra-small-tab-left .tab-common-left-md {
    width: 5%;
}

@media screen and (max-width: 1023.98px) {
    .extra-small-tab-left .tab-common-left-content-m {
        width: 92%;
    }
    .extra-small-tab-left .tab-common-left-md {
        width: 8%;
    }
}

@media screen and (max-width: 767.98px) {
    .extra-small-tab-left .tab-common-left-content-m {
        width: 82%;
    }
    .extra-small-tab-left .tab-common-left-md {
        width: 18%;
    }
}


/* extra-small-tab-left end */

.text-color-four {
    color: #829DB9;
}

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

.btm-space-30 {
    margin-bottom: 30px;
}


/* Top bar language dropdown style start */

.top-bar .language-head .dropdown-menu {
    min-width: 90px;
}

.top-bar .language-head .dropdown-menu a {
    font-size: 13px;
    padding: 5px 12px;
}


/* Top bar language dropdown style end */

.left-right-round-btns.btn-left-right-0 .btn-left {
    left: 0;
}

.left-right-round-btns.btn-left-right-0 .btn-right {
    right: 0;
}

.left-tab-btns-scroll {
    max-height: 55vh;
}

.left-tab-btns-scroll .mCSB_scrollTools {
    margin: 5px 0;
    z-index: 99;
}

.tree-wrapper-mapping {
    height: 82vh;
}


/* slider-strategy-objective-new start */

.slider-strategy-objective-new .owl-carousel {
    border: none;
}

.slider-strategy-objective-new .owl-buttons {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -15px;
}

.slider-strategy-objective-new .owl-pagination {
    display: none;
}

.slider-strategy-objective-new .owl-prev {
    background: #fff url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: 50% !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    position: absolute;
    left: -15px;
}

.slider-strategy-objective-new .owl-prev:hover {
    background: #e6e6e69c url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: 50% !important;
}

.slider-strategy-objective-new .owl-next {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: 50% !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    position: absolute;
    right: -15px;
}

.slider-strategy-objective-new .owl-next:hover {
    background: #e6e6e69c url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: 50% !important;
}

.slider-strategy-objective-new .owl-theme .owl-controls {
    margin-top: 0px;
}

.slider-strategy-objective-new .item {
    margin: 12px 3px;
}

.slider-strategy-objective-new .item.active .so-slider-box {
    transform: scale(1.03);
    box-shadow: 0px 4px 4px #cbd6e2;
}

.so-slider-box {
    transition: transform .2s;
}

.so-slider-box:hover {
    transform: scale(1.03);
    box-shadow: 0px 4px 4px #cbd6e2;
    cursor: pointer;
}

.so-slider-box .so-slider-box-header {
    padding: 10px 20px;
    background: #ebebeb;
}

.so-slider-box .so-slider-box-header h5 {
    font-size: 14px;
    font-family: 'Nunito Bold';
    color: #031F41;
    margin-bottom: 0;
}

.so-slider-box .so-slider-box-inner {
    padding: 20px;
    background: #fff;
}

.so-slider-box-scroll-one {
    max-height: 160px;
    min-height: 160px;
}

.so-slider-box-scroll-two {
    max-height: 200px;
    min-height: 200px;
}


/* objective-bg color start */

.objective-bg-lite-red {
    background: #FFDBCF !important;
}

.objective-bg-lite-green-one {
    background: #ADF2A8 !important;
}

.objective-bg-lite-green-two {
    background: #EEFFCF !important;
}

.objective-bg-lite-green-three {
    background: #C5FFEA !important;
}

.objective-bg-lite-blue-one {
    background: #86E3FF !important;
}

.objective-bg-lite-blue-two {
    background: #BCDBFF !important;
}

.objective-bg-lite-purple {
    background: #D9CFFF !important;
}

.objective-bg-lite-orange {
    background: #FFF7C5 !important;
}


/* objective-bg color end */


/* objective-text color start */

.objective-text-lite-red {
    color: #E14F1F !important;
}

.objective-text-lite-green-one {
    color: #499843 !important;
}

.objective-text-lite-green-two {
    color: #7FBD0D !important;
}

.objective-text-lite-green-three {
    color: #06BD7B !important;
}

.objective-text-lite-blue-one {
    color: #25A6B1 !important;
}

.objective-text-lite-blue-two {
    color: #1F73DC !important;
}

.objective-text-lite-purple {
    color: #53448C !important;
}

.objective-text-lite-orange {
    color: #AE9100 !important;
}


/* objective-text color end */

.card-accordion-left-icon .card-header a:before {
    float: left !important;
    margin-left: -20px;
}

.card-accordion-left-icon.card-accordion-new .access-main-card .card-header .card-link {
    padding-left: 40px;
}

.card-accordion-left-icon.card-accordion-new .access-settings .sub-accordion .card .card-header .card-link {
    padding-left: 40px !important;
}

.strategy-objective-tree .so-tree-box {
    width: 300px;
}

.strategy-objective-tree-main .card-accordion-new .access-main-card .card-header .card-link {
    font-size: 14px;
}

.strategy-objective-tree-main .user-details-page .user-settings .card {
    border: none;
}

.strategy-objective-tree-main .user-details-page .user-settings .card .cmn-bdr-top.collapse {
    border: none !important;
}

.strategy-objective-tree-main .access-settings .sub-accordion .card .card-body {
    border: none !important;
}

.strategy-objective-tree-main .card-accordion-new .access-main-card .card-header .card-link {
    padding: 8px 20px 8px 35px;
}

.strategy-objective-tree-main .card-accordion-left-icon.card-accordion-new .access-settings .sub-accordion .card .card-header .card-link {
    padding: 0 0 0 20px !important;
}

.strategy-objective-tree-main .card-accordion-left-icon.card-accordion-new .access-settings .card .card-body {
    padding: 5px 20px;
}

.strategy-objective-tree-main .card-accordion-left-icon.card-accordion-new .access-settings .sub-accordion .card .card-body {
    padding: 10px 0px;
}

.strategy-objective-tree-main .card-accordion-left-icon.card-accordion-new .card-header a:before {
    font-size: 13px;
}

.strategy-objective-tree-main-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    min-height: 300px;
}

.strategy-objective-tree-main-scroll.dragscroll {
    overflow: hidden;
}

.strategy-objective-tree {
    display: flex;
    flex-wrap: nowrap;
}

.strategy-objective-tree-ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.strategy-objective-tree-li {
    float: left;
    list-style-type: none;
    margin-right: 30px;
    display: flex;
    align-items: center;
    position: relative;
}


/*.strategy-objective-tree-ul .strategy-objective-tree-li:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #506E91;
    width: 30px;
    height: 1px;
    right: -30px;
    top: 50%;
    margin-top: -5px;
}
.strategy-objective-tree-ul .strategy-objective-tree-li:last-child:before {
    content: none;
}*/

ul.so-inner-ul-1 {
    margin: 0;
    padding: 0;
}

li.so-inner-li-1 {
    list-style-type: none;
    margin-left: 30px;
    display: flex;
    align-items: center;
}

.strategy-objective-tree-ul .strategy-objective-tree-li .so-tree-box-line {
    position: relative;
}

.strategy-objective-tree-ul .strategy-objective-tree-li .so-tree-box-line:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #506E91;
    width: 30px;
    height: 1px;
    right: -30px;
    top: 50%;
    /*margin-top: -5px;*/
}

.card-color-text-heading.access-main-card .sub-accordion .card-header .card-link.collapsed {
    opacity: 0.7;
}

.card-color-text-heading.access-main-card .sub-accordion .card-header .card-link {
    opacity: 1;
}

.strategy-objective-tree-main .access-main-card {
    transition: transform .2s;
    position: relative;
}

.strategy-objective-tree-main .access-main-card:hover {
    box-shadow: 0px 4px 4px #cbd6e2;
    transform: scale(1.02);
    z-index: 1;
}

.strategy-objective-tree-main .access-main-card.remove-zoom-hov:hover {
    box-shadow: none;
    transform: none;
}

.strategy-objective-tree-ul-inner {
    margin: 0;
    padding: 0;
    position: relative;
    margin-left: 60px;
}

.strategy-objective-tree-li-inner {
    list-style-type: none;
    position: relative;
    display: flex;
    align-items: center;
}

.strategy-objective-tree-li-inner:before {
    position: absolute;
    content: "";
    background: #506E91;
    width: 1px;
    height: calc(50% + 13px);
    left: -30px;
    bottom: -13px;
}

.strategy-objective-tree-li-inner:last-child:before {
    content: none;
}

.strategy-objective-tree-li-inner:after {
    position: absolute;
    content: "";
    background: #506E91;
    width: 1px;
    height: 50%;
    left: -30px;
    top: 0%;
}

.strategy-objective-tree-li-inner:first-child:after {
    content: none;
}

.line-left-so-ul {
    position: relative;
}

.line-left-so-ul:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #506E91;
    width: 30px;
    height: 1px;
    left: 0px;
    top: 50%;
    margin-top: -5px;
}

.so-li-inner-box {
    position: relative;
}

.so-li-inner-box:before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #506E91;
    width: 30px;
    height: 1px;
    left: -30px;
    top: 50%;
}

.so-tree-right-line {
    position: relative;
}

.so-tree-right-line:after {
    position: absolute;
    content: "";
    border-bottom: 1px solid #506E91;
    width: 30px;
    height: 1px;
    right: -30px;
    top: 50%;
}

.slider-strategy-objective-new {
    position: relative;
    z-index: 1;
}

.btn-round-cmn {
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
    cursor: pointer;
    position: fixed;
    bottom: 25%;
    z-index: 101;
}

.btn-round-cmn.btn-round-cmn-left {
    background: #fff url(../images/slide_left.png) no-repeat 6px 7px !important;
    background-size: 50% !important;
    left: 80px;
}

.btn-round-cmn.btn-round-cmn-left:hover {
    background: #e6e6e69c url(../images/slide_left.png) no-repeat 6px 7px !important;
    background-size: 50% !important;
}

.btn-round-cmn.btn-round-cmn-right {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: 50% !important;
    right: 19px;
}

.btn-round-cmn.btn-round-cmn-right:hover {
    background: #e6e6e69c url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: 50% !important;
}

@media only screen and (max-width: 1199.98px) {
    .btn-round-cmn.btn-round-cmn-left {
        left: 10px;
    }
    .btn-round-cmn.btn-round-cmn-right {
        right: 10px;
    }
}


/* slider-strategy-objective-new end */


/* date and time picker style start */

.owl-dt-timer {
    height: auto !important;
}

.owl-dt-inline-container .owl-dt-calendar,
.owl-dt-popup-container .owl-dt-calendar {
    height: 100% !important;
}


/* date and time picker style end */


/* step-v2-tab  start */

.step-v2-tab-main {
    display: flex;
    justify-content: center;
}

.step-v2-tab-box {
    margin: 30px 0;
    text-align: center;
    position: relative;
    width: 20%;
}

.step-v2-tab-box:after,
.step-v2-tab-box:before {
    content: "";
    position: absolute;
    top: 8px;
    width: 50%;
    height: 2px;
    background: #e5e5e5;
}

.step-v2-tab-box:after {
    right: 0;
}

.step-v2-tab-box:before {
    left: 0;
}

.step-v2-tab-box:first-child:before {
    width: 0;
}

.step-v2-tab-box:last-child:after {
    width: 0;
}

.step-v2-tab-box .mt-step-number {
    font-size: 26px;
    border-radius: 50%!important;
    display: inline-block;
    margin: auto auto 5px;
    padding: 0px;
    border: 2px solid #e5e5e5;
    position: relative;
    z-index: 5;
    height: 18px;
    width: 18px;
    text-align: center;
    background: #e5e5e5;
}

.step-v2-tab-box .mt-step-number i {
    position: relative;
    font-size: 26px;
    color: #33475b;
}

.step-v2-tab-box .mt-step-title {
    color: #33475b;
    font-size: 13px;
    padding-top: 3px;
    font-family: 'Nunito SemiBold';
}


/* blue */

.step-v2-tab-box.active .mt-step-number {
    color: #007BFF !important;
    border-color: #007BFF !important;
    background: #007BFF !important;
}

.step-v2-tab-box.active .mt-step-number i {
    color: #007BFF !important;
}

.step-v2-tab-box.active .mt-step-title {
    color: #007BFF !important;
}

.step-v2-tab-box.active:after,
.step-v2-tab-box.active:before {
    background: #007BFF !important;
}

.step-v2-tab-box.show .mt-step-number {
    -webkit-animation: at-ripple-show 0.6s linear infinite;
    animation: at-ripple-show 0.6s linear infinite;
}

@keyframes at-ripple-show {
    0% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 0 rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1);
    }
    100% {
        box-shadow: 0 4px 10px rgba(0, 136, 255, 0.1), 0 0 0 5px rgba(0, 136, 255, 0.1), 0 0 0 10px rgba(0, 136, 255, 0.1), 0 0 0 20px rgba(0, 136, 255, 0);
    }
}

.step-v2-tab-user-box {
    position: absolute;
    right: -34%;
    top: -36px;
    display: flex;
    align-items: center;
    border: 1px solid #cbd6e2;
    padding: 8px;
    border-radius: 4px;
    background: #fff;
    width: 68%;
    text-align: left;
}

.elips-2 {
    word-break: break-word;
}

.file-lock {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 0;
    top: -6px;
    z-index: 1;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.file-lock .file-lock-icon {
    font-size: 16px;
    line-height: 28px;
    color: #506e91;
    background: #fff;
    border: 1px solid #506e91;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 50%;
}

.file-lock .locked-detils {
    position: absolute;
    left: -11px;
    top: 36px;
    z-index: 3;
    width: 300px;
    background: #fff;
    box-shadow: 1px 1px 11px #bfbfbf;
    padding: 15px;
    border-radius: 5px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    display: none;
}

.file-lock .locked-detils:before {
    content: "";
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    top: -10px;
    left: 16px;
    z-index: 10;
}

.file-lock:hover .file-lock-icon {
    color: #007BFF;
    cursor: pointer;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.file-lock:hover .locked-detils {
    display: block;
}

.step-v2-tab-box:last-child .file-lock {
    right: 0;
    left: 0;
    margin: 0 auto;
    z-index: 10;
}

@media only screen and (max-width: 767.98px) {
    .step-v2-tab-main {
        display: block;
    }
    .step-v2-tab-box {
        width: 100%;
    }
    .step-v2-tab-user-box {
        right: -3%;
        width: 50%;
    }
    .step-v2-tab-box .mt-step-number {
        display: block;
        margin-bottom: 8px;
    }
    .step-v2-tab-box:after,
    .step-v2-tab-box:before {
        width: 2px;
        height: 100%;
        left: 0;
        right: 0;
        margin: 0 auto;
    }
    .step-v2-tab-box:after {
        top: 18px;
    }
    .step-v2-tab-box:before {
        top: -13px;
    }
    .step-v2-tab-box .mt-step-title {
        padding: 3px 10px 2px 10px;
        border-radius: 3px;
        background: #fff;
        display: inline-block;
        position: relative;
        z-index: 1;
        border: 1px solid;
        line-height: 17px;
    }
    .file-lock {
        right: 0;
        left: 0;
        margin: 0 auto;
        top: -6px;
        z-index: 6;
    }
    .file-lock .locked-detils {
        left: -150px;
    }
    .file-lock .locked-detils:before {
        left: calc(50% + 5px);
    }
}


/* step-v2-tab end */


/* son customer enquiry style start */

.progress.progress-inner-score .progress-bar span {
    padding: 4px;
    line-height: 11px;
    font-size: 11px;
}

.progress.progress-inner-score {
    height: 16px;
}

.left-tab-inner-content {
    min-height: 68vh;
}

.nav-item.tab-btn-subtab {
    border-left: 1px solid #ced4da;
}

.top-line-tab {
    border-top: 1px solid #ced4da;
}

.nav-item.tab-btn-subtab .nav-link {
    padding: 4px 15px 4px 30px;
    border: none !important;
    font-size: 14px;
    position: relative;
}

.nav-item.tab-btn-subtab .nav-link:before {
    position: absolute;
    content: "";
    left: 15px;
    top: 11px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #839DBA;
    z-index: 2;
}

.nav-item.tab-btn-subtab .nav-link.active:before {
    border-color: #a8841b;
    background: #a8841b;
}

.nav-item.tab-btn-subtab .nav-link.visited:before {
    border-color: #a8841b;
    background: #a8841b;
}

.nav-item.tab-btn-subtab .nav-link.visited {
    color: #a8841b;
}

.nav-item.tab-btn-subtab .nav-link:after {
    position: absolute;
    content: "";
    left: 18px;
    bottom: 0;
    width: 1px;
    height: 100%;
    background: #839DBA;
    z-index: 1;
}

.nav-item.tab-btn-subtab .nav-link.active:after {
    background: #a8841b;
}

.nav-item.tab-btn-subtab .nav-link.visited:after {
    background: #a8841b;
}

.nav-item.tab-btn-subtab.dot-top-line-remove .nav-link:after {
    height: 50%;
}

.nav-item.tab-btn-subtab.dot-bottom-line-remove .nav-link:after {
    height: 16px;
    bottom: unset;
    top: 0;
}

.nav-item.tab-btn-subtab .nav-link:hover {
    background: transparent;
    box-shadow: none;
}

.nav-item.tab-btn-subtab .nav-link.active {
    background: transparent;
    box-shadow: none;
}

.list-tab-head-inner {
    position: relative;
    padding-top: 27px;
}

.list-tab-head-inner .list-tab-head-inr {
    position: absolute;
    font-size: 15px;
    color: #33475b;
    top: 3px;
    left: 15px;
}


/* son customer enquiry style end */


/* son Documents style start */

.step-v2-tab-son-doc .step-v2-tab-box {
    margin: 25px 0 20px 0;
}

.curve-small-tab .nav-tabs .nav-item .nav-link {
    font-size: 13px;
    border: 1px solid transparent;
    padding: 6px 18px;
    border-radius: 17px;
    background: transparent;
}

.curve-small-tab .nav-tabs .nav-item .nav-link.active {
    border-color: #0088FF !important;
    background: #EFF8FF !important;
    color: #0088FF !important;
}

.right-report-chat-fixed.scroll-div-fix.newClass .chat-report-scroll-son {
    height: calc(100vh - 192px);
}


/* son Documents style end */

.form-group .form-control.selected {
    background: #F3F8FB;
}

.form-group .selected .selectator_element {
    background: #F3F8FB;
}

.pdf-wapper {
    min-height: 100vh;
    height: auto;
}


/* report pdf height start */

.pdf-page-height.main-container {
    overflow: hidden;
}

.pdf-page-height .pdf-page-section {
    height: auto;
    min-height: 1200px;
    border-top: 16px solid #0088FF;
    margin-bottom: 0 !important;
    padding: 30px;
}

.pdf-page-height .holder {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.pdf-page-height .maindiv .holder:last-child .pdf-page-section {
    border-bottom: 16px solid #0088FF;
}

.pdf-page-height .pdf-cover-inner-main {
    height: 1040px;
}

.page-count-page-end-report p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: center;
    line-height: 14px;
    margin-top: 15px;
}

.pdf-page-inner-height {
    height: calc(100% - 29px);
    min-height: 1094px;
    overflow: hidden;
}


/* report pdf height end */

.tree-scroll-height {
    height: 72vh;
}

.tree-scroll-new {
    overflow-x: scroll;
    overflow-y: hidden;
}

.slider-strategy-objective-new .owl-nav {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -15px;
}

.tree-img-border-hide img {
    border: none !important;
}

.assessment-overall-two {
    min-height: 500px;
}

.assessment-overall-three {
    min-height: 615px;
}

.competency-progrss-main.center-line-remove:before {
    border: none;
}


/* checkbox dropdown start */

.form-group .checkbox-dropdown .dropdown {
    position: relative;
    font-size: 14px;
    color: #333;
}

.form-group .checkbox-dropdown .dropdown .dropdown-list {
    padding: 12px;
    background: #fff;
    position: absolute;
    top: 38px;
    left: 2px;
    right: 2px;
    box-shadow: 0 1px 2px 1px rgba(0, 0, 0, .15);
    transform-origin: 50% 0;
    transform: scale(1, 0);
    transition: transform 0.15s ease-in-out 0.15s;
    max-height: 40vh;
    overflow-y: scroll;
    z-index: 1;
}

.form-group .checkbox-dropdown .dropdown .dropdown-option {
    display: block;
    padding: 4px 0px;
    margin: 0;
    opacity: 0;
    transition: opacity 0.15s ease-in-out;
    font-family: 'Nunito Regular';
    cursor: pointer;
    font-size: 14px;
}

.form-group .checkbox-dropdown .dropdown .dropdown-option:hover {
    color: #0088FF;
}

.form-group .checkbox-dropdown .dropdown .dropdown-label {
    display: block;
    height: calc(2.25rem + 2px);
    background: #fff;
    border: 1px solid #ced4da;
    border-radius: 6px;
    color: #9f9f9f;
    padding: 8px 20px 7px 10px;
    line-height: normal;
    cursor: pointer;
    font-family: 'Nunito Regular';
    position: relative;
    font-size: 13px;
}

.form-group .checkbox-dropdown .dropdown .dropdown-label:after {
    position: absolute;
    z-index: 2;
    right: 24px;
    top: 13px;
    font-size: 14px;
    margin-top: -3px;
    height: 0;
    width: 0;
    pointer-events: none;
    content: "\f078";
    color: #ced4da;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
}

.form-group .checkbox-dropdown .dropdown.on .dropdown-list {
    transform: scale(1, 1);
    transition-delay: 0s;
}

.form-group .checkbox-dropdown .dropdown.on .dropdown-list .dropdown-option {
    opacity: 1;
    transition-delay: 0.2s;
}

.form-group .checkbox-dropdown .drop-inner-check {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}


/* checkbox dropdown end */


/* tab-type-outline-tag start */

.tab-type-outline-tag .outline-tag:first-child {
    border-radius: 3px 0 0 3px;
}

.tab-type-outline-tag .outline-tag:last-child {
    border-radius: 0 3px 3px 0;
}


/* tab-type-outline-tag end */


/* card-icon-span start */

.card-icon-span .card-header a:before {
    content: none;
}

.card-icon-span .card-header .drop-down-icone {
    color: #829EBA;
    font-size: 17px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -13px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.card-icon-span .card-header .card-link {
    position: relative;
}

.access-main-card .card-header .card-link.collapsed .drop-down-icone {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}

.card-accordion-left-icon .card-header .drop-down-icone {
    right: unset;
    left: 14px;
}


/* card-icon-span end */

.strategy-objective-tree-main .card-icon-span .card-header .drop-down-icone {
    font-size: 14px;
    margin-top: -10px;
}

.strategy-objective-tree-main .card-icon-span .sub-accordion .card-header .drop-down-icone {
    left: 0;
}


/* accodion angular animation start */

.panel-drop-sections .panel-collapse {
    transition: height .3s;
    height: 0;
    /*overflow: hidden;*/
}

.panel-drop-sections .panel-collapse.show {
    height: auto;
    transition: height .3s;
}


/* accodion angular animation end */

.panel-drop-auto-height.panel-drop-sections .panel-collapse {
    height: auto;
}

.top-line-remove-tree-before:before {
    content: none !important;
}

.table-calender-audit tbody tr:hover {
    background: none !important;
    color: #000;
}


/* son certificate-page style start */

.certificate-page-main {
    width: 1000px;
    height: auto;
    margin: 0 auto;
    padding: 25px;
    background: #fff;
}

.certificate-page-inner {
    border: 10px solid #17b83e;
    border-radius: 5px;
}

.certificate-page-content {
    border: 2px solid #000;
    margin: 3px;
    padding: 30px;
}

.sun-logo-certificate {
    text-align: center;
    margin: 0 auto;
}

.font-script-mt-bold {
    font-family: "ScriptMTBold";
}

.font-acumin-variable-concept {
    font-family: "Acumin Variable Concept";
}

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

.left-text-badge-certificate {
    position: relative;
    padding: 0 55px;
}

.text-badge-box-certificate {
    position: absolute;
    left: 0;
    top: 20px;
}

@media only screen and (max-width: 1023.98px) {
    .certificate-scroll-small-devise {
        overflow-x: scroll;
    }
}


/* son certificate-page style end */

.table-center-checkbox {
    position: relative;
}

.table-center-checkbox .container2 {
    margin: -8px auto 12px auto;
    left: 0;
    right: 0;
    position: absolute;
    width: 17px;
    height: 17px;
    padding: 0;
}

.access-main-card .sub-accordion .white-cbox .custom-control-label {
    padding-top: 5px !important;
}

.access-main-card .sub-accordion .card-header .white-cbox .custom-control-label {
    padding-top: 4px !important;
}


/*document-details-qoc start*/

.document-details-qoc .user-right-fill {
    right: 0px;
    max-width: 76%;
}

.document-details-qoc .flex-98-width {
    max-width: 100%!important;
}

@media screen and (max-width: 767.98px) {
    .small-tab-icons {
        width: 150px;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .document-details-qoc .user-right-fill {
        right: 0px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 1024px) {
    .document-details-qoc .user-right-fill {
        right: 15px;
    }
}


/*document-details-qoc end*/

.risk-db-topten-sec {
    min-height: 580px;
}

.form-group .ng-dropdown-panel {
    z-index: 999999;
}

.form-group .ng-dropdown-panel .ng-dropdown-panel-items {
    max-height: 180px;
}

.btn.disabled,
.btn:disabled {
    cursor: not-allowed;
}

.work-flow-info-tab .small-tab-icons .nav-tabs {
    float: right !important;
}


/* Process Activities style start */

.activities-main {
    display: flex;
}

.activities-main .activities-left {
    width: 65px !important;
}

.activities-main .activities-right {
    width: 100% !important;
}


/* Process Activities style end */

.document-label-status {
    font-size: 11px;
    color: #454768;
    background: #ccc;
    padding: 2px 8px 0px 16px;
    border-radius: 28px 0px 0px 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 1;
    font-family: 'Nunito SemiBold';
}


/* hc Dashbord style flex box start */

@media screen and (max-width: 767.98px) {
    .hc-db-count-one .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .processes-issue {
        display: block;
    }
    .processes-issue .btn {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
    .hc-db-count-one .col {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
}


/* hc Dashbord style flex box end */


/* Table user list center align start */

table .arci-user-tab-dtl {
    text-align: center;
}

table .arci-user-tab-dtl li {
    float: none;
    display: inline-block;
}


/* Table user list center align end */


/* header-ng-select-new start */

.header-ng-select-new .multiple-plain-ngselect {
    margin: 5px 20px 0 0;
}

.header-ng-select-new .ng-select .ng-select-container {
    min-height: 32px !important;
}

.header-ng-select-new .multiple-plain-ngselect .ng-select .ng-select-container:after {
    top: 8px;
}

.header-ng-select-new .multiple-plain-ngselect .ng-clear-wrapper {
    top: 3px;
}

.header-ng-select-new .ng-select {
    min-width: 170px;
}


/* header-ng-select-new end */

.user-guide-tab .mCustomScrollBox {
    padding-right: 15px;
}

.document-step-left-space {
    padding-left: 250px;
}

.msg-bg-grey {
    background: #f1f1f1 !important;
}

.msg-bg-grey:before {
    border-color: #f1f1f1 transparent transparent transparent !important;
}

.panel-drop-white .panel-heading .drop-down-icone {
    margin-top: -16px;
}


/* task-notification-hdr start */

.task-notification-hdr .nav-link.dropdown-toggle {
    padding: 4px 0 4px 20px !important;
}

.task-notification-show {
    position: fixed !important;
    width: 650px;
    right: 0;
    top: 0;
    max-height: 100vh;
    z-index: 999999;
}

.task-notification-show:after {
    content: "";
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: unset;
    right: 7px;
    z-index: 9;
}

.task-notification-hdr .task-notification-link {
    padding: 4px 0 4px 20px !important;
}

.task-notification-hdr .nav-ul-task {
    margin: 0;
    list-style-type: none;
    position: absolute;
    top: 45px;
    left: unset;
    right: -20px;
    background: #fff;
    min-width: 300px;
    width: 400px;
    padding: 10px 0px;
    z-index: 1;
    box-shadow: 0px 1px 7px #ccc;
    display: none;
}

.task-notification-hdr .nav-ul-task:after {
    content: "";
    border-bottom: 12px solid #fff;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: -12px;
    left: unset;
    right: 14px;
    z-index: 9;
}

.task-notification-hdr .line-tab .nav-link {
    color: #7F8EA1;
    padding: 14px 14px !important;
    border-color: transparent;
    font-family: 'Nunito SemiBold';
    font-size: 14px;
}

.task-notification-hdr .line-tab .nav-link:hover,
.task-notification-hdr .line-tab .nav-link:focus {
    color: #0088FF;
}

.task-list-header-main {
    height: calc(100vh - 60px);
}

.task-list-header-main .task-list-header {
    padding: 14px 14px;
    border-bottom: 1px solid #dfdfdf;
}

.task-list-header-main .task-list-header:hover {
    background: #f7f7f7;
}

.task-list-header-main .task-list-header:last-child {
    border-bottom: none;
}

.task-view-all-btn {
    padding: 6px 14px;
    background: #ECF5FF;
}

.task-view-all-btn a {
    font-size: 14px !important;
}

.draft-tag.ml-0 {
    margin-left: 0 !important;
}

.task-notification-hdr .notifications-head {
    padding: 15px 14px;
}

.task-notification-hdr .notification-head {
    font-size: 18px;
    padding: 0px;
}

nav .notifications-head .btn {
    margin: 0 !important;
    margin-left: 5px !important;
}

nav .notifications-head {
    border-bottom: 1px solid #cbd6e2 !important;
    display: flex;
    align-items: center;
    padding: 15px 14px;
}

nav .notification-head {
    margin-bottom: 0;
    padding: 0 !important;
    width: 100%;
}

@media screen and (max-width: 767.98px) {
    .task-notification-show {
        width: 97%;
    }
}


/* task-notification-hdr end */

.edit-and-delete-small a:hover .fa-trash,
.edit-and-delete-small button:hover .fa-trash {
    color: #dc3545!important;
}

.edit-and-delete-small a:hover .fa-trash-alt,
.edit-and-delete-small button:hover .fa-trash-alt {
    color: #dc3545!important;
}

.edit-and-delete-small button.btn-small-icon {
    margin-right: 0px;
}

.edit-and-delete-small button.btn-small-icon:last-child {
    margin-right: 2px;
}

.nav-tabs .nav-item .nav-link.text-white,
.nav-tabs .nav-link.active.text-white {
    color: #fff !important;
}

@media screen and (max-width: 1400.98px) {
    nav .nav .ng-select {
        top: -16px !important;
    }
}

.single-line-text .selectator_selected_item_title {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.center-tree-stg {
    display: flex;
    justify-content: center;
    width: auto;
}

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
    .folder-options .folder-options-main-ul {
        width: 190px;
    }
    .pdf-menu-accodion {
        margin: 0 !important;
    }
}

.user-details-page .right-block h5 {
    z-index: 9;
}

.close-page-smol .close-page .lni-close:hover {
    color: #0088FF;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container,
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: pre-line !important;
}

nav .drop-menu-list-hdr-right .nav li a i {
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 3px;
}

.two-user-pic {
    margin-left: -22px;
}

.pdf-menu-accodion-inner .panel-drop-sections .panel-heading .drop-down-icone {
    /* top: calc(50% + 3px); */
    top: 22px;
}

.pdf-menu-accodion-inner .panel-drop-sections .panel-heading.active .drop-down-icone {
    /* top: calc(50% + 3px) !important; */
    top: 22px !important;
}

.user-new-active-three {
    left: 34px;
    bottom: -1px;
}

.two-user-before {
    opacity: 0.5;
    margin-right: -20px;
}

.two-user-before:hover {
    opacity: 1;
}

.two-user-li {
    width: 74px !important;
}

.line-tab-top-space {
    margin-top: -20px;
}

.two-user-slider-inner {
    margin: 0 auto;
    text-align: center;
}

.two-user-slider-inner img {
    display: inline-block !important;
    width: 40px !important;
    height: 40px !important;
}

.user-deleagation-text {
    position: absolute;
    right: 5px;
    bottom: -2px;
    width: 14px;
    height: 14px;
    text-align: center;
    font-size: 10px;
    color: #28a745;
    background: #fff;
    border-radius: 50%;
    border: 1px solid #28a745;
    font-family: 'Nunito Black';
    line-height: 13px;
}


/* step form moving-text style start */

.step.sliding-text {
    display: flex;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}

.step.sliding-text .sliding-text-bg {
    overflow-x: hidden;
    width: 100%;
}

.organization-multi-stup-form .step.sliding-text .multi-form-nbr {
    width: 22px;
    margin-top: -2px;
}

.step.sliding-text .sliding-text-inner {
    animation-name: rightToLeft;
    animation-duration: 8.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation: rightToLeft 8.5s linear infinite;
    text-align: initial;
    white-space: nowrap;
}

@keyframes rightToLeft {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media screen and (max-width: 767.98px) {
    .organization-multi-stup-form .step.sliding-text {
        padding-left: 20px;
    }
    .btn-header-db.float-right {
        margin: 5px 18px 0 0 !important;
    }
}


/* step form moving-text style end */

.change-password-bg-v2 {
    background: url(../images/forgot-bg.jpg) no-repeat 0 0 fixed;
    background-size: 100% 100%;
}

@media screen and (max-width: 1199px) and (min-width: 320px) {
    .message-password-inp table {
        width: 100% !important;
    }
}


/* Strategy Dashbord updation style start */

.stg-sec-one-slider {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.stg-sec-one-slider .owl-focus-area-slider .owl-prev {
    left: -48px;
}

.stg-sec-one-slider .owl-focus-area-slider .owl-next {
    right: -48px;
}

.box-label {
    padding: 10px 15px;
    border: 1px solid #cbd6e2;
    border-radius: 4px;
    margin: 0 5px 5px 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.box-label:hover {
    background: #f2f2f2;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.box-label-score {
    background: #F3F8FB;
    padding: 0 10px;
    margin-top: 5px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.box-label:hover .box-label-score {
    background: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.box-label.active-orange {
    color: #ffa500 !important;
    border-color: #ffa500 !important;
    background: #FFF9F1;
}

.box-label.active-orange h5 {
    color: #ffa500 !important;
}

.box-label.active-pink {
    color: #F71DAE !important;
    border-color: #F71DAE !important;
    background: #FFF3FF;
}

.box-label.active-pink h5 {
    color: #F71DAE !important;
}

.box-label.active-orange .box-label-score,
.box-label.active-pink .box-label-score {
    background: #fff !important;
}

.box-label.active-qoc {
    color: #8f1538 !important;
    border-color: #8f1538 !important;
    background: #FFF3FF;
}

.box-label.active-qoc h5 {
    color: #8f1538 !important;
}

.box-label.active-orange .box-label-score,
.box-label.active-qoc .box-label-score {
    background: #fff !important;
}

.box-label-score .box-label-score-inner {
    padding: 8px 0;
    text-align: center;
}

.box-label h5 {
    display: flex;
    width: 100%;
    align-items: center;
}

.stg-db-focus-area-slider .owl-focus-area-slider .owl-prev,
.stg-db-focus-area-slider .owl-focus-area-slider .owl-next {
    margin-top: -18px !important;
}

.stg-db-focus-area-slider .owl-focus-area-slider .owl-prev {
    left: -34px;
}

.stg-db-focus-area-slider .owl-focus-area-slider .owl-next {
    right: -34px;
}

.box-label-link:hover {
    cursor: pointer;
    background: #f3f3f3;
}

ul.arrowlist.arrowlist-orange li {
    background: url(../images/arrow-list-orange.svg) no-repeat 0 6px !important;
    background-size: 13px;
}

ul.arrowlist.arrowlist-orange li:hover {
    background: url(../images/arrow-list-orange.svg) no-repeat 10px 6px !important;
}

ul.arrowlist.arrowlist-pink li {
    background: url(../images/arrow-list-pink.svg) no-repeat 0 6px !important;
    background-size: 13px;
}

ul.arrowlist.arrowlist-pink li:hover {
    background: url(../images/arrow-list-pink.svg) no-repeat 10px 6px !important;
}

ul.arrowlist.arrowlist-small li {
    padding-left: 22px;
    font-size: 13px;
}

ul.arrowlist.arrowlist-small li:hover {
    background-position: 5px 6px !important;
}


/* Strategy Dashbord updation style end */


/* color-picker-input start */

.color-picker-input [type='color'] {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding: 0;
    width: 25px;
    height: 25px;
    border: none;
    border-radius: 5px !important;
    vertical-align: middle;
}

.color-picker-input [type='color']::-webkit-color-swatch-wrapper {
    padding: 0;
}

.color-picker-input [type='color']::-webkit-color-swatch {
    border: none;
}

.color-picker-input .color-picker {
    border-radius: 0.25rem;
    border: 1px solid #ced4da;
    background-color: #fff;
    display: block;
    color: #A1A9B3;
}

.color-picker-input .color-picker label {
    display: block;
    padding: 0.344rem 0.8rem;
}

.color-picker-input .color-picker label span {
    color: #A1A9B3;
    font-weight: normal;
    vertical-align: middle;
    padding: 2px 4px;
}


/* color-picker-input end */

.add-new-scoring {
    display: none;
}

.sroll-right-end .mCSB_scrollTools {
    right: -9px;
}

.main-menu .mCSB_scrollTools {
    right: -4px;
}


/* sidebar fix style start */

#nav-icon1.open1 span:nth-child(1),
.main-menu-active #nav-icon1 span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

#nav-icon1.open1 span:nth-child(2),
.main-menu-active #nav-icon1 span:nth-child(2) {
    opacity: 0;
    left: -60px;
}

#nav-icon1.open1 span:nth-child(3),
.main-menu-active #nav-icon1 span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.main-menu-active #sidebar-wrapper-menu {
    width: 250px !important;
}

.main-menu-active #sidebar-wrapper-menu .side-bar-header {
    padding: 12px 30px;
}

.main-menu-active #sidebar-wrapper-menu .side-menu-lg-logo {
    display: block;
}

.main-menu-active #sidebar-wrapper-menu .menu-collape-area li a span {
    display: inline-block;
}


/* sidebar fix style end */

.one-time-password input {
    display: inline-block;
    width: 100%;
    height: calc(3.25rem + 2px);
    padding: 0.375rem 0.75rem;
    margin: 6px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.one-time-password input:first-child {
    margin-left: 0;
}

.one-time-password input:last-child {
    margin-right: 0;
}

.login-forget {
    display: inline-block;
}

.login-forget,
.login-forget i {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.login-forget i {
    position: relative;
}

.login-forget:hover i {
    left: -1px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.one-time-password .inputs .otp-input {
    font-size: 16px;
}


/* start assesment style start */

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

.competency-assessment-user-drop .ng-select.ng-select-searchable .ng-select-container .ng-value-container .ng-input {
    opacity: 0;
}

.competency-assessment-user-drop .ng-select.ng-select-searchable.ng-select-filtered .ng-select-container .ng-value-container .ng-input {
    opacity: 1;
}


/* start assesment style end */

.form-group .competency-assessment-user-drop .ng-input {
    /* opacity: 1 !important; */
}

.form-group .ng-select .ng-clear-wrapper {
    z-index: 2;
}

.border-input-group .custom-select-icon .ng-select-container {
    border-left: 0;
    border-radius: 0 5px 5px 0;
}


/* login popup style start */

.login-popup-new {
    background: rgba(0, 24, 54, 0.8);
}

.login-popup-new .modal-dialog {
    max-width: 430px;
}

.login-popup-new .small-pop-head-white h4 {
    padding: 20px 0;
}

.login-popup-new .form-body {
    padding: 15px 30px 30px 30px;
}

.login-popup-new .login-block {
    width: 100%;
}

.small-pop-head-white {
    border-bottom: 1px solid #ced2d5;
}


/* login popup style end */

.form-group .custom-control .custom-control-label {
    font-family: Nunito Regular!important;
}


/* kh document start */

.kh-document-grid {
    display: none;
}

.kh-doc-details .user-right-fill {
    max-width: calc(77% - 30px);
    right: 0;
}

.kh-doc-details .user-right-fill.flex-98-width {
    max-width: 100% !important;
}

body.body-slide .kh-doc-details .user-right-fill {
    max-width: 75%;
}

body.body-slide .kh-doc-details .user-right-fill.flex-98-width {
    max-width: 100% !important;
}

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
    body.body-slide .pdf-menu-accodion {
        left: 250px;
    }
    .kh-doc-details .user-right-fill {
        max-width: calc(75% - 30px);
    }
    body.body-slide .kh-doc-details .user-right-fill {
        max-width: 73%;
    }
    body.body-slide .pdf-menu-accodion {
        left: 250px !important;
    }
}

@media screen and (max-width: 1440.98px) and (min-width: 320px) {
    body.body-slide .pdf-new-style-pagination.pdf-v2-report-html {
        margin: 0 !important;
        padding-left: 250px;
        width: 100%;
    }
    body.body-slide .pdf-right-contents {
        width: 100%;
    }
}

.kh-new-doc-details-body {
    /* overflow-y: auto !important; */
    min-height: 100vh;
}

body.kh-new-doc-details-body {
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-y: scroll !important;
}

body.kh-new-doc-details-body::-webkit-scrollbar {
    display: none;
    /* for Chrome, Safari, and Opera */
}

.kh-report-main-div .pdf-menu-accodion .sub-sec-pl {
    padding-left: 18px;
}

.kh-report-main-div .pdf-menu-accodion {
    width: 300px;
}

.kh-report-main-div .pdf-new-style-pagination.pdf-v2-report-html {
    width: 100%;
    padding-left: 285px;
    margin-right: 0;
}

.kh-report-main-div .main-container {
    width: 100%;
}

.kh-report-main-div .maindiv {
    width: 100%;
}

body.body-slide .kh-report-main-div .maindiv {
    width: 100%;
}

body.body-slide .kh-report-main-div .pdf-new-style-pagination.pdf-v2-report-html {
    padding-left: 300px;
}

.work-flow-pdf-preview .text-editor-content iframe {
    min-height: calc(100vh - 200px);
}

@media screen and (max-width: 767px) {
    .kh-report-main-div .pdf-new-style-pagination.pdf-v2-report-html {
        padding-left: 0px;
    }
}

@media screen and (max-width: 1199.9px) and (min-width: 768px) {
    .kh-report-main-div .pdf-new-style-pagination.pdf-v2-report-html {
        padding-left: 300px;
    }
}

iframe img {
    max-width: 100%;
    height: auto;
}


/* kh document end */


/* animation tooltip style start */

.hove-tooltip {
    position: relative;
}

.animate-tooltip {
    position: absolute;
    bottom: 40px;
    left: -6px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0px 0px 10px #ccc;
    border: 2px solid #0088FF;
    width: 250px;
    z-index: 2;
    display: none;
    /* transition: bottom 1s; */
}

.hove-tooltip:hover .animate-tooltip {
    display: block;
}

.animate-tooltip:before {
    content: "";
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 12px;
    z-index: 11;
}

.animate-tooltip:after {
    content: "";
    border-top: 10px solid #0088FF;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 12px;
    z-index: 10;
}

.animate-tooltip p {
    margin-bottom: 0;
    line-height: 15px;
    font-size: 13px;
}

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

.animate-tooltip-inner {
    overflow: hidden;
    padding: 15px;
    min-height: 85px;
    position: relative;
    border-radius: 20px;
}

.text-move-anm-1 {
    position: relative;
    -webkit-animation: textmoveone 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: textmoveone 2s 1;
    animation-fill-mode: forwards;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes textmoveone {
    0% {
        top: -600px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

@keyframes textmoveone {
    0% {
        top: -600px;
        opacity: 0;
    }
    100% {
        top: 0px;
        opacity: 1;
    }
}

.text-move-anm-2 {
    position: relative;
    -webkit-animation: textmovetwo 4s 1;
    -webkit-animation-fill-mode: forwards;
    animation: textmovetwo 4s 1;
    animation-fill-mode: forwards;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes textmovetwo {
    0% {
        bottom: -600px;
        opacity: 0;
    }
    100% {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes textmovetwo {
    0% {
        bottom: -600px;
        opacity: 0;
    }
    100% {
        bottom: 0px;
        opacity: 1;
    }
}

.tt-animation-icon-cmn {
    font-size: 12px;
    color: #506e91;
    opacity: 0.2;
    position: absolute;
}

.tt-animation-icon-cmn.tt-animation-icon-1 {
    left: 11%;
    top: 16%;
    font-size: 13px;
    -webkit-animation: anone 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: anone 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes anone {
    0% {
        left: -20px;
        top: -20px;
    }
    100% {
        left: 11%;
        top: 16%;
    }
}

@keyframes anone {
    0% {
        left: -20px;
        top: -20px;
    }
    100% {
        left: 11%;
        top: 16%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-2 {
    left: 23%;
    top: 20%;
    -webkit-animation: antwo 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: antwo 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes antwo {
    0% {
        left: -20px;
        top: -20px;
    }
    100% {
        left: 23%;
        top: 20%;
    }
}

@keyframes antwo {
    0% {
        left: -20px;
        top: -20px;
    }
    100% {
        left: 23%;
        top: 20%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-3 {
    left: 3%;
    top: 48%;
    font-size: 10px;
    -webkit-animation: anthree 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: anthree 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes anthree {
    0% {
        left: -20px;
        top: -20px;
    }
    100% {
        left: 3%;
        top: 48%;
    }
}

@keyframes anthree {
    0% {
        left: -20px;
        top: -20px;
    }
    100% {
        left: 3%;
        top: 48%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-4 {
    right: 3%;
    top: 48%;
    -webkit-animation: anfour 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: anfour 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes anfour {
    0% {
        right: -20px;
        top: -20px;
    }
    100% {
        right: 3%;
        top: 48%;
    }
}

@keyframes anfour {
    0% {
        right: -20px;
        top: -20px;
    }
    100% {
        right: 3%;
        top: 48%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-5 {
    right: 11%;
    top: 15%;
    font-size: 11px;
    -webkit-animation: anfive 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: anfive 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes anfive {
    0% {
        right: -20px;
        top: -20px;
    }
    100% {
        right: 11%;
        top: 15%;
    }
}

@keyframes anfive {
    0% {
        right: -20px;
        top: -20px;
    }
    100% {
        right: 11%;
        top: 15%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-6 {
    right: 11%;
    bottom: 2%;
    font-size: 13px;
    -webkit-animation: ansix 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: ansix 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes ansix {
    0% {
        right: -20px;
        bottom: -20px;
    }
    100% {
        right: 11%;
        bottom: 2%;
    }
}

@keyframes ansix {
    0% {
        right: -20px;
        bottom: -20px;
    }
    100% {
        right: 11%;
        bottom: 2%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-7 {
    left: 15%;
    bottom: 0%;
    -webkit-animation: ansevan 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: ansevan 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes ansevan {
    0% {
        left: -20px;
        bottom: -20px;
    }
    100% {
        left: 15%;
        bottom: 0%;
    }
}

@keyframes ansevan {
    0% {
        left: -20px;
        bottom: -20px;
    }
    100% {
        left: 15%;
        bottom: 0%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-8 {
    left: 35%;
    bottom: 15%;
    font-size: 10px;
    -webkit-animation: aneight 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: aneight 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes aneight {
    0% {
        left: -20px;
        bottom: -20px;
    }
    100% {
        left: 35%;
        bottom: 15%;
    }
}

@keyframes aneight {
    0% {
        left: -20px;
        bottom: -20px;
    }
    100% {
        left: 35%;
        bottom: 15%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-9 {
    right: 35%;
    top: 32%;
    -webkit-animation: annayen 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: annayen 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes annayen {
    0% {
        right: -20px;
        top: -20px;
    }
    100% {
        right: 35%;
        top: 32%;
    }
}

@keyframes annayen {
    0% {
        right: -20px;
        top: -20px;
    }
    100% {
        right: 35%;
        top: 32%;
    }
}

.tt-animation-icon-cmn.tt-animation-icon-10 {
    right: 38%;
    bottom: 11%;
    font-size: 11px;
    -webkit-animation: anten 2s 1;
    -webkit-animation-fill-mode: forwards;
    animation: anten 2s 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes anten {
    0% {
        right: -20px;
        bottom: -20px;
    }
    100% {
        right: 38%;
        bottom: 11%;
    }
}

@keyframes anten {
    0% {
        right: -20px;
        bottom: -20px;
    }
    100% {
        right: 38%;
        bottom: 11%;
    }
}


/* animation tooltip style end */

.remove-ng-arrow .ng-select .ng-arrow-wrapper .ng-arrow {
    display: none;
}

.assesment-select .ng-dropdown-panel {
    width: auto !important;
    max-width: 330px !important;
    min-width: 200px;
}

.user-details-show-pop .user-pic-big img {
    margin-left: 0;
}

.user-details-show-pop .user-pop-contact li {
    width: auto;
    float: none;
    display: block;
}

.cover-page-fit .introduction-page h4 {
    text-transform: unset;
}

.risk-metrix-uca tr td {
    color: #000;
}

.risk-metrix-table-uca {
    background: #fff;
    padding: 8px;
}

.bg-line-text-report {
    position: relative;
    text-align: center;
    margin-top: -15px;
}

.bg-line-text-report:after {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    margin-top: 1px;
    background: #49a942;
    width: 100%;
    height: 1px;
    z-index: 1;
}

.bg-line-text-report .link-text {
    background: #fff;
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    position: relative;
    z-index: 2;
}

.uca-ftr-report-text.text-right {
    padding-left: 60px;
}

.uca-ftr-report-text.text-left {
    padding-right: 60px;
}

.logo-whater-mark-report-main {
    position: relative;
}

.logo-whater-mark-report {
    background-position: center !important;
    background-size: 50% !important;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.04;
    z-index: 1;
}

.logo-whater-mark-report-main .pdf-cover-inner-main {
    position: relative;
    z-index: 2;
}

.stup-root-cause-child .stup-root-cause:first-child:before {
    margin-top: 28px;
}

.stup-root-cause-child .stup-root-cause:last-child:before {
    height: 65px;
}

.status-loop-sec-inner .status-loop-count {
    padding: 0px 5px;
    background: #ffffff57;
    border-radius: 50%;
}

.report-link a {
    color: #33475b !important;
}

.report-link a:hover {
    color: #0088FF !important;
}


/* audit-calender-audit-summary start */

.audit-calender-audit-summary .cal-month-view .cal-cell-top {
    padding: 3px 10px;
}


/* audit-calender-audit-summary end */

.audit-calender-audit-summary .cal-month-view .cal-header .cal-cell {
    padding: 10px 0;
    background: #f2f2f2;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    border-right: 0;
}

.audit-calender-audit-summary .cal-month-view .cal-header .cal-cell:last-child {
    border-right: 1px solid #e3e3e3;
}

.left-right-round-btns .btn-right:hover {
    z-index: 9999;
}

.form-group .ng-select-disabled .ng-select-container,
.form-group .ng-select-disabled .ng-select-container .ng-input input {
    cursor: not-allowed;
}

.ng-select.ng-select-disabled>.ng-select-container {
    background-color: #e9ecef;
}

.form-control:disabled,
.form-control[readonly] {
    cursor: not-allowed;
}

.modal .actvitylog-dtl-right {
    box-shadow: 2px 2px 25px #e1e1e194;
}

.modal .actvitylog-dtl-right:hover {
    box-shadow: 2px 2px 30px #dfdede94;
}

.pdf-menu-accodion .pdf-inner-title-accodion {
    font-weight: 400 !important;
}

.main-menu .mCSB_scrollTools {
    opacity: 0;
}

.main-menu:hover .mCSB_scrollTools {
    opacity: 1;
}

.hov-bg:hover {
    background: #f5f5f5 !important;
}


/* nav style start */

nav .menu-hdr-drop {
    min-width: 100px;
    width: auto;
    margin-top: 6px;
    margin-right: 5px;
}

nav .menu-hdr-drop.custom-select2 select {
    height: 30px;
    padding: 4px 20px 4px 7px;
}

nav .menu-hdr-drop .plain-select:after {
    right: 18px;
    /* top: 10px; */
    font-size: 12px;
}

.edit-icons {
    padding-right: 0px;
}

.edit-bar {
    padding-right: 15px;
}


/* nav style end */

.dashboard-exp-icon-box {
    position: relative;
}

.dashboard-exp-icon-box h5.cmn-head-style {
    padding-right: 20px;
}

.dashboard-exp-icon {
    position: absolute;
    right: 10px;
    top: 7px;
    z-index: 1;
}

.dashboard-exp-icon-box .nav.nav-tabs {
    padding-right: 20px;
}

.dashboard-exp-icon-2 {
    top: 12px;
    right: 15px;
}


/* fixed table style start */

.fix-table-fit {
    width: calc(100% - 120px);
    z-index: 100;
    display: inline-table;
}

table .edit-option-show,
table .edit-option-show-inner {
    z-index: 0;
}

.org-customer-tbl .edit-option-show,
.org-customer-tbl .edit-option-show-inner {
    z-index: 1;
}

.fix-table-fit-tr {
    display: inline-table;
    width: calc(100% - 180px);
}

.user-right-fill .og-fixed-table {
    width: calc(100% - 475px);
}

.user-right-fill.flex-98-width .og-fixed-table {
    width: calc(100% - 107px);
}

@media screen and (max-width: 1199px) {
    .fix-table-fit {
        width: calc(100% - 45px);
    }
}


/* fixed table style end */

.user-box-kh {
    border: 1px solid #cbd6e2;
    padding: 8px 15px 8px 8px;
    border-radius: 4px;
    display: inline-block;
    min-width: 190px;
    position: relative;
}

.arrowlist-right-status {
    display: inline-table;
    white-space: nowrap;
}

.pdg-px-5 {
    padding: 0 5px !important;
}


/* db box slider start */

.db-box-slider .owl-prev {
    background: #fff url(../images/slide_left.png) no-repeat 5px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    left: -10px;
}

.db-box-slider .owl-controls {
    margin-top: 0px !important;
}

.db-box-slider .owl-theme .owl-nav {
    margin-top: 0px !important;
}

.db-box-slider .owl-prev:hover {
    filter: inherit !important;
}

.db-box-slider .owl-next {
    background: #fff url(../images/slide_right.png) no-repeat 8px 7px !important;
    background-size: auto;
    background-size: 50% !important;
    right: -10px;
}

.db-box-slider .owl-controls .owl-buttons div:hover {
    box-shadow: 0px 0px 2px #ccc;
}

.db-box-slider .owl-pagination {
    display: none;
}

.db-box-slider .owl-prev,
.db-box-slider .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -15px !important;
    width: 30px;
    height: 30px;
    border-radius: 50% !important;
    border: 1px solid #ccc;
}

.db-box-slider .owl-prev:hover,
.db-box-slider .owl-next:hover {
    z-index: 9999;
    background-color: #f2f2f2 !important;
}

.db-box-slider-btn .owl-prev {
    left: -36px;
}

.db-box-slider-btn .owl-next {
    right: -10px;
}


/* db box slider end */

.sm-row-margin {
    margin-left: -5px !important;
    margin-right: -5px !important;
}

.ea-box-slider-space-main {
    padding-left: 30px;
    padding-right: 30px;
}

.ea-box-slider-space {
    padding-left: 30px;
}

@media screen and (max-width: 992px) {
    .ea-box-slider-space-main {
        margin: 15px 0;
    }
    .btm-margin-sm {
        margin-bottom: 15px;
    }
    .small-p-15 {
        padding: 15px;
    }
}

.bg-lite-blue-new {
    background: #E8F6FF !important;
}

.panel-heading.head-right-btn-acd {
    position: relative;
}

.panel-heading.head-right-btn-acd .link-text-line {
    position: absolute;
    right: 46px;
    top: 50%;
    z-index: 1;
    margin-top: -9px;
}

.panel-drop-sections .panel-heading.head-right-btn-acd .width96pc {
    padding-right: 180px;
}


/* step form save datils page link button style start */

.btn.step-form-dtl-btn {
    position: absolute;
    left: 0;
    bottom: -57px;
    color: transparent !important;
    background: transparent !important;
    border-color: transparent !important;
    cursor: pointer !important;
}

.btn.step-form-dtl-btn:hover {
    color: transparent !important;
    background: #ffffff21 !important;
    border-color: transparent !important;
    cursor: pointer !important;
}


/* step form save datils page link button style end */

.db-module-title {
    padding-left: 0 !important;
}

.db-p-15 {
    padding: 15px !important;
}

.arc-min-height-200 {
    min-height: 200px;
}

.filter-select .selectator_selected_items .selectator_selected_item {
    color: #fff;
}

.filter-fill .quick-content-area .filter-select .plain-select .selectator_element {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.filter-fill .form-group .form-control {
    background: transparent;
}


/* matrix-table-mof start */

.matrix-table-mof .matrix-mof-left-number-sec {
    width: 4%;
    float: left;
    text-align: right;
    padding-right: 10px;
}

.matrix-table-mof .matrix-mof-bottom-number-sec {
    width: 100%;
    float: left;
    padding-left: 4%;
    padding-top: 7px;
}

.matrix-table-mof .matrix-mof-content-sec {
    width: 96%;
    float: left;
}

.matrix-table-mof .matrix-mof-box {
    text-align: center;
    color: #fff;
    font-size: 18px;
    background: #ccc;
    font-family: 'Nunito SemiBold';
    display: flex;
    align-items: center;
    justify-content: center;
}

.matrix-table-mof .matrix-mof-row-1 {
    height: 130px;
}

.matrix-table-mof .matrix-mof-row-2 {
    height: 105px;
}

.matrix-table-mof .count-center {
    display: flex;
    align-items: center;
}

.matrix-table-mof .matrix-number-sec {
    font-size: 14px;
    color: #000;
}

@media only screen and (max-width: 767.98px) {
    .matrix-table-mof .matrix-number-sec {
        font-size: 11px;
    }
    .matrix-table-mof .matrix-mof-left-number-sec {
        width: 6%;
    }
    .matrix-table-mof .matrix-mof-content-sec {
        width: 94%;
    }
    .matrix-table-mof .matrix-mof-bottom-number-sec {
        padding-left: 6%;
    }
    .matrix-table-mof .matrix-mof-box {
        font-size: 14px;
    }
}


/* matrix-table-mof end */

.rigt-space-btn {
    margin-right: 20px !important;
}


/* db-status start */

.db-status-main .db-status {
    background: #f2f2f2;
    padding: 10px 35px 10px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}

.db-status-main .db-status:after {
    position: absolute;
    content: "";
    right: 20px;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
}

.db-status-main .db-status h5 {
    margin-bottom: 10px;
    font-size: 16px;
    color: #85869B;
    font-family: 'Nunito Regular' !important;
}

.db-status-main .db-status h6 {
    margin-bottom: 0;
    font-size: 20px;
    color: #252D30;
    font-family: 'Nunito SemiBold';
}

.db-status-main .db-status:last-child {
    margin-bottom: 0;
}

.db-status-main .db-status.db-status-blue {
    background: #D6EBFF;
}

.db-status-main .db-status.db-status-blue:after {
    background: #118CF8;
}

.db-status-main .db-status-fit.db-status-blue h5 {
    color: #118CF8;
}

.db-status-main .db-status.db-status-red {
    background: #FFEDED;
}

.db-status-main .db-status.db-status-red:after {
    background: #FF3737;
}

.db-status-main .db-status-fit.db-status-red h5 {
    color: #FF3737;
}

.db-status-main .db-status.db-status-green {
    background: #EDFFEF;
}

.db-status-main .db-status.db-status-green:after {
    background: #45BA3C;
}

.db-status-main .db-status-fit.db-status-green h5 {
    color: #45BA3C;
}

.db-status-main .db-status.db-status-orange {
    background: #ffe8dc;
}

.db-status-main .db-status.db-status-orange:after {
    background: #FF5B15;
}

.db-status-main .db-status-fit.db-status-orange h5 {
    color: #FF5B15;
}

.db-status-main .db-status.db-status-yellow {
    background: #fffada;
}

.db-status-main .db-status.db-status-yellow:after {
    background: #FFE026;
}

.db-status-main .db-status-fit.db-status-yellow h5 {
    color: #FFE026;
}

.db-status-main .db-status.db-status-dark-red {
    background: #ffdddd;
}

.db-status-main .db-status.db-status-dark-red:after {
    background: #DF4A4A;
}

.db-status-main .db-status-fit.db-status-dark-red h5 {
    color: #DF4A4A;
}


/* db-status end */

.light-head-text {
    font-size: 16px;
    color: #85869B;
    font-family: 'Nunito SemiBold';
}

.asmnt-score-db-progress {
    padding: 8px 0;
}

.progress-circle.progress-circle-new {
    position: relative;
}

.progress-circle.progress-circle-new .progress-text-1 {
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    font-size: 15px;
    font-family: 'Nunito SemiBold';
    color: #85869B;
}

.progress-circle.progress-circle-new .progress-text-2 {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    text-align: center;
    font-size: 18px;
    font-family: 'Nunito Bold';
    color: #000;
}

.progress-box-height-ba-db {
    min-height: 134px;
}

.jspDrag {
    background: #506e91 !important;
    border-color: #506e91;
}

.vm-box-content {
    height: 100px;
}

.vm-box-content p {
    margin-bottom: 10px;
}

.user-details-page .profile-img img {
    width: 100px;
    height: 100px;
}

.chart-link-page {
    position: absolute;
    width: 133px;
    height: 33px;
    left: 23%;
    top: 80px;
    z-index: 1;
    cursor: pointer;
}

.form-group .ng-dropdown-panel {
    z-index: 100;
}


/* thumb-pics-table start */

.thumb-pics-table .thumb-pics {
    width: 55px;
    padding: 0 3px 6px 3px;
}

.thumb-pics-table .thumb-pics-bg {
    margin: 0 -3px;
}

.thumb-pics-table .form-group-upload {
    min-height: 47px;
}

.thumb-pics-table .upload-btn-wrapper .btn {
    border: none;
}

.thumb-pics-table .upload-btn-wrapper .btn i {
    padding: 0;
}

.thumb-pics-table .browse-form-pic {
    height: 26px;
}

.thumb-pics-table .browse-form-name {
    height: 20px;
    padding: 2px 3px;
}

.thumb-pics-table .upload-pics h6 {
    font-size: 9px;
    font-weight: normal !important;
    margin: 0;
    padding-top: 0px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'Nunito Regular' !important;
    line-height: 8px;
}

.thumb-pics-table .edit-option-show-inner .fas {
    font-size: 10px !important;
}

.thumb-pics-table .edit-option-show-inner {
    padding: 0px 3px;
    top: -7px !important;
    right: 3px;
}

.thumb-pics-table .thumb-pics .edit-option:hover .edit-option-show-inner {
    margin: 0 !important;
    top: 2px !important;
}

html[dir=rtl] .thumb-pics-table .upload-pics .edit-option-show-inner {
    left: 2px;
}


/* thumb-pics-table end */

.link-text {
    transition: all 0.50s;
}

.border-top-line-95 {
    position: relative;
}

.border-top-line-95:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: calc(100% + -10px);
    height: 1px;
    background: #dee2e6;
}

.dot-menu-btn {
    width: 23px;
    height: 21px;
    border-radius: 50%;
    font-size: 10px;
    color: #6C91A8 !important;
    background: #E4F1F9;
    text-align: center;
    line-height: 23px;
}

.chart-color-box-main {
    width: 150px;
}

.chart-color-box {
    background: #f2f2f2;
    border: 2px solid #ccc;
    width: 100%;
    height: 30px;
}

.chart-color-box.chart-color-box-green {
    background: #C7FFD4;
    border-color: #36DE5D;
}

.chart-color-box.chart-color-box-red {
    background: #FFD3D3;
    border-color: #FF0000;
}

.cost-value-box .cost-value-box-doller {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: #f2f2f2;
    border: 4px solid #ccc;
    font-size: 20px;
    text-align: center;
    font-family: 'Nunito Bold';
    line-height: 38px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cost-value-box .cost-value-box-text {
    font-size: 30px;
    margin-left: 5px;
    font-family: 'Nunito Bold';
}


/* cost-value-box-red start */

.cost-value-box.cost-value-box-red .cost-value-box-doller {
    background: #ffbdbd;
    border-color: #ffe7e7;
    color: #d85252;
}

.cost-value-box.cost-value-box-red .cost-value-box-text {
    color: #FF3939;
}


/* cost-value-box-red end */


/* cost-value-box-blue start */

.cost-value-box.cost-value-box-blue .cost-value-box-doller {
    background: #d1ebf3;
    border-color: #c4e6f1;
    color: #6eaabd;
}

.cost-value-box.cost-value-box-blue .cost-value-box-text {
    color: #6eaabd;
}


/* cost-value-box-blue end */


/* cost-value-box-green start */

.cost-value-box.cost-value-box-green .cost-value-box-doller {
    background: #ccf4d6;
    border-color: #70af80;
    color: #70af80;
}

.cost-value-box.cost-value-box-green .cost-value-box-text {
    color: #70af80;
}


/* cost-value-box-green end */


/* cost-value-box-yellow start */

.cost-value-box.cost-value-box-yellow .cost-value-box-doller {
    background: #fef7cc;
    border-color: #d6c661;
    color: #d6c661;
}

.cost-value-box.cost-value-box-yellow .cost-value-box-text {
    color: #d6c661;
}


/* cost-value-box-yellow end */


/* cost-value-box-light-blue start */

.cost-value-box.cost-value-box-light-blue .cost-value-box-doller {
    background: #ccecff;
    border-color: #82b9da;
    color: #82b9da;
}

.cost-value-box.cost-value-box-light-blue .cost-value-box-text {
    color: #82b9da;
}


/* cost-value-box-light-blue end */

.budget-sec-main .budget-sec-1 {
    padding: 12px 15px;
    background: #FFE8F3;
    margin-bottom: 2px;
}

.budget-sec-main .budget-sec-1 h6 {
    color: #CC1634;
    font-family: 'Nunito SemiBold';
}

.budget-sec-main .budget-sec-1 h5 {
    color: #CC1634;
}

.budget-sec-main .budget-sec-2 {
    padding: 12px 15px;
    background: #fff;
    margin-bottom: 2px;
}

.budget-sec-main .budget-sec-2 p {
    font-family: 'Nunito SemiBold';
}

.budget-sec-main .budget-sec-3 {
    padding: 12px 15px;
    background: #D6F0FF;
    margin-bottom: 2px;
}

.info-tooltip .tool-tip i {
    color: #808080;
}


/* milestone-chart-main start */

.milestone-chart-main {
    margin-bottom: 15px;
    padding-top: 60px;
}

.milestone-chart-inner {
    width: 100%;
    height: 38px;
    background: #006D3D;
    background: -moz-linear-gradient(left, #006D3D 0%, #05C571 100%);
    background: -webkit-linear-gradient(left, #006D3D 0%, #05C571 100%);
    background: linear-gradient(to right, #006D3D 0%, #05C571 100%);
    border-radius: 30px;
}

.milestone-chart-content {
    margin: 0 35px;
    height: 100%;
    position: relative;
}

.milestone-chart-content .location-milestone {
    width: 108px;
    position: absolute;
    left: 0;
    top: -60px;
    margin-left: -14px;
    -webkit-animation: bounceIn .5s;
    animation: bounceIn .5s
}

.milestone-chart-content .location-milestone-left {
    float: left;
    position: relative;
}

.milestone-chart-content .location-milestone-left:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    background: #2946A3;
    left: 18px;
    top: 45px;
}

.milestone-chart-content .location-milestone-left:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2946A3;
    left: 16px;
    top: 63px;
}

.milestone-chart-content .location-milestone-right {
    float: left;
    font-size: 12px;
    line-height: 15px;
    color: #2946A3;
    padding: 5px 10px 5px 26px;
    background: #ECF4FA;
    border-radius: 0 10px 0 0;
    max-width: 88px;
    margin-left: -18px;
}

.milestone-chart-content .location-milestone-box {
    text-align: center;
    position: relative;
}

.milestone-chart-content .location-milestone-box:after {
    position: relative;
    left: 0;
    top: -12px;
    content: "\f041";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 50px;
    color: #2946A3;
}

.milestone-chart-inner .milestone-chart-number-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.milestone-chart-content .location-milestone-box .location-milestone-box-icon {
    position: absolute;
    z-index: 1;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    font-size: 14px;
    margin-top: -27px;
}

.milestone-chart-inner .milestone-chart-number {
    font-size: 15px;
    font-family: "Nunito-Medium";
    color: #fff;
    max-width: 100%;
    text-align: center;
    -webkit-animation: zoomIn .7s;
    animation: zoomIn .7s
}

.milestone-chart-inner .milestone-chart-number.milestone-chart-number-25 {
    padding-left: 20px;
}

.milestone-chart-inner .milestone-chart-number.milestone-chart-number-50 {
    padding-left: 13px;
}

.milestone-chart-inner .milestone-chart-number.milestone-chart-number-75 {
    padding-left: 14px;
}

.milestone-chart-inner .milestone-chart-number.milestone-chart-number-100 {
    margin-right: -8px;
}

.location-milestone[style="left: 95%;"],
.location-milestone[style="left: 96%;"],
.location-milestone[style="left: 97%;"],
.location-milestone[style="left: 98%;"],
.location-milestone[style="left: 99%;"],
.location-milestone[style="left: 100%;"] {
    margin-left: -24px;
}

.initiatives-chart-section {
    display: none;
}

@media screen and (max-width: 767px) {
    .btn-curve {
        font-size: 12px;
        padding: 5px 15px;
        min-width: auto;
    }
    .goals-image {
        margin-bottom: 15px;
    }
    .goals-head-box {
        margin-bottom: 15px;
    }
    .vi-mi-box-img {
        text-align: center;
        margin-top: 15px;
    }
}


/* milestone-chart-main end */


/* milestone-chart-new start */

.milestone-chart-new.milestone-chart-main {
    margin-bottom: 15px;
    padding-top: 60px;
}

.milestone-chart-new .milestone-chart-inner {
    width: 100%;
    height: 38px;
    background: #006D3D;
    background: -moz-linear-gradient(left, #006D3D 0%, #05C571 100%);
    background: -webkit-linear-gradient(left, #006D3D 0%, #05C571 100%);
    background: linear-gradient(to right, #006D3D 0%, #05C571 100%);
    border-radius: 30px;
}

.milestone-chart-new .milestone-chart-content {
    margin: 0 35px;
    height: 100%;
    position: relative;
}

.milestone-chart-new .milestone-chart-content .location-milestone {
    width: 108px;
    position: absolute;
    left: 0;
    top: -60px;
    margin-left: -14px;
    -webkit-animation: bounceIn .5s;
    animation: bounceIn .5s
}

.milestone-chart-new .milestone-chart-content .location-milestone-left {
    float: left;
    position: relative;
}

.milestone-chart-new .milestone-chart-content .location-milestone-left:after {
    position: absolute;
    content: "";
    width: 2px;
    height: 20px;
    background: #2946A3;
    left: 18px;
    top: 45px;
}

.milestone-chart-new .milestone-chart-content .location-milestone-left:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2946A3;
    left: 16px;
    top: 63px;
}

.milestone-chart-new .milestone-chart-content .location-milestone-right {
    float: left;
    font-size: 12px;
    line-height: 15px;
    color: #2946A3;
    padding: 5px 10px 5px 26px;
    background: #ECF4FA;
    border-radius: 0 10px 0 0;
    max-width: 88px;
    margin-left: -18px;
}

.milestone-chart-new .milestone-chart-content .location-milestone-box {
    text-align: center;
    position: relative;
}

.milestone-chart-new .milestone-chart-content .location-milestone-box:after {
    position: relative;
    left: 0;
    top: -12px;
    content: "\f041";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 50px;
    color: #2946A3;
}

.milestone-chart-new .milestone-chart-inner .milestone-chart-number-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.milestone-chart-new .milestone-chart-content .location-milestone-box .location-milestone-box-icon {
    position: absolute;
    z-index: 1;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    font-size: 14px;
    margin-top: -27px;
}

.milestone-chart-new .milestone-chart-inner .milestone-chart-number {
    font-size: 15px;
    font-family: "Nunito-Medium";
    color: #fff;
    max-width: 100%;
    text-align: center;
    -webkit-animation: zoomIn .7s;
    animation: zoomIn .7s
}

.milestone-chart-new .milestone-chart-inner .milestone-chart-number.milestone-chart-number-25 {
    padding-left: 20px;
}

.milestone-chart-new .milestone-chart-inner .milestone-chart-number.milestone-chart-number-50 {
    padding-left: 13px;
}

.milestone-chart-new .milestone-chart-inner .milestone-chart-number.milestone-chart-number-75 {
    padding-left: 14px;
}

.milestone-chart-new .milestone-chart-inner .milestone-chart-number.milestone-chart-number-100 {
    margin-right: -8px;
}

.milestone-chart-new .location-milestone[style="left: 95%;"],
.milestone-chart-new .location-milestone[style="left: 96%;"],
.milestone-chart-new .location-milestone[style="left: 97%;"],
.milestone-chart-new .location-milestone[style="left: 98%;"],
.milestone-chart-new .location-milestone[style="left: 99%;"],
.milestone-chart-new .location-milestone[style="left: 100%;"] {
    margin-left: -24px;
}


/* light-blue start */

.milestone-chart-new.light-blue .milestone-chart-inner {
    background: #6E7884;
}

.milestone-chart-new.light-blue .milestone-chart-content .location-milestone-box:after {
    color: #0088FF;
}

.milestone-chart-new.light-blue .milestone-chart-content .location-milestone-left:after {
    background: #0088FF;
}

.milestone-chart-new.light-blue .milestone-chart-content .location-milestone-left:before {
    background: #0088FF;
}


/* light-blue end */


/* milestone-chart-new end */

.border-right-hide-mbl {
    border-right: 1px solid #dee2e6 !important;
}


/* alyuser db style start */

.db-box-new {
    background: #fff;
    padding: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hov-top-move {
    transition: all 0.50s;
}

.hov-top-move:hover {
    transform: translateY(-3px);
}

.db-head-1 {
    font-size: 24px;
    font-family: 'Nunito ExtraBold';
    margin-bottom: 2px;
}

.arrow-right-list {
    margin-top: 0;
    padding: 0;
}

.arrow-right-list li {
    list-style-type: none;
    position: relative;
    padding-left: 15px;
    transition: all 0.30s;
    font-size: 14px;
    color: #506E91;
}

.arrow-right-list li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 6px;
    border-left: 7px solid #1B496A;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    transition: all 0.30s;
}

.arrow-right-list li:hover:before {
    left: 3px;
}

.arrow-right-list ul {
    margin: 0;
    padding: 0;
}

.color-box-header-db {
    background: #1B496A;
    padding: 8px 20px;
}

.color-box-header-db h5 {
    color: #fff;
    font-size: 15px;
    font-family: "Nunito Bold";
    margin-bottom: 0;
}

.box-kpi-slider-alyuser {
    background: #fff;
    padding: 15px;
    border: 1px solid #CBD5DF;
    transition: all 0.30s;
    margin: 0 2px;
    min-height: 108px;
}

.box-kpi-slider-alyuser h5 {
    font-size: 14px;
    color: #5A5A5A;
    font-family: "Nunito-Medium";
    word-break: break-word;
    transition: all 0.30s;
}

.box-kpi-slider-alyuser:hover {
    /* border-color: #f2f2f2; */
}

.box-kpi-slider-alyuser:hover h5 {
    color: #000;
}

.main-kpi-slider-alyuser .owl-focus-area-slider .owl-prev {
    left: -20px;
}

.main-kpi-slider-alyuser .owl-focus-area-slider .owl-next {
    right: -20px;
}

.left-head-area-main {
    display: flex;
}

.left-head-area-main .left-head-area-content {
    display: contents;
}

.left-head-area-main .left-head-area-bg {
    width: 35px;
    height: 100%;
    background: #3EA3A2;
    min-height: 180px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
}

.left-head-area-main .left-head-area-bg h6 {
    font-size: 14px;
    font-family: "Nunito Bold";
    color: #fff;
    margin: 0;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.main-sp-slider-alyuser .owl-focus-area-slider .owl-prev {
    left: -20px;
}

.main-sp-slider-alyuser .owl-focus-area-slider .owl-next {
    right: -20px;
}

.box-sp-slider-alyuser {
    padding: 20px;
    background: #fff;
    border: 1px solid #fff;
    margin: 0 2px;
    min-height: 180px;
    transition: all 0.30s;
}

.box-sp-slider-alyuser h5 {
    font-size: 16px;
    color: #566677;
    margin: 0;
    word-break: break-word;
}

.box-sp-slider-alyuser:hover,
.box-sp-slider-alyuser.active {
    border-color: #3EA3A2;
}

.box-sp-slider-alyuser:hover h5,
.box-sp-slider-alyuser.active h5 {
    color: #3EA3A2;
}

.alyuser-stg-db-2 img {
    width: 35px;
    height: 46px;
}

.left-head-area-main .left-head-area-bg-so {
    min-height: 303px;
}

.stg-so-tab-one {
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    line-height: 17px;
    margin: 0;
    transition: all 0.30s;
    min-height: 146px;
}

.stg-so-tab-one span {
    transition: all 0.30s;
}

.stg-so-tab-one.active,
.stg-so-tab-one:hover {
    font-family: 'Nunito SemiBold';
    color: #3EA3A2;
    cursor: pointer;
}

.stg-so-tab-one-main {
    max-height: 312px;
}

.stg-tab-btn-at h6 {
    font-family: "Nunito Bold";
}

.stg-db-tab-alyuser .tab-common-left-md {
    width: 33%;
}

.stg-db-tab-alyuser .tab-common-left-content-m {
    width: 77%;
}

.stg-db-tab-alyuser .nav-link.active .btn-name-stg-tab {
    color: #3EA3A2;
}

.stg-db-tab-qoc .tab-common-left-md {
    width: 33%;
}

.stg-db-tab-qoc .tab-common-left-content-m {
    width: 77%;
}

.stg-db-tab-qoc .nav-link.active .btn-name-stg-tab {
    color: #8f1538;
}

.stg-db-tab-alyuser .nav-link .btn-name-stg-tab {
    color: #5A5A5A;
    font-size: 14px;
    word-break: break-word;
}

.stg-db-tab-qoc .nav-link .btn-name-stg-tab {
    color: #8f1538;
    font-size: 14px;
    word-break: break-word;
}

.stg-db-tab-alyuser .nav-link {
    padding: 15px 15px !important;
}

.stg-db-tab-qoc .nav-link {
    padding: 15px 15px !important;
}

.tab-btn-height-alyuser {
    min-height: 70.7px;
}

.tab-btn-height-qoc {
    min-height: 70.7px;
}

.stg-db-tab-alyuser .left-tab-btns-scroll {
    max-height: 303px;
}


.stg-db-tab-qoc .left-tab-btns-scroll {
    max-height: 303px;
}


/* stg-db-tab-alyuser tab style start */

.stg-db-tab-alyuser.tab-same-height .tab-common-left-content-m {
    padding: 0;
    border: none;
    margin-left: -1px;
}

.stg-db-tab-alyuser.tab-same-height .tab-pane {
    border: 1px solid #ced4da;
    min-height: 303px;
    padding: 20px;
}

.stg-db-tab-alyuser.tab-same-height .tab-pane.active {
    border-color: #3EA3A2;
}

.stg-db-tab-alyuser.tab-same-height .nav-link {
    background: #fff;
    margin-right: 0;
    margin-top: -1px;
}

.stg-db-tab-alyuser.tab-same-height .nav-item:first-child .nav-link {
    margin-top: 0px;
}

.stg-db-tab-alyuser.tab-same-height .nav-link.active {
    border: 1px solid #3EA3A2 !important;
    border-right: 0 !important;
}

/* qoc kpi start*/

.stg-db-tab-qoc.tab-same-height .tab-common-left-content-m {
    padding: 0;
    border: none;
    margin-left: -1px;
}

.stg-db-tab-qoc.tab-same-height .tab-pane {
    border: 1px solid #ced4da;
    min-height: 303px;
    padding: 20px;
}

.stg-db-tab-qoc.tab-same-height .tab-pane.active {
    border-color: #8f1538;
}

.stg-db-tab-qoc.tab-same-height .nav-link {
    background: #fff;
    margin-right: 0;
    margin-top: -1px;
}

.stg-db-tab-qoc.tab-same-height .nav-item:first-child .nav-link {
    margin-top: 0px;
}

.stg-db-tab-qoc.tab-same-height .nav-link.active {
    border: 1px solid #8f1538 !important;
    border-right: 0 !important;
}
/* qoc kpi end*/
.left-tab-btns-scroll .mCSB_scrollTools {
    opacity: 0;
}

.left-tab-btns-scroll:hover .mCSB_scrollTools {
    opacity: 1;
}

.alyusr-kpi-tab .left-head-area-bg {
    width: 35px;
    height: 96.5%;
    background: #3EA3A2;
    min-height: 180px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9999;
}

.qoc-kpi-tab .left-head-area-bg {
    width: 35px;
    height: 96.5%;
    background: #8f1538;
    min-height: 180px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 9999;
}

.alyusr-kpi-tab .issues-tab {
    padding-left: 35px;
}

.qoc-kpi-tab .issues-tab {
    padding-left: 35px;
}


/* stg-db-tab-alyuser tab style end */

.left-head-area-main .left-head-area-bg-ip {
    min-height: 90px;
}

.stg-alyuser-list-p {
    padding: 20px;
}

.stg-alyuser-list-p p {
    font-size: 17px;
    font-family: "Nunito-Medium";
    color: #012C4C;
    line-height: 18px;
    margin-bottom: 0;
}

.center-content-in {
    display: flex;
    align-items: center;
}

.stg-alyuser-list-p-2 p {
    font-size: 17px;
    color: #012C4C;
    line-height: 18px;
    margin-bottom: 0;
    padding: 10px;
    border-bottom: 1px solid #bac8d873;
    font-family: "Nunito-Medium";
}

.stg-alyuser-list-p-2 p:last-child {
    border-bottom: 0;
}

.main-sp-slider-alyuser {
    margin-left: 38px;
}

.left-head-area-content-slider {
    position: absolute;
    left: 0;
    top: 0;
    height: calc(100% - 10px) !important;
}

.slider-controller-hover .owl-buttons {
    opacity: 0;
}

.slider-controller-hover:hover .owl-buttons {
    opacity: 1;
}

.slider-controller-hover .owl-buttons {
    transition: all 0.30s;
}

@media only screen and (max-width: 767px) {
    .box-kpi-slider-alyuser {
        text-align: center;
    }
    .box-sp-slider-alyuser {
        text-align: center;
    }
    .stg-db-tab-alyuser .tab-common-left-md {
        width: 100%;
    }
    .stg-db-tab-alyuser .tab-common-left-content-m {
        width: 100%;
    }
    .stg-db-tab-alyuser.tab-same-height .nav-link.active {
        border-right: 1px solid #3EA3A2 !important;
    }
    .stg-db-tab-qoc .tab-common-left-md {
        width: 100%;
    }
    .stg-db-tab-qoc .tab-common-left-content-m {
        width: 100%;
    }
    .stg-db-tab-qoc.tab-same-height .nav-link.active {
        border-right: 1px solid #8f1538 !important;
    }
    .stg-so-tab-one {
        min-height: 80px;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .stg-db-tab-alyuser .stg-tab-btn-at .d-inline-block.cmn-bdr-right {
        display: none !important;
    }
    .stg-db-tab-alyuser .stg-tab-btn-at {
        text-align: center;
    }
    .stg-db-tab-qoc .stg-tab-btn-at .d-inline-block.cmn-bdr-right {
        display: none !important;
    }
    .stg-db-tab-qoc .stg-tab-btn-at {
        text-align: center;
    }
}

@media screen and (max-width: 992.98px) and (min-width: 768px) {
    .left-head-area-main .left-head-area-bg-so {
        min-height: 459px;
    }
}

@media screen and (max-width: 1365.98px) and (min-width: 1024px) {
    .stg-db-tab-alyuser .tab-common-left-md {
        width: 40%;
    }
    .stg-db-tab-alyuser .tab-common-left-content-m {
        width: 60%;
    }
    .stg-db-tab-qoc .tab-common-left-md {
        width: 30%;
    }
    .stg-db-tab-qoc .tab-common-left-content-m {
        width: 70%;
    }
}

@media only screen and (max-width: 992px) {
    .left-head-area-main {
        display: block;
    }
    .left-head-area-main .left-head-area-bg {
        width: 100%;
        height: 100%;
        min-height: auto;
        padding: 8px 20px;
        margin-bottom: 10px;
    }
    .left-head-area-main .left-head-area-bg h6 {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .left-head-area-content-slider {
        position: relative;
    }
    .main-sp-slider-alyuser {
        margin-left: 0;
    }
    .slider-controller-hover .owl-buttons {
        opacity: 1;
    }
    .alyusr-kpi-tab .left-head-area-bg {
        display: none;
    }
    .alyusr-kpi-tab .issues-tab {
        padding-left: 0;
    }
    .qoc-kpi-tab .left-head-area-bg {
        display: none;
    }
    .qoc-kpi-tab .issues-tab {
        padding-left: 0;
    }
}


/* alyuser db style end */


/* manin chat btn style start */

.robo-chat {
    width: 50px;
    height: 50px;
    background: #0088FF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.robo-chat img {
    width: auto;
}


/* manin chat btn style end */


/* togle check style start */

.switch input:checked+.slider:before {
    background: #fff;
    position: absolute;
    content: "";
    content: "\f00c";
    color: #0088FF;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.rounded-sliders-check input:checked+.slider:before {
    background: #fff;
}

.small-switch-checkbox .switch input:checked+.slider:before {
    background: #fff;
}


/* togle check style end */


/*************** list icone css style start ***************/


/* arrowlist icone css style start */

ul.arrowlist li,
ul.arrowlist li:hover {
    background: none !important;
}

ul.arrowlist li:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

ul.arrowlist li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6px;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

ul.arrowlist li:hover:after {
    left: 10px;
}

ul.arrowlist li:hover:before {
    left: 10px;
}


/* arrowlist icone css style end */


/* drop-detail-sec style start */

.drop-detail-sec .banking-issue li a {
    background: none !important;
    position: relative;
}

.drop-detail-sec .banking-issue li a:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.drop-detail-sec .banking-issue li a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6px;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.drop-detail-sec .banking-issue li:hover a {
    background: none !important;
}

.drop-detail-sec .banking-issue li:hover a:after {
    left: 10px;
}

.drop-detail-sec .banking-issue li:hover a:before {
    left: 10px;
}


/* drop-detail-sec style end */


/* bullet-point-list start */

.bullet-point-list ul li,
.bullet-point-list ul li:hover {
    background: none !important;
    position: relative;
}

.bullet-point-list ul li:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.bullet-point-list ul li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6px;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.bullet-point-list ul li:hover:after {
    left: 10px;
}

.bullet-point-list ul li:hover:before {
    left: 10px;
}


/* bullet-point-list end */


/* pestel-box-main-right start */

.pestel-box-main-right .pestel-box li,
.pestel-box-main-right .pestel-box li:hover {
    background: none !important;
    position: relative;
}

.pestel-box-main-right .pestel-box li:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.pestel-box-main-right .pestel-box li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6px;
    content: "\f105";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.pestel-box-main-right .pestel-box li:hover:after {
    left: 10px;
}

.pestel-box-main-right .pestel-box li:hover:before {
    left: 10px;
}


/* pestel-box-main-right end */


/* pestel-box-main-left start */

.pestel-box-main-left .pestel-box li,
.pestel-box-main-left .pestel-box li:hover {
    background: none !important;
    position: relative;
}

.pestel-box-main-left .pestel-box li:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    content: "\f104";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.pestel-box-main-left .pestel-box li:before {
    position: absolute;
    content: "";
    top: 0;
    right: 6px;
    content: "\f104";
    color: #0088FF;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
}

.pestel-box-main-left .pestel-box li:hover:after {
    right: 10px;
}

.pestel-box-main-left .pestel-box li:hover:before {
    right: 10px;
}


/* pestel-box-main-left end */


/* list color start */

ul.arrowlist.arrowlist-orange li,
ul.arrowlist.arrowlist-orange li:hover {
    background: none !important;
    position: relative;
}

ul.arrowlist.arrowlist-orange li:after {
    color: #EF901D !important;
}

ul.arrowlist.arrowlist-orange li:before {
    color: #EF901D !important;
}

ul.arrowlist.arrowlist-pink li,
ul.arrowlist.arrowlist-pink li:hover {
    background: none !important;
    position: relative;
}

ul.arrowlist.arrowlist-pink li:after {
    color: #F71DAE !important;
}

ul.arrowlist.arrowlist-pink li:before {
    color: #F71DAE !important;
}

ul.red-arrowlist li::before,
ul.red-arrowlist li::after {
    color: #FF001A !important;
}


/* list color end */


/*************** list icone css style end ***************/

.cursor-scroll {
    cursor: all-scroll;
}


/* Risk Db Spga start */

.rh-box-height-36.risk-heatmap-category table td {
    height: 36px;
}

.rh-spga-table.risk-heatmap-category table th {
    width: 7%;
}

.color-line-table-bottom {
    height: 2px !important;
    padding: 0 !important;
}

.vertical-progress-multiple {
    display: flex;
    justify-content: center;
    align-items: center;
}

.vertical-progress-multiple .progress-bg-sec {
    margin: 0 10px;
    /* overflow: unset; */
}

.vertical-progress-multiple .vpm-btm-text {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% - -2px);
    margin: 0 auto;
    font-size: 12px;
    color: #506E91;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.risk-table-gray-1 {
    background: #565656;
}

.risk-table-gray-2 {
    background: #e9e9e9;
}

.risk-table-green-1 {
    background: #6fac46;
}

.risk-table-green-2 {
    background: #f4ffec;
}

.risk-table-yellow-1 {
    background: #f9c304;
}

.risk-table-yellow-2 {
    background: #fffae9;
}

.risk-table-blue-1 {
    background: #5a9ad7;
}

.risk-table-blue-2 {
    background: #ebf5ff;
}

.risk-table-orange-1 {
    background: #f07d2b;
}

.risk-table-orange-2 {
    background: #fff2e9;
}

.risk-table-red-1 {
    background: #da2002;
}

.risk-table-red-2 {
    background: #FFECF2;
}

.white-space-nowrap {
    white-space: nowrap !important;
}


/* risk-progress-1 start */

.risk-progress-1 .assessment-progress-status li {
    margin-left: 145px;
    margin-right: 45px;
    background: transparent;
    height: 40px;
}

.risk-progress-1 .assessment-progress-status .progress-scale-line {
    height: 40px;
    border-radius: 0 12px 12px 0;
}

.risk-progress-1 .assessment-progress-status .progress-number {
    width: 135px;
    margin-left: -135px;
    text-align: right;
    padding: 7px 0;
    padding-right: 10px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.risk-progress-1 .progress-value-nbr {
    position: absolute;
    right: -30px;
    top: calc(50% - 9px/2 - 5px);
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    width: 26px;
}

.risk-progress-1 .assessment-progress-status:after {
    border: none;
}


/* risk-progress-1 end */


/* risk-progress-2 start */

.risk-progress-2 .assessment-progress-status li {
    margin-left: 0;
    margin-right: 45px;
    background: transparent;
    height: 45px;
}

.risk-progress-2 .assessment-progress-status .progress-scale-line {
    height: 25px;
    border-radius: 0;
}

.risk-progress-2 .assessment-progress-status .progress-number {
    width: 135px;
    margin-left: -135px;
    text-align: right;
    padding: 7px 0;
    padding-right: 10px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.risk-progress-2 .progress-value-nbr {
    position: absolute;
    right: -30px;
    top: calc(50% - 9px/2 - 5px);
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    width: 26px;
}

.risk-progress-2 .assessment-progress-status:after {
    border: none;
}

.risk-progress-2 .pgs-btm-label {
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    color: #506E91;
}


/* risk-progress-2 end */


/* risk-progress-3 start */

.risk-progress-3 .assessment-progress-status li {
    margin-left: 0;
    margin-right: 45px;
    background: transparent;
    height: 45px;
}

.risk-progress-3 .assessment-progress-status .progress-scale-line {
    height: 25px;
    border-radius: 0 15px 15px 0;
}

.risk-progress-3 .assessment-progress-status .progress-number {
    width: 135px;
    margin-left: -135px;
    text-align: right;
    padding: 7px 0;
    padding-right: 10px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.risk-progress-3 .progress-value-nbr {
    position: absolute;
    right: -30px;
    top: calc(50% - 9px/2 - 5px);
    font-size: 14px;
    font-family: 'Nunito Bold';
    width: 26px;
}

.risk-progress-3 .assessment-progress-status:after {
    border: none;
}

.risk-progress-3 .pgs-btm-label {
    position: absolute;
    bottom: 0px;
    font-size: 12px;
    color: #506E91;
}


/* risk-progress-3 end */

.control-progress-light-blue {
    background: #ADB9CD !important;
}

.control-progress-blue {
    background: #2C74D5 !important;
}

.control-progress-blue-1 {
    background: #3CA2D3 !important;
}

.control-progress-light-green {
    background: #2CD5A7 !important;
}

.control-progress-green {
    background: #3CD383 !important;
}

.control-progress-red {
    background: #F9384B !important;
}

.control-progress-purple {
    background: #8C74A7 !important;
}

.control-progress-yellow {
    background: #FFDF00 !important;
}

.control-progress-dark-yellow {
    background: #F9C638 !important;
}

.vertical-progress-btm-label {
    margin: 5px auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

.vertical-progress-btm-label .vpbl {
    font-size: 13px;
    color: #506E91;
    float: left;
    margin: 0 10px;
    width: 55px;
}

.round-type-status-new .round-type-status-bg {
    position: relative;
}

.round-type-status-new .open-close-status-db-right .round-type-status-value {
    margin-left: -11px;
    border-radius: 0 20px 20px 0;
}


/* Risk Db Spga end */

.line-height-11 {
    line-height: 11px;
}

.user-settings-width-tab-content .access-main-card .card-body .sub-accordion {
    margin-top: 15px;
}

.module-setting .access-settings .access-main-card .sub-accordion {
    margin-top: 10px;
}

.initiaves-dtl-boxes-right:after {
    content: "";
    background: transparent;
    border-right: 16px solid #fff;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
}

.initiaves-dtl-boxes-right:before {
    content: "";
    background: transparent;
    border-right: 16px solid #cbd6e2;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: 75px;
    left: -15px;
}

.document-new-tabs .folder-options ul li a.folder-menu-link {
    padding: 3px 8px 3px 20px;
}

.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link:before {
    top: calc(50% - 8px) !important;
}

.head-sub-text-link {
    padding-left: 44px;
}


/* Chrome, Safari, Edge, Opera */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}


/* Firefox */

input[type=number] {
    -moz-appearance: textfield;
}


/* folder-section-auto-height start */

.folder-section-auto-height .folder-main-page {
    display: flex;
    flex-wrap: wrap;
}

.folder-section-auto-height li.folder-box-document {
    flex: 0 0 12.8%;
    max-width: 12.8%;
}

.folder-section-auto-height li.folder-box-document .card-folder {
    height: 100%;
}

@media screen and (max-width: 767.98px) {
    .folder-section-auto-height li.folder-box-document {
        flex: 0 0 27.4%;
        max-width: 27.4%;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .folder-section-auto-height li.folder-box-document {
        flex: 0 0 29.4%;
        max-width: 29.4%;
    }
}

@media screen and (max-width: 1151.98px) and (min-width: 1024px) {
    .folder-section-auto-height li.folder-box-document {
        flex: 0 0 17.2%;
        max-width: 17.2%;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1152px) {
    .folder-section-auto-height li.folder-box-document {
        flex: 0 0 17.9%;
        max-width: 17.9%;
    }
}

@media screen and (max-width: 1365px) and (min-width: 1201px) {
    .folder-section-auto-height li.folder-box-document {
        flex: 0 0 14.9%;
        max-width: 14.9%;
    }
}

@media screen and (max-width: 3000px) and (min-width: 1920px) {
    .folder-section-auto-height li.folder-box-document {
        flex: 0 0 192px;
        max-width: 192px;
    }
}


/* folder-section-auto-height End */

.ck-editor-height-300 .ck-editor__main .ck-content {
    min-height: 300px;
}

.scroll-hidden {
    overflow: hidden;
}

.detailed-erm-report-cover-pic {
    background: #00b0f0;
    position: relative;
    z-index: 1;
}

.detailed-erm-report-cover-pic:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 200px;
    background: url(../images/report-cover-bottom-curve.png) no-repeat;
    background-size: 100% 100%;
    z-index: -1;
}


/* left-sec-fixed-table  start */

.left-sec-fixed-table .main-table.fixed-table {
    display: none;
}

.left-sec-fixed-table .table-scroll {
    position: relative;
    min-width: 100%;
    max-width: 2000px;
    width: 100% !important;
    margin: auto;
    overflow: hidden;
    border: 0.5px solid #bac8d8;
}

.left-sec-fixed-table .table-wrap {
    width: 100%;
    overflow: auto;
}

.left-sec-fixed-table .table-scroll table {
    width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.left-sec-fixed-table .table-scroll th,
.left-sec-fixed-table .table-scroll td {
    padding: 5px 10px;
    border: 0.5px solid #bac8d8;
    background: #fff;
    white-space: nowrap;
    vertical-align: middle;
}

.left-sec-fixed-table .table-scroll td.fixed-side {
    background: #fff;
    border: 0.5px solid #bac8d8;
}

.left-sec-fixed-table .table-scroll th.fixed-side {
    background: #eaf0f6;
    border: 0.5px solid #bac8d8;
}

.left-sec-fixed-table .table-scroll th {
    background: #eaf0f6;
    color: #33475b;
    font-size: 14px;
}

.left-sec-fixed-table .table-scroll td {
    color: #506e91;
    font-size: 14px;
}

.left-sec-fixed-table .table-scroll thead,
.left-sec-fixed-table .table-scroll tfoot {
    background: #f9f9f9;
}

.left-sec-fixed-table .clone {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
}

.left-sec-fixed-table .clone th,
.left-sec-fixed-table .clone td {
    visibility: hidden
}

.left-sec-fixed-table .clone td,
.left-sec-fixed-table .clone th {
    border-color: transparent
}

.left-sec-fixed-table .clone tbody th {
    visibility: visible;
    color: red;
}

.left-sec-fixed-table .clone .fixed-side {
    border: 1px solid #000;
    background: #eee;
    visibility: visible;
}

.left-sec-fixed-table .clone thead,
.left-sec-fixed-table .clone tfoot {
    background: transparent;
}

.left-sec-fixed-table .table-scroll tr:hover td,
.left-sec-fixed-table .table-scroll tr:hover td.fixed-side {
    background: #f8fcff;
}

.left-sec-fixed-table .table-scroll tr:hover td.fixed-side {
    background: #f8fcff !important;
}


/* left-sec-fixed-table end */


/* left-fixed-table start */

.left-fixed-table .first-col {
    width: 50px;
    min-width: 5%;
    min-width: auto;
    max-width: 50px;
    left: 0;
}

.left-fixed-table .second-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 70px;
}

.left-fixed-table .third-col {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    left: 220px;
}

.left-fixed-table table tr:hover,
.left-fixed-table.competency-matrix-new table tr:hover td {
    background: #f8fcff !important;
}

.left-fixed-table table th {
    background: #eaf0f6;
    color: #33475b;
}

.left-fixed-table.competency-matrix-new .table100.ver4 th,
.left-fixed-table.competency-matrix-new .table100.ver4 th.sticky-col {
    background: #eaf0f6 !important;
    color: #33475b;
    font-size: 14px;
    border: 1px solid #d6dfec !important;
    vertical-align: middle;
    padding: 12px;
    text-transform: capitalize;
}

.left-fixed-table.competency-matrix-new .row100 td {
    border: 1px solid #d6dfec !important;
    padding: 10px 10px;
    font-size: 12px;
}

.left-fixed-table.competency-matrix-new .row100 td {
    text-align: left;
}

.left-fixed-table.competency-matrix-new .row100 td.sticky-col {
    border: 1px solid #d6dfec !important;
}

.left-fixed-table.competency-matrix-new tr {
    border: 1px solid #d6dfec !important;
}

.left-fixed-table table tbody tr:nth-child(even),
.left-fixed-table table tr:nth-child(even) {
    background-color: transparent;
}

.left-fixed-table .sticky-col {
    box-shadow: 0 0 0 1px #d6dfec;
    z-index: 1;
}

.left-fixed-table table {
    border-collapse: separate;
    border-spacing: 0;
}

.left-fixed-table .row100.edit-and-delete-main {
    position: relative !important;
}

.left-fixed-table table.fixed-table .head-fit-table {
    /* width: calc(100% - 120px);
    z-index: 100;
    display: inline-table;
    display: table; */
}

.left-fixed-table table.fixed-table {
    display: none;
}


/* left-fixed-table end */

table .table-check {
    margin-top: 2px;
    padding-left: 22px;
}

.left-right-round-btns-body-center button {
    position: fixed;
    top: 52%;
    margin-top: 0px !important;
}

.left-right-round-btns-body-center button.btn-left {
    left: 65px;
}

.left-right-round-btns-body-center button.btn-right {
    right: 5px;
}

.small-plus-label {
    display: inline-block;
    position: unset;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    font-size: 10px;
    color: #fff;
}

.dropdown-menu.big-btn-drop {
    left: unset !important;
    right: 0 !important;
}

.tmline.nw_ad .ad_new {
    bottom: unset;
    top: calc(50% - 8px/2 - -42px);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tmline.nw_ad .ad_new:hover {
    opacity: 0.9;
}

.tmline>li:hover .ad_new {
    opacity: 1;
}


/* globe-page-main style start */

#chartdiv3.glob-3d-am-chart-new {
    width: 100%;
    height: 88.1vh;
}

#chartdiv.glob-3d-am-chart {
    width: 100%;
    height: 88.1vh;
    margin: 0 auto;
    background: #5a5770;
    position: relative;
    z-index: 1;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -250px;
    box-shadow: 0px 12.480000495910645px 249.6000213623047px 0px #5E00F84F;
}

.globe-page-main {
    margin: 0 !important;
    padding: 0 !important;
    background: #05050f;
    position: relative;
    overflow: hidden;
    min-height: 93.7vh;
}

.globe-page-main .container-fluid {
    padding: 20px 15px;
}

.globe-bg-circle-1 {
    position: absolute;
    content: "";
    width: 600px;
    height: 600px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid #18182f;
    top: 40px;
    left: 0;
    right: 0;
}

.globe-bg-circle-2 {
    position: absolute;
    content: "";
    width: 800px;
    height: 800px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid #18182f;
    top: -55px;
    left: 0;
    right: 0;
}


/* globe-page-main style end */

.card-accordioncheck-left .accordioncheck-left {
    width: 19px;
    margin-top: 58px;
}

.card-accordion-new .access-settings .sub-accordion.card-accordioncheck-left .card .card-header .card-link {
    padding-left: 44px !important;
}

.zoom-and-zoom-out-tree-main {
    position: fixed;
    right: 45px;
    top: calc(50% - 172px/2 - 17px);
}

.zoom-and-zoom-out-tree-main .zoom-and-zoom-out-tree {
    box-shadow: 0px 0px 30px rgba(52, 52, 52, 0.10);
    position: unset;
    display: block;
}

.zoom-and-zoom-out-tree-main .zoom-and-zoom-out-tree ul li a {
    text-align: center;
}

.modal .user-details-show-pop .modal-dialog .modal-header {
    padding: 0 !important;
}

.scroll-controll-sec {
    overflow-x: scroll;
    overflow-y: hidden;
    overflow: scroll;
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}

.scroll-controll-sec::-webkit-scrollbar {
    display: none;
}

.oc-sub-head.fixed {
    top: 44px;
    position: fixed;
    width: calc(100% - 107px);
    z-index: 9999;
}


/* cyber-security-defence-link start */

.cyber-security-defence-link {
    position: absolute;
    /* right: 188px; */
    right: 18%;
    top: 152px;
    width: 160px;
    height: 20px;
    z-index: 2;
}

@media only screen and (max-width: 766px) {
    .cyber-security-defence-link {
        right: 0;
        top: 167px;
    }
}

@media only screen and (min-width: 768px) {
    .cyber-security-defence-link {
        right: 4%;
    }
}

@media only screen and (min-width: 1152px) {
    .cyber-security-defence-link {
        right: 9%;
    }
}

@media only screen and (min-width: 1200px) {
    .cyber-security-defence-link {
        right: 8%;
    }
}

@media only screen and (min-width: 1280px) {
    .cyber-security-defence-link {
        right: 11%;
    }
}

@media only screen and (min-width: 1360px) {
    .cyber-security-defence-link {
        right: 14%;
    }
}

@media only screen and (min-width: 1440px) {
    .cyber-security-defence-link {
        right: 18%;
    }
}

@media only screen and (min-width: 1660px) {
    .cyber-security-defence-link {
        right: 21%;
    }
}

@media only screen and (min-width: 1920px) {
    .cyber-security-defence-link {
        right: 25%;
    }
}


/* cyber-security-defence-link end */

.span-dot-color.dot-div-new-small {
    font-size: 12px;
    padding-left: 16px;
    position: relative;
    line-height: 13px;
}

.span-dot-color.dot-div-new-small span {
    position: absolute;
    left: 0;
    top: 3px;
    width: 10px;
    height: 10px;
    border-radius: 3px;
}


/* small-step-form-popup multiple-popup start */

@media (min-width: 992px) {
    .small-step-form-popup.multiple-popup .modal .modal-lg {
        max-width: 800px !important;
    }
}

@media (max-width: 1199.98px) {
    .small-step-form-popup.multiple-popup .modal .modal-lg {
        max-width: 90% !important;
    }
}

@media (min-width: 576px) {
    .small-step-form-popup.multiple-popup .modal .modal-md {
        max-width: 400px !important;
    }
}

.small-step-form-popup.multiple-popup .modal .modal-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* small-step-form-popup multiple-popup end */

.action-button:disabled {
    cursor: not-allowed !important;
    opacity: 0.5;
}


/* radio-type-tab start */

.radio-type-tab article {
    display: none;
}

.radio-type-tab article.on {
    display: block;
}


/* radio-type-tab end */

.mCustomScrollbar .thumb-pics-bg .message-password-inp,
.mCustomScrollbar .upload-section .message-password-inp {
    bottom: unset;
    top: 22px;
}

.mCustomScrollbar .thumb-pics-bg .message-password-inp:after,
.mCustomScrollbar .thumb-pics-bg .message-password-inp:before {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.mCustomScrollbar .thumb-pics-bg .message-password-inp:before {
    border-top: none;
    border-bottom: 10px solid #fff;
    bottom: unset;
    top: -9px;
}

.mCustomScrollbar .thumb-pics-bg .message-password-inp:after {
    border-top: none;
    border-bottom: 10px solid #ced4da;
    bottom: unset;
    top: -10px;
}

.thumb-pics-bg .message-password-inp {
    bottom: unset;
    top: 22px;
    right: -9px;
    width: 215px;
}

.thumb-pics-bg .message-password-inp:after,
.thumb-pics-bg .message-password-inp:before {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.thumb-pics-bg .message-password-inp:before {
    border-top: none;
    border-bottom: 10px solid #fff;
    bottom: unset;
    top: -9px;
}

.thumb-pics-bg .message-password-inp:after {
    border-top: none;
    border-bottom: 10px solid #ced4da;
    bottom: unset;
    top: -10px;
}

.upload-section .message-password-inp {
    bottom: unset;
    top: 22px;
    right: -9px;
    width: 215px;
}

.upload-section .message-password-inp:after,
.upload-section .message-password-inp:before {
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.upload-section .message-password-inp:before {
    border-top: none;
    border-bottom: 10px solid #fff;
    bottom: unset;
    top: -9px;
}

.upload-section .message-password-inp:after {
    border-top: none;
    border-bottom: 10px solid #ced4da;
    bottom: unset;
    top: -10px;
}

.edit-option-full-time-show.edit-option-show,
.edit-option-full-time-show.edit-option-show-inner {
    opacity: 1 !important;
}

.form-group .time-inp-icon .input-group-text {
    color: #0088FF;
    background: #fff;
}

.form-group .time-inp-icon .input-group-text:hover {
    color: #fff;
    background: #0088FF;
}

.mdtimepicker .mdtp__wrapper {
    bottom: calc(50% + -180px);
}

.form-control.inp-cursor {
    cursor: text;
}

.form-control.inp-cursor:disabled {
    cursor: not-allowed;
}

.upload-section .upload-pics,
.thumb-pics-bg .upload-pics {
    overflow: hidden;
}

.org-customer-tbl-bg .edit-option-show,
.org-customer-tbl-bg .edit-option-show-inner {
    z-index: 1;
}


/* document-list-doe style start */

.document-list-doe .folder-options {
    width: 220px;
}

.document-list-doe .folder-options .folder-options-main-ul {
    width: 100%;
}

.document-list-doe.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link:after {
    position: absolute;
    content: "";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    right: unset;
    left: 13px;
    top: 5px;
    font-size: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.document-list-doe.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link.collapsed:after,
.document-list-doe.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link.active:after {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.document-list-doe .folder-options ul li a {
    font-size: 14px;
}

.document-list-doe.document-new-tabs .folder-options ul li a.folder-menu-link {
    padding: 3px 8px 3px 25px;
}

.document-list-doe .sub-menu-doc {
    padding-left: 15px;
}

.document-list-doe .folder-options-main-ul li .folder-menu-link.active,
.document-list-doe .folder-options-main-ul li:hover .folder-menu-link {
    background: #fff;
    color: #33475b;
}

.document-list-doe .folder-options-inner-ul li:hover a {
    background: #fff;
    color: #0088FF;
}

.document-list-doe .folder-menu-link:hover {
    color: #0088FF !important;
}

.document-list-doe .folder-menu-link.active {
    color: #0088FF !important;
}

.document-list-doe .folder-options-main-ul {
    height: calc(100vh - 140px);
}

.document-list-doe .mCSB_scrollTools {
    right: -9px;
    opacity: 0;
}

.document-list-doe .folder-options-main-ul:hover .mCSB_scrollTools {
    opacity: 1;
}

.document-table-list-doe,
.document-table-list-doe .fix-table {
    overflow: auto !important;
}

.document-table-list-doe table {
    width: 100% !important;
}

.document-list-doe {
    display: contents !important;
}

@media only screen and (max-width: 767px) {
    .document-list-doe .folder-options-main-ul {
        height: 250px;
    }
    .document-list-doe {
        display: block !important;
    }
    .document-list-doe .folder-options {
        width: 100%;
        float: none;
    }
}


/* document-list-doe style end */

.step-qoc-user-box-center {
    left: 0 !important;
    right: 0 !important;
    top: -63px;
    margin: 0 auto;
}


/* department-tree-doe start */

.department-tree-doe .oc-expand-btn {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    width: 14px;
    height: 14px;
    margin: 0 auto !important;
    padding: 0 !important;
    border-radius: 50% !important;
    background: #fff;
    font-size: 10px !important;
    line-height: 7px !important;
    text-align: center;
    z-index: 1;
    opacity: 0;
}

.department-tree-doe .oc-user-box:hover .oc-expand-btn {
    opacity: 1;
}

.department-tree-doe .oc-user-box {
    background: #fff;
    box-shadow: 0px 4px 7px rgba(52, 52, 52, 0.05);
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    padding: 10px;
}

.department-tree-doe .oc-expand-btn .oc-box-rotate-icon {
    margin: 0;
    padding: 0;
}

.department-tree-doe .oc-expand-btn .oc-box-rotate-icon-normal {
    line-height: 16px !important;
}

.department-tree-doe .oc-expand-btn i {
    font-weight: normal;
}


/* department-tree-doe end */

.export-pop-btn {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
}

.step-qoc-user-box h5,
.step-qoc-user-box h6 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.step-qoc-user-box span span {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.pop-escape-near-btn {
    opacity: 1 !important;
    margin: 23px 50px 0 0 !important;
}

.user-side-left .issue-top-sec .cmn-head-style {
    word-break: break-word;
}

.custom-radio-small {
    font-size: 13px;
    line-height: 15px;
}

.custom-radio-small .custom-control-label::before {
    width: 10px;
    height: 10px;
}

.custom-radio-small .custom-control-label::after {
    width: 10px;
    height: 10px;
    background-image: none !important;
}


/* kh-db-filter style start */

.kh-db-filter-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding: 0 10px;
}

.kh-db-filter-col-1 {
    flex: 0 0 14%;
    max-width: 14%;
    padding: 0 5px;
}

.kh-db-filter-col-2 {
    flex: 0 0 16%;
    max-width: 16%;
    padding: 0 5px;
}

.kh-db-filter-col-3 {
    flex: 0 0 43%;
    max-width: 43%;
    padding: 0 5px;
}

.kh-db-filter-col-4 {
    flex: 0 0 27%;
    max-width: 27%;
    padding: 0 5px;
}

.kh-db-filter-row .btn.btn-small {
    padding: 3px 6px !important;
    margin-bottom: 3px !important;
    font-size: 10px;
    /* border-color: #a2a8ab;
    color: #a2a8ab; */
    border-color: #727678;
    color: #727678;
}

.kh-db-filter-row .label-style {
    color: #727678;
}

.kh-db-filter-row .btn.btn-small.btn-active,
.kh-db-filter-row .btn.btn-small:hover {
    background: #727678 !important;
    border-color: #727678 !important;
}

.widg-p-7 {
    padding: 7px;
}

.kh-db-filter-row .form-control {
    height: calc(1.1rem + 5px);
    font-size: 11px;
    padding: 2px 7px;
}

.kh-db-filter-row .date-picker .btn {
    padding: 2px !important;
    width: 27px;
    line-height: 13px;
}

.kh-db-filter-row .date-picker .btn i {
    font-size: 10px;
    margin: 0;
}

.kh-db-filter-row .plain-select:after {
    right: 15px;
    top: 50% !important;
    margin-top: -7px !important;
    font-size: 10px;
}

.kh-db-filter-row .multiple-plain-ngselect .ng-select-container {
    padding-right: 20px!important;
    padding-left: 0.3rem !important;
}

.kh-db-filter-row .ng-select .ng-select-container {
    min-height: 15px!important;
}

.kh-db-filter-row .form-group .ng-placeholder,
.kh-db-filter-row .form-group .ng-value {
    font-size: 10px!important;
    line-height: 14px;
}

.kh-db-filter-row .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
    padding-left: 7px;
    padding-right: 17px;
}

.kh-db-filter-row .ng-select .ng-clear-wrapper .ng-clear {
    font-size: 13px;
}

.kh-db-filter-row .multiple-plain-ngselect .ng-clear-wrapper {
    top: -3px;
    right: 15px;
}

.kh-db-filter-row .ng-select .ng-clear-wrapper {
    width: 10px;
}

.kh-db-filter-row .multiple-plain-ngselect .ng-select .ng-select-container:after {
    right: 14px;
    top: 6px;
    font-size: 10px;
}

.kh-db-filter-row .form-group .ng-value-container {
    padding: 2px 0!important;
}

.kh-db-filter-row .ng-select {
    margin-top: -2px;
}

@media only screen and (max-width: 767.98px) {
    .kh-db-filter-col-1,
    .kh-db-filter-col-2,
    .kh-db-filter-col-3,
    .kh-db-filter-col-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .kh-db-filter-col-1 {
        flex: 0 0 17%;
        max-width: 17%;
    }
    .kh-db-filter-col-2 {
        flex: 0 0 14%;
        max-width: 14%;
    }
    .kh-db-filter-col-3 {
        flex: 0 0 36%;
        max-width: 36%;
    }
    .kh-db-filter-col-4 {
        flex: 0 0 33%;
        max-width: 33%;
    }
}

@media screen and (max-width: 1279.98px) and (min-width: 1024px) {
    .kh-db-filter-col-1 {
        flex: 0 0 13%;
        max-width: 13%;
    }
    .kh-db-filter-col-2 {
        flex: 0 0 12%;
        max-width: 12%;
    }
    .kh-db-filter-col-3 {
        flex: 0 0 38%;
        max-width: 38%;
    }
    .kh-db-filter-col-4 {
        flex: 0 0 37%;
        max-width: 37%;
    }
}


/* kh-db-filter style end */


/* Qoc IMS DB start */

.line-height-16 {
    line-height: 16px !important;
}

.line-height-20 {
    line-height: 20px !important;
}

.qoc-ms-audit-color-tbl table th {
    font-size: 10px;
}

.qoc-ms-audit-color-tbl table td {
    font-size: 10px;
}

.qoc-ms-audit-color-tbl .ceo-db-table-one tr th,
.qoc-ms-audit-color-tbl .ceo-db-table-one tr td {
    border: 3px solid #fff;
    padding: 5px;
    height: 37px;
}

.doc-db-icon-qoc {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #ccc;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
}

@media only screen and (max-width: 767px) {
    .split-media-col .col {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .split-media-col .col .text-left {
        text-align: center !important;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .split-media-col .col {
        flex: 0 0 20%;
        max-width: 20%;
    }
}


/* Qoc IMS DB End */


/* loop-head start */

.loop-head ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.loop-head ul li {
    list-style-type: none;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.loop-head ul li a {
    text-align: center;
    padding: 14px 5px;
    font-size: 14px;
    background: #ccc;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #fff !important;
    line-height: 17px;
    font-style: italic;
    font-family: 'Nunito Bold';
}

.loop-head ul li a span {
    padding: 0 8px;
}

.loop-head-black {
    background: #292b3a !important;
}

.loop-head-gray {
    background: #546475 !important;
}

.loop-head-orange {
    background: #c56e43 !important;
}

.loop-head-yellow {
    background: #ac8f55 !important;
}

.loop-head-green {
    background: #398277 !important;
}


/* loop-head end */

.step-qoc-user-box .user-available-option {
    display: flex;
}

.quality-plan-table th,
.quality-plan-table td {
    padding: 6px !important;
}


/* alyusr-reprt-table start */

.alyusr-reprt-table table,
.alyusr-reprt-table table tr,
.alyusr-reprt-table table th,
.alyusr-reprt-table table td {
    border-color: #fff !important;
}

.circle-color-dot {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    background: #ccc;
}

.alyusr-reprt-table .table tr:hover td {
    background: #c5ced8 !important;
}


/* alyusr-reprt-table end */


/* doe new report start */

.doe-new-report-cover {
    background: #F7F7F7;
    padding-top: 8px;
}

.doe-new-report-top-line {
    width: 100%;
    height: 45px;
    background: #EE434B;
    position: relative;
}

.doe-new-report-top-line-inr {
    background: #1E1E1E;
    height: 15px;
    width: 55%;
    border-top: 3px solid #F7F7F7;
    position: absolute;
    right: 0;
    bottom: 0;
}

.doe-new-report-top-line-inr::after {
    content: " ";
    position: absolute;
    top: 0;
    left: -13px;
    display: inline-block;
    border-top: 12px solid transparent;
    border-right: 14px solid #1E1E1E;
    border-left: 0 solid #1E1E1E;
    border-bottom: 0px solid transparent;
}

.doe-new-report-top-line-inr::before {
    content: " ";
    position: absolute;
    top: -3px;
    left: -19px;
    display: inline-block;
    border-top: 16px solid transparent;
    border-right: 20px solid #F7F7F7;
    border-left: 0 solid #F7F7F7;
    border-bottom: 0px solid transparent;
    border-radius: 0 2px 0 0;
}

.doe-new-report-bottom-line-inr {
    background: #fff;
    height: 15px;
    width: 55%;
    float: right;
    position: relative;
}

.doe-new-report-bottom-line-inr::after {
    content: " ";
    position: absolute;
    top: 0;
    left: -18px;
    display: inline-block;
    border-top: 16px solid transparent;
    border-right: 19px solid #fff;
    border-left: 0 solid #fff;
    border-bottom: 0px solid transparent;
}

.doe-new-report-cover-p {
    padding: 25px 30px 15px 30px;
}

@-moz-document url-prefix() {
    .doe-new-report-top-line-inr {
        height: 14px;
    }
}


/* doe new report end */

.edit-center-table {
    position: unset;
    display: inline-block;
}

.work-flow-btm-sec.last-border-hide .work-flow-btm-sec-left:before {
    width: 0px;
}

.table .dropdown .dropdown-menu a.dropdown-item {
    font-size: 14px;
}

.rotate-text-lh {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    width: 100%;
    letter-spacing: 0;
    margin-top: 0;
    left: -70px;
}

.left-right-round-btns.body-center-btns .btn-left,
.left-right-round-btns.body-center-btns .btn-right {
    position: fixed;
    top: 50%;
}

.left-right-round-btns.body-center-btns .btn-left {
    left: 76px;
}

.left-right-round-btns.body-center-btns .btn-right {
    right: 14px;
}

.left-right-round-btns.round-color-btn .btn-left {
    background: #0088FF url(../images/slide_left_white.png) no-repeat 5px 7px !important;
    background-size: 50% !important;
    border-color: #0088FF;
}

.left-right-round-btns.round-color-btn .btn-right {
    background: #0088FF url(../images/slide_right_white.png) no-repeat 7px 7px !important;
    background-size: 50% !important;
    border-color: #0088FF;
}


/* sub-fixed-head-table style start */

.sub-fixed-head-table {
    position: absolute;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width: 1199.98px) {
    .sub-fixed-head-table {
        display: none;
    }
}


/* sub-fixed-head-table style end */


/* replay-content-history start */

.replay-content-history {
    border-radius: 0 10px 10px 10px;
    margin-top: -1px;
}

.replay-content-history-btn {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 7px 7px 0 0;
    border-bottom: 0 !important;
}


/* replay-content-history end */


/* quality feedback start */

.answer-indication-list {
    margin: 0;
    padding: 0;
}

.answer-indication-list li {
    list-style-type: none;
    display: inline-block;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    background: #D9D9D9;
    margin: 2px;
}

.color-change-btn-smile .color-change-btn-label {
    width: 40px;
    height: 40px;
    border: 0;
    padding: 0;
    font-size: 32px;
    background: none !important;
}

.color-change-btn-smile .color-change-btn-radio:checked+.color-change-btn-label-green,
.color-change-btn-smile .color-change-btn-radio:checked+.color-change-btn-label-yellow,
.color-change-btn-smile .color-change-btn-radio:checked+.color-change-btn-label-red {
    background: none !important;
}

.zoom-radio {
    transition: transform .2s;
}

.zoom-radio:hover {
    transform: scale(1.09);
}

.accordion-tabs .nav-tabs {
    border: 0;
    display: block;
}

.accordion-tabs .nav-tabs .nav-item {}

.accordion-tabs .nav-tabs .nav-link {
    border: 0;
    padding: 0;
}

.accordion-tabs .nav-tabs .nav-link:hover {
    border: 0;
}


/* quality feedback end */


/* risk-radar-chart-main start */

.risk-radar-chart-main {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 25px;
}

.risk-radar-chart-main .gon {
    width: 120px;
    height: 120px;
    background: #203864;
    /* Text styling */
    line-height: 120px;
    text-align: center;
    font-family: sans-serif;
    font-size: 13px;
    color: #7b7a79;
    /* color: rgba(255,255,255,.5); */
    cursor: pointer;
    transition: color 500ms ease, text-shadow 500ms ease;
    position: relative;
    /* left: 0;
  right: 0; */
    margin: 0 auto;
}

.risk-radar-chart-main .gon:hover {
    color: #fff;
    text-shadow: 0 0 10px white;
}

.risk-radar-chart-main .hepta {
    height: 115px;
    -webkit-clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19%);
    -moz-clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19%);
    -ms-clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19%);
    clip-path: polygon( 50% 0, 90% 19%, 100% 62%, 72% 100%, 28% 100%, 0 62%, 10% 19%);
}

.risk-radar-chart-main .heptagon-border-0 {
    width: 8px;
    height: 8px;
    margin: 0 auto;
    border: 1px dashed #7b7a79;
    border-radius: 50%;
    position: relative;
    top: 32px;
    z-index: 26;
}

.risk-radar-chart-main .heptagon-1 {
    background: #203864;
    width: 60px;
    height: 55px;
    line-height: 24px;
    z-index: 25;
}

.risk-radar-chart-main .heptagon-border-1 {
    background: #4d689b;
    width: 62px;
    height: 57px;
    padding: 1px;
    z-index: 25;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-1 {
    position: absolute;
    left: 29px;
    top: 5px;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 3px;
    top: 16px;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 6px;
    bottom: 7px;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-4 {
    position: absolute;
    right: 21px;
    bottom: 3px;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 5px;
    bottom: 8px;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-6 {
    position: absolute;
    left: 3px;
    top: 14px;
}

.risk-radar-chart-main .heptagon-1 .heptagon-number.heptagon-number-7 {
    position: absolute;
    left: 15px;
    top: 5px;
}

.risk-radar-chart-main .heptagon-2 {
    background: #2f5596;
    width: 120px;
    height: 115px;
    line-height: 30px;
    z-index: 24;
}

.risk-radar-chart-main .heptagon-border-2 {
    background: #4d689b;
    width: 122px;
    height: 117px;
    padding: 1px;
    z-index: 24;
    margin-top: -87px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 33px;
    top: 14px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 10px;
    top: 42px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-6 {
    position: absolute;
    left: 10px;
    top: 42px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-7 {
    position: absolute;
    left: 33px;
    top: 14px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 18px;
    top: 73px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-4 {
    position: absolute;
    right: 52px;
    bottom: 6px;
}

.risk-radar-chart-main .heptagon-2 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 18px;
    top: 73px;
}

.risk-radar-chart-main .heptagon-3 {
    background: #8fabdd;
    width: 180px;
    height: 175px;
    line-height: 30px;
    z-index: 23;
}

.risk-radar-chart-main .heptagon-border-3 {
    background: #4d689b;
    width: 182px;
    height: 177px;
    padding: 1px;
    z-index: 23;
    margin-top: -148px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 52px;
    top: 20px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 14px;
    top: 63px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 26px;
    bottom: 35px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-4 {
    position: absolute;
    right: 82px;
    bottom: 5px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 27px;
    top: 125px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-6 {
    position: absolute;
    left: 14px;
    top: 64px;
}

.risk-radar-chart-main .heptagon-3 .heptagon-number.heptagon-number-7 {
    position: absolute;
    left: 52px;
    top: 19px;
}

.risk-radar-chart-main .heptagon-4 {
    background: #b4c7e7;
    width: 240px;
    height: 235px;
    line-height: 30px;
    z-index: 22;
}

.risk-radar-chart-main .heptagon-border-4 {
    background: #4d689b;
    width: 242px;
    height: 237px;
    padding: 1px;
    z-index: 22;
    margin-top: -208px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 35px;
    bottom: 43px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 71px;
    top: 25px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 16px;
    top: 88px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-6 {
    position: absolute;
    left: 16px;
    top: 88px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-7 {
    position: absolute;
    left: 70px;
    top: 25px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-4 {
    position: absolute;
    right: 112px;
    bottom: 5px;
}

.risk-radar-chart-main .heptagon-4 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 34px;
    bottom: 45px;
}

.risk-radar-chart-main .heptagon-5 {
    background: #dae3f4;
    width: 300px;
    height: 295px;
    line-height: 30px;
    z-index: 21;
}

.risk-radar-chart-main .heptagon-border-5 {
    background: #4d689b;
    width: 302px;
    height: 297px;
    padding: 1px;
    z-index: 21;
    margin-top: -268px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 43px;
    bottom: 57px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-4 {
    position: absolute;
    left: 138px;
    bottom: 5px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-6 {
    position: absolute;
    left: 18px;
    top: 116px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-7 {
    position: absolute;
    left: 90px;
    top: 29px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-1 {
    position: absolute;
    left: 196px;
    top: 31px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 18px;
    top: 118px;
}

.risk-radar-chart-main .heptagon-5 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 43px;
    bottom: 56px;
}

.risk-radar-chart-main .heptagon-number {
    /* border: 1px solid rgba(255,255,255,.5); */
    border: 1px solid #7b7a79;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.risk-radar-chart-main .gon:hover .heptagon-number {
    border-color: #fff;
}

.risk-radar-chart-main .heptagon-line {
    margin: 0;
    padding: 0;
}

.risk-radar-chart-main .heptagon-line li {
    list-style-type: none;
    /* width: 50%; */
    width: 148px;
    border: 1px dashed #7b7a79;
    position: absolute;
    top: 50%;
    z-index: 50;
}

.risk-radar-chart-main .heptagon-line li:nth-child(1) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -70px;
}

.risk-radar-chart-main .heptagon-line li:nth-child(2) {
    -webkit-transform: rotate(142deg);
    -moz-transform: rotate(142deg);
    transform: rotate(142deg);
    left: 0;
    right: -125px;
    margin: 0 auto;
    margin-top: -41px;
}

.risk-radar-chart-main .heptagon-line li:nth-child(3) {
    -webkit-transform: rotate(192deg);
    -moz-transform: rotate(192deg);
    transform: rotate(192deg);
    left: 0;
    right: -153px;
    margin: 0 auto;
    margin-top: 24px;
}

.risk-radar-chart-main .heptagon-line li:nth-child(4) {
    -webkit-transform: rotate(245deg);
    -moz-transform: rotate(245deg);
    transform: rotate(245deg);
    left: 0;
    right: -67px;
    margin: 0 auto;
    margin-top: 81px;
    width: 153px;
}

.risk-radar-chart-main .heptagon-line li:nth-child(5) {
    -webkit-transform: rotate(114deg);
    -moz-transform: rotate(114deg);
    transform: rotate(114deg);
    left: -68px;
    right: 0;
    margin: 0 auto;
    margin-top: 80px;
    width: 153px;
}

.risk-radar-chart-main .heptagon-line li:nth-child(6) {
    -webkit-transform: rotate(-13deg);
    -moz-transform: rotate(-13deg);
    transform: rotate(-13deg);
    left: -155px;
    right: 0;
    margin: 0 auto;
    margin-top: 24px;
}

.risk-radar-chart-main .heptagon-line li:nth-child(7) {
    -webkit-transform: rotate(38deg);
    -moz-transform: rotate(38deg);
    transform: rotate(38deg);
    left: -126px;
    right: 0;
    margin: 0 auto;
    margin-top: -41px;
}

.risk-radar-chart-main .heptagon-label {
    margin: 0;
    padding: 0;
}

.risk-radar-chart-main .heptagon-label li {
    list-style-type: none;
    width: 148px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    color: #000;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    min-height: 36px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.risk-radar-chart-main .heptagon-label li span {
    font-size: 10px;
}

.risk-radar-chart-main .heptagon-label li:nth-child(1) {
    -webkit-transform: rotate(25deg);
    -moz-transform: rotate(25deg);
    transform: rotate(25deg);
    margin-top: -155px;
    right: -139px;
}

.risk-radar-chart-main .heptagon-label li:nth-child(2) {
    -webkit-transform: rotate(77deg);
    -moz-transform: rotate(77deg);
    transform: rotate(77deg);
    margin-top: -45px;
    right: -317px;
}

.risk-radar-chart-main .heptagon-label li:nth-child(3) {
    -webkit-transform: rotate(-53deg);
    -moz-transform: rotate(-53deg);
    transform: rotate(-53deg);
    margin-top: 90px;
    right: -260px;
    align-items: start;
}

.risk-radar-chart-main .heptagon-label li:nth-child(4) {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: 160px;
    align-items: start;
}

.risk-radar-chart-main .heptagon-label li:nth-child(5) {
    -webkit-transform: rotate(53deg);
    -moz-transform: rotate(53deg);
    transform: rotate(53deg);
    margin-top: 94px;
    left: -256px;
    align-items: start;
}

.risk-radar-chart-main .heptagon-label li:nth-child(6) {
    -webkit-transform: rotate(-77deg);
    -moz-transform: rotate(-77deg);
    transform: rotate(-77deg);
    margin-top: -49px;
    left: -316px;
}

.risk-radar-chart-main .heptagon-label li:nth-child(7) {
    -webkit-transform: rotate(-24deg);
    -moz-transform: rotate(-24deg);
    transform: rotate(-24deg);
    margin-top: -154px;
    left: -140px;
}


/* risk-radar-chart-main end */


/* risk-radar-chart-circle start */

.risk-radar-chart-circle {
    position: relative;
    width: 100%;
    padding-top: 150px;
    padding-bottom: 25px;
}

.risk-radar-chart-circle .gon {
    width: 120px;
    height: 120px;
    background: #203864;
    /* Text styling */
    line-height: 120px;
    text-align: center;
    font-family: sans-serif;
    font-size: 13px;
    color: #7b7a79;
    /* color: rgba(255,255,255,.5); */
    cursor: pointer;
    transition: color 500ms ease, text-shadow 500ms ease;
    position: relative;
    /* left: 0;
  right: 0; */
    margin: 0 auto;
}

.risk-radar-chart-circle .gon:hover {
    color: #fff;
    text-shadow: 0 0 10px white;
}

.risk-radar-chart-circle .hepta {
    height: 115px;
    border-radius: 50%;
}

.risk-radar-chart-circle .heptagon-border-0 {
    width: 8px;
    height: 8px;
    margin: 0 auto;
    border: 1px dashed #7b7a79;
    border-radius: 50%;
    position: relative;
    top: 32px;
    z-index: 26;
}

.risk-radar-chart-circle .heptagon-1 {
    background: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    z-index: 25;
}

.risk-radar-chart-circle .heptagon-border-1 {
    background: #fff;
    width: 32px;
    height: 32px;
    padding: 1px;
    z-index: 25;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-1 {
    position: absolute;
    left: 29px;
    top: 5px;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 3px;
    top: 16px;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 6px;
    bottom: 7px;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-4 {
    position: absolute;
    right: 21px;
    bottom: 3px;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 5px;
    bottom: 8px;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-6 {
    position: absolute;
    left: 3px;
    top: 14px;
}

.risk-radar-chart-circle .heptagon-1 .heptagon-number.heptagon-number-7 {
    position: absolute;
    left: 15px;
    top: 5px;
}

.risk-radar-chart-circle .heptagon-2 {
    background: #ff001a;
    width: 120px;
    height: 120px;
    line-height: 30px;
    z-index: 24;
}

.risk-radar-chart-circle .heptagon-border-2 {
    background: #ff001a;
    width: 122px;
    height: 122px;
    padding: 1px;
    z-index: 24;
    margin-top: -76px;
}

.risk-radar-chart-circle .heptagon-2 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 29px;
    top: 20px;
}

.risk-radar-chart-circle .heptagon-2 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 13px;
    top: 61px;
}

.risk-radar-chart-circle .heptagon-2 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 50px;
    bottom: 14px;
}

.risk-radar-chart-circle .heptagon-2 .heptagon-number.heptagon-number-4 {
    position: absolute;
    left: 17px;
    top: 61px;
}

.risk-radar-chart-circle .heptagon-2 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 28px;
    top: 23px;
}

.risk-radar-chart-circle .heptagon-3 {
    background: #f7941d;
    width: 180px;
    height: 180px;
    line-height: 30px;
    z-index: 23;
}

.risk-radar-chart-circle .heptagon-border-3 {
    background: #f7941d;
    width: 182px;
    height: 182px;
    padding: 1px;
    z-index: 23;
    margin-top: -152px;
}

.risk-radar-chart-circle .heptagon-3 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 37px;
    top: 20px;
}

.risk-radar-chart-circle .heptagon-3 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 8px;
    top: 100px;
}

.risk-radar-chart-circle .heptagon-3 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 81px;
    bottom: 6px;
}

.risk-radar-chart-circle .heptagon-3 .heptagon-number.heptagon-number-4 {
    position: absolute;
    left: 11px;
    top: 107px;
}

.risk-radar-chart-circle .heptagon-3 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 34px;
    top: 22px;
}

.risk-radar-chart-circle .heptagon-4 {
    background: #ffde00;
    width: 240px;
    height: 240px;
    line-height: 30px;
    z-index: 22;
}

.risk-radar-chart-circle .heptagon-border-4 {
    background: #ffde00;
    width: 242px;
    height: 242px;
    padding: 1px;
    z-index: 22;
    margin-top: -214px;
}

.risk-radar-chart-circle .heptagon-4 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 47px;
    top: 27px;
}

.risk-radar-chart-circle .heptagon-4 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 9px;
    bottom: 81px;
}

.risk-radar-chart-circle .heptagon-4 .heptagon-number.heptagon-number-3 {
    position: absolute;
    right: 110px;
    bottom: 5px;
}

.risk-radar-chart-circle .heptagon-4 .heptagon-number.heptagon-number-4 {
    position: absolute;
    left: 13px;
    bottom: 68px;
}

.risk-radar-chart-circle .heptagon-4 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 44px;
    top: 30px;
}

.risk-radar-chart-circle .heptagon-5 {
    background: #00b050;
    width: 300px;
    height: 300px;
    line-height: 30px;
    z-index: 21;
}

.risk-radar-chart-circle .heptagon-border-5 {
    background: #00b050;
    width: 302px;
    height: 302px;
    padding: 1px;
    z-index: 21;
    margin-top: -272px;
}

.risk-radar-chart-circle .heptagon-5 .heptagon-number.heptagon-number-1 {
    position: absolute;
    right: 57px;
    top: 34px;
}

.risk-radar-chart-circle .heptagon-5 .heptagon-number.heptagon-number-2 {
    position: absolute;
    right: 11px;
    bottom: 100px;
}

.risk-radar-chart-circle .heptagon-5 .heptagon-number.heptagon-number-3 {
    position: absolute;
    left: 142px;
    bottom: 5px;
}

.risk-radar-chart-circle .heptagon-5 .heptagon-number.heptagon-number-4 {
    position: absolute;
    left: 16px;
    bottom: 87px;
}

.risk-radar-chart-circle .heptagon-5 .heptagon-number.heptagon-number-5 {
    position: absolute;
    left: 53px;
    top: 38px;
}

.risk-radar-chart-circle .heptagon-number {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 50%;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    width: 18px;
    height: 18px;
    line-height: 18px;
}

.risk-radar-chart-circle .gon:hover .heptagon-number {
    border-color: #68251e;
}

.risk-radar-chart-circle .heptagon-line {
    margin: 0;
    padding: 0;
}

.risk-radar-chart-circle .heptagon-line li {
    list-style-type: none;
    width: 140px;
    border: 1px solid #fff;
    position: absolute;
    top: 50%;
    z-index: 50;
}

.risk-radar-chart-circle .heptagon-line li:nth-child(1) {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    transform: rotate(90deg);
    left: 0;
    right: 0;
    margin: 0 auto;
    margin-top: -87px;
}

.risk-radar-chart-circle .heptagon-line li:nth-child(2) {
    -webkit-transform: rotate(164deg);
    -moz-transform: rotate(164deg);
    transform: rotate(164deg);
    left: 0;
    right: -155px;
    margin: 0 auto;
    margin-top: -28px;
}

.risk-radar-chart-circle .heptagon-line li:nth-child(3) {
    -webkit-transform: rotate(47deg);
    -moz-transform: rotate(47deg);
    transform: rotate(47deg);
    left: 0;
    right: -110px;
    margin: 0 auto;
    margin-top: 53px;
}

.risk-radar-chart-circle .heptagon-line li:nth-child(4) {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    transform: rotate(126deg);
    left: 0;
    right: 97px;
    margin: 0 auto;
    margin-top: 59px;
}

.risk-radar-chart-circle .heptagon-line li:nth-child(5) {
    -webkit-transform: rotate(14deg);
    -moz-transform: rotate(14deg);
    transform: rotate(14deg);
    left: -158px;
    right: 0;
    margin: 0 auto;
    margin-top: -24px;
}

.risk-radar-chart-circle .heptagon-label {
    margin: 0;
    padding: 0;
}

.risk-radar-chart-circle .heptagon-label li {
    list-style-type: none;
    width: 148px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    color: #000;
    line-height: 12px;
    font-size: 12px;
    text-align: center;
    min-height: 36px;
    display: flex;
    align-items: end;
    justify-content: center;
}

.risk-radar-chart-circle .heptagon-label li span {
    font-size: 10px;
}

.risk-radar-chart-circle .heptagon-label li:nth-child(1) {
    -webkit-transform: rotate(33deg);
    -moz-transform: rotate(33deg);
    transform: rotate(33deg);
    margin-top: -172px;
    right: -199px;
}

.risk-radar-chart-circle .heptagon-label li:nth-child(2) {
    -webkit-transform: rotate(106deg);
    -moz-transform: rotate(106deg);
    transform: rotate(106deg);
    margin-top: 21px;
    right: -338px;
}

.risk-radar-chart-circle .heptagon-label li:nth-child(3) {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
    margin-top: 153px;
    align-items: start;
}

.risk-radar-chart-circle .heptagon-label li:nth-child(4) {
    -webkit-transform: rotate(73deg);
    -moz-transform: rotate(73deg);
    transform: rotate(73deg);
    margin-top: 27px;
    left: -335px;
    align-items: start;
}

.risk-radar-chart-circle .heptagon-label li:nth-child(5) {
    -webkit-transform: rotate(-43deg);
    -moz-transform: rotate(-43deg);
    transform: rotate(-43deg);
    margin-top: -155px;
    left: -244px;
}


/* risk-radar-chart-circle end */

@media only screen and (max-width: 1199.98px) {
    .fixed-table.border-none {
        display: none !important;
    }
}

.scroll-no-fixed-header .fixed-table {
    display: none !important;
}

.so-slider-box .mCSB_draggerContainer {
    opacity: 0;
}

.so-slider-box:hover .mCSB_draggerContainer {
    opacity: 1;
}

#return-to-top a {
    width: 40px;
    height: 40px;
}

.document-round-pic {
    width: 25px;
    height: 28px;
    border-radius: 0 !important;
}


/* code copy popup start */

.copy-code-icon {
    font-size: 10px;
    color: #fff !important;
    background: #666;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    line-height: 16px;
    text-align: center;
    margin-left: 3px;
    transition: all 0.50s;
}

.copy-code-icon:hover {
    background: #0088FF;
}

.pre-box {
    background-color: #e5e5e5;
    padding: 20px;
    border: 1px solid #bfbfbf;
    overflow-x: auto;
    white-space: pre-wrap;
    margin-bottom: 5px;
}

.pre-box code {
    font-size: 12px;
    color: #484848;
}

.pre-box code div {
    color: #0000ff;
}

#copyMessage {
    margin-top: 10px;
    color: green;
}

.copy-code-icon.copy-code-side {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
}

table .copy-code-icon.copy-code-side {
    right: 20px;
}

.copy-text-btn:before {
    content: "Copied";
    position: absolute;
    top: -45px;
    right: 0px;
    background: #5c81dc;
    padding: 8px 10px;
    border-radius: 20px;
    font-size: 15px;
    display: none;
}

.copy-text-btn:after {
    content: "";
    position: absolute;
    top: -20px;
    right: 25px;
    width: 10px;
    height: 10px;
    background: #5c81dc;
    transform: rotate(45deg);
    display: none;
}


/* .copy-text.active button:before,
.copy-text.active button:after {
	display: block;
} */

.successfully-copied {
    color: #0ab00a;
    font-size: 14px;
    margin-bottom: 15px;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -ms-transition: all 0.2s ease 0s;
    -o-transition: all 0.2s ease 0s;
    transition: all 0.2s ease 0s;
}


/* code copy popup end */

.side-bar-square {
    width: 20px;
    height: 70px;
    border-radius: 0;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 0;
    bottom: unset;
    top: 0;
    margin-left: 15px;
    z-index: 1 !important;
    display: none;
}

.side-bar-square img {
    border-radius: 0 !important;
}

.user-right-fill.flex-98-width .side-bar-square {
    display: block;
}

.arrowlist .edit-and-delete-small {
    padding: 0 3px;
}

.arrowlist .edit-and-delete-small .btn-small-icon {
    padding: 2px 1px;
}

#iframeOverlay {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 15px);
    height: 100%;
    background-color: transparent;
    /* pointer-events: none;  */
}


/* msg color style start */

.msg-nbr-tab-btn.bg-green {
    background: #0ab00a !important;
}

.msg-nbr-tab-btn.bg-green:after {
    border-top-color: #0ab00a;
}

.msg-nbr-tab-btn.bg-light-green {
    background: #0DBF00 !important;
}

.msg-nbr-tab-btn.bg-light-green:after {
    border-top-color: #0DBF00;
}

.msg-nbr-tab-btn.bg-orange {
    background: #ff8b17 !important;
}

.msg-nbr-tab-btn.bg-orange:after {
    border-top-color: #ff8b17;
}

.msg-nbr-tab-btn.bg-red {
    background: #c6001d !important;
}

.msg-nbr-tab-btn.bg-red:after {
    border-top-color: #c6001d;
}

.msg-nbr-tab-btn.bg-yellow {
    background: #ddc205 !important;
}

.msg-nbr-tab-btn.bg-yellow:after {
    border-top-color: #ddc205;
}

.msg-nbr-tab-btn.bg-blue {
    background: #0088FF !important;
}

.msg-nbr-tab-btn.bg-blue:after {
    border-top-color: #0088FF;
}

.msg-nbr-tab-btn.bg-gray {
    background: #CBD6E2 !important;
}

.msg-nbr-tab-btn.bg-gray:after {
    border-top-color: #CBD6E2;
}


/* msg color style end */

.six-multi-stup-form .step {
    width: 16.66% !important;
}


/* tamer style start */

.tamer-matrix-table tr th,
.tamer-matrix-table tr td {
    border-radius: 20px;
    padding: 11px 16px;
}


/* tamer style end */

.scroll-remove-ck .ck-editor__editable_inline {
    max-height: unset;
    overflow: hidden !important;
}

.min-height-78 {
    min-height: 78vh;
}


/* Mss india style start */

.new-attachments-1 {
    background: #fff;
    border: 1px dashed #F57220;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
}


/* Mss india style end */

.abzorb-oc-btn.zoom-and-zoom-out-tree-main {
    right: 80px;
    z-index: 99;
}

.oc-edit.oc-open-close-user {
    top: unset !important;
    bottom: -21px;
    left: 0;
    right: 0 !important;
    margin: 0 auto;
    width: 18px;
    height: 18px;
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 17px;
    background: #fff !important;
    border: 1px solid #ccc !important;
    z-index: 1;
    font-size: 12px;
}


/* organisational-chart-5 style start */

.organisational-chart-5 a.oc-user-box h4 {
    font-size: 13px;
    margin-bottom: 3px;
    margin-top: 3px;
    color: #33475B;
    text-align: center;
    width: 100%;
    font-family: "Nunito Regular";
}

.organisational-chart-5 a.oc-user-box h5 {
    font-size: 13px;
    color: #506E91;
    margin-bottom: 0;
    font-weight: normal;
    font-family: "Nunito Bold";
}

.organisational-chart-5 a.oc-user-box {
    background: #fff;
    background-image: linear-gradient(to bottom right, #f0f0f0, #fff);
    border: 1px solid #7C98B6;
    transition: 0.3s;
}

.organisational-chart-5 a.oc-user-box:hover {
    background: #fff;
    background-image: linear-gradient(to bottom right, #fff, #f0f0f0);
    transition: 0.3s;
}

.oc-box-hide-icon {
    position: absolute;
    top: unset !important;
    bottom: -12px;
    left: 0;
    right: 0 !important;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50% !important;
    padding: 0 !important;
    line-height: 16px;
    background: #fff !important;
    border: 1px solid #ccc !important;
    z-index: 1;
    font-size: 10px;
    opacity: 0;
    transition: 0.3s;
    text-align: center;
}

.oc-box-hide-icon.oc-box-rotate-icon-normal {
    opacity: 1;
}

a.oc-user-box:hover .oc-box-hide-icon {
    opacity: 1;
}

.organisational-chart-5 a.oc-user-box .oc-edit {
    padding: 2px;
}

.organisational-chart-5 .oc-box-option-icon {
    padding: 0px 3px;
}

.multi-user-inr-main .multi-user-inr {
    margin-bottom: 15px;
}

.multi-user-inr-main .multi-user-inr:last-child {
    margin-bottom: 0;
}

.zoom-and-zoom-out-tree-main {
    z-index: 10;
}

.auto-width-and-center-tree {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
}

.auto-width-and-center-tree ul {
    /* margin-top: -7px; */
    display: flex;
    justify-content: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


/* organisational-chart-5 style end */

.upload-section .question-circle-inp {
    z-index: 1;
}

.drop-list-hov {
    opacity: 0.8;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.drop-list-hov:hover {
    opacity: 1;
}


/* multiple-plain-ngselect time and mail add selected option style start */

.multiple-plain-ngselect-pm .ng-value-icon {
    position: absolute;
    right: 0px;
    top: 0;
}

.multiple-plain-ngselect-pm .ng-select .ng-value p {
    font-size: 12px;
    margin-bottom: 2px;
    padding-left: 20px;
}

.multiple-plain-ngselect-pm .multiple-plain-ngselect .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
    position: relative;
    padding-right: 20px;
}


/* multiple-plain-ngselect time and mail add selected option style end */

.keep-together {
    page-break-inside: avoid;
}


/* custom-radio color style start */


/* purple */

.custom-radio.custom-radio-purple .custom-control-label::before {
    border-color: #8F5DB5 !important;
}

.custom-radio.custom-radio-purple .custom-control-input:checked~.custom-control-label::before {
    background-color: #8F5DB5 !important;
}

.custom-radio-purple .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f3f8fb, 0 0 0 0.2rem rgb(238 218 250);
}


/* light-green */

.custom-radio.custom-radio-light-green .custom-control-label::before {
    border-color: #0DBF00 !important;
}

.custom-radio.custom-radio-light-green .custom-control-input:checked~.custom-control-label::before {
    background-color: #0DBF00 !important;
}

.custom-radio-light-green .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f3f8fb, 0 0 0 0.2rem rgb(221 250 218);
}


/* green */

.custom-radio.custom-radio-green .custom-control-label::before {
    border-color: #3db472 !important;
}

.custom-radio.custom-radio-green .custom-control-input:checked~.custom-control-label::before {
    background-color: #3db472 !important;
}

.custom-radio-green .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f3f8fb, 0 0 0 0.2rem rgb(221 250 218);
}


/* yellow */

.custom-radio.custom-radio-yellow .custom-control-label::before {
    border-color: #ddc205 !important;
}

.custom-radio.custom-radio-yellow .custom-control-input:checked~.custom-control-label::before {
    background-color: #ddc205 !important;
}

.custom-radio-yellow .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f3f8fb, 0 0 0 0.2rem rgb(255 254 190);
}


/* red */

.custom-radio.custom-radio-red .custom-control-label::before {
    border-color: #c6001d !important;
}

.custom-radio.custom-radio-red .custom-control-input:checked~.custom-control-label::before {
    background-color: #c6001d !important;
}

.custom-radio-red .custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 1px #f3f8fb, 0 0 0 0.2rem rgb(250 218 218);
}


/* custom-radio color style end */

.work-flow-space-sm .work-flow-review-approval.work-flow-audit-new:after {
    height: 18px;
    bottom: -18px;
}

.work-flow-space-sm .work-flow-audit-new {
    margin-bottom: 16px;
}

.work-flow-space-md .work-flow-review-approval.work-flow-audit-new:after {
    height: 24px;
    bottom: -24px;
}

.work-flow-space-md .work-flow-audit-new {
    margin-bottom: 22px;
}


/* export-style-pdf-doe start */

.dubble-border-light {
    border: 1px solid #000;
    padding: 1px;
}

.export-pdf-doe-header {
    margin-bottom: 15px;
}

.export-pdf-doe-logo {
    max-width: 220px;
    display: inline-block;
}

.export-pdf-doe-text h5 {
    font-size: 21px;
    color: #e3b17b;
    font-weight: 600;
    margin-bottom: 12px;
}

.export-pdf-doe-text h4 {
    font-size: 21px;
    color: #6c8d9d;
    font-weight: 600;
    margin: 0px;
}

.doe-footer.doe-footer-pdf {
    padding: 12px 0 0 0;
    border-top: 1px solid #000;
    margin-top: 15px;
}

.doe-body-dot-bg-right {
    /* background-image: url(../images/doe-report-dot.png); */
    background-repeat: no-repeat;
    background-size: 35px 92%;
    background-position: right -6px top 46px;
    padding-right: 32px !important;
}

.pdf-type-doe-table th {
    background-color: #44546a !important;
    color: #fff !important;
}

.hover-remove-table table tr:hover td {
    background: none !important;
}


/* export-style-pdf-doe end */


/* nav-togle style start */

.nav-togle {
    float: left;
    padding: 12px 10px;
}

.nav-togle .label-name {
    font-size: 12px;
    color: #7c98b6;
}

.nav-togle .rounded-sliders-check {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 1199.8px) {
    .nav-togle {
        padding: 0.25rem 1.5rem;
    }
    .nav-togle .label-name {
        font-family: "Nunito Regular";
    }
}


/* nav-togle style end */

.common-tab-md .mCSB_scrollTools {
    z-index: 11;
    opacity: 0;
}

.common-tab-md .issues-tab:hover .mCSB_scrollTools {
    opacity: 1;
}

div.dt-container {
    width: 800px;
    margin: 0 auto;
}

.ngx-pagination .pagination-next a::after,
.ngx-pagination .pagination-next.disabled::after {
    font-size: 18px;
    line-height: 10px;
}

.ngx-pagination .pagination-previous a::before,
.ngx-pagination .pagination-previous.disabled::before {
    font-size: 18px;
    line-height: 10px;
}

.fill-tag {
    padding: 3px 12px;
    border-radius: 4px;
}

.star-rating {
    margin: 0;
    padding: 0;
}

.star-rating li {
    list-style-type: none;
    float: left;
    width: 40px;
    margin: 0 1px;
}

.doe-quality-plan-table.left-fixed-table .second-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 50px;
    z-index: 5;
}

.doe-quality-plan-table.left-fixed-table .fourth-col {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    left: 450px;
    z-index: 5;
}

.doe-quality-plan-table.left-fixed-table .third-col {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    left: 200px;
    z-index: 5;
}

.doe-quality-plan-table .plain-select:after {
    top: 50%;
    margin-top: -9px;
}

.contact-no-user {
    font-size: 13px;
    margin-left: 15px;
}


/* slider-input-small start */

.slider-input-small.slider-new-type-input .range-slider__range {
    height: 8px;
    border-radius: 10px;
    border-color: #00C73C;
}

.slider-input-small.slider-new-type-input .range-slider__range::-webkit-slider-thumb {
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #00C73C;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}

.slider-input-small.slider-new-type-input .range-slider__range::-moz-range-thumb {
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 50%;
    background: #2c3e50;
    cursor: pointer;
    transition: background 0.15s ease-in-out;
}


/* slider-input-small end */


/* slider-red color start */

.slider-red.slider-new-type-input .range-slider__range {
    border-color: #801c24;
}

.slider-red.slider-new-type-input .range-slider__range::-webkit-slider-thumb {
    background: #801c24;
    border-color: #801c24;
}

.slider-red.slider-new-type-input .range-slider__range::-webkit-slider-thumb:hover {
    background: #801c24;
}

.slider-red.slider-new-type-input .range-slider__range:active::-webkit-slider-thumb {
    background: #801c24;
}

.slider-red.slider-new-type-input .range-slider__range::-moz-range-thumb {
    background: #801c24;
}

.slider-red.slider-new-type-input .range-slider__range::-moz-range-thumb:hover {
    background: #801c24;
}

.slider-red.slider-new-type-input .range-slider__range:active::-moz-range-thumb {
    background: #801c24;
}


/* slider-red color end */


/* slider-blue color start */

.slider-blue.slider-new-type-input .range-slider__range {
    border-color: #65a7db;
}

.slider-blue.slider-new-type-input .range-slider__range::-webkit-slider-thumb {
    background: #65a7db;
    border-color: #65a7db;
}

.slider-blue.slider-new-type-input .range-slider__range::-webkit-slider-thumb:hover {
    background: #65a7db;
}

.slider-blue.slider-new-type-input .range-slider__range:active::-webkit-slider-thumb {
    background: #65a7db;
}

.slider-blue.slider-new-type-input .range-slider__range::-moz-range-thumb {
    background: #65a7db;
}

.slider-blue.slider-new-type-input .range-slider__range::-moz-range-thumb:hover {
    background: #65a7db;
}

.slider-blue.slider-new-type-input .range-slider__range:active::-moz-range-thumb {
    background: #65a7db;
}


/* slider-blue color end */


/* slider-green color start */

.slider-green.slider-new-type-input .range-slider__range {
    border-color: #60c1a4;
}

.slider-green.slider-new-type-input .range-slider__range::-webkit-slider-thumb {
    background: #60c1a4;
    border-color: #60c1a4;
}

.slider-green.slider-new-type-input .range-slider__range::-webkit-slider-thumb:hover {
    background: #60c1a4;
}

.slider-green.slider-new-type-input .range-slider__range:active::-webkit-slider-thumb {
    background: #60c1a4;
}

.slider-green.slider-new-type-input .range-slider__range::-moz-range-thumb {
    background: #60c1a4;
}

.slider-green.slider-new-type-input .range-slider__range::-moz-range-thumb:hover {
    background: #60c1a4;
}

.slider-green.slider-new-type-input .range-slider__range:active::-moz-range-thumb {
    background: #60c1a4;
}


/* slider-green color end */


/* slider-yellow color start */

.slider-yellow.slider-new-type-input .range-slider__range {
    border-color: #a4813a;
}

.slider-yellow.slider-new-type-input .range-slider__range::-webkit-slider-thumb {
    background: #a4813a;
    border-color: #a4813a;
}

.slider-yellow.slider-new-type-input .range-slider__range::-webkit-slider-thumb:hover {
    background: #a4813a;
}

.slider-yellow.slider-new-type-input .range-slider__range:active::-webkit-slider-thumb {
    background: #a4813a;
}

.slider-yellow.slider-new-type-input .range-slider__range::-moz-range-thumb {
    background: #a4813a;
}

.slider-yellow.slider-new-type-input .range-slider__range::-moz-range-thumb:hover {
    background: #a4813a;
}

.slider-yellow.slider-new-type-input .range-slider__range:active::-moz-range-thumb {
    background: #a4813a;
}


/* slider-yellow color end */

.question-circle-inp.right-show .message-password-inp {
    right: unset;
    left: -6px;
}

.question-circle-inp.right-show .message-password-inp:after,
.question-circle-inp.right-show .message-password-inp:before {
    right: unset;
    left: 6px;
}

.md-row {
    margin-right: -10px;
    margin-left: -10px;
}

.md-row .md-col {
    padding: 0 10px;
}

.hove-db-box {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.hove-db-box:hover {
    transform: translateY(-3px);
}

:root {
    /* --body-color: #ebf4ff; */
    --bad-color: #ff5722;
    --ok-color: #ff9800;
    --good-color: #36d896;
    --great-color: #3f51b5;
    --track-color: #eaeef4;
}


/* color-slider style start  */

.color-slider .card {
    height: 160px;
    width: 530px;
    background: #fff;
    display: flex;
    margin: auto;
    position: relative;
    border-radius: 20px;
    box-shadow: 0px 2px 10px -10px #2f2f2f;
    flex-direction: column;
    padding: 30px;
    box-sizing: border-box;
}

.color-slider .row {
    margin: 0;
    display: flex;
}

.color-slider p {
    font-size: 18px;
    font-weight: 700;
    color: var(--great-color);
}

.color-slider .icon {
    /* height: 40px;
    width: 40px; */
    height: 25px;
    width: 25px;
    margin-right: 5px;
    position: relative;
}

.color-slider .icon svg {
    height: 100%;
    width: 100%;
    position: absolute;
}

.color-slider .range {
    position: relative;
    /* width: 360px; */
    width: 100%;
    width: calc(100% - 31px);
    height: 17px;
    /* left: 40px; */
    left: 0px;
    top: 1px;
}

.color-slider .range svg {
    width: 100%;
    height: 100%;
}

.color-slider .range svg path {
    transition: linear 0.5s;
}

.color-slider input[type="range"] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    transform: translateY(-35%);
    background: none;
    transition: linear 0.5s;
}

.color-slider input[type="range"]:focus {
    outline: 0;
}

.color-slider input[type="range"]::-webkit-slider-thumb {
    width: 26px;
    -webkit-appearance: none;
    height: 26px;
    cursor: pointer;
    border-radius: 50%;
    border: 6px solid #fff;
    box-shadow: 0px 0px 6px 0px #ccc;
    z-index: 2;
    position: relative;
    margin-left: 3px;
    margin-top: -3px;
}

.color-slider .range.bad svg path#path-ok,
.color-slider .range.bad svg path#path-good,
.color-slider .range.bad svg path#path-great {
    fill: var(--track-color);
}

.color-slider .icon svg#icon-bad path {
    fill: var(--bad-color);
}

.color-slider .icon svg#icon-ok path {
    fill: var(--ok-color);
}

.color-slider .icon svg#icon-good path {
    fill: var(--good-color);
}

.color-slider .icon svg#icon-great path {
    fill: var(--great-color);
}

.color-slider .row.bad input[type="range"]::-webkit-slider-thumb {
    background: var(--bad-color);
}

.color-slider .row.ok input[type="range"]::-webkit-slider-thumb {
    background: var(--ok-color);
}

.color-slider .row.good input[type="range"]::-webkit-slider-thumb {
    background: var(--good-color);
}

.color-slider .row.great input[type="range"]::-webkit-slider-thumb {
    background: var(--great-color);
}

.color-slider .row .icon svg {
    display: none;
}

.color-slider .row.bad .icon svg#icon-bad,
.color-slider .row.ok .icon svg#icon-ok,
.color-slider .row.good .icon svg#icon-good,
.color-slider .row.great .icon svg#icon-great {
    display: block;
    animation: heartBeat 1s;
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.color-slider .animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.color-slider .range:after {
    content: "";
    position: absolute;
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--track-color);
    left: 0;
    height: 6px;
    opacity: 0;
}

.color-slider .row.bad .range:after {
    box-shadow: 99px 31px 0px 1px var(--bad-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--track-color);
}

.color-slider .row.ok .range:after {
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--ok-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--track-color);
}

.color-slider .row.good .range:after {
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--good-color), 351px 31px 0px 1px var(--track-color);
}

.color-slider .row.great .range:after {
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--great-color);
}


/* color-slider style end  */


/* color-emoji-slider style start  */

.color-emoji-slider .row {
    margin: 0;
    display: flex;
}

.color-emoji-slider .icon {
    height: 30px;
    width: 30px;
    position: relative;
}

.color-emoji-slider .icon svg {
    height: 100%;
    width: 100%;
    position: absolute;
}

.color-emoji-slider .range {
    position: relative;
    width: 360px;
    height: 17px;
    left: 10px;
    top: 4px;
}

.color-emoji-slider .range svg {
    width: 100%;
    height: 100%;
}

.color-emoji-slider .range svg path {
    transition: linear 0.5s;
}

.color-emoji-slider input[type="range"] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    transform: translateY(-35%);
    background: none;
    transition: linear 0.5s;
}

.color-emoji-slider input[type="range"]:focus {
    outline: 0;
}

.color-emoji-slider input[type="range"]::-webkit-slider-thumb {
    width: 26px;
    -webkit-appearance: none;
    height: 26px;
    cursor: pointer;
    border-radius: 50%;
    border: 6px solid #fff;
    box-shadow: 0px 0px 6px 0px #ccc;
    z-index: 2;
    position: relative;
    margin-left: 3px;
    margin-top: -3px;
}

.color-emoji-slider input[type="range"]::-moz-range-thumb {
    width: 12px;
    -webkit-appearance: none;
    height: 12px;
    cursor: pointer;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0px 0px 6px 0px #ccc;
    z-index: 2;
    position: relative;
    margin-left: 3px;
    margin-top: -3px;
    /* background: #7c7c7c; */
}

.color-emoji-slider .range.bad svg path#path-ok,
.color-emoji-slider .range.bad svg path#path-good,
.color-emoji-slider .range.bad svg path#path-great {
    fill: var(--track-color);
}

.color-emoji-slider .icon svg#icon-bad path {
    fill: var(--bad-color);
}

.color-emoji-slider .icon svg#icon-ok path {
    fill: var(--ok-color);
}

.color-emoji-slider .icon svg#icon-good path {
    fill: var(--good-color);
}

.color-emoji-slider .icon svg#icon-great path {
    fill: var(--great-color);
}

.color-emoji-slider .row.bad input[type="range"]::-webkit-slider-thumb {
    background: var(--bad-color);
}

.color-emoji-slider .row.bad input[type="range"]::-moz-range-thumb {
    background: var(--bad-color);
}

.color-emoji-slider .row.ok input[type="range"]::-webkit-slider-thumb {
    background: var(--ok-color);
}

.color-emoji-slider .row.ok input[type="range"]::-moz-range-thumb {
    background: var(--ok-color);
}

.color-emoji-slider .row.good input[type="range"]::-webkit-slider-thumb {
    background: var(--good-color);
}

.color-emoji-slider .row.good input[type="range"]::-moz-range-thumb {
    background: var(--good-color);
}

.color-emoji-slider .row.great input[type="range"]::-webkit-slider-thumb {
    background: var(--great-color);
}

.color-emoji-slider .row.great input[type="range"]::-moz-range-thumb {
    background: var(--great-color);
}

.color-emoji-slider .row.bad .emoji-slider-value {
    color: var(--bad-color);
}

.color-emoji-slider .row.ok .emoji-slider-value {
    color: var(--ok-color);
}

.color-emoji-slider .row.good .emoji-slider-value {
    color: var(--good-color);
}

.color-emoji-slider .row.great .emoji-slider-value {
    color: var(--great-color);
}

.color-emoji-slider .row .icon svg {
    display: none;
}

.color-emoji-slider .row.bad .icon svg#icon-bad,
.color-emoji-slider .row.ok .icon svg#icon-ok,
.color-emoji-slider .row.good .icon svg#icon-good,
.color-emoji-slider .row.great .icon svg#icon-great {
    display: block;
    animation: heartBeat1 1s;
}

@-webkit-keyframes heartBeat1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat1 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.color-emoji-slider .animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.color-emoji-slider .range:after {
    content: "";
    position: absolute;
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--track-color);
    left: 0;
    height: 6px;
    opacity: 0;
}

.color-emoji-slider .row.bad .range:after {
    box-shadow: 99px 31px 0px 1px var(--bad-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--track-color);
}

.color-emoji-slider .row.ok .range:after {
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--ok-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--track-color);
}

.color-emoji-slider .row.good .range:after {
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--good-color), 351px 31px 0px 1px var(--track-color);
}

.color-emoji-slider .row.great .range:after {
    box-shadow: 99px 31px 0px 1px var(--track-color), 183px 31px 0px 1px var(--track-color), 267px 31px 0px 1px var(--track-color), 351px 31px 0px 1px var(--great-color);
}


/* color-emoji-slider style end  */


/* color-emoji-slider-10 style start  */

:root {
    /* --bad-color: #ff5722;
    --ok-color: #ff9800;
    --good-color: #36d896;
    --great-color: #3f51b5;
    --track-color: #eaeef4; */
    --color-a: #f00f00;
    --color-b: #ed3612;
    --color-c: #ed5c1d;
    --color-d: #d4874f;
    --color-e: #da8d3b;
    --color-f: #eeb42c;
    --color-g: #ead232;
    --color-h: #86d94b;
    --color-i: #6cda61;
    --color-j: #48b3ea;
    --color-track: #eaeef4;
}

.color-emoji-slider-10 .row {
    margin: 0;
    display: flex;
}

.color-emoji-slider-10 .icon {
    height: 30px;
    width: 30px;
    position: relative;
}

.color-emoji-slider-10 .icon svg {
    height: 100%;
    width: 100%;
    position: absolute;
}

.color-emoji-slider-10 .range {
    position: relative;
    width: 360px;
    height: 17px;
    left: 10px;
    top: 4px;
}

.color-emoji-slider-10 .range svg {
    width: 100%;
    height: 100%;
}

.color-emoji-slider-10 .range svg path {
    transition: linear 0.5s;
}

.color-emoji-slider-10 input[type="range"] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    margin: 0;
    padding: 0;
    transform: translateY(-35%);
    background: none;
    transition: linear 0.5s;
}

.color-emoji-slider-10 input[type="range"]:focus {
    outline: 0;
}

.color-emoji-slider-10 input[type="range"]::-webkit-slider-thumb {
    width: 26px;
    -webkit-appearance: none;
    height: 26px;
    cursor: pointer;
    border-radius: 50%;
    border: 6px solid #fff;
    box-shadow: 0px 0px 6px 0px #ccc;
    z-index: 2;
    position: relative;
    margin-left: 3px;
    margin-top: -3px;
}

.color-emoji-slider-10 input[type="range"]::-moz-range-thumb {
    width: 12px;
    -webkit-appearance: none;
    height: 12px;
    cursor: pointer;
    border-radius: 50%;
    border: 4px solid #fff;
    box-shadow: 0px 0px 6px 0px #ccc;
    z-index: 2;
    position: relative;
    margin-left: 3px;
    margin-top: -3px;
    /* background: #7c7c7c; */
}

.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-2,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-3,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-4,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-5,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-6,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-7,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-8,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-9,
.color-emoji-slider-10 .range.slide-clr-1 svg path#icon-emoji-10 {
    fill: var(--color-track);
}

.color-emoji-slider-10 .icon svg#icon-emoji-1 path {
    /* fill: var(--color-a); */
}

.color-emoji-slider-10 .icon svg#icon-emoji-2 path {
    /* fill: var(--color-b); */
}

.color-emoji-slider-10 .icon svg#icon-emoji-3 path {
    /* fill: var(--color-c); */
}

.color-emoji-slider-10 .icon svg#icon-emoji-4 path {
    /* fill: var(--color-d); */
}

.color-emoji-slider-10 .row.slide-clr-1 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-a);
}

.color-emoji-slider-10 .row.slide-clr-1 input[type="range"]::-moz-range-thumb {
    background: var(--color-a);
}

.color-emoji-slider-10 .row.slide-clr-2 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-b);
}

.color-emoji-slider-10 .row.slide-clr-2 input[type="range"]::-moz-range-thumb {
    background: var(--color-b);
}

.color-emoji-slider-10 .row.slide-clr-3 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-c);
}

.color-emoji-slider-10 .row.slide-clr-3 input[type="range"]::-moz-range-thumb {
    background: var(--color-c);
}

.color-emoji-slider-10 .row.slide-clr-4 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-d);
}

.color-emoji-slider-10 .row.slide-clr-4 input[type="range"]::-moz-range-thumb {
    background: var(--color-d);
}

.color-emoji-slider-10 .row.slide-clr-5 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-e);
}

.color-emoji-slider-10 .row.slide-clr-5 input[type="range"]::-moz-range-thumb {
    background: var(--color-e);
}

.color-emoji-slider-10 .row.slide-clr-6 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-f);
}

.color-emoji-slider-10 .row.slide-clr-6 input[type="range"]::-moz-range-thumb {
    background: var(--color-f);
}

.color-emoji-slider-10 .row.slide-clr-7 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-g);
}

.color-emoji-slider-10 .row.slide-clr-7 input[type="range"]::-moz-range-thumb {
    background: var(--color-g);
}

.color-emoji-slider-10 .row.slide-clr-8 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-h);
}

.color-emoji-slider-10 .row.slide-clr-8 input[type="range"]::-moz-range-thumb {
    background: var(--color-h);
}

.color-emoji-slider-10 .row.slide-clr-9 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-i);
}

.color-emoji-slider-10 .row.slide-clr-9 input[type="range"]::-moz-range-thumb {
    background: var(--color-i);
}

.color-emoji-slider-10 .row.slide-clr-10 input[type="range"]::-webkit-slider-thumb {
    background: var(--color-j);
}

.color-emoji-slider-10 .row.slide-clr-10 input[type="range"]::-moz-range-thumb {
    background: var(--color-j);
}

.color-emoji-slider-10 .row.slide-clr-1 .emoji-slider-value {
    color: var(--color-a);
}

.color-emoji-slider-10 .row.slide-clr-2 .emoji-slider-value {
    color: var(--color-b);
}

.color-emoji-slider-10 .row.slide-clr-3 .emoji-slider-value {
    color: var(--color-c);
}

.color-emoji-slider-10 .row.slide-clr-4 .emoji-slider-value {
    color: var(--color-d);
}

.color-emoji-slider-10 .row.slide-clr-5 .emoji-slider-value {
    color: var(--color-e);
}

.color-emoji-slider-10 .row.slide-clr-6 .emoji-slider-value {
    color: var(--color-f);
}

.color-emoji-slider-10 .row.slide-clr-7 .emoji-slider-value {
    color: var(--color-g);
}

.color-emoji-slider-10 .row.slide-clr-8 .emoji-slider-value {
    color: var(--color-h);
}

.color-emoji-slider-10 .row.slide-clr-9 .emoji-slider-value {
    color: var(--color-i);
}

.color-emoji-slider-10 .row.slide-clr-10 .emoji-slider-value {
    color: var(--color-j);
}

.color-emoji-slider-10 .row .icon svg {
    display: none;
}

.color-emoji-slider-10 .row.slide-clr-1 .icon svg#icon-emoji-1,
.color-emoji-slider-10 .row.slide-clr-2 .icon svg#icon-emoji-2,
.color-emoji-slider-10 .row.slide-clr-3 .icon svg#icon-emoji-3,
.color-emoji-slider-10 .row.slide-clr-4 .icon svg#icon-emoji-4,
.color-emoji-slider-10 .row.slide-clr-5 .icon svg#icon-emoji-5,
.color-emoji-slider-10 .row.slide-clr-6 .icon svg#icon-emoji-6,
.color-emoji-slider-10 .row.slide-clr-7 .icon svg#icon-emoji-7,
.color-emoji-slider-10 .row.slide-clr-8 .icon svg#icon-emoji-8,
.color-emoji-slider-10 .row.slide-clr-9 .icon svg#icon-emoji-9,
.color-emoji-slider-10 .row.slide-clr-10 .icon svg#icon-emoji-10 {
    display: block;
    animation: heartBeat10 1s;
}

@-webkit-keyframes heartBeat10 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes heartBeat10 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    28% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    70% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.color-emoji-slider-10 .animate__heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
    animation-duration: calc(var(--animate-duration) * 1.3);
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
}

.color-emoji-slider-10 .range:after {
    content: "";
    position: absolute;
    box-shadow: 99px 31px 0px 1px var(--color-track), 183px 31px 0px 1px var(--color-track), 267px 31px 0px 1px var(--color-track), 351px 31px 0px 1px var(--color-track);
    left: 0;
    height: 6px;
    opacity: 0;
}

.color-emoji-slider-10 .row.slide-clr-1 .range:after {
    box-shadow: 99px 31px 0px 1px var(--color-a), 183px 31px 0px 1px var(--color-track), 267px 31px 0px 1px var(--color-track), 351px 31px 0px 1px var(--color-track);
}

.color-emoji-slider-10 .row.slide-clr-2 .range:after {
    box-shadow: 99px 31px 0px 1px var(--color-track), 183px 31px 0px 1px var(--color-b), 267px 31px 0px 1px var(--color-track), 351px 31px 0px 1px var(--color-track);
}

.color-emoji-slider-10 .row.slide-clr-3 .range:after {
    box-shadow: 99px 31px 0px 1px var(--color-track), 183px 31px 0px 1px var(--color-track), 267px 31px 0px 1px var(--color-c), 351px 31px 0px 1px var(--color-track);
}

.color-emoji-slider-10 .row.slide-clr-4 .range:after {
    box-shadow: 99px 31px 0px 1px var(--color-track), 183px 31px 0px 1px var(--color-track), 267px 31px 0px 1px var(--color-track), 351px 31px 0px 1px var(--color-d);
}

.color-emoji-slider-10 .row.slide-clr-5 .range:after {
    box-shadow: 99px 31px 0px 1px var(--color-track), 183px 31px 0px 1px var(--color-track), 267px 31px 0px 1px var(--color-track), 351px 31px 0px 1px var(--color-e);
}


/* color-emoji-slider-10 style end  */

.emoji-slider-value {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 13px;
    background: #fff;
    box-shadow: 0px 0px 4px #ccc;
    padding: 1px 6px;
    border-radius: 5px;
}


/* circular-org-chart style start */

.cir-org-chart {
    width: 100%;
    height: 100vh;
}


/* 2 start */

#chartdiv-circle {
    width: 100%;
    height: 550px;
}


/* circular-org-chart style end */


/* right-arow-tab start */

.right-arow-tab .issues-tab ul {
    margin: 0;
}

.right-arow-tab .vertical-tab .nav-link {
    background: #fff;
    margin: 0 !important;
    position: relative;
}

.right-arow-tab .vertical-tab .nav-link:after {
    position: absolute;
    content: "";
    right: -12px;
    top: calc(50% + -12px);
    border-left: 12px solid #0088ff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    opacity: 0;
}

.right-arow-tab .vertical-tab .nav-link.active {
    background: #0088FF;
    color: #fff !important;
}

.right-arow-tab .vertical-tab .nav-link.active:after {
    opacity: 1;
}


/* right-arow-tab end */


/* tile-tab start */

.tile-tab.tab-same-height .tab-common-left-content-m {
    border: none;
    box-shadow: 5px 0px 8px #f0f0f0;
    border-radius: 0 8px 8px 0;
}

.tile-tab .issues-tab ul {
    margin: 0;
}

.tile-tab .vertical-tab .nav-link {
    background: #e9e9e9;
    margin: 0 !important;
    position: relative;
    border: none !important;
    border-radius: 8px;
}

.tile-tab .vertical-tab .nav-link:before {
    position: absolute;
    content: "";
    left: 7px;
    bottom: -8px;
    border-right: 23px solid #ccc;
    border-top: 0px solid transparent;
    border-bottom: 9px solid transparent;
}

.tile-tab .vertical-tab .nav-link.active {
    background: var(--color-primary);
    color: #fff !important;
}

.tile-tab .vertical-tab .nav-link:after {
    position: absolute;
    content: "";
    right: -8px;
    top: calc(50% + -8px);
    border-left: 8px solid var(--color-primary);
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    opacity: 0;
}

.tile-tab .vertical-tab .nav-link.active:after {
    opacity: 1;
}

.tile-tab .nav-tabs--left .nav-link:hover {
    box-shadow: none;
}

.tile-tab .vertical-tab .nav-link.active:before {
    /* border-right-color: #0061b9 !important; */
    border-right-color: var(--color-primary-dark) !important;
}

.tile-tab .nav-item:last-child .nav-link {
    border-bottom: none !important;
}

.tile-tab .vertical-tab li.nav-item:last-child {
    margin-bottom: 20px !important;
}

.tile-tab .vertical-tab li.nav-item {
    margin: 10px 0 2px 0 !important;
}

.tile-tab {
    padding-left: 30px;
}

.tile-tab .tab-common-left-md {
    background: #fff;
    box-shadow: 0px 0px 8px #f0f0f0;
    border-radius: 8px 0 0 8px;
}

.tile-tab .issues-tab {
    margin-left: -30px;
}


/* tile-tab end */


/* tile-tab-small start */

.tile-tab.tile-tab-small .vertical-tab .nav-link {
    padding: 8px 10px;
}

.tile-tab.tile-tab-small {
    padding-left: 20px;
}

.tile-tab.tile-tab-small .issues-tab {
    margin-left: -20px;
}

.tile-tab.tile-tab-small .vertical-tab li.nav-item {
    margin-top: 6px !important;
}

.tile-tab.tile-tab-small .vertical-tab .nav-link:before {
    left: 7px;
    bottom: -6px;
    border-right: 13px solid #ccc;
    border-bottom: 7px solid transparent;
}

.tile-tab.tile-tab-small .vertical-tab .nav-link:after {
    right: -5px;
    top: calc(50% + -6px);
    border-left: 6px solid var(--color-primary);
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.dashboard-box-new .tile-tab.tile-tab-small .vertical-tab .nav-link:before {
    left: 7px;
    bottom: -6px;
}


/* tile-tab-small end */

.rounded-sliders-check.off-dark-color .slider {
    background-color: #666;
}


/* new-progress-circle-1 start */

.new-progress-circle-1 {
    background: #f3f0f0;
    border: 5px solid #f3f0f0;
    border-radius: 50%;
    display: inline-block;
}

.new-progress-circle-1 .progress-circle {
    background: #ddd;
}

.new-progress-circle-1 .progress-circle:after {
    border: 5px solid #f3f0f0;
}


/* new-progress-circle-1 end */


/* new-progress-circle-2 start */

.new-progress-circle-2 {
    background: #f3f0f0;
    border: 5px solid #f3f0f0;
    border-radius: 50%;
    display: inline-block;
}

.new-progress-circle-2 .progress-circle {
    background: #fff;
}

.new-progress-circle-2 .progress-circle:after {
    border: 5px solid #f3f0f0;
}


/* new-progress-circle-2 end */


/* new-progress-circle-3 start */

.new-progress-circle-3 {
    background: #f3f0f0;
    box-shadow: 0px 0px 15px #ccc;
    border-radius: 50%;
    display: inline-block;
}

.new-progress-circle-3 .progress-circle {
    background: #fff;
}

.new-progress-circle-3 .progress-circle:after {
    box-shadow: 0px 0px 7px #ccc;
}


/* new-progress-circle-3 end */


/* new-progress-circle-4 start */

.new-progress-circle-4 .progress-circle:after {
    top: 0.20em;
    left: 0.20em;
    width: 4.6em;
    height: 4.6em;
    background-color: #fff;
}


/* new-progress-circle-4 end */


/* new-progress-circle-5 start */

.new-progress-circle-5 .progress-circle {
    background-color: #fff;
}

.new-progress-circle-5 .progress-circle:after {
    top: 0.18em;
    left: 0.18em;
    width: 4.65em;
    height: 4.65em;
    background-color: #fff;
    background-color: transparent;
    border: 3px solid #ccc;
    z-index: 1;
}

.new-progress-circle-5 .value-bar {
    z-index: 2;
}

.new-progress-circle-5 .progress-circle.over50 .first50-bar {
    background-color: transparent !important;
    border: 0.45em solid #049dff;
    z-index: 2;
}


/*color start */

.new-progress-circle-5 .progress-red.progress-circle.over50 .first50-bar {
    border-color: #FF0000 !important;
}

.new-progress-circle-5 .progress-dark-red.progress-circle.over50 .first50-bar {
    border-color: #DF4A4A !important;
}

.new-progress-circle-5 .progress-orange.progress-circle.over50 .first50-bar {
    border-color: #FF5B15 !important;
}

.new-progress-circle-5 .progress-yellow.progress-circle.over50 .first50-bar {
    border-color: #FFE026 !important;
}

.new-progress-circle-5 .progress-green.progress-circle.over50 .first50-bar {
    border-color: #24C871 !important;
}

.new-progress-circle-5 .progress-light-green.progress-circle.over50 .first50-bar {
    border-color: #0DBF00 !important;
}

.new-progress-circle-5 .progress-light-violet.progress-circle.over50 .first50-bar {
    border-color: #B48ED0 !important;
}

.new-progress-circle-5 .progress-violet.progress-circle.over50 .first50-bar {
    border-color: #8F5DB5 !important;
}

.new-progress-circle-5 .progress-dark-violet.progress-circle.over50 .first50-bar {
    border-color: #7a509a !important;
}


/*color end */


/* new-progress-circle-5 end */


/* 3d slider start */

.three-d-slider .review-title {
    margin-bottom: 30px;
}

.three-d-slider .review-card--option-1 {
    border: 1px solid #d8d8d8;
    padding: 25px;
}

.three-d-slider .review-card--option-2 {
    padding: 0 15px;
}

.three-d-slider .review-card--option-3 {
    padding: 0 200px;
}

.three-d-slider .review-card--option-4 {
    padding: 30px;
}

.three-d-slider .review-card .review-card-img {
    border: 1px solid #eee;
    width: 100px;
    height: 70px;
    /* background-image: url('https://unsplash.it/200'); */
    background-repeat: no-repeat;
    background-position: center center;
    margin: 0 auto 15px;
}

.three-d-slider .review-card .review-author .ra-author {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
}

.three-d-slider .review-card .review-author .ra-rating-star {
    margin: 0 0 15px;
    padding: 0;
    list-style-type: none;
}

.three-d-slider .review-card .review-author .ra-rating-star li {
    display: inline-block;
    margin: 0 -2px;
}

.three-d-slider .review-card--option-4 {
    border: 1px solid #d8d8d8;
}

.three-d-slider .carousel-wrap {
    width: 635px;
    height: 323px;
    margin: 0 auto;
    position: relative;
}

@media (min-width: 768px) and (max-width: 991px) {
    .three-d-slider .carousel-wrap {
        width: 400px;
    }
}

@media (max-width: 767px) {
    .three-d-slider .carousel-wrap {
        width: 350px;
        height: 345px;
    }
}

@media (max-width: 480px) {
    .three-d-slider .carousel-wrap {
        width: 240px;
        height: 408px;
    }
}

.three-d-slider .carousel>li {
    width: 500px;
    height: 325px;
    background: #fff;
    display: inline-block;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

@media (min-width: 768px) and (max-width: 991px) {
    .three-d-slider .carousel>li {
        width: 400px;
    }
}

@media (max-width: 767px) {
    .three-d-slider .carousel>li {
        width: 350px;
        height: 345px;
    }
}

@media (max-width: 480px) {
    .three-d-slider .carousel>li {
        width: 240px;
        height: 408px;
    }
}

.three-d-slider .items {
    position: absolute;
}

.three-d-slider .main-pos {
    margin-left: 2em !important;
    z-index: 3000;
}

@media (min-width: 768px) and (max-width: 991px) {
    .three-d-slider .main-pos {
        margin-left: -40px !important;
    }
}

@media (max-width: 767px) {
    .three-d-slider .main-pos {
        margin-left: -40px !important;
    }
}

.three-d-slider .left-pos {
    background: #ccc;
    opacity: 0.5;
    margin-left: -17em !important;
    z-index: 1000;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
}

.three-d-slider .left-pos .review-card--option-4 {
    background: rgba(0, 0, 0, .2);
}

@media (min-width: 768px) and (max-width: 991px) {
    .three-d-slider .left-pos {
        margin-left: -220px !important;
    }
}

@media (max-width: 767px) {
    .three-d-slider .left-pos {
        margin-left: -113px !important;
    }
}

@media (max-width: 480px) {
    .three-d-slider .left-pos {
        margin-left: -145px !important;
    }
}

.three-d-slider .back-pos {
    opacity: 0.05;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);
}

.three-d-slider .right-pos {
    opacity: 0.5;
    margin-left: 21em !important;
    z-index: 1000;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    transform: scale(0.75);
}

.three-d-slider .right-pos .review-card--option-4 {
    background: rgba(0, 0, 0, .2);
}

@media (min-width: 768px) and (max-width: 991px) {
    .three-d-slider .right-pos {
        margin-left: 140px !important;
    }
}

@media (max-width: 767px) {
    .three-d-slider .right-pos {
        margin-left: 30px !important;
    }
}

@media (max-width: 480px) {
    .three-d-slider .right-pos {
        margin-left: 62px !important;
    }
}

.three-d-slider .slider {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
}

.three-d-slider .slider a {
    color: #999;
}

.three-d-slider .slider i {
    font-size: 45px;
}

.three-d-slider .slider #prev,
.slider #next {
    position: absolute;
}

.three-d-slider .slider #prev {
    left: -214px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .three-d-slider .slider #prev {
        left: -180px;
    }
}

@media (max-width: 767px) {
    .three-d-slider .slider #prev {
        left: -70px;
    }
}

.three-d-slider .slider #next {
    right: -214px;
}

@media (min-width: 768px) and (max-width: 1199px) {
    .three-d-slider .slider #next {
        right: -180px;
    }
}

@media (max-width: 767px) {
    .three-d-slider .slider #next {
        right: -70px;
    }
}

@media (max-width: 480px) {
    .three-d-slider .slider {
        display: none;
    }
}


/* 3d slider end */


/* filter-new start */

.filter-new {
    background: rgba(3, 31, 65, 0.6);
}

.filter-new .filter-page-inner {
    background: #fff;
}

.filter-new .filtr-btn {
    border: 1px solid #d3dae4;
    background: transparent;
    color: #212e3f !important;
    border-radius: 6px !important;
    position: relative;
}

.filter-new .filtr-btn:hover {
    background: #ecf0f4 !important;
    color: #212e3f !important;
    border-color: #d3dae4;
}

.filter-fill.filter-new .filtr-btn.filter-btn-active,
.filter-new .filtr-btn.filter-btn-active,
.filter-new .filtr-btn.filter-btn-active:hover {
    border-color: var(--color-primary);
    color: var(--color-primary) !important;
    background: transparent !important;
}

.filter-new .filtr-btn.filter-btn-active:before {
    font-size: 10px;
    content: "\f00c";
    color: var(--color-primary);
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 400;
    position: absolute;
    right: -3px;
    top: -4px;
    background: #fff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.filter-new .quick-content-area h5 {
    color: #33475B;
}

.filter-new .quick-content-area h5:after {
    opacity: 0;
}

.filter-new .closebtn-filter {
    color: #33475B;
}

.filter-new select>.selected-items>.item {
    color: #212e3f;
    border-color: #d3dae4;
}

.filter-new .paraia-multi-select>.selected-items>.item>button {
    color: #212e3f;
}

.filter-new .paraia-multi-select>.selected-items>.item {
    color: #212e3f;
    border-color: #d3dae4;
}

.filter-new .form-control {
    color: #212e3f;
}

.filter-new .paraia-multi-select>.dropdown>.items>.item>.custom-checkbox>label {
    color: #212e3f;
}

.filter-new.filter-fill .filter-save-btn .btn {
    background: transparent;
    color: var(--color-primary);
    border-color: var(--color-primary);
}


/* filter-new end */


/* modal-new style start */

.modal-new {
    background: rgba(0, 0, 0, 0.8) !important;
}

.modal-new .modal-content {
    border-radius: 10px;
    background: #f0e6ff;
}

.modal-new .modal-header {
    border-radius: 10px 10px 0 0 !important;
    background: #f0e6ff !important;
    padding-top: 15px !important;
    padding-bottom: 6px !important;
    border-bottom: 1px solid #ccc;
    margin-bottom: 8px;
}

.modal-new .close {
    background: transparent;
    color: #fff;
}

.modal-new .close span {
    display: none;
}

.modal-new .modal-content .btn {
    background: #fff;
}

.modal-new .input-group-text {
    background-color: #d4d4d4;
}

.modal-new .color-change-btn-label {
    background: #fff;
    border-color: #ced4da;
}

.modal-new .selectator_element {
    border-radius: 0.25rem;
}


/* modal-new style end */


/* dashboard-new style start */

.dashboard-box-new {
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.dashboard-box-new:hover {
    transform: translateY(-2px);
}

.dashboard-box-new .cmn-head-style {
    font-size: 16px;
}

.dashboard-box-new hr {
    margin-top: 5px;
}

.dashboard-box-new .tile-tab .tab-common-left-md {
    background: #f7f7f7;
    box-shadow: none;
}

.dashboard-box-new .tile-tab.tab-same-height .tab-common-left-content-m {
    background: #f7f7f7;
    box-shadow: none;
}

.dashboard-box-new .tab-content.bg-white {
    background: #f7f7f7 !important;
}

.dashboard-box-new .owl-pagination span {
    margin: 0 4px !important;
}

.dashboard-box-new .owl-pagination {
    height: 15px;
}

.dashboard-box-new .owl-theme .owl-controls {
    margin-top: 2px;
}

.dashboard-box-new .owl-theme .owl-controls .owl-page span {
    width: 25px;
    height: 4px;
}

.dashboard-box-new .tile-tab .vertical-tab .nav-link:before {
    left: 8px;
    bottom: -8px;
}


/* dashboard-new style end */


/* arrowlist start  */

.dashboard-new ul.arrowlist li {
    margin-bottom: 2px;
}

.dashboard-new ul.arrowlist li:before {
    position: absolute;
    content: "";
    top: 0;
    left: 6px;
    content: "\f0a4";
    color: #506e91 !important;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 14px;
    opacity: 0.5;
}

.dashboard-new ul.arrowlist li:hover:before {
    opacity: 1;
    left: 10px;
}

.dashboard-new ul.arrowlist li:after {
    display: none;
}


/* arrowlist end  */


/* db-status-fit start  */

.db-status-main .db-status-fit {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 15px;
}

.db-status-main .db-status-fit:after {
    opacity: 0;
}

.db-status-main .db-status-fit h6 {
    margin-top: 5px;
}

.db-status-main .db-status-fit h5 {
    font-family: 'Nunito Bold' !important;
}

@media only screen and (max-width: 992px) {
    .db-status-main .db-status-fit {
        margin-top: 5px !important;
    }
}


/* db-status-fit end  */


/* round-type-status-main-bg-new start */

.round-type-status-main-bg-new .open-close-status-db.status-open .round-type-status,
.round-type-status-main-bg-new .open-close-status-db.status-closed .round-type-status {
    border-color: #fff;
}

.round-type-status-main-bg-new .status-open .db-light-light-color {
    background: #FFECF2;
}

.round-type-status-main-bg-new .status-closed .db-light-light-color {
    background: #E7FFF0;
}

.round-type-status-main-bg-new .status-open .round-type-status-value {
    border-radius: 23px 0 0 23px;
}

.round-type-status-main-bg-new .status-closed .round-type-status-value {
    border-radius: 0 23px 23px 0;
}

.round-type-status-main-bg-new .status-open .round-type-status h5 {
    color: #FF3737;
}

.round-type-status-main-bg-new .status-closed .round-type-status h5 {
    color: #45BA3C;
}


/* round-type-status-main-bg-new end */

.cmn-bdr-left-md-top-mobile-new {
    position: relative;
}

.cmn-bdr-left-md-top-mobile-new:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #dadada;
    border-radius: 5px;
}


/* ai-chat-box start */

.ai-chat-box {
    position: fixed;
    right: 30px;
    bottom: -500px;
    border: 1px solid #9FBCD9;
    background: #fff;
    width: 400px;
    border-radius: 7px;
    z-index: 999;
    box-shadow: 0px 0px 6px #e2e2e2;
    transition: all .3s ease;
    opacity: 0;
}

.ai-chat-box.show {
    bottom: 15px;
    opacity: 1;
}

.ai-chat-header {
    background: #F6FAFF;
    position: relative;
    padding: 15px;
    border-radius: 7px 7px 0 0;
}

.ai-box-close-btn {
    position: absolute;
    right: 15px;
    top: 15px;
    background: transparent;
    box-shadow: none;
    border: none;
    transition: all .3s ease;
    cursor: pointer;
    padding: 0;
    width: 16px;
}

.ai-box-close-btn:hover {
    opacity: 0.8;
}

.ai-chat-body {
    padding: 15px;
}

.ai-chat-dtl-header {
    background: #fff;
    padding: 15px;
    border-bottom: 1px solid #B7C4D0;
}

.ai-chat-dtl-header h4 {
    font-size: 16px;
}

.ai-chat-dtl-header h3 {
    font-size: 14px;
    color: #506E91;
}

.ai-btn-control {
    background: transparent;
    border: 1px solid #B7C4D0;
    font-size: 14px;
    color: #716969;
    border-radius: 5px;
    padding: 3px 9px;
    cursor: pointer;
    transition: all .3s ease;
}

.ai-btn-control:hover {
    background: var(--color-primary);
    border-color: var(--color-primary);
    color: #fff;
}

.ai-chat-dtl-body {
    background: #fff;
    padding: 15px;
}

.ai-chat-dtl-inner-right {
    min-height: 60vh;
    max-height: 60vh;
    margin-right: 10px;
}

.ai-chat-area-main {
    padding-right: 12px;
}

.ai-chat-details-right .ai-chat-dtl-body {
    padding-right: 0;
}

.ai-chat-area {
    display: flex;
}

.ai-user-pic {
    display: contents;
}

.ai-user-pic img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
}

.ai-user-pic span {
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 50%;
    background: #979797;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
}

.ai-chat-content-area {
    width: 100%;
    padding-left: 10px;
}

.ai-chat-content-area h5 {
    padding-top: 8px;
}

.ai-chat-content-area p {
    color: #212529;
}

.control-chat-ai {
    margin: 15px 0 20px 0;
    text-align: right;
}

.control-chat-ai a {
    margin: 0 3px;
    display: inline-block;
    font-size: 14px;
    color: #506E91 !important;
    transition: all .3s ease;
}

.control-chat-ai a span {
    font-size: 13px;
}

.control-chat-ai a.active,
.control-chat-ai a:hover {
    color: var(--color-primary) !important;
}

.ai-set-questions-area {
    margin: 30px 0;
}

.ai-set-questions-area ul {
    margin: 0;
    padding: 0;
}

.ai-set-questions-area li {
    list-style-type: none;
    margin-bottom: 10px;
}

.ai-set-questions-area a {
    display: inline-flex;
    align-items: center;
    background: #F0F8FF;
    border-radius: 6px;
    padding: 8px 14px;
    transition: all .3s ease;
    color: #67829B !important;
}

.ai-set-questions-area a:hover {
    transform: translateY(-2px);
}

.ai-single-questions {
    display: inline-flex;
    align-items: center;
    background: #F0F8FF;
    border-radius: 6px;
    padding: 8px 14px;
    transition: all .3s ease;
    color: #67829B !important;
    margin-bottom: 13px;
}

.typing-loader {
    margin-left: 43px;
}

.ai-chat-area-comment-sec {
    padding-top: 15px;
}

.ai-chat-area-comment-options {
    margin-bottom: 7px;
}

.ai-chat-area-comment-options ul {
    margin: 0;
    padding: 0;
}

.ai-chat-area-comment-options li {
    list-style-type: none;
    display: inline-block;
    margin-right: 10px;
}

.ai-chat-area-comment-options li a {
    display: inline-flex;
    align-items: center;
    color: #506E91 !important;
    font-size: 14px;
}

.ai-chat-area-comment-options li a img {
    width: 14px;
    margin-right: 5px;
}

.ai-cht-input-area {
    border: 1px solid #A8B6C4;
    border-radius: 6px;
    padding: 6px;
}

.ai-cht-input-area input {
    width: 100%;
    background: transparent;
    border: 0;
    box-shadow: none;
    outline: none;
    margin: 0 5px;
    font-size: 14px;
}

.ai-cht-input-area input:focus-visible {
    border: 0;
    box-shadow: none;
    outline: none;
}

.ai-cht-input-area input::-ms-input-placeholder {
    color: #89A0BB;
}

.ai-cht-input-area input::placeholder {
    color: #89A0BB;
}

.ai-cht-input-area button {
    margin: 0 !important;
    padding: 6px 11px;
}

.ai-chat-details-left-main {
    display: flex;
    align-items: center;
}

.ai-chat-details-left {
    width: 100%;
    min-height: 200px;
}

.ai-chat-details-left-icones {
    margin-right: 15px;
}

.ai-chat-details-left-icones ul {
    margin: 0;
    padding: 0;
}

.ai-chat-details-left-icones ul li {
    list-style-type: none;
    margin: 5px 0;
}

.ai-chat-details-left-icones ul li a {
    width: 65px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #fff;
    transition: all .3s ease;
}

.ai-chat-details-left-icones ul li a:hover {
    border-color: #ccc;
}

.ai-chat-details-left-icones ul li a.active {
    border-color: var(--color-primary);
}

.ai-chat-details-left-icones ul li a span {
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: var(--color-primary);
    color: #fff;
    font-size: 13px;
    border-radius: 50%;
}


/* ai-chat-box end */


/* preloader start */

.preloader-floating-circles {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 50px auto;
    transform: scale(0.6);
    -o-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
}

.preloader-floating-circles .f_circleG {
    position: absolute;
    background-color: #fff;
    height: 14px;
    width: 14px;
    border-radius: 7px;
    -o-border-radius: 7px;
    -ms-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    animation-name: f_fadeG;
    -o-animation-name: f_fadeG;
    -ms-animation-name: f_fadeG;
    -webkit-animation-name: f_fadeG;
    -moz-animation-name: f_fadeG;
    animation-duration: 0.672s;
    -o-animation-duration: 0.672s;
    -ms-animation-duration: 0.672s;
    -webkit-animation-duration: 0.672s;
    -moz-animation-duration: 0.672s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

.preloader-floating-circles #frotateG_01 {
    left: 0;
    top: 32px;
    animation-delay: 0.2495s;
    -o-animation-delay: 0.2495s;
    -ms-animation-delay: 0.2495s;
    -webkit-animation-delay: 0.2495s;
    -moz-animation-delay: 0.2495s;
}

.preloader-floating-circles #frotateG_02 {
    left: 9px;
    top: 9px;
    animation-delay: 0.336s;
    -o-animation-delay: 0.336s;
    -ms-animation-delay: 0.336s;
    -webkit-animation-delay: 0.336s;
    -moz-animation-delay: 0.336s;
}

.preloader-floating-circles #frotateG_03 {
    left: 32px;
    top: 0;
    animation-delay: 0.4225s;
    -o-animation-delay: 0.4225s;
    -ms-animation-delay: 0.4225s;
    -webkit-animation-delay: 0.4225s;
    -moz-animation-delay: 0.4225s;
}

.preloader-floating-circles #frotateG_04 {
    right: 9px;
    top: 9px;
    animation-delay: 0.509s;
    -o-animation-delay: 0.509s;
    -ms-animation-delay: 0.509s;
    -webkit-animation-delay: 0.509s;
    -moz-animation-delay: 0.509s;
}

.preloader-floating-circles #frotateG_05 {
    right: 0;
    top: 32px;
    animation-delay: 0.5955s;
    -o-animation-delay: 0.5955s;
    -ms-animation-delay: 0.5955s;
    -webkit-animation-delay: 0.5955s;
    -moz-animation-delay: 0.5955s;
}

.preloader-floating-circles #frotateG_06 {
    right: 9px;
    bottom: 9px;
    animation-delay: 0.672s;
    -o-animation-delay: 0.672s;
    -ms-animation-delay: 0.672s;
    -webkit-animation-delay: 0.672s;
    -moz-animation-delay: 0.672s;
}

.preloader-floating-circles #frotateG_07 {
    left: 32px;
    bottom: 0;
    animation-delay: 0.7585s;
    -o-animation-delay: 0.7585s;
    -ms-animation-delay: 0.7585s;
    -webkit-animation-delay: 0.7585s;
    -moz-animation-delay: 0.7585s;
}

.preloader-floating-circles #frotateG_08 {
    left: 9px;
    bottom: 9px;
    animation-delay: 0.845s;
    -o-animation-delay: 0.845s;
    -ms-animation-delay: 0.845s;
    -webkit-animation-delay: 0.845s;
    -moz-animation-delay: 0.845s;
}

@keyframes f_fadeG {
    0% {
        background-color: var(--color-primary);
    }
    100% {
        background-color: #fff;
    }
}

@-o-keyframes f_fadeG {
    0% {
        background-color: var(--color-primary);
    }
    100% {
        background-color: #fff;
    }
}

@-ms-keyframes f_fadeG {
    0% {
        background-color: var(--color-primary);
    }
    100% {
        background-color: #fff;
    }
}

@-webkit-keyframes f_fadeG {
    0% {
        background-color: var(--color-primary);
    }
    100% {
        background-color: #fff;
    }
}

@-moz-keyframes f_fadeG {
    0% {
        background-color: var(--color-primary);
    }
    100% {
        background-color: #fff;
    }
}


/* preloader end */

.show-checkbox .folder-checkbox {
    display: block;
}


/* start */

.dashboard-box-new .top-ten-risk-db {
    border-radius: 45px;
}

.dashboard-box-new .slider-db-top-ten-sec .item .top-ten-risk-db:nth-child(even) {
    background: #eaf4ff;
}


/* details page new style start */

.details-page-card {
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}

.card-details-top-sec {
    background: var(--color-primary-light);
    border-radius: 10px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
    margin-bottom: 15px;
    padding: 15px 15px 15px 20px;
}

.card-details-top-title {
    /* padding: 20px; */
}

.circle-pic-card span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

.card-details-top-right {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

.gray-bg-tab .tab-common-left-md {
    background: #f7f7f7;
    box-shadow: none;
}

.gray-bg-tab .tab-common-left-content-m {
    background: #f7f7f7;
    box-shadow: none;
}


/* details page new style end */


/* view more start */

#view-more .collapse:not(.show) {
    /* height: 67px !important; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#view-more .collapsing {
    min-height: 67px !important;
}

#view-more a:after {
    color: var(--color-primary);
}

#view-more a.collapsed:after {
    content: 'View More';
}

#view-more a:not(.collapsed):after {
    content: 'View Less';
}

#view-more p {
    margin-bottom: 0.4rem;
}


/* view more end */

.box-card {
    box-shadow: 0px 0px 10px rgba(39, 39, 237, 0.1);
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    background: #fff;
}

.box-card p:last-child {
    margin-bottom: 0;
}


/* document-list-new start */

.document-list-new {
    display: flex;
    align-items: center;
    margin-top: 10px;
    transition: all .3s ease;
}

.document-list-new:hover {
    transform: translateY(-3px);
}

.document-list-new .document-list-pic {
    position: relative;
}

.document-list-new .document-list-pic span {
    width: 65px;
    height: 60px;
    background: #ccc;
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    transition: all .3s ease;
    box-shadow: 2px 2px 2px #dcdcdc;
}

.document-list-new .document-list-pic span:after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 8%);
    border-radius: 10px;
    transition: all .3s ease;
}

.document-list-new .document-list-pic span:hover:after {
    background: rgb(0 0 0 / 0%);
}

.document-list-new .document-list-pic span img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.document-list-new .document-list-texts {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 0 10px 10px 0;
    height: 46px;
    margin-left: -10px;
    background: #fff;
    padding: 5px 5px 5px 15px;
    position: relative;
    display: flex;
    align-items: center;
    box-shadow: 3px 3px 2px #e2e2e2;
}

.document-list-new .document-list-texts-inner {
    width: 100%;
}

.document-list-new .document-list-texts h5 {
    font-size: 12px;
    font-weight: normal !important;
    margin: 0;
    line-height: 12px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .3s ease;
}

.document-list-new .document-list-texts h5:hover {
    opacity: 0.7;
}

.document-list-new .document-list-texts h6 {
    font-size: 11px;
    font-weight: normal;
    margin: 3px 0 0 0;
    font-family: 'Nunito Regular';
}

.document-list-new .file-format-icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #ccc;
    position: absolute;
    right: -3px;
    bottom: 3px;
    z-index: 3;
    overflow: hidden;
}

.document-list-new .file-format-icon img {
    width: 17px;
}

.document-list-new .edit-option-show-inner {
    padding: 0 2px;
    right: 5px;
    box-shadow: none;
}

.document-list-new .edit-option-show-inner i {
    padding: 2px;
    font-size: 11px !important;
}


/* document-upload-new start */

.document-upload-new {
    position: relative;
}

.document-upload-new .document-list-pic span img {
    width: 58px;
    height: auto;
    border-radius: 10px;
}

.document-upload-new .document-list-pic span {
    background: #fff;
}

.document-upload-new .document-list-pic span:after {
    background: rgb(0 0 0 / 0%);
}

.document-upload-new .document-list-texts h6 {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.document-upload-new .upload-btn-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
}

.document-loading-new .document-list-pic span {
    background: #fff;
}

.document-loading-new .document-list-pic span:after {
    background: rgb(0 0 0 / 0%);
}

.document-loading-new .progress {
    height: 12px;
    border-radius: 10px;
}

.document-loading-new .progress-bar {
    /* background: var(--color-primary) !important; */
}


/* document-upload-new end */


/* document-list-new end */

.brudcrumb.brudcrumb-new {
    background: #fff;
    padding: 10px 20px;
    border-radius: 10px;
    margin-bottom: 12px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.04);
}

.hide-fixed-table .fixed-table {
    display: none !important;
}

.doe-dot-pic-repeat {
    background-image: url(images/doe-report-right-pattern.jpg);
    background-repeat: repeat-y;
    background-size: 25px auto;
    background-position: right 0px top 0px;
}

.chat-message-new p {
    background: #f8f8f8;
    font-size: 14px;
    color: #000;
    padding: 6px 13px;
    border-radius: 7px;
    display: inline-block;
}

.details-page-card-top-radius-hide {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.details-page-card-top-radius-show {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.details-page-card .doe-new-report-top-line-inr::after {
    border-top: 13px solid transparent;
    border-right: 15px solid #1E1E1E;
}

.details-page-card-header {
    position: relative;
    margin: 10px 0;
}

.details-page-card-header h5 {
    padding: 12px 20px 17px 20px;
    background: #fff;
    border-radius: 10px 10px 0px 10px;
    box-shadow: -3px 4px 4px rgba(0, 0, 0, 0.04);
    display: inline-block;
    font-size: 18px;
    margin: 0;
    position: relative;
    z-index: 1;
}

.details-page-card-header:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 8px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.04);
    border-bottom: 3px solid #d9d4d4;
    z-index: 2;
}

.details-page-card-header.details-page-card-header-gray h5 {
    background: #eee;
    margin-right: 35px;
}

.details-page-card-header.details-page-card-header-gray h5:before {
    position: absolute;
    content: "";
    right: -29px;
    bottom: 4px;
    background: #eee;
    width: 30px;
    height: 36px;
    border-radius: 0 30px 0 0;
}

.details-page-card-header.details-page-card-header-gray h5:after {
    position: absolute;
    content: "";
    right: -30px;
    bottom: 8px;
    background: #fff;
    width: 30px;
    height: 33px;
    border-radius: 0 40px 0 25px;
}

.details-page-card-header.details-page-card-header-gray:before {
    background: #eee;
    border-bottom-color: var(--color-primary-dark);
}

.border-card-new {
    border: 1px solid #cbd6e2;
    border-radius: 10px;
    padding: 15px;
    background: #fff;
}

.circle-pic-card-md span {
    width: 44px;
    height: 44px;
    line-height: 44px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    text-align: center;
    font-size: 22px;
}

.search-box-card-header {
    background: #fff;
    padding: 5px;
    border-radius: 7px;
    margin-bottom: 7px;
}

.history-card {
    background: #f7f7f7;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 15px;
}

.risk-count-updated {
    font-size: 11px !important;
    text-align: center;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
}

.risk-matrix-height td {
    height: 63px;
}

.title-new-card-main .title-new-code {
    background: transparent;
    padding: 7px 26px;
    display: inline-block;
    border: 3px solid var(--color-primary);
    border-bottom: 6px solid var(--color-primary);
    border-radius: 30px 0px 30px 0px;
    min-width: 116px;
}

.title-new-card-main .title-new-code h6 {
    margin-bottom: 0;
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
}

.title-new-card-main .title-new-head {
    background: var(--color-primary-light);
    padding: 7px 12px;
    margin-top: -6px;
    border-radius: 0px 10px 10px 10px;
    border: 2px solid var(--color-primary);
    border-bottom: 4px solid var(--color-primary);
}

.title-new-card-main .title-new-head h5 {
    margin-bottom: 0;
    display: inline-block;
    font-size: 18px;
}

.title-new-card-line {
    position: relative;
    margin-top: 15px;
    padding-top: 21px;
}

.title-new-card-line::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    border-radius: 10px;
    background-color: #f2f2f2;
    border-bottom: 3px solid #ccc;
}

.light-gray-bg {
    background: #e2e2e2;
}

.card-details-top-right-inner {
    min-height: 60px;
}


/* isorobot-ai-chat start */

.isorobot-ai-chat-btn {
    display: inline-block;
    padding: 8px 20px;
    border-radius: 30px 34px 0px 30px;
    background: var(--color-primary);
    position: fixed;
    right: 40px;
    bottom: 20px;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    transition: all .5s ease;
}

.isorobot-ai-chat-btn img {
    transition: all .5s ease;
}

.isorobot-ai-chat-btn:hover {
    transform: translateY(-3px);
}

.isorobot-ai-chat-btn:hover img {
    transform: rotate(360deg);
}

.ask-isorobot-ai.active {
    width: 700px !important;
}

#sidebar-wrapper2-inner.ask-isorobot-ai.chat-box-full-screen {
    width: 92% !important;
    right: 712px !important;
    height: 80vh !important;
}

#sidebar-wrapper2-inner.ask-isorobot-ai.active {
    margin-right: -700px;
    right: 712px;
    bottom: 15px !important;
    height: 80vh;
    border-radius: 6px;
}

.ask-isorobot-ai .chat-box-header {
    position: relative;
    background: url(../images/ai-cht-header-small.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 110px;
    z-index: 1;
}

#sidebar-wrapper2-inner.ask-isorobot-ai.chat-box-full-screen .chat-box-header {
    background: url(../images/ai-cht-header-big.png) no-repeat;
    background-size: 100% 100%;
}

.ask-isorobot-ai .robot-head-ai {
    width: 59px;
    margin: 0 auto;
    position: absolute;
    left: 0;
    left: 209px;
    right: 0;
    bottom: -15px;
}

.ask-isorobot-ai .chat-box-full-screen {
    color: #212529;
}

.ask-isorobot-ai .chat-box-head-btns-1 {
    border: 1px solid #c1b1b1;
    padding: 3px 4px 4px 4px;
    border-radius: 4px;
}

.ask-isorobot-ai .chat-box-head-btns-2 {
    border: 1px solid #c1b1b1;
    padding: 3px 4px 4px 4px;
    border-radius: 4px;
}

.ask-isorobot-ai .chat-menu-section li {
    padding-left: 8px;
}

.ask-isorobot-ai-top {
    padding: 35px 17%;
    text-align: center;
}

.ask-isorobot-ai-top h6 {
    font-size: 20px;
}

.ask-isorobot-ai-top p {
    margin-bottom: 0;
}

.chat-area-ask-isorobot-ai {
    padding: 15px;
}

.chat-body-ask-isorobot-ai {
    height: calc(83vh - 122px);
    padding-bottom: 122px;
}

.chat-footer-ask-isorobot-ai {
    background: #fff;
    padding: 15px;
    position: absolute;
    width: 70%;
    bottom: 0;
    z-index: 1;
}

.chat-footer-ask-isorobot-ai-inner {
    display: flex;
}

.chat-footer-icon-iso-ai {
    background: var(--color-primary);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    line-height: 36px;
    text-align: center;
}

.chat-footer-cmt-iso-ai {
    width: 100%;
    border: 1px solid #D1D1D1;
    padding: 15px;
    border-radius: 6px;
}

.chat-footer-cmt-iso-ai .form-control {
    resize: none;
    border: none;
    outline: none;
    padding: 0;
}

.chat-footer-cmt-iso-ai .form-control:focus {
    box-shadow: none;
}

.chat-footer-cmt-iso-ai-action a,
.chat-footer-cmt-iso-ai-action button {
    cursor: pointer;
    color: #7A95B4 !important;
    display: inline-block;
    margin-left: 5px;
    border: 0;
}

.chat-footer-cmt-iso-ai-action a:hover,
.chat-footer-cmt-iso-ai-action button:hover {
    color: var(--color-primary) !important;
}

.chat-footer-cmt-iso-ai-action button.rotate-icon-send .chat-footer-cmt-iso-ai-action a.rotate-icon-send {
    -webkit-transform: rotate(56deg);
    -moz-transform: rotate(56deg);
    transform: rotate(56deg);
}

.slider-ask-isorobot-ai-box {
    background: #ccc;
    padding: 15px;
    border-radius: 8px;
    margin: 0 10px;
}

.slider-ask-isorobot-ai-box-1 {
    background: #FFF6E7;
}

.slider-ask-isorobot-ai-box-2 {
    background: #FEF2FF;
}

.slider-ask-isorobot-ai-box-3 {
    background: #DDFFFD;
}

.slider-ask-isorobot-ai-box-4 {
    background: #E1EFFF;
}

.slider-ask-isorobot-ai-box-icon img {
    width: 30px !important;
}

.slider-ask-isorobot-ai-box-icon {
    max-height: 33px;
}

.slider-ask-isorobot-ai-box-text {
    min-height: 80px;
    display: flex;
    align-items: end;
}

.slider-ask-isorobot-ai-box-text p {
    margin-bottom: 0;
    color: #3D4145;
    font-size: 13px;
    line-height: 16px;
}

.slider-ask-isorobot-ai .owl-theme .owl-controls .owl-page span {
    background: #AFBFE0;
    width: 6px;
    height: 6px;
    margin: 2px;
}

.slider-ask-isorobot-ai .owl-theme .owl-dots .owl-dot span {
    background: #AFBFE0;
    width: 6px;
    height: 6px;
    margin: 2px;
}

.slider-ask-isorobot-ai {
    /* margin-left: -100px; */
}

.chat-box-full-screen .slider-ask-isorobot-ai {
    /* margin-left: 0px; */
}

.chat-box-full-screen .chat-body-ask-isorobot-ai {
    width: 80%;
    margin: 0 auto;
}

.chat-box-full-screen .chat-footer-ask-isorobot-ai {
    /* width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0; */
}

.chat-ai-body-row {
    display: flex;
}

.chat-ai-body-row .chat-ai-body-left {
    width: 30%;
    float: left;
    border-right: 1px solid #ccc;
    /* background: #ececec; */
}

.chat-ai-body-row .chat-ai-body-right {
    width: 70%;
    float: left;
}

.chat-ai-body-row .chat-ai-body-left-inr {
    height: 100%;
    padding: 5px;
}

.chat-box-full-screen .chat-ai-body-row .chat-ai-body-left {
    width: 20%;
}

.chat-box-full-screen .chat-ai-body-row .chat-ai-body-right {
    width: 80%;
}

.new-chat-ai-robot {
    display: flex;
    align-items: center;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
}

.new-chat-ai-robot .mask-text {
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 100%;
    mask-image: linear-gradient(90deg, #000, #000 84%, transparent 89%, transparent);
}

.new-chat-ai-robot:hover {
    background: #eaeaea;
}

.new-chat-ai-robot-history {
    margin: 0;
    padding: 0;
}

.new-chat-ai-robot-history li {
    list-style-type: none;
    position: relative;
}

.ai-history-day {
    color: #000;
    font-size: 13px;
    font-family: 'Nunito SemiBold';
    margin-top: 20px;
    margin-bottom: 3px;
    padding: 0 10px;
}

.new-chat-ai-robot-history-scroll {
    height: calc(61vh - 60px);
}

.ai-history-option-box {
    background: #fff;
    width: 100px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 8px;
    background: #fff;
    width: 100px;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 8px;
    position: absolute;
    right: 6px;
    bottom: 5px;
    box-shadow: 0px 0px 7px #cdcdcd;
    z-index: 1;
    display: none;
}

.new-chat-ai-robot-history li:nth-child(1) .ai-history-option-box,
.new-chat-ai-robot-history li:nth-child(2) .ai-history-option-box,
.new-chat-ai-robot-history li:nth-child(3) .ai-history-option-box {
    bottom: unset;
    top: 5px;
}

.ai-history-option-box button {
    background: transparent;
    border: 0;
    cursor: pointer;
    font-size: 14px;
    color: #595959;
    width: 100%;
    text-align: left;
    transition: all 0.2sease-in-out;
    padding: 2px 6px;
    border-radius: 5px;
}

.ai-history-option-box button i {
    width: 18px;
    font-size: 13px;
}

.ai-history-option-box button:hover {
    background: #e9e9e9;
    color: #000;
}

.ai-history-option small {
    position: absolute;
    right: 7px;
    top: calc(50% - 7px);
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    opacity: 0;
}

.new-chat-ai-robot-history li:hover .ai-history-option small {
    opacity: 1;
}

.new-chat-ai-robot-history-scroll .mCSB_container {
    min-height: 250px;
}

.ask-isorobot-ai.chat-box-full-screen .robot-head-ai {
    left: 20%;
}

.ask-isorobot-ai.chat-box-full-screen .slider-ask-isorobot-ai-box {
    margin: 0 0 20px 0;
}

.ask-ai-md {
    display: none;
}

.ask-isorobot-ai.chat-box-full-screen .ask-ai-md {
    display: block;
}

.ask-isorobot-ai.chat-box-full-screen .ask-ai-sm {
    display: none;
}


/* isorobot-ai-chat end */


/* strategy-mapping-chart-5 start */

.strategy-mapping-chart-5 a.oc-user-box {
    width: 325px;
    padding: 20px;
    height: auto;
    background: #fff;
    position: relative;
    display: inline-block;
    text-align: left;
    border: 1px solid #cbd6e2;
    margin: 0px 5px 0px 5px;
    cursor: pointer;
    border-radius: 15px;
}

.strategy-mapping-chart-inner {
    display: flex;
    align-items: center;
}

.strategy-mapping-chart-inner-left {
    width: 100%;
}

.strategy-mapping-chart-inner-left h6 {
    font-size: 16px;
    margin-bottom: 0;
}

.strategy-controls-mapping-btn.small-history-icon .strategy-history-icon {
    font-size: 14px !important;
    margin: 0 !important;
}

.strategy-mapping-chart-5 ul {
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
}

.oc-user-box.kpi-strategy-tree-box {
    padding: 0 !important;
}

.kpi-strategy-tree-box .strategy-mapping-chart-inner-left {
    padding: 20px;
}

.kpi-actual-and-target {
    background: #ccc;
    color: #fff;
    width: 96px;
    text-align: center;
    padding: 9px;
    line-height: 18px;
}

.kpi-actual-and-target-1 {
    border-top-right-radius: 15px;
}

.kpi-actual-and-target-2 {
    border-bottom-right-radius: 15px;
}

.kpi-actual-and-target .num {
    font-size: 17px;
    margin-bottom: 2px;
    display: block;
}

.kpi-actual-and-target .tex {
    font-size: 12px;
    display: block;
}

.bg-black {
    background: #000 !important;
}

.strategy-mapping-chart-5 .oc-box-hide-icon {
    background: #767676 !important;
    color: #fff;
}

.kpi-details-box-pop {
    border: 1px solid #ccc;
    border-radius: 15px;
    overflow: hidden;
}

.kpi-details-box-pop h6 {
    margin: 0;
    padding: 15px;
}

.kpi-details-box-pop-score {
    display: flex;
}

.kpi-details-box-pop-score .kpi-actual-and-target {
    border-radius: 0;
}


/* strategy-mapping-chart-5 end */


/* tree-border-colors start */

.tree-border-colors .oc-user-box.bottom-bordered-blue {
    /* border-bottom: 3px solid var(--color-primary) !important; */
}

.tree-border-colors .tree a.oc-user-box {
    border: 1px solid #315091;
}

.tree-border-colors .tree ul ul::before {
    /* border-left-color: #315091; */
    border-color: #315091;
}

.tree-border-colors .tree li::before,
.tree-border-colors .tree li::after {
    /* border-top-color: #315091; */
    border-color: #315091;
}

.tree-border-colors .oc-box-hide-icon {
    background: #315091 !important;
}


/* color tree 1 start */


/* .tree-border-colors ul ul li:nth-child(1) a.oc-user-box {
    border-color: #be1d3c !important;
} 
.tree-border-colors ul ul li:nth-child(1) .oc-box-hide-icon {
    background: #be1d3c !important;
} 
.tree-border-colors ul ul li:nth-child(1)::before, .tree-border-colors ul ul li:nth-child(1)::after {
    border-color: #be1d3c;
} */


/* color tree 1 end */


/* color tree 2 start */


/* .tree-border-colors ul ul li:nth-child(2) a.oc-user-box {
    border-color: #60c35e !important;
} 
.tree-border-colors ul ul li:nth-child(2) .oc-box-hide-icon {
    background: #60c35e !important;
} 
.tree-border-colors ul ul li:nth-child(2)::before, .tree-border-colors ul ul li:nth-child(2)::after {
    border-color: #60c35e;
} */


/* color tree 2 end */


/* color tree 3 start */


/* .tree-border-colors ul ul li:nth-child(3) a.oc-user-box {
    border-color: #d33b88 !important;
} 
.tree-border-colors ul ul li:nth-child(3) .oc-box-hide-icon {
    background: #d33b88 !important;
} 
.tree-border-colors ul ul li:nth-child(3)::before, .tree-border-colors ul ul li:nth-child(3)::after {
    border-color: #d33b88;
} */


/* color tree 3 end */


/* color tree 1 start */

.tree-border-colors ul li.tree-li-1 a.oc-user-box {
    border-color: #be1d3c !important;
}

.tree-border-colors ul li.tree-li-1 .oc-box-hide-icon {
    background: #be1d3c !important;
    color: #fff;
}

.tree-border-colors ul li.tree-li-1::before,
.tree-border-colors ul ul li.tree-li-1::after {
    /* border-color: #be1d3c; */
}

.tree-border-colors .tree .tree-li-1 li::before,
.tree-border-colors .tree .tree-li-1 li::after {
    border-color: #be1d3c;
}

.tree-border-colors .tree li.tree-li-1 ul::before {
    border-color: #be1d3c;
}


/* color tree 1 end */


/* color tree 2 start */

.tree-border-colors ul li.tree-li-2 a.oc-user-box {
    border-color: #60c35e !important;
}

.tree-border-colors ul li.tree-li-2 .oc-box-hide-icon {
    background: #60c35e !important;
    color: #fff;
}

.tree-border-colors ul li.tree-li-2::before,
.tree-border-colors ul ul li.tree-li-2::after {
    /* border-color: #60c35e; */
}

.tree-border-colors .tree .tree-li-2 li::before,
.tree-border-colors .tree .tree-li-2 li::after {
    border-color: #60c35e;
}

.tree-border-colors .tree li.tree-li-2 ul::before {
    border-color: #60c35e;
}


/* color tree 2 end */


/* color tree 3 start */

.tree-border-colors ul li.tree-li-3 a.oc-user-box {
    border-color: #df6524 !important;
}

.tree-border-colors ul li.tree-li-3 .oc-box-hide-icon {
    background: #df6524 !important;
    color: #fff;
}

.tree-border-colors ul li.tree-li-3::before,
.tree-border-colors ul ul li.tree-li-3::after {
    /* border-color: #df6524; */
}

.tree-border-colors .tree .tree-li-3 li::before,
.tree-border-colors .tree .tree-li-3 li::after {
    border-color: #df6524;
}

.tree-border-colors .tree li.tree-li-3 ul::before {
    border-color: #df6524;
}


/* color tree 3 end */


/* tree-border-colors end */


/* oc-box-new start */

.oc-box-new .tree li a.oc-user-box {
    border-radius: 10px;
    border: 1px solid #e8e8e8;
    background: #f3f3f3;
    padding: 0;
}

.oc-box-new a.oc-user-box img {
    position: absolute;
    left: -18px;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
}

.oc-box-new a.oc-user-box .status {
    position: absolute;
    left: 9px;
    top: calc(50% - -19px);
}

.oc-box-new a.oc-user-box .oc-edit {
    top: 1px;
    right: 1px;
    border-radius: 7px;
    padding: 2px 1px;
    line-height: 10px;
}

.oc-box-new .tree li {
    padding: 20px 12px 0 12px;
}

.oc-box-new .tree li:only-child {
    padding-top: 0;
}

.oc-box-new .oc-box-hide-icon {
    background: #ccc !important;
    color: #fff;
}

.oc-box-new .oc-box-inner {
    padding: 15px 15px 15px 36px;
}

.oc-box-new ul.tree-scroll-height {
    min-height: 82vh;
}


/* oc-box-new end */

.animation-tree .tree ul {
    animation-name: bounceIn;
    animation-name: flipInX;
    /* animation-name: zoomInDown; */
    /* animation-name: slideInDown; */
    animation-duration: 1s;
    animation-delay: 0.1s;
}

.zoom-in-up-animation {
    animation-name: zoomInUp;
    animation-duration: 1s;
    animation-delay: 0.1s;
}


/* tree-hover-color start */

.tree-hover-color .tree li a {
    border: 1px solid transparent;
}

.tree-hover-color .tree li a:hover,
.tree-hover-color .tree li a:hover+ul li a {
    background: #c8e4f8;
    border-color: #94a0b4;
}

.tree-hover-color .tree li.show a,
.tree-hover-color .tree li.show a:hover+ul li a {
    background: #c8e4f8;
    border-color: #94a0b4;
}

.tree-hover-color .tree li.active a,
.tree-hover-color .tree li.active a+ul li a {
    background: #c8e4f8;
    border-color: #94a0b4;
}

.tree-hover-color .tree li a:hover,
.tree-hover-color .tree li a:hover+ul li:before,
.tree-hover-color .tree li a:hover+ul li:after {
    border-color: var(--color-primary);
}

.tree-hover-color .tree li a:hover+ul li::after,
.tree-hover-color .tree li a:hover+ul li::before,
.tree-hover-color .tree li a:hover+ul::before,
.tree-hover-color .tree li a:hover+ul ul::before {
    border-color: var(--color-primary);
}

.tree-hover-color .tree li a:hover,
.tree-hover-color .tree li a:hover+ul li a,
.tree-hover-color .tree li a:hover+ul a,
.tree-hover-color .tree li a:hover+ul ul a {
    border-color: var(--color-primary);
}


/* .tree-hover-color .tree li:hover a .oc-box-inner {
    filter: blur(1px);
}
.tree-hover-color .tree li a:hover .oc-box-inner, .tree-hover-color .tree li a:hover+ul li a .oc-box-inner {
	filter: blur(0px);
}
.tree-hover-color .tree li.active a .oc-box-inner, .tree-hover-color .tree li.active a+ul li a .oc-box-inner {
	filter: blur(0px);
}
.tree-hover-color .tree li.show a .oc-box-inner, .tree-hover-color .tree li.show a:hover .oc-box-inner+ul li a {
	filter: blur(0px);
} */


/* tree blur style start */

.tree-hover-color .tree ul:has(li.show) a .oc-box-inner {
    filter: blur(1px);
}

.tree-hover-color .tree ul li.show a .oc-box-inner {
    filter: blur(0px);
}

.tree-hover-color .tree li a:hover .oc-box-inner,
.tree-hover-color .tree li a:hover+ul li a .oc-box-inner {
    filter: blur(0px) !important;
}


/* tree blur style end */


/* tree-hover-color end */


/* oc-new-tree start */

.oc-new-tree ul {
    display: flex;
    justify-content: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.oc-new-tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    padding: 20px 12px 0 12px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.oc-new-tree li:only-child {
    padding-top: 0;
    /* margin-left: -40px; */
}

.oc-new-tree a.tree-box-oc {
    border-radius: 10px;
    padding: 0;
    display: inline-block;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    text-align: center;
    width: 180px;
}

.oc-new-tree .tree-box-oc-body {
    border-radius: 10px;
    padding: 0;
}

.oc-new-tree a.tree-box-oc .tree-box-oc-inner {
    position: relative;
    padding: 15px 15px 15px 36px;
    border: 1px solid #e8e8e8;
    background: #f3f3f3;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    text-align: center;
    border-radius: 10px;
}

.oc-new-tree .click-scroll-center {
    background: #ccc;
    color: #fff;
    position: relative;
    bottom: 7px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    padding: 0;
    line-height: 16px;
    border: 1px solid #ccc;
    z-index: 1;
    font-size: 10px;
    /* opacity: 0; */
    opacity: 1;
    transition: 0.3s;
    text-align: center;
}

.oc-new-tree a.tree-box-oc .oc-edit {
    position: absolute;
    top: 1px;
    right: 1px;
    background: #fff;
    border-radius: 7px;
    padding: 2px 1px;
    line-height: 10px;
    border: none;
    color: #999;
    opacity: 0;
}

.oc-new-tree a.tree-box-oc:hover .oc-edit {
    opacity: 1;
}

.oc-new-tree a.tree-box-oc img {
    position: absolute;
    left: -18px;
    top: calc(50% - 24px);
    width: 48px;
    height: 48px;
    border: 1px solid var(--color-primary);
}

.oc-new-tree a.tree-box-oc .status {
    position: absolute;
    left: 9px;
    top: calc(50% - -19px);
    width: 20px;
    height: 20px;
    margin: -10px auto 0 auto;
    border-radius: 50px;
    background: #0088ff;
    font-size: 7px;
    color: #fff !important;
    z-index: 999;
    padding: 5px;
}

.oc-new-tree a.tree-box-oc .status.green {
    background: #00B265;
}

.oc-new-tree a.tree-box-oc h4 {
    font-size: 14px;
    margin-bottom: 3px;
    margin-top: 2px;
    color: #33475B;
    text-align: center;
    width: 100%;
    font-family: "Nunito Bold";
}

.oc-new-tree a.tree-box-oc h5 {
    font-size: 12px;
    color: #506E91;
    margin-bottom: 0;
    font-weight: normal;
}

.open-close-icon-tree.oc-box-rotate-icon {
    transform: none;
    margin: 0;
}

.open-close-icon-tree.oc-box-rotate-icon i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.open-close-icon-tree.oc-box-rotate-icon-normal i {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    transform: rotate(0deg);
}


/* .oc-new-tree a.tree-box-oc .tree-box-oc-inner:before,
.oc-new-tree a.tree-box-oc .tree-box-oc-inner:after {
    content: "";
    position: absolute;
    top: -15px;
    right: 50%;
    border-top: 1px solid #7C98B6;
    width: 50%;
    height: 20px;
}
.oc-new-tree a.tree-box-oc .tree-box-oc-inner:after {
    right: unset;
    left: 50%;
}

.oc-new-tree ul li:first-child .tree-box-oc-inner::before, 
.oc-new-tree ul li:last-child .tree-box-oc-inner::after {
    border: 0 none;
}
.oc-new-tree ul li:first-child .tree-box-oc-inner::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
} 
.oc-new-tree ul li:only-child {
    padding-top: 0;
    margin-left: -40px;
}
.oc-new-tree ul li:first-child .tree-box-oc-inner::before, 
.oc-new-tree ul li:last-child .tree-box-oc-inner::after {
    border: 0 none;
}*/

.oc-new-tree-main .scroll-center-1 {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 5px 0;
}

.oc-new-tree-main ul {
    text-align: justify;
    list-style-type: none;
    padding: 0;
}


/* .oc-new-tree-main ul:before{
    content: '';
    display: inline-block;
    width: 40%;
  } */


/* .oc-new-tree-main ul:after { 
    content: '';
    display: inline-block;
    width: 40%;
  } */

.oc-new-tree-main li {
    display: inline-block;
    margin-right: 2px;
    padding: 4px 16px;
    font-size: 12px;
    cursor: pointer;
    float: left;
    cursor: all-scroll;
}

.oc-new-tree-main li.active,
.oc-new-tree-main li span.active {
    background: var(--color-primary);
    color: #fff;
    text-align: center;
}


/* oc-new-tree end */

.select-togle-box {
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 8px;
    margin: 0 8px 8px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 94px;
    transition: all 0.4s ease 0s;
    cursor: pointer;
}

.minus-value-tgl {
    margin-left: -10px;
}

.select-togle-box:hover,
.select-togle-box.active {
    background: var(--color-primary-light);
    border-color: var(--color-primary);
}


/* angular date picker style start */


/* .form-group .ngb-dp-header {
    background: #f3e7d3;
}
.form-group .ngb-dp-weekdays {
    background: #f3e7d3;
}
.form-group .ngb-dp-weekday {
    color: #8e744b;
}
.form-group .btn-link.disabled, 
.form-group .btn-link:disabled {
    color: #000;
}
.form-group .ngb-dp-day, 
.form-group .ngb-dp-week-number {
    border: 1px solid #f7f6f6;
}
.form-group .ngb-dp-navigation-select .custom-select {
    color: #000;
    border-color: #8e744b;
} 
.form-group ngb-datepicker .btn {
    background: transparent !important;
    border-color: transparent !important;
}
.form-group ngb-datepicker .btn:hover {
    background: transparent !important;
    border-color: transparent !important;
    color: #8e744b !important;
} */


/* angular date picker style end */

.gj-picker tbody tr:nth-child(even) {
    background: transparent;
}

.gj-picker tbody tr:hover {
    background: transparent !important;
    color: inherit;
}

.gj-picker table tr,
.gj-picker table tr th,
.gj-picker table tr td {
    border: 1px solid #ccc;
}

.gj-picker table tr td.today {
    background: var(--color-primary-light);
}

.gj-picker div[role=navigator] {
    background: #ededed;
    border: 1px solid #ccc;
    border-bottom: 0;
    /* border-radius: 8px 8px 0 0; */
}

.gj-picker div[role=navigator] i:hover {
    color: var(--color-primary);
}

.gj-picker-bootstrap [role=header] {
    background: var(--color-primary-light) !important;
    border-radius: 4px 4px 0 0;
}

.gj-picker-bootstrap [role=header] [role=date] {
    color: #000;
}

.gj-picker [role=header] .switch i.selected {
    color: var(--color-primary);
}

.gj-picker-bootstrap .modal-footer {
    justify-content: center;
    background: #e0dddd;
    border-radius: 0 0 4px 4px;
}

.gj-picker-bootstrap .modal-footer .btn {
    padding: 4px 15px;
    background: #f0f0f0;
}

.gj-picker {
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 0px !important;
}

.pdf-menu-accodion.scroll-div-fix-menu-report .pdf-menu-accodion-inner .panel-drop-sections .panel-heading .drop-down-icone {
    top: 7px;
}

.pdf-menu-accodion.scroll-div-fix-menu-report .pdf-menu-accodion-inner .panel-drop-sections .panel-heading.active .drop-down-icone {
    top: 7px !important;
}

.round-flow-btm .round-flow-btm-number {
    font-size: 20px;
    line-height: 60px;
}


/* Focus Area & Objectives style start */

.foa-main-tab {
    max-height: 75vh;
}

.main-tab-left-focus-area .nav {
    border: 0;
}

.main-tab-left-focus-area .nav .nav-item {
    width: 100%;
    margin-bottom: 10px;
}

.main-tab-left-focus-area .nav .nav-item .nav-link {
    background: #fff;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 70px;
    font-size: 15px;
}

.main-tab-left-focus-area .nav .nav-item .nav-link:hover {
    border-color: transparent;
}

.theme-bg-color {
    background: var(--color-primary);
}

.color-head-box {
    padding: 10px 15px;
    background: var(--color-primary);
}

.color-head-box h6 {
    font-size: 14px;
    font-family: "Nunito Bold";
    color: #fff;
    margin-bottom: 0;
}

.color-head-box-with-title {
    display: flex;
}

.color-head-box-with-title .chbwt-box {
    width: 100%;
    padding: 2px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-left: 0;
    display: flex;
    align-items: center;
}

.color-head-box-with-title .color-head-box {
    min-width: 200px;
    min-width: 30%;
    display: flex;
    align-items: center;
}

.small-btn-tab-inr {
    padding: 2px 9px;
}

.objective-tab-md.stg-db-tab-alyuser.tab-same-height .tab-pane {
    min-height: 75vh;
}

.objective-tab-md.stg-db-tab-alyuser .left-tab-btns-scroll {
    max-height: 75vh;
}

.objective-tab-md.stg-db-tab-qoc.tab-same-height .tab-pane {
    min-height: 75vh;
}

.objective-tab-md.stg-db-tab-qoc .left-tab-btns-scroll {
    max-height: 75vh;
}

.stg-db-tab-alyuser.tab-same-height .nav-link {
    border-right-color: #3EA3A2 !important;
}

.stg-db-tab-qoc.tab-same-height .nav-link {
    border-right-color: #8f1538 !important;
}


/* two */

.focus-area-tabs-cm .main-tab-left-focus-area .nav .nav-item .nav-link {
    background: #fff;
    padding: 5px 15px;
    display: inline-flex;
    align-items: center;
    width: auto;
    min-height: auto;
    font-size: 15px;
}

.focus-area-tabs-cm .main-tab-left-focus-area .nav .nav-item {
    width: auto;
    margin: 0 10px 10px 0;
}


/* Focus Area & Objectives style end */

.filter-fill .ng-select-single .ng-value-container .ng-value {
    color: #fff;
}

.kh-new-dtl-page-tab.document-new-tabs .folder-options ul li a.folder-menu-link {
    padding: 3px 20px 3px 15px;
}

.kh-new-dtl-page-tab.document-new-tabs .folder-options ul li.nav-with-icon a.folder-menu-link:after {
    font-weight: 400;
    font-size: 11px;
}

.actvity-log-white .actvitylog-dtl-right {
    box-shadow: none;
    padding: 10px;
}

.actvity-log-white .actvitylog-dtl-round {
    border-color: #fff;
}

.activity-title {
    font-size: 14px;
}

.activity-title span {
    font-size: 12px;
    font-family: "Nunito Regular";
    color: #506e91;
}

.work-flow-info-tab .small-tab-icons .nav-tabs.kh-left-tab {
    float: left !important;
}

.small-tab-icons .kh-left-tab li {
    margin-left: 0;
    margin-right: 12px;
}

body .icon-with-text-small-tab {
    font-family: "Nunito Regular" !important;
}

.icon-with-text-small-tab .nav-tabs.btn-type-new-tab .nav-item .nav-link {
    padding: 10px 20px;
}

.icon-with-text-small-tab .nav-tabs.btn-type-new-tab .nav-item:first-child .nav-link {
    border-radius: 8px 0 0 8px;
}

.icon-with-text-small-tab .nav-tabs.btn-type-new-tab .nav-item:last-child .nav-link {
    border-radius: 0 8px 8px 0;
}

.select-new-space .multiple .selectator_selected_items .selectator_selected_item {
    padding: 6px 20px 6px 8px;
}

.icon-with-text-small-tab .common-tab-md .nav-tabs--left .nav-link {
    font-size: 15px;
    background: #fff !important;
    padding: 1rem 1rem;
}

.icon-with-text-small-tab .common-tab-md .nav-tabs .nav-item .nav-link.active {
    background: #fff !important;
    border-color: #DBE2EB !important;
    color: var(--color-primary) !important;
}

.panel-drop-sections .custom-control-label.label-top-space-check {
    padding-top: 7px !important;
}

.radius-remove-tab.nav-tabs.btn-type-new-tab .nav-item .nav-link {
    border-radius: 0 !important;
}


/* sec style start  */

.progres-multi-color-new {
    height: 9px;
    overflow: hidden;
    border-radius: 10px;
}

.progres-multi-color-inner {
    height: 100%;
    background: #ccc;
}

.new-step-head-pop ul {
    margin: 0;
    padding: 0;
}

.new-step-head-pop ul li {
    float: left;
    list-style-type: none;
    margin: 0 30px 10px 0;
}

.new-step-head-pop ul li a {
    display: inline-block;
    font-size: 16px;
    color: #7A93B0 !important;
    padding: 12px 20px;
    text-align: center;
    background: #EAF4FF;
    height: 48px;
    position: relative;
    /* word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden; */
}

.new-step-head-pop ul li a:before {
    content: "";
    border-right: 20px solid #eaf4ff;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    position: absolute;
    top: 0px;
    left: -20px;
    z-index: 1;
}

.new-step-head-pop ul li:first-child a:before {
    opacity: 0;
}

.new-step-head-pop .nsh-icon-1 {
    position: absolute;
    right: -20px;
    bottom: 0;
    border-left: 20px solid #eaf4ff;
    border-top: 24px solid transparent;
    border-bottom: 0px solid transparent;
}

.new-step-head-pop .nsh-icon-2 {
    position: absolute;
    right: -20px;
    top: 0;
    border-left: 20px solid #eaf4ff;
    border-top: 0px solid transparent;
    border-bottom: 24px solid transparent;
}

.new-step-head-pop ul li a.active {
    color: #fff !important;
    background: #1859A3;
}

.new-step-head-pop ul li a.visited {
    color: #1859A3 !important;
}

.new-step-head-pop ul li a.active:before {
    border-right-color: #1859A3;
}

.new-step-head-pop ul li a.active .nsh-icon-1,
.new-step-head-pop ul li a.active .nsh-icon-2 {
    border-left-color: #1859A3;
}

.question-form-body {
    min-height: 62vh;
}


/* sec style end  */


/* new multi date picker style start */

.daterangepicker {
    z-index: 9999999 !important;
}

.form-group .input-group-append .input-group-text {
    transition: all .3s ease;
}

.form-group .input-group-append .input-group-text:hover {
    background: var(--color-primary);
    color: #fff;
}

.daterangepicker {}

.daterangepicker {
    border-radius: 10px !important;
}

.daterangepicker tbody tr:nth-child(even) {
    background: transparent;
}

.daterangepicker tbody tr:hover {
    background: transparent !important;
    color: unset;
}

.daterangepicker table tr td.today {
    background: var(--color-primary-dark);
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: var(--color-primary) !important;
    border-color: transparent;
    color: #fff;
}

.daterangepicker td.active.available {
    background-color: var(--color-primary) !important;
    border-color: transparent;
    color: #fff;
}

.daterangepicker td.in-range {
    background-color: var(--color-primary-light) !important;
}

.daterangepicker td.off.active {
    color: #000000 !important;
    opacity: 0.4;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    border-radius: 4px;
    border-color: #ccc;
    border: 0;
    -webkit-appearance: none;
    font-weight: 600;
    font-size: 14px !important;
    text-align: center;
}

.daterangepicker select.monthselect {
    text-align: right;
}

.daterangepicker select.yearselect {
    text-align: left;
}


/* new multi date picker style end */

.cdk-drag.drag-area-form {
    border: 1px solid transparent;
}


/*** 222222 ***/


/* rtl normal page style start  */

.style-rtl {
    direction: rtl;
    text-align: right;
}

.style-rtl .width96pc {
    padding-left: 40px;
    padding-right: 20px;
}

.style-rtl .panel-heading .drop-down-icone {
    left: 15px;
    right: inherit;
}

.style-rtl ul.dot-list-cmn {
    padding-left: 0;
    padding-right: 15px;
}

.style-rtl .ml-3 {
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.style-rtl .btn {
    margin-right: 0 !important;
    margin-left: 5px !important;
}

.style-rtl .btn.mr-0 {
    margin-left: 0 !important;
}


/* rtl normal page style end  */

main.top-space-hdr,
.top-space-hdr {
    margin-top: 10px !important;
}

.form-group .plain-select:after {
    top: 50%;
    margin-top: -9px;
}


/* text editor notification hide start */

.cke_notification {
    display: none;
}

.cke_notifications_area {
    display: none;
}


/* text editor notification hide end */

.menu-collape-area ul li a i {
    width: 20px;
    text-align: center;
}

.check-box-disabled {
    opacity: 0.5;
    cursor: no-drop;
}


/* user-multiple style update start */

.user-multiple .arci-user-tab-dtl li img {
    margin: 0 !important;
}

.user-multiple .arci-user-tab-dtl li .more-users {
    margin-left: 0 !important;
}

.user-multiple .arci-user-tab-dtl li {
    margin-left: -15px !important;
}

.user-multiple .arci-user-tab-dtl li:first-child {
    margin-left: 0px !important;
}

.user-multiple ul {
    margin-left: 0;
}


/* user-multiple style update end */

.thumb-pics-bg .thumb-pics .upload-pics {
    overflow: hidden;
}

.db-layout-150 .db-table-padding .table tr td {
    padding: 7px 12px;
    font-size: 12px;
}

.workflow-tab .slider-user-guide-btn-show .btns-user-guide-slider {
    display: none !important;
}

@media only screen and (max-width: 992px) {
    .workflow-tab .slider-user-guide-btn-show .btns-user-guide-slider {
        display: block !important;
    }
    .col-12-small {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-6-small {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .ai-chat-details-right {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767.98px) {
    .col-12-mbl {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .border-right-hide-mbl {
        border-right: none !important;
    }
    .main-menu-active #sidebar-wrapper-menu {
        z-index: 999999;
    }
    .top-bar {
        z-index: 9999999;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .col-12-sm {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.loder-section-inner {
    z-index: 1 !important;
}


/* panel-drop-hide-border style start */

.panel-drop-hide-border.panel-drop-sections .panel-heading.active .width96pc {
    border-bottom: 1px solid #dbe2eb;
}

.panel-drop-hide-border.panel-drop-sections .width96pc {
    border-color: transparent;
}

.panel-drop-hide-border.panel-drop-sections .panel-collapse {
    border-color: transparent;
}


/* panel-drop-hide-border style end */


/* header logo style start */

nav .side-menu-lg-logo {
    width: auto;
    max-width: 168px;
    max-height: 40px;
    padding: 3px 0;
}

#sidebar-wrapper-menu .side-bar-header {
    padding: 5px 5px 5px 50px !important;
}

#sidebar-wrapper-menu .side-menu-lg-logo {
    width: auto;
    max-width: 130px;
    max-height: 24px;
}

#sidebar-wrapper-menu .side-bar-header {
    display: flex;
    align-items: center;
}


/* header logo style end */

.table {
    word-break: break-word;
}

.table tr td:first-child {
    word-break: initial;
}

.work-flow-new-cmn-head-user-inner.botton-line-remove:after {
    content: none;
}

figure tbody tr:hover {
    color: #212529;
}


/* input eye hide edge style start */

input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
    display: none;
}


/* input eye hide edge style end */

.edit-bar .nav-item .nav-link {
    padding: 12px 10px 13px 10px;
}


/* sidebar body slide start */

body,
.edit-bar {
    transition: padding-left .5s;
}

body.body-slide {
    padding-left: 250px;
}

.edit-bar.body-slide-nav {
    margin-left: 180px;
}

body.body-slide .affix {
    left: 250px !important;
}

.flex-98-width,
.user-right-fill,
#header-sroll-form {
    transition: padding-left .5s;
}

body.body-slide .user-right-fill {
    max-width: 62%;
}

body .user-right-fill {
    transition: left .5s;
}

body.body-slide .flex-98-width {
    max-width: 82.5% !important;
}

#header-sroll-form {
    transition: left .5s;
}

body.body-slide #header-sroll-form {
    left: 250px;
}

body .btn-fixed-position-cls {
    transition: left .5s;
}

body.body-slide .btn-fixed-position-cls {
    left: 250px;
}

.full-width-table .fixed-table {
    width: 100%;
    display: none;
}

body.body-slide .full-width-table .fixed-table {
    width: calc(100% - 310px);
}

.pdf-menu-accodion {
    transition: left .5s;
}

body.body-slide .pdf-menu-accodion {
    left: 205px;
}

body.body-slide .maindiv {
    width: calc(100% - 30px);
}

body.body-slide .pdf-zoom-header-main {
    width: calc(82% - 35px);
    left: 125px !important;
}

@media only screen and (max-width: 1199.98px) {
    body.body-slide {
        padding-left: 0 !important;
    }
    body.body-slide .affix {
        left: 0px !important;
    }
}


/* sidebar body slide end */

.sroll-right-end-line .mCSB_scrollTools {
    right: -6px;
}

.qoc-login-bottom-end-logo {
    margin-top: -65px;
}

.modal-body .login-block {
    margin: 0 auto;
}

.bg-very-light-blue {
    background: #F3F8FB !important;
}

.vertical-text {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.table-disabled {
    opacity: 0.5;
    cursor: no-drop;
}

.nav-item.disabled {
    cursor: not-allowed;
}

.nav-item.disabled .nav-link {
    pointer-events: none;
}


/************** v2-new-design start **************/


/* Assessment Dashboard start */

.sm-text {
    color: #506E91;
    font-size: 13px;
}

.btn-icon {
    background: #E0EBF1;
    color: #506E91;
    font-size: 13px;
    border: none;
    padding: 4px 8px;
    line-height: 13px;
    border-radius: 3px;
    cursor: pointer;
}

.btn-icon:hover {
    opacity: 0.8;
}

.btn-new {
    background: #E0EBF1;
    color: #506E91;
    font-size: 13px;
    border: none;
    padding: 11px 15px;
    line-height: 13px;
    border-radius: 3px;
    cursor: pointer;
    font-family: "Nunito-Medium";
}

.btn-new:hover {
    opacity: 0.8;
}

.mb-0-sm-3 {
    margin-bottom: 0px;
}

.dot-progress .progress {
    height: 12px;
    border-radius: 10px;
    position: relative;
}

.progress-inner-dot {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 4px;
}

.progress-inner-dot span {
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}

.progress-inner-dot span.active {
    background: #067D45;
}

.table-dashboard tr th {
    background: #d7e9ff;
    font-size: 12px;
    font-family: 'Nunito SemiBold';
    vertical-align: middle;
    color: #506E91;
}

.table-dashboard tr th,
.table-dashboard tr td {
    border: 8px solid #f3f8fb;
    padding: 7px 15px;
    border-radius: 10px;
}

.table-dashboard tr th {
    padding: 7px 15px;
}

.table-dashboard tr td {
    background: #fff;
    font-size: 12px;
    vertical-align: top;
    color: #506E91;
}

.reload-video-icon {
    width: 26px;
    height: 26px;
    padding: 4px;
    border: 1px solid #DDE7F2;
    border-radius: 5px;
    text-align: center;
    line-height: 14px;
    display: inline-block;
    font-size: 8px;
}

.reload-video-icon.active {
    border-color: #0088FF;
    background: #0088FF;
    color: #fff !important;
    line-height: 16px;
}

.border-input-group .input-group-text {
    background: transparent;
    color: #7C98B6;
    font-size: 13px;
    font-family: "Nunito-Medium";
    border: 1px solid #CBD6E2;
    border-right: 0;
    border-radius: 4px 0 0 4px;
}

.border-input-group .custom-select {
    color: #031F41;
    font-size: 12px;
    font-family: 'Nunito SemiBold';
    -webkit-appearance: none;
    -moz-appearance: window;
    padding: 2px 25px 2px 2px;
    background: #fff;
    border: 1px solid #CBD6E2;
    border-left: 0;
    border-radius: 0 4px 4px 0;
    height: calc(2.13rem + 2px);
}

.custom-select-icon {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
}

.border-input-group .custom-select-icon:after {
    position: absolute;
    z-index: 2;
    right: 20px;
    top: 12px;
    margin-top: -3px;
    height: 0;
    width: 0;
    pointer-events: none;
    content: "\f078";
    color: #7C98B6;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    font-size: 12px;
}

.border-input-group .custom-select:focus {
    border-color: #ced4da;
    outline: 0;
    box-shadow: none;
}

.border-input-group .custom-select option {
    padding: 3px 15px;
}

.table-margin-minus {
    margin-left: -8px;
    margin-right: -8px;
    margin-top: -8px;
}

.form-group-h-36 .form-control {
    height: calc(2.18rem + 2px);
}

.hover-td-color tr td:hover {
    background: #f7f7f7;
}

.table-dashboard-hidden-border-scroll {
    overflow: hidden;
}

.table-dashboard .fixed-table {
    width: 100%;
    max-width: calc(100% - 104px);
}

@media screen and (max-width: 1199.98px) {
    .table-dashboard .fixed-table {
        width: 100%;
        max-width: calc(100% - 37px);
    }
}


/* color-change-btn start */

.efficiecy-level-fan-main .label-fan {
    display: block;
    font-size: 13px;
    font-family: 'Nunito Regular';
    color: #506E91;
    margin-top: 5px;
}

.efficiecy-level-fan svg path {
    fill: #D6E2F0 !important;
}

.efficiecy-level-fan-main .color-change-btn-label {
    height: 64px !important;
}

.color-change-btn-main {
    position: relative;
    width: 100%;
}

.color-change-btn {
    position: relative;
    display: inline-block;
    height: 100%;
    cursor: pointer;
    margin: 0 8px 8px 0;
}

.color-change-btn-radio {
    appearance: none;
    display: none;
}

.color-change-btn-label {
    position: relative;
    text-align: center;
    color: #506E91;
    font-family: 'Nunito Regular';
    font-size: 13px;
    margin-bottom: 0;
    transition-duration: .5s;
    transition-property: transform, color, box-shadow;
    transform: none;
    border: 1px solid #CBD6E2;
    border-radius: 5px;
    padding: 5px 15px;
    cursor: pointer;
    width: 130px;
    height: 42px;
    line-height: 15px;
    display: table-cell;
    vertical-align: middle;
}

.color-change-btn-radio:checked+.color-change-btn-label {
    background: #f0f0f0;
    color: #A8A8A8;
    transform: translateY(0px);
}

.color-change-btn-radio:checked+.color-change-btn-label-red,
.color-change-btn-label.color-change-btn-label-red.active {
    color: #F9384B !important;
    background: #FFF6F5 !important;
    border-color: #F9384B !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-green,
.color-change-btn-label.color-change-btn-label-green.active {
    color: #19C268 !important;
    background: #E7FFF0 !important;
    border-color: #19C268 !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-yellow,
.color-change-btn-label.color-change-btn-label-yellow.active {
    color: #FFBB00 !important;
    background: #FFFCCF !important;
    border-color: #FFBB00 !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-blue,
.color-change-btn-label.color-change-btn-label-blue.active {
    color: #2A9AFF !important;
    background: #EFF8FF !important;
    border-color: #2A9AFF !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-grey,
.color-change-btn-label.color-change-btn-label-grey.active {
    color: #616161 !important;
    background: #F3F3F3 !important;
    border-color: #616161 !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-red .label-fan {
    color: #F9384B;
}

.color-change-btn-radio:checked+.color-change-btn-label-red svg path {
    fill: #F9384B !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-yellow .label-fan {
    color: #FFBB00;
}

.color-change-btn-radio:checked+.color-change-btn-label-yellow svg path {
    fill: #FFBB00 !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-blue .label-fan {
    color: #2A9AFF;
}

.color-change-btn-radio:checked+.color-change-btn-label-blue svg path {
    fill: #2A9AFF !important;
}

.color-change-btn-radio:checked+.color-change-btn-label-green .label-fan {
    color: #19C268;
}

.color-change-btn-radio:checked+.color-change-btn-label-green svg path {
    fill: #19C268 !important;
}

.color-change-btn-main .label-fan {
    display: block;
}


/* color-change-btn end */

@media screen and (max-width: 991.98px) {
    .mb-0-sm-3 {
        margin-bottom: 15px;
    }
    .assessment-overall-two {
        min-height: auto;
    }
    .assessment-overall-three {
        min-height: auto;
    }
}

@media screen and (max-width: 1199.98px) {
    .table-dashboard {
        overflow-x: scroll;
    }
    .table-dashboard table {
        width: 1300px;
    }
}


/* Assessment Dashboard end */


/* Compliance Register Start */

.status-loop-sec {
    display: flex;
}

.status-loop-sec-inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.label-height-compliance {
    height: 50px;
    display: flex !important;
    align-items: end;
    justify-content: center;
    padding: 0 3px;
    line-height: 16px;
    margin-bottom: 5px;
    word-break: break-word;
}

.status-three {
    font-size: 14px;
    font-family: "Nunito-Medium";
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 3px 10px;
    background: #ccc;
    min-width: 40px;
}

.status-loop-sec-inner:first-child .status-three {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.status-loop-sec-inner:last-child .status-three {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.status-loop-sec-inner .status-three {
    width: 100%;
}


/* status three color start */

.status-bg-green {
    background: #00D672 !important;
}

.status-bg-el-green {
    background: #D8FFED !important;
}

.status-bg-light-blue {
    background: #1FD1ED !important;
}

.status-bg-el-light-blue {
    background: #E0FBFF !important;
}

.status-bg-yellow {
    background: #F2CE1A !important;
}

.status-bg-el-yellow {
    background: #FFF8D6 !important;
}

.status-bg-red {
    background: #F10B0B !important;
}

.status-bg-el-red {
    background: #FFE3E3 !important;
}

.status-bg-dark-blue {
    background: #506E91 !important;
}

.status-bg-dark-el-blue {
    background: #E9F0F8 !important;
}


/* status three color end */


/* dot-div status start */

.dot-div .dot-color-bg {
    vertical-align: middle;
    margin-top: -2px;
}

.dot-div.red-dot .dot-color-bg {
    background: #F9384B !important;
}

.dot-div.green-dot .dot-color-bg {
    background: #19C268 !important;
}

.dot-div.light-green-dot .dot-color-bg {
    background: #0DBF00 !important;
}

.dot-div.violet-dot .dot-color-bg {
    background: #8F5DB5 !important;
}

.dot-div.light-violet-dot .dot-color-bg {
    background: #B48ED0 !important;
}

.dot-div.dark-violet-dot .dot-color-bg {
    background: #8F5DB5 !important;
}

.dot-div.yellow-dot .dot-color-bg {
    background: #FFBB00 !important;
}

.dot-div.orange-dot .dot-color-bg {
    background: #F7941D !important;
}

.dot-div.blue-dot .dot-color-bg {
    background: #0086FF !important;
}

.dot-div.light-blue-dot .dot-color-bg {
    background: #1AC9FF !important;
}

.dot-div.dark-blue-dot .dot-color-bg {
    background: #4E78B1 !important;
}

.dot-div.amber-dot .dot-color-bg {
    background: #FF5733 !important;
}

.dot-div.gray-dot .dot-color-bg {
    background: #95A6BD !important;
}


/* dot-div status end */

.login-qcb .dafm-login-right {
    padding-right: 0;
    text-align: right;
}

.compliance-box-bottom-end {
    display: flex;
    justify-content: end;
}

.text-color-five {
    color: #506E91 !important;
}

.dot-color-bg {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #ccc;
    margin-right: 5px;
}

@media only screen and (max-width: 991.98px) {
    .compliance-box-width .btm-space-30 {
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 1369.98px) and (min-width: 1200px) {
    .compliance-box-width .col-xl-4.col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}


/* Compliance Register End */


/* 3333333333 */


/************** v2-new-design end **************/

.fit-table-no-scroll {
    overflow: hidden !important;
}

.fit-table-no-scroll table {
    width: 100% !important;
}

.border-left-sm-hide {
    border-left: 1px solid #cbd6e2;
}

.border-right-sm-hide {
    border-right: 1px solid #cbd6e2;
}

.table-align-top-th tr th {
    vertical-align: top !important;
}

.table-align-top-td tr td {
    vertical-align: top !important;
}

.table-align-middle-th tr th {
    vertical-align: middle !important;
}

.table-align-middle-td tr td {
    vertical-align: middle !important;
}


/* step tab btn style start */

.tab-btns-two .organization-multi-stup-form .step {
    width: 50%;
}

.tab-btns-three .organization-multi-stup-form .step {
    width: 33.33%;
}


/* step tab btn style end */

.cb-audit-db-slider-height {
    min-height: 423px;
}

.cb-audit-db-finding-sec {
    min-height: 300px;
}

@media only screen and (max-width: 767.98px) {
    /* step tab btn style start */
    .tab-btns-two .organization-multi-stup-form .step {
        width: 100%;
    }
    .tab-btns-three .organization-multi-stup-form .step {
        width: 100%;
    }
    /* step tab btn style end */
    .stg-db-sec-one .col {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .stg-db-tab .tab-common-left-content-m {
        width: 100%;
    }
    .stg-db-tab .tab-common-left-md {
        width: 100%;
    }
    .key-performance-indicator-tab .tab-common-left-md {
        width: 100%;
    }
    .key-performance-indicator-tab .tab-common-left-content-m {
        width: 100%;
    }
    .key-performance-indicator-tab .tab-content {
        min-height: auto !important;
    }
    .stg-db-tab .tab-content {
        min-height: auto !important;
    }
    .mobile-scroll-chart {
        overflow-x: scroll;
    }
    .mobile-scroll-chart-xl {
        width: 1000px;
    }
    .mobile-scroll-chart-lg {
        width: 900px;
    }
    .mobile-scroll-chart-md {
        width: 800px;
    }
    .mobile-scroll-chart-sm {
        width: 700px;
    }
    .matrix-new-side-bar {
        width: 100% !important;
    }
    .pdf-zoom-header-main.pdf-zoom-header-fixed {
        width: 100%;
        margin: 0 auto;
        left: 0;
    }
}

@media only screen and (max-width: 600.98px) {
    .cm-db-son-sec-height-one {
        min-height: auto;
    }
    .cm-db-son-sec-height-two {
        min-height: auto;
    }
    .cm-db-son-sec-height-three {
        min-height: auto;
    }
    .d-flex-mbl-d-block {
        display: block;
    }
    .processes-issue .rigt-btn-box {
        width: 100% !important;
        margin: 10px 0 0 0 !important;
        text-align: left !important;
    }
}

@media only screen and (max-width: 991.98px) {
    .float-right-sm-left {
        float: left;
    }
    .five-col {
        display: block;
    }
    .five-col .col {
        width: 100%;
    }
    .right-bdr-and-right-space-md {
        border-right: none !important;
        border-bottom: 1px solid #dee2e6 !important;
        padding-bottom: 15px !important;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .sm-pl-30 {
        padding-left: 30px !important;
    }
    .border-left-sm-hide {
        border-left: none;
    }
    .border-right-sm-hide {
        border-right: none;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 768px) {
    .thumb-view-left-side-box.w-100 {
        width: 33.33% !important;
    }
    .key-performance-indicator-tab .tab-common-left-md {
        width: 40%;
    }
    .key-performance-indicator-tab .tab-common-left-content-m {
        width: 60%;
    }
    .folder-loop-med li {
        width: 20% !important;
    }
    .folder-loop-med li a.folder-one {
        height: 70px !important;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 768px) {
    .stg-db-sec-one .col {
        flex: 0 0 33.33%;
        max-width: 33.33%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media screen and (max-width: 1023.98px) and (min-width: 320px) {
    .user-guide-main .user-side-left {
        max-width: 100%;
    }
    .user-guide-main .user-right-fill {
        max-width: 100%;
    }
    .user-guide-main .work-flow-details-sec-left {
        padding-right: 15px;
    }
    .stg-intiatives-right h5 {
        text-align: left;
        padding-top: 5px;
    }
    .text-right-sm-left {
        text-align: left;
    }
}

@media screen and (max-width: 1320.98px) and (min-width: 1024px) {
    .key-performance-indicator-tab .tab-common-left-md {
        width: 30%;
    }
    .key-performance-indicator-tab .tab-common-left-content-m {
        width: 70%;
    }
}

@media screen and (max-width: 1199.98px) and (min-width: 1024px) {
    .user-guide-main .user-side-left {
        max-width: 24%;
    }
    .user-guide-main .user-right-fill {
        max-width: 76%;
    }
    .folder-loop-med li {
        width: 14% !important;
    }
}


/* common css new style end */


/* competency-matrix-new start */

.competency-matrix-new .container-table100 {
    width: 100%;
    min-height: 100vh;
    background: #d1d1d1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 33px 30px;
}

.competency-matrix-new .wrap-table100 {
    width: 100%;
}

.competency-matrix-new .wrap-table100 table {
    width: 100%;
    background-color: #fff;
}

.competency-matrix-new table tr:hover {
    background: transparent !important;
}

.competency-matrix-new .wrap-table100 th,
.competency-matrix-new .wrap-table100 td {
    font-weight: unset;
    padding-right: 10px;
}

.competency-matrix-new .row100.head th {
    padding-top: 24px;
    padding-bottom: 20px;
}

.competency-matrix-new .row100 td {
    padding-top: 18px;
    padding-bottom: 14px;
    border: 0.5px solid #bac8d8 !important;
    background: #fff;
    padding: 10px 10px;
    text-align: center;
}

.competency-matrix-new .row100 td.border-left-0 {
    border-left: 0 !important;
}

.competency-matrix-new .row100 td.border-right-0 {
    border-right: 0 !important;
}

.competency-matrix-new .row100 td.left-name-matrix {
    text-align: left;
    font-size: 15px !important;
}

.competency-matrix-new .row100 td.left-name-matrix-big {
    font-size: 16px !important;
}

.competency-matrix-new .table100.ver4 td {
    font-size: 14px;
    color: #506e91;
    line-height: 1.4;
}

.matrix-color-box {
    background: #ececec;
    border: 1px solid #a5a5a5;
    text-align: center;
    min-width: 30px;
    height: 30px;
    padding: 4px;
    font-size: 15px;
    font-family: "Nunito Bold" !important;
    color: #000;
    line-height: 22px;
    margin-bottom: 0;
}

.competency-matrix-new .row100 td h6 {
    font-size: 14px;
    margin: 7px 0 0 0;
}

.matrix-color-box.box-red {
    background: #FFDCDC;
    border-color: #FF0000;
}

.matrix-color-box.box-yellow {
    background: #FFF4AA;
    border-color: #FCDA00;
}

.matrix-color-box.box-green {
    background: #D6FFD2;
    border-color: #47E835;
}

.vertical-text-matrix {
    position: relative;
    width: 100px;
    min-height: 160px;
}

.vertical-text-matrix span {
    transform: rotate(-90deg);
    transform-origin: center;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 38%;
    display: block;
    left: 0;
    top: 0;
}

.competency-matrix-new .table100.ver4 th {
    font-size: 12px;
    color: #fff;
    line-height: 1.4;
    text-transform: uppercase;
    background-color: #fa4251;
}

.competency-matrix-new .table100.ver4 .hov-column-ver4 {
    background-color: #e1f1ff;
}

.competency-matrix-new .table100.ver4 .hov-column-head-ver4 {
    background-color: #f95462!important;
}


/* matrix-new-side-bar start */

.matrix-new-side-bar {
    width: 388px;
    position: fixed;
    top: 0px;
    right: 0;
    background: rgba(3, 31, 65, 0.9);
    z-index: 99999;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.matrix-new-side-bar .form-group .form-control {
    height: calc(2.15rem + 2px);
}

.matrix-new-side-bar-hide {
    right: -401px;
}

.matrix-side-bar-head {
    background: #004ca2;
    background: -moz-linear-gradient(left, #004ca2 0%, #007ff1 100%);
    background: -webkit-linear-gradient(left, #004ca2 0%, #007ff1 100%);
    background: linear-gradient(to right, #004ca2 0%, #007ff1 100%);
    color: #fff;
    border-radius: 0px;
    padding: 0.45rem 1.4rem;
    position: relative;
}

.matrix-side-bar-head h4 {
    font-size: 18px;
    color: #fff;
    margin-top: 2px;
    padding-right: 30px;
}

.matrix-side-bar-head .close {
    background: #1a8cf2;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 20px;
    opacity: 10;
    position: absolute;
    right: 15px;
    top: 6px;
    font-size: 17px;
}

.matrix-side-bar-body {
    height: 90vh;
    margin-bottom: 30px;
}

.matrix-side-bar-body-inner {
    padding: 30px;
}

.matrix-side-bar-body .form-group label {
    color: #fff;
}

.matrix-side-bar-body .label-style {
    color: #fff;
}

@media screen and (max-width: 1023.98px) and (min-width: 320px) {
    .competency-matrix-new {
        overflow-x: scroll;
    }
    .competency-matrix-new table {
        width: 1200px;
    }
}


/* matrix-new-side-bar end */


/* dafm audit dashboard starts */

.db-tbl-finding-bg-light-green-one {
    background: #B2D9B2;
}

.db-tbl-finding-bg-dark-green {
    background: #27CB8F;
}

.db-tbl-finding-bg-light-gray-one {
    background: #DFDFDF;
}

.db-tbl-finding-bg-l-blue-one {
    background: #F3FFF3;
}

.db-tbl-finding-bg-s-blue-two {
    background: #E8FFF7;
}

.db-padding-r {
    padding-right: 50px !important;
}

.height-100 {
    height: 100px;
}

.dafm-audit-average-table tr th,
.dafm-audit-average-table tr td {
    border: 1px solid #C9C9C9;
}

.dafm-audit-sec-end-db {
    min-height: auto !important;
}

.dafm-audit-sec-end-db table th,
.dafm-audit-sec-end-db table tr td {
    text-align: left;
    padding-left: 10px !important;
}

.height-58 {
    height: 58px;
}

.btn-dafm-select .form-control {
    background: #EBEBEB;
    border: none;
    border-radius: 0;
    padding: 4px 30px 4px 10px !important;
}

.dafm-select select {
    color: #000000;
    font-weight: bold;
}

.btn-check {
    height: 30px;
    border: none !important;
    border-radius: 0;
    background: #A1A1A1;
    color: #fff !important;
    width: 35px;
    padding: 7px 8px !important;
}

@media only screen and (max-width: 767px) {
    .db-padding-r {
        padding-right: 0px !important;
    }
}

.dafm-audit-analysis-table th {
    border: none !important;
    border-bottom: 15px solid #fff !important;
}

.dafm-audit-analysis-table td {
    border: none !important;
    border-bottom: 15px solid #fff !important;
}

.dafm-quar:before {
    content: "";
    background: #000;
    height: 18px;
    width: 2px;
    color: #000;
    position: absolute;
    top: 6px;
    left: 0px;
}

.dafm-select .form-control:focus {
    box-shadow: none !important;
}

.dafm-audit-average-table .left-color-line {
    vertical-align: top;
}

.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #E8FFF7;
    position: relative;
    right: 0;
    left: 15px;
}


/* Meeting url */


/* HIDE RADIO */

.meeting-label [type=radio] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}


/* IMAGE STYLES */

.meeting-label [type=radio]+img {
    cursor: pointer;
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}


/* CHECKED STYLES */

.meeting-label [type=radio]:checked+img {
    /* outline: 2px solid #004685; */
    /* border-radius: 6px; */
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}


/*discussion page starts*/

.action_plan {
    padding: 0;
    list-style: none;
    padding-bottom: 0 !important;
    padding-top: 15px !important;
}

.action_plan li:first-child::before {
    width: 8px;
    height: 8px;
    background: #556E91;
    border-radius: 50%;
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
}

.action_plan li:first-child {
    margin: 0;
    background: transparent;
    padding: 0;
    padding-left: 15px;
}

.action_plan li {
    position: relative;
    margin-left: 12px;
    color: #556E91;
    background: #EFF6FD;
    margin-bottom: 7px;
    padding: 5px 10px;
    border-radius: 12px;
    margin-top: 12px;
}

.panel-drop-sections .panel-heading .drop-down-icone {
    top: calc(50% + -7px);
    margin-top: 0;
}

.panel-drop-sections .panel-heading.active .width96pc .drop-down-icone {
    top: calc(50% + -11px);
}

.chat_area {
    position: relative;
}

.chat_area .receive img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-right: 18px;
}

.chat_area .receive div p {
    padding: 15px 20px;
    border: 1px solid #E3E3E3;
    margin-bottom: 5px;
    border-radius: 0px 12px 12px 0px;
    float: left;
    clear: left;
    font-family: 'Nunito semibold';
    max-width: 450px;
}

.chat_area .receive .msg p:first-child {
    border-radius: 12px 12px 12px 0px;
}

.chat_area .receive .msg p:last-child {
    border-radius: 0px 12px 12px 12px;
}

.chat_area .receive div .time {
    color: #AFBBC6;
    font-size: 12px;
    display: table;
    width: 100%;
}

.chat_area {
    position: relative;
    height: calc(100% - 65px);
}

.chat_area .scroll-area {
    height: calc(100% - 100px);
    overflow: auto;
    padding-top: 10px;
}

.chat_area .send img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-left: 18px;
}

.chat_area .send div p {
    padding: 15px 20px;
    background: #DCEFFF;
    color: #506E91;
    margin-bottom: 5px;
    border-radius: 12px 0px 0px 12px;
    text-align: right;
    float: right;
    clear: right;
    font-family: 'Nunito semibold';
    max-width: 450px;
}

.chat_area .send .msg p:first-child {
    border-radius: 12px 12px 0px 12px;
}

.chat_area .send .msg p:last-child {
    border-radius: 12px 0px 12px 12px;
}

.chat_area .send div .time {
    color: #AFBBC6;
    font-size: 12px;
    display: table;
    width: 100%;
    text-align: right;
}

.chat_area .send div .time i {
    color: #0088FF;
    margin-left: 10px;
    font-size: 10px;
}

.chat_area .typing {
    color: #0088FF;
    font-size: 12px;
    padding-bottom: 10px;
    background: #fff;
}

.chat_area .chat-text {
    position: relative;
}

.chat_area .form-control {
    border-radius: 8px;
    min-height: 64px;
    border: 1px solid #DBE5ED;
    resize: none;
    box-shadow: none;
    padding-right: 150px;
}

.chat_area .chat-text .send-links {
    position: absolute;
    right: 0;
    top: 10px;
    display: flex;
    align-items: center;
}

.chat_area .chat-text .send-links a {
    width: 20px;
    font-size: 20px;
    margin-left: 18px;
    color: #AFBBC6;
}

.chat_area .chat-text .send-links a.btn {
    background: #0088FF;
    color: white;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    text-align: center;
    padding: 0;
    line-height: 45px;
}

.chat_area .chat-text .send-links a.btn:hover {
    opacity: 0.8;
}

.chat_area .bottom-fixed-area {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.meet_discusion .widg-padding-cmn.bg-white {
    height: calc(100vh - 111px);
    overflow: auto;
    padding-bottom: 0;
    width: 100%;
}

.upload_file {
    float: right;
    clear: right;
    color: #506E91;
    border: 1px solid #CDE8FF;
    border-radius: 12px 0px 12px 12px;
    padding-top: 20px;
    min-width: 250px;
}

.upload_file .file_name {
    background: #DCEFFF;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 12px 15px;
}

.upload_file .file_size {
    background: #DCEFFF;
    padding: 12px 15px;
    border-radius: 0px 0px 12px 12px;
}

.upload_file .file_size span {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 12px;
    padding-right: 15px;
    padding-left: 15px;
}

.upload_file .file_size span:last-child {
    border: 0;
}

.upload_file .file_name i {
    font-size: 20px;
}

.upload_file .file_name b {
    vertical-align: top;
}

.meet_discusion .widg-padding-cmn.people {
    width: 80px;
    margin-left: 15px;
    padding: 15px 5px;
    text-align: center;
    padding-top: 0;
}

.meet_discusion .widg-padding-cmn.people span {
    position: sticky;
    top: 0;
    padding-top: 15px;
    background: #fff;
}

.meet_discusion .widg-padding-cmn.people img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    margin-top: 10px;
    display: none;
}

.meet_discusion .widg-padding-cmn.people img:first-child {
    margin-top: 30px;
}

.meet_discusion .widg-padding-cmn.people .more {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #F3F3F3;
    border: 1px solid #EAEEF0;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.scrollbar::-webkit-scrollbar {
    width: 2px;
}

.scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.scrollbar::-webkit-scrollbar-thumb {
    background: #888;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555;
}


/*discussion page ends*/

@media only screen and (max-width: 1023.98px) {
    /* loder style start */
    .strategy-tree-scroll-loder-1024 {
        overflow: scroll;
    }
    .strategy-tree-scroll-loder {
        width: 1100px;
    }
    /* loder style end */
}


/* MRM start */

.panel-drop-icon-left .width96pc {
    padding: 10px 20px 10px 40px;
}

.panel-drop-icon-left .panel-heading .drop-down-icone {
    right: unset;
    left: 15px;
}

.panel-drop-plus .panel-heading .drop-down-icone {
    top: calc(50% + -10px);
}

.panel-drop-sections.panel-drop-plus .panel-heading.active .drop-down-icone {
    top: calc(50% + -12px);
}

.panel-drop-plus .drop-down-icone .drop-minus {
    line-height: 24px;
}

.panel-drop-plus .panel-heading .drop-down-icone .drop-minus {
    display: none;
}

.panel-drop-plus .panel-heading.active .drop-down-icone .drop-minus {
    display: block;
}

.panel-drop-plus .panel-heading.active .drop-down-icone .drop-plus {
    display: none;
}

.right-border-md {
    border-right: 1px solid #cbd6e2 !important;
    margin-right: 10px;
    padding-right: 10px;
}

.underline-dot {
    border-bottom: 1px dotted #506E91;
}

.box-shadow-hov:hover {
    box-shadow: 0px 1px 9px #d3d3d3;
}


/* view more start */

#summary-1 {
    font-size: 14px;
    line-height: 1.5;
}

#summary-1 p.collapse:not(.show) {
    height: 67px !important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

#summary-1 p.collapsing {
    min-height: 67px !important;
}

#summary-1 a.collapsed:after {
    content: 'Read more..';
    color: #0088FF;
}

#summary-1 a:not(.collapsed):after {
    content: 'Read less';
    color: #0088FF;
}


/* view more end */

@media only screen and (max-width: 991.98px) {
    .right-border-md {
        border-right: none !important;
        margin-right: 0px;
        padding-right: 0px;
    }
}


/* MRM end */


/* MRM action plan style start */

.user-multiple.user-list-right-new {
    width: 176px;
    margin-right: -57px;
    float: right;
}

.user-chat-list {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 20px;
    display: none;
}

.user-chat-list-inner {
    height: calc(61vh - 40px);
}

.chat_area.chat_area-action_plan {
    position: relative;
    height: calc(65vh - 65px);
}

.user-chat-list-inner .scrollbar {
    height: calc(100% - 0px);
    overflow: auto;
}


/* MRM action plan style end */

div[style="width: 200px; height: 200px; visibility: hidden; position: absolute;"] {
    width: 0px !important;
    height: 0px !important;
}

.border-left-0,
th.border-left-0,
td.border-left-0,
.table tr th.border-left-0,
.table tr td.border-left-0 {
    border-left: 0 !important;
}

.border-right-0,
th.border-right-0,
td.border-right-0,
.table tr th.border-right-0,
.table tr td.border-right-0 {
    border-right: 0 !important;
}


/* 3d bloge style start */

html.blog-3d-chart,
.blog-3d-chart body,
.blog-3d-chart #viewDiv,
.blog-3d-chart #container {
    /* padding: 0;
  margin: 0; */
    height: 100%;
    width: 100%;
    color: #323232;
    font-family: "Avenir Next W00", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.blog-3d-chart body {
    background: radial-gradient(#12bff2, #0269a1) no-repeat;
}

.blog-3d-chart .esri-ui-manual-container>.esri-component {
    display: none;
}

.blog-3d-chart #viewDiv canvas {
    filter: saturate(1.2) drop-shadow(0 0 20px white);
}

.blog-3d-chart #viewDiv {
    height: 94vh;
}


/* 3d bloge style end */

/* outline-tag-new style */
.outline-tag-new {
    font-size: 13px;
    background: transparent;
    color: #506e91;
    padding: 7px 14px;
    border: 1px solid #cbd6e2;
    border-radius: 6px;
    display: inline-block;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.effective-tag {
    border-color: #44B447;
    color: #44B447;
}
.effective-tag.active, .effective-tag:hover {
    background-color: #44B447;
    color: #fff;
}
.good-tag {
    border-color: #B1C94D;
    color: #B1C94D;
}
.good-tag.active, .good-tag:hover {
    background-color: #B1C94D;
    color: #fff;
}
.average-tag {
    border-color: #FAD026;
    color: #FAD026;
}
.average-tag.active, .average-tag:hover {
    background-color: #FAD026;
    color: #fff;
}
.unsatisfactory-tag {
    border-color: #D4262A;
    color: #D4262A;
}
.unsatisfactory-tag.active, .unsatisfactory-tag:hover {
    background-color: #D4262A;
    color: #fff;
}
/* outline-tag-new style end */

.ordinary-table .remove-btn {
    position: absolute;
    right: 0;
    top: 40%;
    margin: 0 -20px;
    cursor: pointer;
}
.ordinary-table .remove-btn:hover {
    color: var(--color-primary);
}

/* horizontal upload-section start */

.upload-section.upload-section-horizontal {
    position: relative;
    margin: 0!important;
}
.upload-section.upload-section-horizontal .form-group.form-group-upload {
    min-height: auto;
    padding: 5px 0;
}
.upload-section.upload-section-horizontal .costmz-logo-new {
    padding: 0!important;
    margin: 0!important;
}

.upload-section.upload-section-horizontal .costmz-logo-new .drag-file-sec {
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-section.upload-section-horizontal .costmz-logo-new .drag-file-sec img.drag-pic-files {
    width: 60px;
    padding: 0;
}

.upload-section.upload-section-horizontal .costmz-logo-new .drag-file-sec .drag-file-name {
    padding: 0 3px;
}
/* horizontal upload-section End */

.line-height-normal {
    line-height: normal;
}


/* table-fixed-style-header-first-col start */
.table-fixed-style-header-first-col {
    border-collapse: separate;
    border-spacing: 0;
}

.table-fixed-style-header-first-col thead tr > th{
    position: sticky;
    z-index: 12;
    top: 0;
}

.table-fixed-style-header-first-col thead th:first-child{
    z-index: 13;
}

/* .table-fixed-style tr > td:first-child,
.table-fixed-style tr > th:first-child{
    position: sticky;
    z-index: 10;
    left:0;
}  */
.table-fixed-style-header-first-col tr > .first-col{
    position: sticky;
    z-index: 10;
    left:0;
} 
 
.table-fixed-style-header-first-col td:first-child{
    background: white;
}
.left-right-round-btns button.z-index-999 {
    z-index: 999;
}

/* table-fixed-style-header-first-col start end */

.grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}
@media (max-width: 767px) {
    .grid-col-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        display: grid;
        grid-gap: 15px;
    }
}
.primary-bg {
    background-color: var(--color-primary);
}

.act-progress {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

/* Prioritized Activity Start */
.owl-focus-area-slider.bcm-slider {
    padding: 0 30px;
}
.bcm-slider .box-label {
    cursor: pointer;
    margin-bottom: 0;
}
.bcm-slider .box-label h5 {
    flex-direction: column;
}
.stg-db-focus-area-slider .owl-focus-area-slider.bcm-slider .owl-prev {
    left: -40px;
}
 .stg-db-focus-area-slider .owl-focus-area-slider.bcm-slider .owl-next {
    right: -36px;
}

.owl-focus-area-slider.bcm-slider .owl-carousel .owl-wrapper-outer {
    width: 99.8%;
}

/* Prioritized Activity End */

/* BCM Outcome CSS Start */

.bcm-outcome-listing {
    background: #fcfcfc;
    padding: 20px;
    border-radius: 6px;
    border: solid 1px #f5f6f7;
    margin-bottom: 15px;
}
.heading-color {
    color: var(--color-heading);
    color: #33475b;
}
    
/* BCM Outcome CSS End */

/* Crisis Mode Activated CSS Start */

.crisis-mode-bg {
    background: #ffe4e4;
}
.crisis-mode-btn {
    display: flex;
    align-items: center;
    background: red;
    color: #fff;
    padding: 4px 10px;
    border-radius: 5px;
}
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
.head-notification-bar {
    background: red;
    color: #fff;
    text-align: center;
    padding: 10px;
}

.text-marquee {
  width: 100%; /* Or a specific width */
  overflow: hidden;
  white-space: nowrap; /* Prevent text wrapping */
}

.text-marquee-content {
  display: inline-block; /* Or flex */
  animation: scroll-left 20s linear infinite;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%); /* Adjust based on duplication and desired effect */
  }
}
/* Crisis Mode Activated CSS End */

.dashboard-new.doe .cmn-head-style {
    font-size: 14px;
}

/* Action Plan Colors */

/* Heading */
.action-plan {
    background: #aaaaaa;
    color: #ffffff;
}
.work-in-progress_action-plan {
    background: #0D6EFD;
    color: #ffffff;
}
.overdue_action-plan {
    background: #dd0015;
    color: #ffffff;
}
.terminate_action-plan {
    background: #495057;
    color: #ffffff;
}
.closed_action-plan {
    background: #009751;
    color: #ffffff;
}

/* Body */
.work-in-progress_action-light-bg {
    background: #0d6efd20;
}

.overdue_action-light-bg {
    background: #dd001520;
}

.terminate_action-light-bg {
    background: #49505720;
}

.closed_action-light-bg {
    background: #00975120;
}

.action-plan-light-bg {
    background: #aaaaaa10;
}

/* End Action Plan Colors */


.formula-container {
    background-color: #f3f8fb;
    border-radius: 10px;
}
.impact-item-box {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
    margin-bottom: 5px;
}
button.close-formula {
    font-size: 16px;
    outline: none;
    z-index: 1;
    background: #ffffff82;
    padding: 5px 8px;
    opacity: 1;
    border-radius: 8px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    font-weight: bold;
}
button.close-formula:hover {
    opacity: .8;
}

.grid-col-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.grid-col-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.grid-col-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

.grid-col-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    display: grid;
    grid-gap: 15px;
}

@media only screen and (max-width: 1023px) {
    .grid-col-4,
    .grid-col-3,
    .grid-col-2,
    .grid-col-6 {
        grid-template-columns: repeat(2, minmax(0, 2fr));
    }
}

@media only screen and (max-width: 767px) {
    .grid-col-4,
    .grid-col-3,
    .grid-col-2,
    .grid-col-6 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
.theme-link {
    text-decoration: underline !important;
}
.theme-link:hover {
    text-decoration: none !important;
}

.add-plus-new {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    font-size: 10px;
    padding: 0;
    line-height: 1;
}
.add-plus-new i.fas {
    font-size: 13px;
    padding: 0;
}


.tab-style-3 {
    background: #f3f4f6;
    border-radius: 999px;
    padding: 4px;
}
.tab-style-3.nav-tabs .nav-item {
    margin:0;
}
.tab-style-3 .nav-link.active:after {
    display: none;
}
.tab-style-3 .nav-link {
    padding: 8px 30px !important;
    border-radius: 30px !important;
}
.tab-style-3 .nav-link:hover {
    border-color: transparent !important;
}
.tab-style-3 .nav-link.active,
.tab-style-3 .nav-item.show .nav-link {
    background: #fff !important;
    color: var(--color-primary) !important;
}
.filter-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.form-indicates-auto {
    display: flex;
}
.form-indicates-auto span.step {
    flex: 1;
}

.select-new-width-new {
    width: calc(100% - 50px);
    float: left;
}

.multi-add-user-new {
    height: 38px;
    float: right;
    padding: 9px 14px !important;
    margin: 0px !important;
}

/* .evaluation-hide {
    display: block;
}

.evaluation-show {
    display: none;
} */

.kpi-count {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.kpi-count .label {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.kpi-count .val {
    font-size: 15px;
    font-weight: 700;
    color: #333;
}