/*ARETE CONSULTING SERVICES INC CONFIDENTIAL
*
* 2018 Arete Consulting Services Incorporated, All Rights Reserved.
*
* NOTICE:  All information contained herein is, and remains
* the property of Arete Consulting Services Incorporated.
* The intellectual and technical concepts contained herein are
* proprietary to Arete Consulting Services Incorporated and may
* be covered by U.S. and Foreign Patents, patents in process,
* and are protected by trade secret or copyright law. Dissemination
* of this information or reproduction of this material is strictly
* forbidden unless prior written permission is obtained from
* Arete Consulting Services Incorporated
*/

/***********************************************
1. Common Css
2. Dashboard Css
3. Header & Left Sidebar Css
4. Project Page Css
5. Risk Assessment Page Css
6. Risk Template Page Css
7. Risk Element Option Page Css
8. Project Phase Page Css
9. Risk Element Page Css
10. Weighting Score Page Css
11. Setting Page Css
12. Admin Pages Css
13. SRA Weighting Pages Css
14. Cross Browser Css
15. Media Queries
16. footer
***********************************************/

/***********************1. Common Css Start**************************/
    html{overflow: hidden;height: 100%;}
    body {font-size: 0.875em;overflow: auto;height: 100%;}
    .hide-scroll{overflow: hidden;}
    .float-right{float: right;}
    .float-left{float: left;}
    .app-icons:hover{
        transform: scale(1.1);
        /* font-weight: 600; */
        /*text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.75);*/
        /*color: #0080ff;*/
        /*box-shadow: 0 5px 7px 0px rgba(0, 0, 0, 0.35), 0 5px 7px 0 rgba(0, 0, 0, 0.35);*/
    }
    .app-icons img.hover-show{
        display: none;
    }
    .app-icons{
        text-align: center;
        border: none !important;
        font-weight: 500;
    }
    .app-icons div, .app-icons label{
        cursor: pointer;
    }
    .app-icons label{
        font-size: 10px;
    }
    .app-icons img{
        height: 22px;
    }
    .grey-strip {
        background: #e0e0e0;
        padding: 5px;
    }
    /* .mandatory-field { color: red; } */
    /* .gold{color: rgba(175, 155, 50, 1) !important;} */
    .form-group{padding-bottom:0px; margin-bottom: 10px; }
    label.error {font-size: 12px !important;position: absolute;top:42px;left:15px;}
    .table-responsive table thead tr th{font-weight: bold;}
    .cust-error, .sra-error{display: none; font-size: 12px;}
    .editselectSameCateError, .selectCateError, .uniqCateError{ font-size: 12px;}
    .panel-title{ font-size: 17px;}
    .dropdown-menu.bullet.dropdown-menu-right{right: 37px;left: auto;top: -44px;}
    .dropdown-toggle{padding:10px 15px;position: relative;}
    i.fa.fa-ellipsis-v.font-21{width:15px !important;}
    .pull-right > .dropdown-menu{right: 35px;left: auto;top:-35px;position: absolute;}    
    .word-break{word-wrap: break-word;}
    .tag.label.label-info{word-break: break-word; white-space: normal; line-height: 1.7; text-align: left;}
    .cust-tbl-height{height:90vh !important; min-height: 350px;}
    .padding-right-30{ padding-right: 30px;}
    input[disabled] { cursor: not-allowed !important;}
    .visible-hidden{ visibility : hidden;}
    .bootstrap-select.btn-group .dropdown-menu li a{width: 100%;}
    table.project-table{overflow-x: hidden;overflow-y: auto;}
    .project-table th{position : relative;cursor: pointer;}    
    .project-table th .custom-sort{ position: relative;}
    .project-table th .fa-caret-up{ position : absolute;left : 10px;  top: 0px; }
    .project-table th .fa-caret-down{ position: absolute; left: 10px; top: 7px;}
    .bootstrap-select.btn-group .dropdown-menu.inner{ max-height : 300px !important;}
    .noRecordDivScatter, .noRecordDivMoris, .noRecordDivRound, .noRecordDiv, .maturity-container-no-record { text-align: center; font-size: 17px; margin: auto; height: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none;}
    .daterangepicker.dropdown-menu{z-index: 1005 !important;}
    input[type=checkbox]{width: 12px;height: 12px;}
    textarea.form-control{min-height: 200px;}
    .modal-header .modal-title {text-align: center;}    
    #forgotPassForm .form-group,#forgotPassForm label.error  { position: relative ;top:0;left:0; }
    .heading-bg {padding: 0; }
    .single-select-dropdown .bootstrap-select.btn-group .dropdown-menu.inner{max-height: 135px !important; overflow-y: scroll !important;}
    .single-select-dropdown .dropdown-menu>li>a {padding: 0px 20px;}
    #manageTemplate, #riskElement-edit, #details-risk-assessment, #details-riskElement, #details-projectPhase,#details-sraWeighting, #riskCategory-edit, #details-projectType, #details-riskCategory, #details-company, #details-division, #details-department {
        display : none;
    } 
    .single-select-dropdown ul.dropdown-menu.inner li { display: block; }
    .single-select-dropdown .dropdown-menu{z-index: 1002;}
    .budget-error { position: absolute; display: block; left: 15px; right: 0; z-index: 3; top: 42px; }
    #createRiskRegister-example-basic .table-wrap.recent-table, .participant-table{
        padding: 0 !important;
    }
    #createRiskRegister-example-basic .export-btn-position{
        position: relative;
    }
    #createRiskRegister-example-basic .export-btn{
        position: absolute;
        left: 10px;
        top: 9px;
    }
    .table-wrap.recent-table{
        padding: 0 15px;
    }
    .riskRegisterPagination .pagination{
        display: inline-block !important;
        padding-left: 0 !important;
        margin: 20px 0 !important;
    }
    .riskRegisterPagination .pagination>li {
        display: inline !important;
    }
    /*Export btn*/
    .btn.btn-icon-anim.btn-default:before, .wizard > .actions a.btn-icon-anim.btn-default:before, .dt-buttons .btn-icon-anim.btn-default.dt-button:before, .tablesaw-sortable th.tablesaw-sortable-head button.btn-icon-anim:before, .sweet-alert button.btn-icon-anim.btn-default:before, .owl-theme .owl-nav .btn-icon-anim[class*="owl-"]:before, button.btn-icon-anim.btn-default.fc-agendaDay-button.fc-state-default.fc-corner-right:before, button.btn-icon-anim.btn-default.fc-month-button.fc-state-default.fc-corner-left:before, button.btn-icon-anim.btn-default.fc-agendaWeek-button:before, .btn-icon-anim.btn-default.fc-prev-button:before, .btn-icon-anim.btn-default.fc-next-button:before, .btn-icon-anim.btn-default.fc-today-button:before {
        box-shadow: 0 0 0 35px #606062 inset;
    }    
    .export-btn:hover, .export-btn1:hover {border: 1px solid #606062 !important;}    
    /*Export btn*/

    /*Custom Scroll*/
    .fixed-sidebar-left .side-nav::-webkit-scrollbar,
    .table-responsive::-webkit-scrollbar,
    #scheduleRiskAnalysisTableStep3::-webkit-scrollbar,
    .custom-noti::-webkit-scrollbar,
    .div-class::-webkit-scrollbar,
    #undo_redo::-webkit-scrollbar,
    #undo_redo_to::-webkit-scrollbar,
    .view-category-list::-webkit-scrollbar,
    .element-holder::-webkit-scrollbar,
    .cust-mitigation-div::-webkit-scrollbar,
    .cust-driver-div::-webkit-scrollbar,
    .ass-phase-block::-webkit-scrollbar,
    .apexcharts-canvas::-webkit-scrollbar,
    #viewDescriptionTextarea::-webkit-scrollbar,
    #history-tbl-body::-webkit-scrollbar {width: 6px; height: 6px; }


    .fixed-sidebar-left .side-nav::-webkit-scrollbar-track,
    .table-responsive::-webkit-scrollbar-track,
    #scheduleRiskAnalysisTableStep3::-webkit-scrollbar-track,
    .custom-noti::-webkit-scrollbar-track,
    .div-class::-webkit-scrollbar-track,
    #undo_redo::-webkit-scrollbar-track,
    #undo_redo_to::-webkit-scrollbar-track,
    .view-category-list::-webkit-scrollbar-track,
    .element-holder::-webkit-scrollbar-track,
    .cust-mitigation-div::-webkit-scrollbar-track,
    .cust-driver-div::-webkit-scrollbar-track,
    .ass-phase-block::-webkit-scrollbar-track,
    .apexcharts-canvas::-webkit-scrollbar-track,
    #viewDescriptionTextarea::-webkit-scrollbar-track,
    #history-tbl-body::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 10px;   box-shadow: inset 0 0 6px rgba(0,0,0,.3);}

    .fixed-sidebar-left .side-nav::-webkit-scrollbar-thumb:vertical,
    .table-responsive::-webkit-scrollbar-thumb:vertical,
    #scheduleRiskAnalysisTableStep3::-webkit-scrollbar-thumb:vertical,
    .custom-noti::-webkit-scrollbar-thumb:vertical,
    .div-class::-webkit-scrollbar-thumb:vertical,
    #undo_redo::-webkit-scrollbar-thumb:vertical,
    #undo_redo_to::-webkit-scrollbar-thumb:vertical,
    .view-category-list::-webkit-scrollbar-thumb:vertical,
    .element-holder::-webkit-scrollbar-thumb:vertical,
    .cust-mitigation-div::-webkit-scrollbar-thumb:vertical,
    .cust-driver-div::-webkit-scrollbar-thumb:vertical,
    .ass-phase-block::-webkit-scrollbar-thumb:vertical,
    .apexcharts-canvas::-webkit-scrollbar-thumb:vertical,
    #viewDescriptionTextarea::-webkit-scrollbar-thumb:vertical,
    #history-tbl-body::-webkit-scrollbar-thumb:vertical {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);}

    .fixed-sidebar-left .side-nav::-webkit-scrollbar-thumb:horizontal,
    .table-responsive::-webkit-scrollbar-thumb:horizontal,
    #scheduleRiskAnalysisTableStep3::-webkit-scrollbar-thumb:horizontal,
    .custom-noti::-webkit-scrollbar-thumb:horizontal,
    .div-class::-webkit-scrollbar-thumb:horizontal,
    #undo_redo::-webkit-scrollbar-track:horizontal,
    #undo_redo_to::-webkit-scrollbar-track:horizontal,
    .view-category-list::-webkit-scrollbar-track:horizontal,
    .element-holder::-webkit-scrollbar-track:horizontal,
    .cust-mitigation-div::-webkit-scrollbar-track:horizontal,
    .cust-driver-div::-webkit-scrollbar-track:horizontal,
    .ass-phase-block::-webkit-scrollbar-track:horizontal,
    .apexcharts-canvas::-webkit-scrollbar-track:horizontal,
    #viewDescriptionTextarea::-webkit-scrollbar-track:horizontal,
    #history-tbl-body::-webkit-scrollbar-track:horizontal {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);box-shadow: inset 0 0 6px rgba(0,0,0,.3);}
    /*Custom Scroll*/

    /**fixed header*/
    .floatThead-container{width:calc(100% - 6px) !important;}
    /* .tbl-wrapper-edit-step3-summary .floatThead-container{width:calc(100% - 44%) !important} */
    .deatil-assest .tbl-wrapper{max-height: 323px;min-height: 325px;}
    .deatil-assest .floatThead-container, .tbl-fixed .floatThead-container{width: calc(100% - 6px) !important;}
    .tbl-wrapper, .tbl-wrapper-add-step2, .tbl-wrapper-add-step3-detail, .tbl-wrapper-add-step3-summary,
    .tbl-wrapper-edit-step2, .tbl-wrapper-edit-step3-detail, .tbl-wrapper-edit-step3-summary{height: auto;width:100%;overflow-x: auto;}
    .deatil-assest .demo-1 thead tr th{text-align: left;}
    .demo-1 thead tr th, .demo-1-add-step2 thead tr th, .demo-1-add-step3-detail thead tr th, .demo-1-add-step3-summary thead tr th,
    .demo-1-edit-step2 thead tr th, .demo-1-edit-step3-detail thead tr th, .demo-1-edit-step3-summary thead tr th{font-size: 12px;text-align: center;font-weight: 600;}
    table.demo-1.headcss thead tr th, .tbl-fixed table thead tr th, .tbl-fixed-miti table thead tr th, .risk-options table thead tr th, .option-tbl-fix table thead tr th{ font-size: 12px; text-align: left;vertical-align: top;}
    .tbl-fixed-reo .floatThead-wrapper{border: 1px solid #e4e4e4;}
    .tbl-fixed-reo .table-responsive{height: 590px;}
    .tbl-fixed-reo .demo-1, .tbl-fixed-miti .demo-1, .risk-options .table-responsive.tbl-wrapper .demo-1{margin-top: 50px;}
    .task-listing .demo-1{margin-top: 50px;}
    .option-tbl-fix .table-responsive{height: auto; max-height:300px; overflow-y: auto; border:1px solid #dedede;}
    .option-tbl-fix .table-responsive table thead tr th:first-child, .option-tbl-fix .table-responsive table tbody tr td{border-right: 1px solid #dedede;}
    .reOptHeaderChange thead tr th:last-child{width: 30%;}
    .check-use-custom.floatThead-table thead tr th, .reOptHeaderChange thead tr th, .reOptHeaderChangemitigation thead tr th:first-child{border-right: 1px solid #dedede;}
    
    .table-fixed tbody {
        height: 540px;
        overflow-y: hidden;
        width: 100%;
    }
    .table-fixed tbody:hover{
        overflow-y: scroll; 
    }
    .table-fixed thead,
    .table-fixed tbody,    
    .table-fixed td,
    .table-fixed th {
        display: block;
    }
    .table-fixed tr{
        display: flex;
    }
    .table-fixed tr:after {
        content: "";
        display: block;
        visibility: hidden;
        clear: both;
    }
    .table-fixed tbody td,
    .table-fixed thead > tr > th {
        float: left;
    }
    .table > thead > tr > th,
    .table > thead > tr > td {
        font-size: .9em;
        font-weight: 400;
        border-bottom: 0;
        letter-spacing: 1px;
        vertical-align: top;
        padding: 8px;
        background: #fff;
        text-transform: uppercase;
        color: #333;
    }
    /**fixed header*/

    /*listing pagination*/
    .pagination a {
    float: left !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    transition: background-color .3s;
    border: 0 !important;
    font-size: 15px !important;
    }    
    /*listing pagination*/

    .table > tbody > tr > td.parent-category-description {
        vertical-align: top;
        padding: 17px 0px !important;
        position: relative;
        left: -80px;
        white-space: nowrap;
        overflow: hidden;
        max-width: 100px !important;
        text-overflow: ellipsis;
    }
    /*notification*/
    .project-noti:before {
    content: "P";
    }
    .template-noti:before {
    content: "T";
    }
    .assessment-noti:before {
    content: "A";
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.alert-dropdown .streamline.custom-noti .sl-item a .icon span{ font-size: 24px;vertical-align: middle !important;display: table-cell !important;}
    .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.alert-dropdown .streamline.custom-noti {height: 229px; position: relative; overflow: auto;}
    .navbar.navbar-inverse.navbar-fixed-top .nav > li .dropdown-menu.alert-dropdown .streamline.custom-noti .unread .head-notifications{font-weight: 700 !important;}
    /*notification*/

    /*tooltip-block*/
    .tooltip-block, .score-div-tbl{display: block;}
    .customTooltip{width: 16px;right: -5px; top: 8px; margin: auto;z-index: 99;cursor:pointer; }
    .tooltip-block{height: auto; /*390px !important;*/}
    .tooltip-block .score-section div, .score-div-tbl .score-section div{width: 20% !important;float: left; text-align: center;padding:5pxpx 0;height: 45px;margin:20px auto;}
    .tooltip-block .score-section div label, .score-div-tbl .score-section div label{display: block !important;line-height: 1.5;font-size:14px !important;}
    #step-3-cate-1 .tooltip-block, #edit-cate-1 .tooltip-block, #cate-1  .tooltip-block, #edit-step-3-cate-1 .tooltip-block{height:0px !important;position: absolute;width: 70%;}
    #step-3-cate-1 .pull-right, #edit-cate-1 .pull-right, #cate-1 .pull-right, #edit-step-3-cate-1 .pull-right{padding: 20px 0;}
    #step-3-cate-1 .pull-right  table tr td, #edit-cate-1 .pull-right table tr td, #cate-1 .pull-right table tr td, #edit-step-3-cate-1 .pull-right table tr td{border:0px;}
    /*tooltip-block*/   
    
    /*Listing page global css*/
    .form-padding .pb-0{
        padding-bottom: 0 !important;
    }
    .form-padding .control-label{
        padding-top: 0 !important;
    }
    .form-padding hr{
        margin-bottom: 15px !important;
    }
    .form-padding hr.cus_mt{
        margin-bottom: 35px !important;
    }
    
    .table.assessment-grade-tbl > tbody > tr > td {padding: 8px 8px !important;}

    .table > tbody > tr > td {padding: 10px 16px !important;}

    /*Listing page global css*/

    .wizard .steps ul > li > a{cursor: not-allowed !important;pointer-events: none ;user-select: none; padding: 1px 20px !important;}
    #risk-assessment .wizard .steps ul > li > a, #template .wizard .steps ul > li > a, #weightingScore .wizard .steps ul > li > a{cursor: not-allowed !important;pointer-events: none ;user-select: none; padding: 0px 20px !important;}
    #template .wizard .steps ul > li > a > span.number { font-size: 15px !important; padding-top: 4px;}
    .wizard .steps ul > li.current { background: rgb(175,150,25) !important }
    .wizard .steps ul > li.done { background: rgb(45,75,45) }

    /******************change password************************/
    #changePasswordForm label.error{position: relative;top:0;left:0;}
    /******************change password************************/

    
/***********************1. Common Css End**************************/


/**********************2. Dashboard Css Start*************************/
    .sm-data-box .counter {font-size: 1.1em; }
    .sm-data-box span.font{
        font-size: 10px !important;
        position: absolute;
        top: 5px;
        left: 5px;
    }
    .sm-data-box .data-wrap-left, .sm-data-box .data-wrap-right {min-height: 80px;}    
    .sm-data-box .data-wrap-left span.txt-dark.block, .sm-data-box .data-wrap-right span.txt-dark.block{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 25px;position: absolute;bottom: 0px;width: 100%;}
    #spyder_chart{height:280px !important;width: 100%;}
    .project-summ-row{
        font-size: 17px;
        border: 2px solid #4ea983;
        margin: 15px 10px;
        padding: 10px;
    }
    #showResources tr{
        cursor: pointer;
    }
    .dash-main .panel-heading{
    max-height: 88px;
    }
    .dash-main .card-height {
        min-height: 372px;
        max-height: 400px;
    }
    .dash-main .table-wrap.recent-table table thead tr th{
        text-align: center;
    }
    .riskProjectTr td:first-child, .riskProjectTr td:nth-child(4){
        text-align: center;
    }
    .riskProjectTr td:nth-child(3){
        text-align: right;
    }
    .dash-main .dropdown-toggle {padding: 10px 5px;}
    .top-risk-projects.fullscreen #top-risk-table{
        height: 0% !important;
    }
    #top-risk-table{
        height: 300px !important;
    }
    .top-risk-table .table-responsive{
        height: 216px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    .card-risk .recent-table .table-responsive{
        height: 218px;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    button.btn.btn-default.export-btn, button.btn.btn-default.export-btn1 {
        transform: rotate(180deg);
        border: 1px solid #717171;
    }
    button.btn.btn-default.export-btn:before, button.btn.btn-default.export-btn1:before {
        box-shadow: 0 0 0 35px #ffffff inset;
        -webkit-box-shadow: 0 0 0 35px #ffffff inset;
        -moz-box-shadow: 0 0 0 35px #ffffff inset;
    }

    button.btn.btn-default.export-btn:hover, button.btn.btn-default.export-btn1:hover {
        box-shadow: 0 0 0 35px #717171 inset;
        -webkit-box-shadow: 0 0 0 35px #717171 inset;
        -moz-box-shadow: 0 0 0 35px #717171 inset;
        border: none !important;
    }
    button.btn.btn-default.export-btn:hover i, button.btn.btn-default.export-btn1:hover i {
        color: #ffffff !important;
    }
    button.btn.btn-default.export-btn i, button.btn.btn-default.export-btn1 i {
        color: #717171 !important;
    }
    /* .btn.btn-icon-anim.btn-default:hover */
    .panel-refresh .btn.btn-square.btn-sm.dashboard-excel{height: 20px !important;width: 20px !important;padding: 2px !important;left:10px !important;}
    .panel-refresh .btn.btn-square.btn-sm.dashboard-excel > i{font-size: 12px;}
    .recent-table .table-responsive{
        height: 290px;
        overflow: hidden;
    }
    .recent-table .table-responsive:hover{
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
    .dash-main .card-risk{
        height: 281px;
    }
    .dash-main #risk-round-chart{
        height: 270px !important;
    }
    #risk-assessment .highcharts-button, #tooltip-container .highcharts-button {
        display: none;
    }
    /* #risk-assessment .highcharts-title,  */
    #risk-assessment .highcharts-title, #risk-assessment .highcharts-legend,#risk-assessment .highcharts-button
    /* #container .highcharts-title, #container .highcharts-legend, #container .highcharts-button,
    #edit-container .highcharts-title, #edit-container .highcharts-legend,#edit-container .highcharts-button,
    #tooltip-container .highcharts-title  */
    {
        display: none;
    }
    #risk-assessment .highcharts-legend, #tooltip-container .highcharts-legend{
        display: none;
    }
    .highcharts-credits{
        display: none;
    } 
    #container .highcharts-title tspan,
    #tooltip-container .highcharts-title tspan,
    #maturity-container .highcharts-title tspan {
        visibility: hidden;
    }
    /* .dashboard-view #container .highcharts-legend,.dashboard-view #container .highcharts-button {
        display: block;
    } */

    .riskProjectTr:hover { cursor: pointer; }   
    .list_of_assessments tr:hover, .recent-project tr:hover { cursor: pointer; }
    .dash-dropdown button.dropdown-toggle { padding: 2px 10px;}
    .dash-dropdown.pull-right > .dropdown-menu{right: 0 !important;top:100% !important;}
    .dash-dropdown ul li label{text-overflow: ellipsis;overflow: hidden;display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.428571429;cursor: pointer;white-space: nowrap;}
    .dash-dropdown ul{max-height: 240px;max-width: 200px;overflow-y: auto;overflow-x: hidden;}
    #bar_chart,#outer_bar_chart{height: 250px !important;}
    .bar_assess_text{margin-left:40%;margin-top: 10px;}
    .bar_phase_text{float: left;position: absolute;-ms-transform: rotate(-90deg); /* IE 9 */-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */transform: rotate(-90deg);margin-top: 25%;margin-left: -25px;}

    .bootstrap-select .dropdown-menu.open{width: 100%;}
    .bootstrap-select.btn-group .dropdown-menu li a span.text{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}

    #risk-round-chart{
        width: 210px !important;
    }
    .canvas-con {
        display: flex;
        align-items:center;
        justify-content: center;
        min-height: 250px;
        position: relative;
    }
    .canvas-con-inner {
        height: 100%;
    }
    .canvas-con-inner, .legend-con {
        display: inline-block;
    }
    .legend-con{
        font-family:'Poppins';
        display: inline-block;
        margin-left: 45px;
    }
    .legend-con ul{
        list-style: none;
    }
    .legend-con ul li { 
        position: relative;
        margin-bottom: 8px;
        line-height: 1.5;
        padding-top: 7px;
    }
    .legend-con ul li span.chart-legend-label-text{
        font-weight: 600;
        font-size: 11px;
    }
    span.chart-legend-no {
        display: contents !important;
        width: 15px;
        text-align: right;
    }
    .legend-con ul li span.chart-legend{
        width: 30px;
        height: 30px;
        position: absolute;
        right: 107%;
        top: 12px;
    }
    .dashboard-legend-con ul li span.chart-legend{
        width: 30px;
        height: 30px;
    }
    .dashboard-legend-con ul li {
        padding-top: 7px;
    }

    .chart-legend-no-div{
        margin-left: 6px;
        font-size: 11px;
    }
    .dash-main .card-height.middle-row{
        min-height: 430px;
        max-height: 430px;
    }
    .ass-phase-block .panel-body{
        padding-bottom: 0px !important;
    }
    .ass-phase-block{
        height: 360px;
        overflow-y: hidden;
        padding-right: 10px;
    }
    .ass-phase-block:hover{
        overflow-y: overlay;
    }
    .ass-phase-block .noofassessment{
        color: #333;
        font-weight: 600;
        font-size: 16px;
    }
    .ass-phase-block .progress{
        background-color: rgb(224, 224, 224) !important;
        margin: 3px 0 !important;
    }
    .ass-phase-block .progree-block{
        height: 60px;
    }    
    .flex-class{
        display: flex;
    }
/**********************2. Dashboard Css End*************************/


/*********************3. Header & Left Sidebar Css Start**************************/
    .cmp-name{    
        line-height: 60px;
        font-weight: bold;
    }

    .fixed-sidebar-left{
        background: #6f717d;
    }
    @media (max-width: 1400px) {
        .fixed-sidebar-left{
            width:44px;
        }
        
        .navigation-header{
            position: relative;
            margin-left: 28px;
            background: #fff;
            border-radius: 50%;
            z-index: 2;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            transition: margin-left 0.4s ease ;
            justify-content: center;
            margin-top: 10px;
        }
        .navigation-header a i{
            font-size: 16px;
        }
         .slide-nav-toggle .navigation-header{
            margin-left: 209px;
        }
         .slide-nav-toggle .fixed-sidebar-left{
            width:225px;
        }
        .navbar .toggle-left-nav-btn{
            display: none !important;
        }
         .fixed-sidebar-left .toggle-left-nav-btn{
                border-radius: 50%;
             display: block !important;  
            width: 100%;
            line-height: 30px;
            text-align: center; 
        }
        .fixed-sidebar-left:hover{
            width:44px ;
        }
    }
    @media (min-width: 1401px) {
        .fixed-sidebar-left{
            width:44px;
        }
        .page-wrapper{
            margin-left: 44px;
        }
        .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text{
            display: none !important;
        }
        .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text{
            display: block !important;
            opacity: 1 !important;
            visibility: visible !important;
        }
        .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap{
            width: 44px;
        }
        .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo{
            display: block !important;
        }
        .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo{
            display: none !important;
        }
        .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header{
            width: 225px;
        }
        .navbar.navbar-inverse.navbar-fixed-top .nav-header{
            width: 65px;
        }
        .slide-nav-toggle .fixed-sidebar-left .collapse.in{
            display: block;
        }
        .navigation-header{
            position: relative;
            margin-left: 28px;
            background: #fff;
            border-radius: 50%;
            z-index: 2;
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            transition: margin-left 0.4s ease ;
            justify-content: center;
            margin-top: 10px;
        }

        .slide-nav-toggle .fixed-sidebar-left .right-nav-text, .slide-nav-toggle .fixed-sidebar-left:hover .right-nav-text{
            opacity: 1 !important;
        }
        .navigation-header a i{
            font-size: 16px;
        }
         .slide-nav-toggle .navigation-header{
            margin-left: 209px;
        }
         .slide-nav-toggle .fixed-sidebar-left{
            width:225px;
        }
        .slide-nav-toggle .page-wrapper{
              margin-left: 225px;
        }
        .navbar .toggle-left-nav-btn{
            display: none !important;
        }
        .fixed-sidebar-left .toggle-left-nav-btn{
            border-radius: 50%;
            display: block !important;  
            width: 100%;
            line-height: 30px;
            text-align: center; 
        }
        .fixed-sidebar-left:hover{
            width:44px;
        }
    }
    @media (max-width: 1024px) {
        .navbar .toggle-left-nav-btn{
            display: block !important;
        }
        .fixed-sidebar-left .toggle-left-nav-btn, .navigation-header{
            display: none !important;   
        }
    }
   
    .navbar.navbar-inverse.navbar-fixed-top .nav.navbar-right {
        margin-right: 20px;
    }    
    .wrapper.theme-1-active .fixed-sidebar-left, .wrapper.theme-3-active .fixed-sidebar-left, .wrapper.theme-6-active .fixed-sidebar-left {
        border-right: 1px solid #E6E6E6;
    }    
    /* .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > a:hover, .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > a:focus, .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > a:active, .wrapper.theme-3-active .fixed-sidebar-left .side-nav > li > a:hover, .wrapper.theme-3-active .fixed-sidebar-left .side-nav > li > a:focus, .wrapper.theme-3-active .fixed-sidebar-left .side-nav > li > a:active, .wrapper.theme-6-active .fixed-sidebar-left .side-nav > li > a:hover, .wrapper.theme-6-active .fixed-sidebar-left .side-nav > li > a:focus, .wrapper.theme-6-active .fixed-sidebar-left .side-nav > li > a:active {
        border-left: 5px solid #2D4B2D; 
    } */
    .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > a.active{
        /* border-left: 5px solid #2D4B2D;  */
        border-bottom: 1px solid #3e444a;
    }
    .fixed-sidebar-left .side-nav{
        overflow-x: hidden;
    }
    .fixed-sidebar-left .side-nav li a.active .pull-right i {
        font-size: 17px;
    }
    .fixed-sidebar-left .side-nav li a[aria-expanded="true"] .pull-right i:before {
        content: '\f107';
    }
    .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > ul[aria-expanded="true"] > li{
        border-bottom: 1px solid #3e444a;
        /* border-left: 5px solid #2D4B2D;  */
    }     
    .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > ul[aria-expanded="true"] > li > a:hover, .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > ul[aria-expanded="true"] > li > a:focus, .wrapper.theme-1-active .fixed-sidebar-left .side-nav > li > ul[aria-expanded="true"] > li > a.active{
    text-decoration: none;
    }
    .line{
        font-size: 25px;
    }
    .wrapper.theme-1-active .fixed-sidebar-left {
        z-index: 1030;
    }
    .username{
        text-align: right;
        line-height: 66px;
        margin-right: 10px;
        font-size: 14px;
        font-weight: 100;
        width: 200px;
        white-space: nowrap;    
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .dropdown-user-icon{
    text-align: right;
    float: right;
    position: absolute;
    top: 22px;
    right: -10px;
    font-size: 25px;
    }
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
        opacity: 0;
        visibility: hidden;
    }
    .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo {
        display: block;
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo{
        display: none;
    }
    @media (min-width: 1401px){
        .navbar.navbar-inverse.navbar-fixed-top .nav-header {
            width: 105px;
        }
    }
    @media (max-width: 1400px){
        .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo {
            display: none;
        }
        .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo {
            display: block;
        }

        .slide-nav-toggle .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-text {
            opacity: 1;
            visibility: visible;
        }
        .navbar.navbar-inverse.navbar-fixed-top .nav-header {
            width: 105px;
        }
    }
    @media (max-width: 1024px){
        .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo {
            display: none;
        }
        .cmp-name{
            position: absolute;
            line-height: 58px;
            right: 50px;
        }
    }
    .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-img {
        top: 5px;
    }
    .sp-logo-wrap .brand-img {
        height: 120px;
    }
    /* .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap .brand-logo img{
        position: absolute;
        margin-top: 22px;
    } */
/*********************3. Header & Left Sidebar Css End**************************/


/*********************4. Project Page Css Start***********************/
    .collapsible-listing .panel-group .panel {
        border-radius: 0;
        box-shadow: none;
        border-color: #EEEEEE;
    }
    #addProject label, #editProject label{
        text-align: right;
        font-size: 14px;
    }
    i.add-participant, i.edit-add-participant {
        cursor: pointer;
        color: #ae9b32;
        border: 1px solid #ae9b32;
        padding: 2px;
        box-shadow: 1px 1px;
    }
    .edit-participant-listing-step3 .bootstrap-select button{
        border: 0 !important;
    }
    .edit-participant-listing-step3 .bootstrap-select .bs-caret{
        display: none !important;
    }
    
    .add-participant-listing-step3 .bootstrap-select button{
        border: 0 !important;
    }
    .add-participant-listing-step3 .bootstrap-select .bs-caret{
        display: none !important;
    }
    i.fa-comments{
        font-size: 25px;
        padding-left: 0px;
        margin-top: 7px;
        color: #2d4b2d;
    }
    .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;
        margin-left: 31px;
    }
    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        background-color: #fff; 
        border-bottom: 1px solid #d4d4d4; 
    }
    /*when hovering an item:*/
    .autocomplete-items div:hover {
        background-color: #e9e9e9; 
    }
    /*when navigating through the items using the arrow keys:*/
    .autocomplete-active {
        background-color: DodgerBlue !important; 
        color: #ffffff; 
    }

    .collapsible-listing .panel-default > .panel-heading {
        padding: 0;
        border-radius: 0;
        color: #212121;
        background-color: #FAFAFA;
        border-color: #EEEEEE;
    }

    .collapsible-listing .panel-title {
        font-size: 14px;
    }

    .collapsible-listing .panel-title > a {
        display: block;
        padding: 15px;
        text-decoration: none;
    }

    .collapsible-listing .more-less {
        float: right;
        color: #212121;
    }

    .collapsible-listing .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top-color: #EEEEEE;
    }
    
    a.history{    
        float: right;
        font-size: 18px;
        color: #2d4b2d;
        cursor: pointer;
    }
    .asset-model-header{
        font-size: 20px;
    }
    #detailsHistory thead#tblHead th {
        text-align: center;
    }
    #history-tbl-body{
        display: block;
        overflow: auto;
        width: 100%;
        height: 300px;
    }
    .customGraphRightLAbel{
        position: absolute;
        right: -66px;
        top: 127px;
        z-index: 100;
        -webkit-transform: translate(-50%, -50%) rotate(270deg);
        -ms-transform: translate(-50%, -50%) rotate(270deg);
        -moz-transform: translate(-50%, -50%) rotate(270deg);
        -o-transform: translate(-50%, -50%) rotate(270deg);
        transform: translate(-50%, -50%) rotate(270deg);
    }
    .customGraphLeftLAbel{
        position: absolute;
        left: 0;
        top: 127px;
        -webkit-transform: translate(-50%, -50%) rotate(270deg);
        -ms-transform: translate(-50%, -50%) rotate(270deg);
        -moz-transform: translate(-50%, -50%) rotate(270deg);
        -o-transform: translate(-50%, -50%) rotate(270deg);
        transform: translate(-50%, -50%) rotate(270deg);
    }
    .tooltip .tooltiptext {
      visibility: hidden;
      width: 120px;
      background-color: black;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 5px 0;
      position: absolute;
      z-index: 1;
      bottom: 150%;
      left: 50%;
      margin-left: -60px;
    }

    .tooltip .tooltiptext::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: black transparent transparent transparent;
    }

    .tooltip:hover .tooltiptext {
      visibility: visible;
    }
    .progressbar{
        background: #000;
        position: fixed;
        z-index: 10001;
        height: 100%;
        width: 100%;
        overflow: hidden;
        opacity: 0.75;
        display: none;
    }
    .progressbar .inside{
        width: 200px;
        height: 10px;
        top: 50%;
        position: fixed;
        text-align: center;
        left: 45%;
        background: white;
    }
    .progressbar .inside .progress-bar{
        background: #2fa924;
        opacity: 1;
    }
    .simulation-percentage{
        position: fixed;
        top: 53%;
        color: white;
        left: 49%;
    }

    #chart_3, .morris-chart, #cust-height{
    height: 245px !important;
    }
    .onoffswitch {
        position: relative; width: 115px;
        -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    }
    .onoffswitch-checkbox {
        display: none;
    }
    .onoffswitch-label {
        display: block; overflow: hidden; cursor: pointer;
        border: 1px solid #878787;
        border-radius: 3px;
    }
    .onoffswitch-inner {
        display: block; width: 200%; margin-left: -100%;
        transition: margin 0.3s ease-in 0s;
    }
    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block; float: left; width: 50%; height: 39px; padding: 0; line-height: 39px;
        font-size: 15px;font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
        box-sizing: border-box;
    }
    .onoffswitch-inner:before {
        content: "Active";
        padding-left: 10px;
    }
    .onoffswitch-inner:after {
        content: "Inactive";
        padding-right: 4px;
        text-align: right;
    }
    .onoffswitch-switch {
        display: block;
        width: 43px;
        margin: 3px 9px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 56px;
        border: 1px solid #878787;
        border-radius: 7px;
        transition: all 0.3s ease-in 0s;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
        margin-left: 0;
    }
    .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
        right: 0px; 
    }    
    .txtarea{
        width: 100%;
        height: 100px;
    }
    .project-table tbody tr:hover{
        cursor: pointer;
    }  
    .search-project{
        width: 45% !important;
        float: right !important;
        height: 42px !important;
    }
    .input-half-widht{
        width: 47% !important;
    }
    .filter-section{
        display: none;
        padding: 15px 15px 80px;
        /* overflow: hidden; */
        /* min-height: 300px; */
        position: relative;
    }
    .filter-section-dashboard{
        margin: 60px 15px 15px;
        height: auto;
    }    
    .bootstrap-select.btn-group .dropdown-toggle .filter-option{text-overflow: ellipsis;max-width: 95%;}    
    #prj-name, #prj-type, #bud{
        width: 200px;
    }
    #map {
        height: 200px;
        width: 100%;
    }
    .pac-container.pac-logo{
        top: 40px !important;
        left: 15px !important;
    }
    .budget, .duration{
        height: 160px;
    }
    .project-name{
        height: 420px; /*340*/
    }
    .div-progress {
        position: relative; display: flex; flex-direction: column;
    }
    .div-progress .progress-lists {
        display: flex; flex-direction: row; justify-content: space-between; color: #000;
    }
    .div-progress .progress-lists span {
        text-align: right;
        width: 33%;
    }
    .project-name.info-dash-block .form-group{overflow: hidden;height: 65px;margin: 0 !important;}
    .line-height-3{
      line-height:3.4;
    }
    .btn.btn-outline.btn-success{
      border:solid 1px #2d4b2d !important;
    }
    .apply-btn{
        padding: 2px 10px;
        margin: 0;
    }
    #view-modal .modal-body{
      min-height: 500px;
      height: 500px;
      overflow-y: scroll;
    }
    .progress-cust{
        width: 90%;
        margin: 0 auto;
    }
    .progress-p{
        width: 80%;
        position: absolute;
    }
    #morris_extra_line_chart{
      height: 350px !important;
    }
    .detail-assest .table-responsive{
        height: 367px;
        overflow-y: auto;
    }
    .table-responsive:hover{
        overflow:auto;
    }
    #myCarousel{
        height: 300px;
    }
    #myCarousel .carousel-control{
        width: 1% !important;
        opacity: 1;
    }
    .project-create{
      display: flex;
    }
    .project-create p{
      width: 50%;
    }
    #viewNotNa .date span{position: relative;left: 15px;}
    #viewNotNa .date span.endDate{left: -15px;}
    .card-height-400{
      min-height : 400px;
    }
    .budget-padd{padding-bottom: 5px !important;}
    .card-height-397{
      min-height : 397px; 
    }
    #details-project .table-wrap.recent-table table thead tr th{
        text-align: center;
    }
    
    .dropdown-menu.bullet.dropdown-menu-right.viewAll-Drop{top: -15px;}

    .project_Did, .project_Dname, .project_Dtype{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
    .project_Ddesc{margin: 12px 0;word-wrap: break-word;}
    .project_Ddesc > a{word-wrap: break-word;}
    #spychart_for_project{height: 265px !important;}
    #details-project .dropdown-toggle {padding: 10px 5px;}
    .deatil-assest table tr th{vertical-align: top;}
    .project-list .badge.badge-warning{width: 100%;}
    .iconA:hover, .iconA:focus, .iconA:active{text-decoration: None;}
    .panel-refresh .btn.btn-square.btn-sm.projectDashboard-excel{height: 20px !important;width: 20px !important;padding: 2px !important;top: 2px;}
    .panel-refresh .btn.btn-square.btn-sm.projectDashboard-excel > i{font-size: 12px;}
    .panel-refresh .btn.btn-square.btn-sm.export-sra{height: 20px !important;width: 20px !important;padding: 2px !important;top: 2px;}
    .panel-refresh .btn.btn-square.btn-sm.export-sra > i{font-size: 12px;}
    /*Schedule Import Module*/
    #scheduleImportModal .js-title-step span{display: none;}
    #scheduleImportModal .fileinput-new .fileinput-exists { display: none;}
    #scheduleImportModal .btn-file>input { position: absolute; top: 0; right: 0;  margin: 0;  opacity: 0;  filter: alpha(opacity=0);  font-size: 23px;  height: 100%;  width: 100%;  direction: ltr; cursor: pointer;}
    #schedule-risk-analysis{display: none;}
    #scheduleRiskAnalysis-example-basic.wizard > .steps > ul > li{
        width: 25%;
    }
    table > tbody#scheduleRiskAnalysisTable > tr {cursor: pointer;}
    #scheduleRiskAnalysis-example-basic.wizard > .steps > ul > li .head-font{
        margin: 0px !important;
    }
    #scheduleRiskAnalysis-example-basic-p-0 .form-group, #scheduleRiskAnalysis-example-basic-p-1 .form-group, #scheduleRiskAnalysis-example-basic-p-2 .form-group, #scheduleRiskAnalysis-example-basic-p-3 .form-group, #histogram .form-group, #sensitivity .form-group, #ganttchart .form-group {padding-bottom: 0px !important;margin-bottom: 10px;}
    #scheduleRiskAnalysis-example-basic-p-0 .row:last-child .form-group{padding-bottom: 15px !important;margin-bottom: 15px;}
    #scheduleRiskAnalysis-example-basic span{font-size: 15px !important;}
    #scheduleRiskAnalysis-example-basic span.font{font-size: 14px !important;padding: 7px 12px;}
    .update-Sra .pa{        
        padding: 3px 0px 0px 34px !important;
    }
    .update-Sra .pb-0{
        padding-bottom: 0px !important;
    }
    .update-Sra fieldset{
        padding-bottom: 5px;
        padding-top: 10px;
        text-align: center;
        display: block;
        padding-left: 1.75em;
        padding-right: 1.75em;
    }
    .SraModule-block fieldset{
        padding-bottom: 5px;
        padding-top: 10px;
        text-align: center;
        display: block;
        border: 1px solid #F0D971;
    }
    .checkbox-success label{color: #333;}
    .update-Sra .mt-32{
        margin-top: 32px;
    }
    .update-Sra .checkbox label::after{
        margin-left: -21px;
    }
    .update-Sra input{height: 30px;}
    .task-listing .table-responsive{margin: 0 !important;height: 350px;overflow: auto;}
    .task-listing table tbody tr td, .task-listing table thead tr th{text-overflow: ellipsis;white-space: nowrap;overflow: auto;}
    .scheduleRiskAnalysis-wizard.wizard ul li a .head-font{
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5;
        overflow: hidden;
        position: relative;
    }
    .step-3-riskCate-sum-table .table-responsive{
        height: 300px;
        overflow-y: auto;
        text-align: center;
    }
    .step-3-riskCate-sum-table .table-responsive table, .step-3-task-table .table-responsive table{
        margin-top: 50px;
    }
    .add-participant-table .table-responsive table{
        margin-top: 34px;
    }
    .step-3-task-table .table-responsive{
        height: 398px;
        overflow-y: auto;
        text-align: center;
    }
    .step-3-task-table table thead tr th:first-child input{height: 16px !important;}
    .step-3-task-table table thead tr th:first-child, .step-3-task-table table tbody tr td:first-child{width: 7%;}
    .step-3-riskCate-sum-table .table-responsive table thead tr th, .step-3-task-table .table-responsive table thead tr th{
        text-align: center;
        font-size: 14px;
    }
    .wizard .content .step-3-riskCate-sum-table .table-responsive, .wizard .content .step-3-task-table .table-responsive{
        margin: 0px;
        text-align: center;
    }
    #scheduleRiskAnalysis-example-basic .keyword-search-input{width: 100% !important;}
    .bubble-sra .nav-pills.slider-asses > li{min-width: 14%;}
    .bubble-sra .nav-pills.slider-asses > li a{padding: 2px 40px;display: block;text-align: center;text-overflow: ellipsis;white-space: nowrap;}
    .bubble-sra .nav-pills.slider-asses > li a p{font-size: 12px;}
    #scheduleRiskAnalysis-example-basic-p-1 .pa-8{padding: 8px;}

    .recent-table.sra-step-3-tbl .table-responsive{
        height: 600px;
        overflow-y: hidden; 
        overflow-x: hidden;
        margin: 0 !important;
    }
    .recent-table.sra-step-3-tbl .table-responsive:hover{
        overflow-x: scroll;
    }
    .sra-step-3-tbl .table-responsive table>thead:first-child>tr:first-child>th {
        border-top: 0;
        border-bottom: 0 !important;
    }
    .sra-step-3-tbl .table-responsive table thead tr th{
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        border: 0 !important;
    }
    .sra-step-3-tbl .tbl-wrapper .demo-1{margin-top: 65px;}    
    .sra-step-3-tbl .demo-1{table-layout: fixed;}    
    .sra-step-3-tbl .floatThead-container {
        width: calc(100% - 7px) !important;
    }
    .sra-step-3-tbl tbody tr td{
        display: flex;
        align-items: center;
        word-break: break-all;
        padding: 5px 16px !important;
        white-space: normal !important;
    }
    .sra-step-3-tbl tbody tr td input{
        height: 30px !important;
        padding: 0;
    }
    .sra-step-3-tbl tbody tr td input.edit-input{
        border: none !important;
        background-color: transparent !important;
        cursor: pointer;
        text-decoration: underline;
        text-align: right;
    }
    .sra-step-3-tbl tbody tr td img.right, .sra-step-3-tbl tbody tr td img.wrong, #calendarTable .rightCal,
    #calendarTable .wrongCal {
        cursor: pointer;
        display: none;
    }
    .sra-step4-tabs li{width: 25% !important;margin-right: 0px !important;}
    .sra-step4-tabs li a img{height: 50px; width: 50px; position: relative;right: 25px; top: 15px;}
    .round-tab-result.sra-step4-tabs.nav-tabs > li > a:active, .round-tab-result.sra-step4-tabs.nav-tabs > li > a:focus, .round-tab-result.sra-step4-tabs.nav-tabs > li > a:hover {
        background: #2d4b2d !important; 
        color: #fff;
    }  
    
    .sra-step3-tabs{width: 40%;margin: 5px auto 40px !important;}
    .hori-ul.sra-step3-tabs li{width: 49% !important;}
    .hori-ul-sra li { width: 33% !important; text-align: center; list-style: none !important; }
    .search-block{
        width: 25%;
        position: absolute;
        right: 0;
        z-index: 111;
        top: 23%;
    }
    #schedule .form-group.pb-0, #budget .form-group.pb-0{padding-bottom: 0px !important;}
    #schedule .form-padding .control-label, #budget .form-padding .control-label{
        padding-top: 7px !important;
    }
    #scheduledatetimepicker input{
        color: #878787;
        width: 125px;
        padding-left: 0;
        pointer-events: none;
    }
    #scheduledatetimepicker .input-group-addon, #BudgetEdit .input-group-addon{
        width: 20px;
        border: none;
    }    
    #scheduledatetimepicker .cust-date-picker{
        border: none;
    }
    #BudgetEdit .cust-budget{
        border: none;
        pointer-events: none;
        padding-left: 0;
        color: #878787;
        width: 125px;
    }
    #verifySRAResult .form-padding .pa-0{
        padding-bottom: 0 !important;
        margin: 0 !important;  
    }
    .sra-result-form .pb-0{
        padding-bottom: 0 !important;
    }
    
    /* .wizard .steps ul > li span.number{margin: auto 8px auto 0px; padding-top: 5px;} */
    #risk-assessment .wizard .steps ul > li span.number, #template .wizard .steps ul > li span.number, #weightingScore .wizard .steps ul > li span.number{margin: auto 8px auto 0px; padding-top: 3px;}
    #scheduleRiskAnalysis-example-basic .body.current{padding: 30px 0;}
    /* .sra-form{margin: 15px 0 30px;} */
    .sra-form-step2{margin: 15px 0;}
    .sra-form span.font, .sra-form-step2 span.font{font-size: 0.7em;}
    .edit-calendar-btn{
        width: 25px !important;
        height: 25px !important;
        margin-left: 10px;
        display: none;
        border: 1px solid #c4c4c4 !important;
    }
    .edit-calendar-btn::before{
        box-shadow: none !important;
    }
    #editCalendarModal .month-tbl tbody tr td{padding: 7px;color: #333; width: 140px;}
    .month-tbl tr td input.edit-input, #calendarTable .edit-input-cal{ border: none !important;  background-color: transparent !important;  cursor: pointer;   text-decoration: underline; padding: 0;height: 20px;}
    .month-tbl tr td img.right, .month-tbl tr td img.wrong { cursor: pointer; display: none;}
    .month-tbl tbody tr td input { height: 30px !important; padding: 0;}
    #editCalendarModal .month-tbl tbody tr td:last-child{font-weight: 600; display: flex; width: 115px; align-items: center; word-break: break-all; white-space: normal !important;}

    .calendarTabs{display: grid; border: none; padding: 25px 0; height: 560px; overflow-y: hidden;}
    .calendarTabs:hover{overflow-y: auto;}
    .calendarTabs.hori-ul li{width: 70% !important; text-align: center; border: none; margin: 5px auto;}
    .custom-tab-1 .nav-tabs.calendarTabs > li > a{border-bottom: 0 !important; height: 43px; font-size: 14px !important;display: flex;align-items: center;justify-content: center;border-radius: 60px; background-color: #c4c4c494 !important;}
    .custom-tab-1 .nav-tabs.calendarTabs > li.active > a{color: #fff;  background-color: #2d4b2d !important;} 
    /* #gantt_here .gantt_layout_y.gantt_layout_cell_border_right, #gantt_here_step2 .gantt_layout_y.gantt_layout_cell_border_right{width: 490px !important;} */
    /* #gantt_here .gantt_layout_cell.grid_cell, #gantt_here_step2 .gantt_layout_cell.grid_cell{width: 489px !important;} */
    .border-box { border: 1px solid rgba(33, 33, 33, 0.12) }
    .custom-tab-1 .nav-tabs.round-tab-result > li > a{
        border-radius: 60px;
        height: 37px;
        width: auto;
        padding: 5px 0;
        font-size: 18px !important;
    }
    .custom-tab-1 .nav-tabs.round-tab-result > li.active > a{
        background-color: #2d4b2d !important;
        color: #fff;
    }
    .custom-tab-1 .nav-tabs.round-tab-result{
        width: 45%;
        margin: 15px auto 0;
        border-bottom: 0;
    }

    .custom-tab-1 .nav-tabs.round-tab-result li{
        width: 45% !important;    
    }

    .custom-tab-1 .nav-tabs.round-tab-result li:first-child{
        margin-right: 10% !important;
    }

    .bottom-bar-tab .nav-tabs > li > a {
        background: transparent !important;
        border: none;
        text-align: center;
        padding: 20px
    }

    .bottom-bar-tab .nav-tabs>li >a:hover .assess-tab-image{
        -webkit-filter: invert(0.25) sepia(1) saturate(2) hue-rotate(10deg);
        filter: invert(0.25) sepia(1) saturate(2) hue-rotate(10deg);
    }

    .bottom-bar-tab .nav-tabs > li{
        float: none;
        display: table-cell;
    }

    .bottom-bar-tab .nav-tabs{
        display: table;
        width: 100%;
        /* margin-bottom: 30px; */
    }
    
    .take-all-space{
        width: 100%;
    }
    .bottom-bar-tab  .nav-tabs > li.active > a {
        border-bottom: 2px solid #2d4b2d;
     }

     .bottom-bar-tab  .nav-tabs > li.active > a .assess-tab-image{
        -webkit-filter: invert(0.23) sepia(1) saturate(2) hue-rotate(90deg);
        filter: invert(0.23) sepia(1) saturate(2) hue-rotate(90deg);
    }

    .sensitivity-legend{
        font-size: 13px;
        margin: 15px 0;
    }
    .sensitivity-legend .d-flex{
        display: flex;
    }
    .sensitivity-legend .d-flex input{
        width: 20px;
    }
    .sensitivity-legend .d-flex button {
        width: 140px;
        white-space: normal;
        color: #333;
        font-size: 11px;
        height: 58px;
        padding: 5px 17px;
    }
    .sensitivity-legend .d-flex button.active, .sensitivity-legend .d-flex button:hover{
        background-color: #2d4b2d !important;
        color: #fff;
    }
    .sensitivity-legend .d-flex button.allbtn{
        height: auto !important;
    }
    #criticalityResultStep4 .sensitivity-legend .d-flex button {
        height: 80px;
    }
    .sensitivity-legend .d-flex button.allbtn{
        /* width: 310px; */
    }
    .sensitivity-legend div input{
        height: 15px !important;
        margin-right: 5px;
    }
    .apexcharts-toolbar {
        display: none !important;
    }
    #criticalityChart .apexcharts-series path{
        fill: #F44336;
    }
    .apexcharts-canvas{
        /* overflow-x: hidden;
        overflow-y: scroll; */
    }
    #sensitivityStep4 .custom-tab-1 .nav-tabs.round-tab-result, .resultSensitivity .custom-tab-1 .nav-tabs.round-tab-result{
        margin-bottom: 30px !important;
    }
    .highcharts-scrollbar-track{
        stroke: rgba(0,0,0,0.3);
        width: 6px;
        fill: #ddd;
        rx: 4;
        ry: 4;
        stroke-width: 0.5;
    }
    .highcharts-scrollbar-thumb{
        fill: #000000; 
        width: 7px;
        rx: 4;
        ry: 4;
    }
    .highcharts-scrollbar-arrow, .highcharts-scrollbar-rifles, .highcharts-scrollbar-button{
        display: none;
    }
    @media (max-width: 991px){
        #sensitivityChart, #criticalityChart{
            float: none !important;
        }
        .sensitivity-legend{
            text-align: center;
        }
    } 

    /*Schedule Import Module*/

    /*Create Risk Register*/
    #createRiskRegister-example-basic-p-0 .table-responsive table thead tr th:nth-child(2){
        min-width: 200px;
    }
    #createRiskRegister-example-basic-p-0 .table-responsive table thead tr th{
        text-align: center;
    }
    #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:nth-child(6), #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:nth-child(7){
        text-align: right;
    }
    #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:first-child, #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:nth-child(3),
    #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:nth-child(4), #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:nth-child(5){
        text-align: center;
    }
    #createRiskRegister-example-basic-p-0 .table-responsive table tbody tr td:nth-child(2){
        text-align: left;
    }
    #createRiskRegister-example-basic.wizard > .steps > ul > li{
        width: 33.333%;
    }
    #createRiskRegister-example-basic.wizard > .steps > ul > li .head-font{
        margin: 0px !important;
    }
    #createRiskRegister-example-basic .form-group{padding-bottom: 0px !important;margin-bottom: 0px;}
    #createRiskRegister-example-basic .register-wizard-header-cards,
    .risk-register-sync-page .register-wizard-header-cards{
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 8px;
    }
    #createRiskRegister-example-basic .register-header-card-col,
    .risk-register-sync-page .register-header-card-col{
        width: 33.333%;
        padding-left: 6px;
        padding-right: 6px;
    }
    #createRiskRegister-example-basic .register-header-card-col:first-child,
    .risk-register-sync-page .register-header-card-col:first-child{
        padding-left: 0;
    }
    #createRiskRegister-example-basic .register-header-card-col:last-child,
    .risk-register-sync-page .register-header-card-col:last-child{
        padding-right: 0;
    }
    #createRiskRegister-example-basic .register-header-card,
    .risk-register-sync-page .register-header-card{
        border: none;
        box-shadow: none;
        background: transparent;
    }
    #createRiskRegister-example-basic .register-header-card .panel-body,
    .risk-register-sync-page .register-header-card .panel-body{
        padding: 10px 12px !important;
        min-height: 44px;
    }
    #createRiskRegister-example-basic .register-header-label,
    .risk-register-sync-page .register-header-label{
        font-weight: 600;
        font-size: 14px;
        color: #324148;
        margin-right: 6px;
        white-space: nowrap;
        flex-shrink: 0;
    }
    #createRiskRegister-example-basic .register-header-value,
    .risk-register-sync-page .register-header-value{
        font-size: 15px !important;
        font-weight: bold;
        margin: 0;
    }
    #createRiskRegister-example-basic .register-header-ellipsis,
    .risk-register-sync-page .register-header-ellipsis{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        min-width: 0;
        display: inline-block;
        max-width: 100%;
        vertical-align: bottom;
    }
    #createRiskRegister-example-basic .register-header-entity-inner,
    .risk-register-sync-page .register-header-entity-inner{
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-width: 0;
    }
    #createRiskRegister-example-basic .register-header-card-left,
    .risk-register-sync-page .register-header-card-left{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        flex: 1;
        min-width: 0;
        padding-right: 8px;
    }
    #createRiskRegister-example-basic .register-header-card-left .register-header-ellipsis,
    .risk-register-sync-page .register-header-card-left .register-header-ellipsis{
        flex: 1;
        max-width: 100%;
    }
    #createRiskRegister-example-basic .register-header-card-right,
    .risk-register-sync-page .register-header-card-right{
        flex-shrink: 0;
        text-align: right;
    }
    #createRiskRegister-example-basic .register-header-rap-score,
    .risk-register-sync-page .register-header-rap-score{
        white-space: nowrap;
    }
    #createRiskRegister-example-basic .register-header-single-line,
    .risk-register-sync-page .register-header-single-line{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        text-align: left;
        min-width: 0;
    }
    #createRiskRegister-example-basic .register-header-value-wrap,
    .risk-register-sync-page .register-header-value-wrap{
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }
    #createRiskRegister-example-basic .register-wizard-header-divider,
    .risk-register-sync-page .register-wizard-header-divider{
        margin: 0 0 15px;
        border-color: #ddd;
    }
    #createRiskRegister-example-basic section .panel.panel-default.card-view:not(.register-header-card),
    #createRiskRegister-example-basic .register-templates-parent.register-header-single-line .bootstrap-select{
        flex: 1;
        min-width: 0;
        width: auto !important;
        max-width: 100%;
    }
    #createRiskRegister-example-basic .register-templates-parent .dropdown-toggle{
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    /* #createRiskRegister-example-basic span{font-size: 15px !important;} */
    #createRiskRegister-example-basic span.font{font-size: 14px !important;padding: 7px 12px;}
    #createRiskRegister-example-basic .keyword-search-input{width: 100% !important;}    
    #createRiskRegister-example-basic-p-1 .pa-8{padding: 8px;}
    #createRiskRegister-example-basic .body.current{padding: 30px 0;}
    .createRiskRegister-wizard.wizard ul li a .head-font{
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.2;
        overflow: hidden;
        position: relative;
    }
    #createRiskRegister-example-basic-p-0 .table-responsive{
        margin: 0 !important;
    }
    .nav-pills.risk-register-step2Ul > li, .nav-pills.risk-register-step3Ul > li{
        width: 18% !important;
    }
    .createRegisterStep2Tbl.asses-step-2-table .table-responsive table tbody tr td:first-child,.createRegisterStep3Tbl.asses-step-2-table .table-responsive table tbody tr td:first-child{
        text-align: center !important;
        white-space: normal;
    }
    .createRegisterStep2Tbl.asses-step-2-table .table-responsive table tbody tr td, .createRegisterStep2Tbl.asses-step-2-table .table-responsive table thead tr th, .createRegisterStep3Tbl.asses-step-2-table .table-responsive table tbody tr td, .createRegisterStep3Tbl.asses-step-2-table .table-responsive table thead tr th{
        border-right: 1px solid #c4c4c4;
    }
    .createRegisterStep2Tbl .assess_drop_btn_drop.dropdown-toggle {
        padding: 0 10px;     
    }
    .createRegisterStep2Tbl.asses-step-2-table .table-responsive table tbody tr td input{
        height: 15px;
    }
    .createRegisterStep3Tbl.asses-step-2-table table thead tr th{
        border: 1px solid #dedede !important;
        text-align: center;
    }
    .createRegisterStep3Tbl.asses-step-2-table .table-responsive table tbody tr td{
        text-align: left;
    }
    .bootstrap-table table:not("#asset_listing") thead tr th:first-child{
        min-width: 50px;
    }
    .bootstrap-table table:not("#asset_listing") thead tr th{
        min-width: 150px;
    }
    .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(9), .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(10), .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(12), .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(13), .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(14), .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(16){
        min-width: 100px;
    }
    .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(6), .bootstrap-table table:not("#asset_listing") thead tr th:nth-child(17){
        min-width: 280px;
    }
    .bootstrap-table table#asset_listing thead tr th:nth-child(5) {
        min-width: 200px;
    }
    .createRegisterStep3Tbl.asses-step-2-table #table_js tbody tr td{
        position: relative;text-align: left;padding-right: 25px !important;vertical-align: top;
    }
    .createRegisterStep3Tbl.asses-step-2-table #table_js tbody tr td .card-view img{
        float: left; position: absolute; left: 27%; top: 32px;cursor: pointer;
    }
    .createRegisterStep3Tbl.asses-step-2-table #table_js tbody tr td img{
        float: right;position: absolute;right: 3px;top: 15px;cursor: pointer;
    }
    .createRegisterStep3Tbl.asses-step-2-table #table_js tbody tr td .card-views .card-view:first-child,
    .createRegisterStep3Tbl table#asset_listing tbody tr td .card-views .card-view:first-child {
        float: left;
        right: 25px;
        position: relative;
    }
    #table_jss tbody .card-view .title {
        min-width: 300px !important;
    }
    .createRegisterStep3Tbl.asses-step-2-table #table_js tbody tr td .card-views .card-view:nth-child(2){
        clear: both;
    }
    .risk-register-step3Ul.nav-pills.slider-asses > li a{
        display: flex;
    }
    .createRegisterStep3Tbl .fixed-table-container{
        height: auto !important;
        border: none;
        /* max-height: 1000px; */
        min-height: auto;
        overflow: auto;
        padding-bottom: 0;
    }
    /* .createRegisterStep3Tbl .fixed-table-body{
        overflow: hidden;
    } */
    .createRegisterStep3Tbl .fixed-table-pagination{
        display: none !important;
    }
    .createRegisterStep3Tbl table tbody tr td .card-view span.value{
        width: 70%;
        display: inline-flex;
    }
    .createRegisterStep3Tbl table tbody tr td .card-view:first-child span.value{
        display: inline-block;
    }
    .fixed-table-toolbar ul.dropdown-menu{
        min-width: 190px;
    }
    .fixed-table-toolbar ul.dropdown-menu input{
        height: 15px !important;
    }
    .dropdown-menu.bullet.dropdown-menu-right.register-dot-ul{
        list-style: none !important;
        left: 30px;
        top: -8px;
    }
    #registerForm .form-group{
        padding-bottom: 0px !important;
        margin-bottom: 10px !important;
    }
    #registerForm .form-group input{
        height: 30px;
    }
    #registerForm .register-tagsinput .bootstrap-tagsinput .tag.label, .tag.jvectormap-tip {
        padding: 1px 5px;
        margin-bottom: 0;
    }
    #registerForm .register-tagsinput .bootstrap-tagsinput{
        padding: 0px 4px !important;
    }
    #risk-register-step2-table th[data-sort] { cursor: pointer; }
    #risk-register-step2-table th[data-sort] span i { color: gainsboro; }
    #riskElementRelationGraph { z-index: 1111; }
    #risk-register-step2-table span.custom-sort{
        position: relative;
    }
    #risk-register-step2-table span.custom-sort i{
        position: absolute;
        left: 0;
        top: 9px;
    }
    #risk-register-step2-table span.custom-sort i:first-child{
        top: 0;
    }

    #AddRegister .cust-mitigation-div, #AddRegister .cust-driver-div{
        height: 100px;
        border: 1px solid rgba(33, 33, 33, 0.12);
        padding: 13px 10px;
        overflow-y: auto;
    }
    #AddRegister .cust-mitigation-div table, #AddRegister .cust-driver-div table{
        width: 100%;
    }
    #AddRegister .cust-mitigation-div table tr, #AddRegister .cust-driver-div table tr{
        height: 45px;
    }
    #AddRegister .cust-mitigation-div table tr td:first-child, #AddRegister .cust-driver-div table tr td:first-child{
        width: 10%;
    }
    #AddRegister .cust-mitigation-div table tr td:nth-child(2), #AddRegister .cust-driver-div table tr td:nth-child(2){
        width: 80%;
    }
    #AddRegister .cust-mitigation-div table tr td:nth-child(2) input, #AddRegister .cust-driver-div table tr td:nth-child(2) input{
        height: 34px;
    }
    #AddRegister .cust-driver-div table tr td:last-child{
        width: 10%;text-align: right;
    }
    #AddRegister .modal-body {
        padding: 15px 30px;
    }
    #AddRegister .modal-dialog .modal-footer {
        padding: 15px 0;
    }
    #AddRegister textarea.form-control {
        min-height: 121px;
    }
    @media (min-width: 992px){
        #AddRegister .modal-lg {
            width: 1060px;
        }
    } 
    #riskRegisterWidget tr td{
        vertical-align: top;
        text-align: left;
    }
    #riskRegisterWidget tr td:nth-child(11), #riskRegisterWidget tr td:nth-child(12), #riskRegisterWidget tr td:nth-child(14){
        text-align: right;
    }
    #addMitigationModal .cust-mitigation-div{
        overflow-y: auto;
        max-height: 250px;
    }
    #addMitigationModal .cust-mitigation-div table{
        width: 100%;
    }
    #addMitigationModal .cust-mitigation-div table tr td:first-child{
        width: 10%
    }
    #addMitigationModal .cust-mitigation-div table tr td:last-child{
        width: 15%;
        text-align: center;
    }
    #addMitigationModal .cust-mitigation-div table tr td:nth-child(2){
        width: 75%;
        padding-bottom: 10px;
    }
    /* #OpenRiskRegister, #OpenResources, #OpenAssessmentList{
        background-color: transparent;
        color: #878796;
        border: 1px solid #878796;
        padding: 3px 10px;
        font-size: 14px;
    } */
    .risk-register-top-right-block{
        display: flex;
        align-items: center;
    }
    .bubble-active-shadow a{
        box-shadow: 0 5px 7px 0px rgba(0, 0, 0, 0.35), 0 5px 7px 0 rgba(0, 0, 0, 0.35);
    }
    .bubble-active-shadow div.bubble-round{
        box-shadow: 0px -1px 6px 2px rgba(0, 0, 0, 0.35);
    }
    .bubble-active-border a{
        /* border: 7px solid rgba(231, 246, 230, 0.38) !important;         */
        box-shadow: 0 5px 7px 0px rgba(0, 0, 0, 0.35), 0 5px 7px 0 rgba(0, 0, 0, 0.35);
    }
    .card-views .card-view span.value span {
        display: contents;
    }

    /*#registerForm .register-tagsinput .bootstrap-tagsinput input{
        width: 100%;
        border: 1px solid #e4e4e4;
    } */

    .category-info-binding, .category-info-binding td, .category-info-binding th {
        border: 1px solid #dedede;
        text-align: center;
    }
    /*Create Risk Register*/

    /*Gantt chart*/
    .gantt_grid div, .gantt_data_area div {
        margin-top:0px;
    }
    .gantt-demo-header {
        border-top: 1px solid #cecece;
        border-left: 1px solid #cecece;
        border-right: 1px solid #cecece;
    }
    .gantt-controls {
        width: 100%;
        background-color: #f5f5f5;
        font-size: 14px;
        list-style-type: none;
        margin: 0;
        overflow: visible;
        padding: 0;
        text-align: left;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .header li {
        list-style: none;
        display: inline-block !important;
    }
    .gantt-menu-item {
        display: inline-block;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        overflow: visible;
        /* padding: 0 10px; */
    }
    .gantt-menu-item a {
        display: block;
        cursor: pointer;
        color: #3d3d3d;
        text-align: center;
        line-height: 40px;
        padding: 0 10px;
        text-decoration: none;
    }
    .gantt-menu-item img {
        margin-right: 8px;
        vertical-align: middle;
    }
    .gantt-menu-item-last {
        border-right: 1px solid #cecece;
    }
    .gantt-menu-item-right {
        float: right;
    }
    .gantt-menu-item a:hover {
        background-color: #e2e2e2;
    }
    .gantt-menu-item .menu-item-disabled {
        color: #818181 !important;
        pointer-events: none;
    }
    .gantt_row.gantt_row_task .gantt_cell .gantt_tree_icon.gantt_folder_open + .gantt_tree_content,
    .gantt_row.gantt_row_task .gantt_cell .gantt_tree_icon.gantt_folder_closed + .gantt_tree_content{
        font-weight: 800;
    }
    .gantt_side_content.gantt_link_crossing{
        top: 0 !important;
    }
    /*div[data-column-name='selectedCate'][aria-label]{
        background-color: #d2d0d0; border: 1px solid #c4c4c4;
    }
    div[data-column-name='selectedCate'][aria-label='']{
        background-color: #ffffff;
        border: none;
    }*/
    /*Gantt chart*/

    /* Histogram */
    #chartdiv, #chartdiv1, #chartdivResult, #chartdivResult1, #chartdiv_view, #chartdiv1_view {
        width: 100%;
        height: 500px;
        font-size: 11px;
    }
    .amcharts-graph-column-front.amcharts-graph-column-element {
        fill-opacity: 0.7;
    }

    .amcharts-axis-label.amcharts-guide {
        /* text-anchor: start; */
        /* transform: translateY(0) rotate(90deg); */
    }

    .custom-sort-caret { position: relative; }
    .caretUpFA { position: absolute; top: -9px; left: 2px; }
    .caretDownFA { position: absolute; top: -2px; left: 2px; }
    .step3NoRecord { text-align: center; display: block !important; width: 100%; } 
    th[data-sort] { cursor: pointer; }

    /* Histogram */

    .text-wrapper-css{
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-align: left;
    }
    
/*********************4. Project Page Css End***********************/


/*************************5. Risk Assessment Page Css Start************************/
    .editMoveToProject, .moveToProject{cursor: pointer;}
    /********drop down*********/
    select.cust-height-type{ position: absolute; z-index: 1029; height: auto !important;width: 95% !important;}
    select.cust-height-type-step2{ position: absolute; z-index: 1029; height: auto !important;width: 32% !important;}
    select.type-sel[multiple], select.type-sel[size]{z-index: 999; height: 42px;}

    select.cust-height-phase{ position: absolute; z-index: 1029; height: auto !important;width: 95% !important;}
    select.cust-height-ele{ position: absolute; z-index: 1029; height: auto !important;width: 95% !important;}
    select.phase-sel[multiple], select.phase-sel[size]{z-index: 999; height: 42px;}
    /********drop down*********/
    /********doughnut tooltip*********/
    .parent-div{position: relative;}
    .chartjs-tooltip { opacity: 1; position: absolute; background: rgba(0, 0, 0, .7); color: white; border-radius: 3px; -webkit-transition: all .1s ease; transition: all .1s ease;
            pointer-events: none; -webkit-transform: translate(-50%, 0);  transform: translate(-50%, 0);  left:20% !important;  top:20% !important; }
      .showArrow:after{position: absolute;content:'';width:7px; height:0;  border-top:7px solid rgba(0, 0, 0, .7); border-left:7px solid transparent; border-right:7px solid transparent;
            left:0; right:0; bottom:-7px; margin: auto;}
    /********doughnut tooltip*********/            
    /***********************folded tbl**************************/
    table.fold-table > tbody > tr.view td, table.fold-table > tbody > tr.view th {
    cursor: pointer;
    }
    table.fold-table > tbody > tr.view td:first-child,
    table.fold-table > tbody > tr.view th:first-child {
        position: relative;
        padding-left: 20px;
    }
    .autocomplete-active{
        background: #2d4b2d;
    }
   /* table.fold-table > tbody > tr.view td:first-child:before,
    table.fold-table > tbody > tr.view th:first-child:before {
    position: absolute;
    top: 50%;
    left: 5px;
    width: 9px;
    height: 16px;
    margin-top: -8px;
    font: 16px fontawesome;
    color: #999;
    content: "\f0d7";
    transition: all .3s ease;
    }*/
    table.fold-table > tbody > tr.view.open td:first-child:before, table.fold-table > tbody > tr.view.open th:first-child:before {
    transform: rotate(-180deg);
    /* color: #333; */
    }
    table.fold-table > tbody > tr.fold {
    display: none;
    }
    table.fold-table > tbody > tr.fold  > .fold-content > p{
        white-space: initial;
    }
    fold-content
    table.fold-table > tbody > tr.fold.open {
    display: table-row;
    }
    .assess_drop_btn_drop{
        padding-left:5px;
        padding-right: 5px;
        top:3px;
        box-shadow:none;
    }
    .table > tbody.step3SubCateTbl > tr > td .assess_drop_btn_drop,
    .table > tbody.edit-step3SubCateTbl > tr > td .assess_drop_btn_drop,
    .table > tbody.viewSubCateTbl > tr > td .assess_drop_btn_drop{top:-20px;}   

    .table > tbody.step3SubCateTbl > tr > td > img,
    .table > tbody.edit-step3SubCateTbl > tr > td > img,
    .table > tbody.viewSubCateTbl > tr > td > img{top:12px;}   

    
    .table > tbody.viewSubCateTbl > tr > td .assess_drop,
    .table > tbody.step3SubCateTbl > tr > td .assess_drop,
    .table > tbody.edit-step3SubCateTbl > tr > td .assess_drop{top:-44px;}   
    .assess_drop_btn_drop.dropdown-toggle{
        padding: 0 15px;
        position: absolute;
    }
    .table > tbody > tr.view > td > p {margin-left:25px;word-wrap: break-word;padding-right: 10px;}
    .table > tbody > tr.view > td > img{float: right;position: absolute;right: 28px;}
    .assess_drop{
        position: absolute;
        left:30px;
        right:auto;
    }
    .table > tbody > tr.view > td > .input-group-btn{
        left: 2px;
        /* top:13px; */
        position: absolute;
    }
    .wizard > .content > .body .assess_drop{
        left: 25px;
        width: 40px;
        top: -20px;
        right: 0;
        list-style: none !important;
        z-index: 999;
        position: relative;
    }
    table.fold-table > tbody > tr.description_fold, 
    table.fold-table > tbody > tr.mitigation_fold,
    table.fold-table > tbody > tr.comments_file_fold {
        display: none;
    }
    table.fold-table > tbody > tr.description_fold.open,
    table.fold-table > tbody > tr.mitigation_fold.open,
    table.fold-table > tbody > tr.comments_file_fold.open {
        display: table-row;
    }
    /***********************folded tbl**************************/
    .wizard > .actions > ul {  display: none;}
    select.cust-height-assess-filter{ position: absolute; z-index: 1029; height: auto !important;width: 90%;}
    .reportLoader{
        width: 100%;
        height: 100%;    
        display: none;
        position: fixed;
        z-index: 100000;
    }
    .reportLoader-step3{
        width: 100%;
        height: 100%;    
        display: none;
        position: fixed;
        z-index: 100000;
    }
    .bg-loader{
        border: 16px solid #f3f3f3;
        border-radius: 50%;
        border-top: 16px solid #2d4b2d;
        border-bottom: 16px solid #2d4b2d;
        width: 80px;
        height: 80px;
        position:fixed;
        top: 45%;
        left: 45%;
        -webkit-animation: spin 2s linear infinite;
        animation: spin 2s linear infinite;
    }
    .assessmentList-list thead tr th{position: relative;
        /* width: 1px !important; */
    }
    /* .project-table.assessmentList-list th .custom-sort{ position: absolute; top: 25px;right: 15px;} */
    .assessmentList-list thead tr th span{position: absolute;}
    /*.assessmentList-list thead tr th:nth-child(2) span{position: absolute;left: 58px;top: 33px;}*/
    .assessmentList-list thead tr th, .assessmentList-list tbody tr td{padding: 10px 10px !important;}
    .assessmentList-list .dropdown-toggle.txt-dark{padding:10px 5px;}
    .assessmentList-list th .custom-sort{position: absolute;}
    .temp-step-3-list > li, .temp-step-3-list2 > li, .view-category-list li {list-style: none !important;}
    .assess-wizaed.wizard ul li a .head-font{
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5;
        overflow: hidden;
        position: relative;
    }
    #prjct-detail-map{
        height: 200px;
        width:100%;
    }
    .wizard > .content > .body ul.slider-asses, .wizard > .content > .body ul.drop-ul, .wizard > .content > .body ul.hori-ul{
        list-style: none !important;
    }
    .drop-ul{
        width: 100%;
        border-radius: 20px;
    }
    .hori-ul li{
        width: 24% !important;
        text-align: center;
    }
    .drop-ul li a{
        height: 40px;
        line-height: 2.5;
        border-radius: 20px;
    }
    .nav-pills.slider-asses > li:last-child{
        margin-right: 0%;
    }
    .nav-pills.slider-asses > li {
        text-align: center;
        width: 14% !important;
        margin: 0 1%;
        height: 55px;
        margin-bottom: 10px;
        padding-left: 4px;
    }
    .nav-pills.slider-asses > li a{
        padding: 1px 10px;
        font-size: 13px;
        height: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
    }
    .nav-pills.slider-asses > li a i{
        position: absolute;
        top: -12px;
        right: 15px;
        left: 0;
    }
    .asses-step-2-table .step3SubCateTotal{width: 46%;}
    .asses-step-2-table .table-responsive, .edit-asses-step-2-table .table-responsive{
        overflow-y: overlay;
        height: auto;
        max-height:1000px;
        border: 1px solid #cecece;
    }
    .wizard .content .asses-step-2-table .table-responsive, .wizard .content .edit-asses-step-2-table .table-responsive {
        margin: 0px; 
    }
    .asses-step-2-table .table-responsive table thead tr th, .edit-asses-step-2-table .table-responsive table thead tr th{
        text-align: center;
        font-size: 14px;
    }
    .asses-step-2-table .table-responsive table tbody tr, .edit-asses-step-2-table .table-responsive table tbody tr{
        text-align: center;
        font-size: 14px;
    }
    .asses-step-2-table .table-responsive table tbody tr td:first-child, .edit-asses-step-2-table .table-responsive table tbody tr td:first-child{
        text-align: left !important;
        /* width:45% !important; */
            max-width: 200px !important;
        white-space: normal;
    }
    .asses-step-2-table .table-responsive table tbody tr td, .edit-asses-step-2-table .table-responsive table tbody tr td{
        padding: 10px;
    }
    .asses-step-2-table .table-responsive table tbody tr td select, .edit-asses-step-2-table .table-responsive table tbody tr td select{
        height: 33px;
    }
    .total-val{
        width: 25%;
    }
    .step-3 .fade, .step-2 .fade{
    display: none;
    }
    .step-3 .fade.in, .step-2 .fade.in {
    display: block;
    }
    .step-2 .nav-tabs{
        border: 0px;
    }
    .width-30{
        width: 30%;
    }
    .card-border{
        border: 1px solid #dedede;
    }
    .step-3-asses-sum-table .table-responsive, .edit-step-3-asses-sum-table .table-responsive{
        min-height: 400px;
        max-height: 400px;
        overflow-y: auto;
        text-align: center;
    }
    .step-3-asses-sum-table .table-responsive table thead tr th, .edit-step-3-asses-sum-table .table-responsive table thead tr th{
        text-align: center;
        font-size: 14px;
    }
    .wizard .content .step-3-asses-sum-table .table-responsive, .wizard .content .edit-step-3-asses-sum-table .table-responsive{
        margin: 0px;
        text-align: center;
    }
    .step-3-pie-chart-table .table-responsive, .edit-step-3-pie-chart-table .table-responsive{
        height: 235px;
        overflow-y: auto;
    }
    .step-3-pie-chart-table .table-responsive table tbody tr td, .edit-step-3-pie-chart-table .table-responsive table tbody tr td{
        text-align: center;
    }
    .step-3-pie-chart-table .table-responsive table thead tr th, .edit-step-3-pie-chart-table .table-responsive table thead tr th,
    .wizard .content .step-3-pie-chart-table .table-responsive, .wizard .content .edit-step-3-pie-chart-table .table-responsive,  .wizard .content .step-3-pie-chart-table .table-responsive{
        margin: 0px;
        text-align: center;
    }
    .padd-search{padding-bottom: 0px !important;}
    #add-assessment .wizard > .steps > ul > li, #edit-assessment .wizard > .steps > ul > li {
        width: 33.333%;
    }
    .score-block .card-view.panel.panel-default > .panel-heading{padding: 20px 10px 30px;height: 40px;vertical-align: middle;}
    .score-block .card-view.panel.panel-default{padding: 5px 10px 0;text-align: -webkit-center;}
    .score-block .font-14{font-size: 14px;line-height: 1.2;}

    .right-sign{display:none;}
    .pad-0 .form-group{padding-bottom: 0px !important;}
    .subcate-bind, .edit-subcate-bind{table-layout: fixed;}
    .subcate-bind p, .edit-subcate-bind p{float: left;}
    .fold-content p{ clear: both; text-align: left; }
    .riskRel{width: 18px; margin-left: 15px;}
    .element-title{display: block;font-weight: 600;}
    /* .edit-step-3-asses-sum-table .floatThead-container { width: calc(100% - 0px) !important;} */

    .edit-asses-step-2-table table thead tr th:nth-child(3), .asses-step-2-table table thead tr th:nth-child(3){width: 12% !important;}
    .total-val tbody tr td:first-child{text-align: right;width: 65%;}

    .step3categoryList > li > a.disabledCat,
    .edit-step3categoryList > li > a.disabledCat,
    .viewCateList > li > a.disabledCat{cursor: not-allowed !important;pointer-events: none !important;}
    .step3categoryList > li.active > a.disabledCat,
    .edit-step3categoryList > li.active > a.disabledCat,
    .viewCateList > li.active > a.disabledCat {cursor: pointer !important;pointer-events: inherit !important;}
    .participant-table .table-responsive{max-height: 408px;overflow: hidden;}
    .participant-table .assess_table{table-layout: fixed !important;}    
    .assess_table >  table > tbody > tr > td:first-child{width: 20% !important;}
    .participant-table .assess_table{margin:0 !important;}
    .participant-table .assess_table > fthfoot{display: none !important;}
    .participant-table .floatThead-container{transform: translateX(0px) translateY(0px) !important; width: calc(100% - 0px) !important;}
    .assessment-detail-card  p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .assessment-detail-card{height: 470px;}
    .score-block p{text-overflow: ellipsis;overflow: hidden;font-size: 25px !important;white-space: nowrap;}
    #step-3-cate-1 table, #cate-1 table, #edit-cate-1 table, #edit-step-3-cate-1 table{border-bottom: 0px;}
    .panel-title.capital{text-transform: none;} 
    /* .assessment-tabs{border-bottom: 0;}
    .assessment-tabs li a{padding: 8px 20px;font-size: 16px !important;}
    .assessment-tabs li{width: auto;margin-right: 10px;min-width: 16%;border-radius: 2px;}
    .assessment-tabs.nav-tabs > li.active{background: #7b7b7b;}
    .assessment-tabs.nav-tabs > li{background: #4f9de7;}
    .assessment-tabs.nav-tabs > li > a{color:#fff;}
    .assessment-tabs.nav-tabs > li.active > a{border-bottom: 0;color:#fff;}
    .assessment-tabs.nav-tabs > li:first-child > a{border-top-left-radius: 0} */
    .table > tbody.categoryRank > tr > td:nth-child(2){text-align: left;}
    .scheduleImpact .cust-select, .budgetImpact .cust-select, .editScheduleImpact .cust-select, .editBudgetImpact .cust-select{margin: 0 -30px 0 0px;width: 100%;}
    .scheduleImpact .cust-select select, .budgetImpact .cust-select select, .editScheduleImpact .cust-select select, .editBudgetImpact .cust-select select{max-width: 25%; border: 0; padding: 0 0 0 5px;}
    .scheduleImpact .cust-select select option, .budgetImpact .cust-select select option, .editScheduleImpact .cust-select select option, .editBudgetImpact .cust-select select option{text-align: center;}
    @media (min-width: 991px){
    .add-project-cust-width{
        width: 1000px;
    }
    }
    @media (max-width: 991px){
    .nav-pills.slider-asses > li {
        width: 28%;
        margin-bottom: 10px;
    }
    }
    @media (max-width: 600px){
    .nav-pills.slider-asses > li {
        width: 100%;
        margin-bottom: 10px;
    }
    }

    /*******heat map*******/
    #risk-assessment .highcharts-label text, 
    #sensitivity .highcharts-label text,
    #scheduleRiskAnalysis-example-basic-p-3 .highcharts-label text,
    #tooltip-container .highcharts-label text{font-weight: 300 !important;}
    #risk-assessment .highcharts-label text tspan.highcharts-text-outline, 
    #sensitivity .highcharts-label text tspan.highcharts-text-outline, 
    #scheduleRiskAnalysis-example-basic-p-3 .highcharts-label text tspan.highcharts-text-outline, 
    #tooltip-container .highcharts-label text tspan.highcharts-text-outline{stroke-width:0.1px !important;}
    #risk-assessment .highcharts-point, 
    #sensitivity .highcharts-point, 
    #scheduleRiskAnalysis-example-basic-p-3 .highcharts-point, 
    #tooltip-container .highcharts-point{stroke-width:1px !important;}
    #risk-assessment .highcharts-axis-labels text, 
    #sensitivity .highcharts-axis-labels text, 
    #scheduleRiskAnalysis-example-basic-p-3 .highcharts-axis-labels text, 
    #tooltip-container .highcharts-axis-labels text{fill:#333 !important;} 

    /* #sensitivity .highcharts-axis-labels span, 
    #scheduleRiskAnalysis-example-basic-p-3 .highcharts-axis-labels span{
        word-break:break-all!important;
        width:300px!important;
        white-space:normal!important;
    }  */
    /* .highcharts-axis-title{fill:#333 !important;stroke:#333 !important;} */
    /*******heat map*******/
    /*******tree*******/
    .node {
        cursor: pointer;
    }

    .node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1.5px;
    }

    .node text {
    font: 10px sans-serif;
    }

    .link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.5px;
    }
    /*******tree*******/
    .error-step2-assessment-a { box-shadow: 1.3px 2.5px 3px #ff0000f2; transition: box-shadow 1s; }

/*******************************5. Risk Assessment Page Css End************************/


/***************************6. Risk Template Page Css Start********************************/

    #editreOptionsScores, #reOptionsScores{
        overflow: auto;
        width: 100%;
        height: 300px;
        display: block;
    }
    .dtltemplateDetail, .editdtltemplateDetail, .dtlprojectTypeMore, .editdtlprojectTypeMore, .dtlDec, .editdtlDec{word-break: break-all;white-space: normal;overflow: hidden;text-overflow: ellipsis;}
    .custom-col .col-md-2{width: 12.666666%;}
    .custom-col .col-md-10{width: 87.333333%;}
    .jq-toast-wrap{width: 400px !important;}
    /********drop down*********/
    select.cust-height{ position: absolute; z-index: 1029; height: auto !important;width: 94%;}
    select.scroll-drop{top: auto; bottom: 100%; margin-bottom: -30px;}
    select[multiple], select[size] { height: 42px;}
    .bootstrap-select.btn-group .dropdown-menu.inner { max-height: 135px !important;}
    /********drop down*********/
    .addstep5ViewlinkingSubCateList{padding-left : 15px;}
    .addstep5ViewlinkingSubCateList li {text-decoration: none;}
    .template-wizaed.wizard .content .table-responsive {
        margin: 0;
    }
    .template-wizaed.wizard > .steps > ul > li {
        width: 20%;
    }
    .addmew-pad{
    padding: 10px 0;
    }
    #example-basic .custom-tab-1.vertical-tab .ver-nav-tab > li.active > a{
    width: 100%;
    }
    .toError{
    margin: 0 0 10px 30px;
    }

    .template-wizaed.wizard ul li a{
        display: inline-flex;    
    }
    .template-wizaed.wizard ul li a .head-font{
        text-overflow: ellipsis;
        white-space: nowrap;
        line-height: 2.5;
        overflow: hidden;
        position: relative;
    }
    .wizard > .steps a, .wizard > .steps a:hover, .wizard > .steps a:active{
        display: inline-flex; 
        width: 100%;   
    } 
    .wizard > .steps .done a, .wizard > .steps .done a:hover, .wizard > .steps .done a:active{
        width: 100%;
    }
    .maxREOptScore {font-size: 14px;width: 30px;right: 4%;top: 3%; padding: 8px 0; height: 30px; position: absolute;}
    .cust-height-step-3{
    height: 500px;
    min-height: 500px;
    }
    .cust-height-step-3 ul li {overflow: hidden;text-overflow: ellipsis;white-space: normal;}
    .action-btn{padding: 0 3%;}
    .action-btn button{text-align: center; padding: 10px 0px !important;}
    .temp-step-3-list > li, .temp-step-3-list2 > li, .temp-step-3-list-smart-temp > li {cursor: pointer;}
    .temp-step-3-linking-list{
    margin: 0 10px;
    height: 500px;
    border: 1px solid rgba(33, 33, 33, 0.12);
    border-radius: 0;
    box-shadow: none;
    overflow: hidden;
    overflow-y: auto;
    }
    .add-temp-step-3-linking-list{
        margin: 0 10px;
        border: 1px solid rgba(33, 33, 33, 0.12);
        border-radius: 0;
        box-shadow: none;
        overflow: hidden;
        overflow-y: auto;
    }
    .temp-step-3-linking-list .cate-title{
    border-bottom: 1px solid rgba(33, 33, 33, 0.12);
    padding: 10px;
    }
    .temp-step-3-linking-list ul li, .temp-step-3-linking-list ul div{
    padding: 0 10px;
    }

    .search-template-direct-search{
        -webkit-transition: inherit;
        -moz-transition: inherit;
        transition: inherit;
    }

    .simple-search-text{
    float: left !important;
    }

    #example-edit-basic #undo_edit_redo, #example-edit-basic #undo_edit_redo_to{
    min-height: 400px;
    }
    .filter.dash-triangle:after{
    content: '';
    position: absolute;
    top: 42px;
    right: 33px;
    border-top: 1px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 17px solid #f4f4f4;
    border-left: 15px solid transparent;
    }
    .filter.btn-primary:after,.filter-risk-assessment.btn-primary:after, .filter-sraWeighting.btn-primary:after, .filter-project-search.btn-primary:after, .filter-riskCategory.btn-primary:after,.filter-risk-element.btn-primary:after,.filter-riskElement.btn-primary:after, .filter-weightingScore.btn-primary:after, .filter-company.btn-primary:after, .filter-divi.btn-primary:after, .filter-depart.btn-primary:after, .filter-user.btn-primary:after, .filter-projectType.btn-primary:after, .filter-projectPhase.btn-primary:after {
    content: '';
    position: absolute;
    top: 42px;
    right: 15px;
    border-top: 1px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 17px solid #f4f4f4;
    border-left: 15px solid transparent;
    }
    .filter-dashboard.btn-primary:after{
    display:none;
    }
    .search-template-direct-search,.filter-risk-cate, .filter-assessment, .direct-sra-weighting-search, .filter-project, .filter-riskCategory, .filter-risk-assessment, .weight-score-search, .filter-weightingScore, .filter-risk-element, .risk-ele-search, .filter-riskElement, .filter-reOpt-direct,.filter-company-direct-search, .division-search-direct, .dept-search-direct, .direct-user-bind-search, .filter-user, .direct-project-type-search, .filterProjPhaseResetSearch, .direct-project-phase-search,.filter-projectPhase{
    transition: none !important;
    -webkit-transition: none !important;
    }

    .add-user-btn {
        position: absolute;
        right: 15px;
        top: 5px;
    }

    .millevels div {
        padding: 5px;
        border: 1px solid #000;
        font-size: 10px;
    }

    .pull-right.millevels {
        margin-top: 8px;
        display: flex;
        height: 27px;
        margin-left: 5px;
    }

    .millevels div:nth-child(1), .millevels div:nth-child(2) {
      border-right: none;
    }

    .millevels .selecedMil {
        background: #b3b3b3;
        color: #000;
    }

    .nonselecedMil {
        background: #fff;
        color: #000;
    }

    .projectTypeaction td {
        text-transform: capitalize;
    }

    li.view-subCat-list li {
        padding: 5px;
    }
    /*undirected graph*/

    #graph-container, #graph-container2, #graph-container-edit-step3 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: relative;
    max-width: 100%;
    height: 340px;
    margin: auto; 
    border: 1px solid rgba(33, 33, 33, 0.12); 
    }

    .graph-wrapper-hidden{
    margin: 0 10px;
    height: 340px;
    overflow-y: auto;
    overflow-x: hidden;
    }

    .graph-container-height-hidden, .graph-container-edit-spte3-hidden {
        /* height: 477px; */
        overflow-y: auto;
        overflow-x: hidden;
    }

    #graph-container2{
    height: 600px;
    }

    .sigma-tooltip {  
    max-height: 280px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    left: 0px !important;
    top : 0 !important;
    }

    .sigma-tooltip-header {
    font-variant: small-caps;
    font-size: 120%;
    border-bottom: 1px solid #aac789;
    padding: 10px;
    }

    .sigma-tooltip-body {
    padding: 10px;
    }

    .sigma-tooltip-body th {
    text-align: left;
    }

    .sigma-tooltip-footer {
    padding: 10px;
    border-top: 1px solid #aac789;
    }

    .sigma-tooltip>.arrow {
    border-width: 10px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    }

    .sigma-tooltip.top {
    margin-top: -12px;
    }

    .sigma-tooltip.top>.arrow {
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
    border-top-color: rgb(249, 247, 237);
    border-bottom-width: 0;
    }

    .sigma-tooltip.bottom {
    margin-top: 12px;
    }

    .sigma-tooltip.bottom>.arrow {
    left: 50%;
    top: -10px;
    margin-left: -10px;
    border-bottom-color: rgb(249, 247, 237);
    border-top-width: 0;
    }

    .sigma-tooltip.left {
    margin-left: -12px;
    }

    .sigma-tooltip.left>.arrow {
    top: 50%;
    right: -10px;
    margin-top: -10px;
    border-left-color: rgb(249, 247, 237);
    border-right-width: 0;
    }

    .sigma-tooltip.right {
    margin-left: 12px;
    }

    .sigma-tooltip.right>.arrow {
    top: 50%;
    left: -10px;
    margin-top: -10px;
    border-right-color: rgb(249, 247, 237);
    border-left-width: 0;
    }

    /*undirected graph*/

    .category-list > li > label {padding: 3px 45px 3px 15px  !important;}
    .active-category{border:1px solid #777;}

    /*.panel-group .panel-heading + .panel-collapse > .panel-body {
        border: 1px solid #ddd;
    }*/
    .panel-group,
    .panel-group .panel,
    .panel-group .panel-heading,
    .panel-group .panel-heading a,
    .panel-group .panel-title,
    .panel-group .panel-title a,
    .panel-group .panel-body,
    .panel-group .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-radius: 2px;
        border: 0;
        border-top:none !important;
    }
    .panel-group .panel-heading { padding: 0; }
    .panel-group .panel-heading a {display: block;padding: 15px; text-decoration: none; position: relative; }
    .panel-group .panel-heading a:after {content: "\f068"; position: absolute; right: 10px; top:0px; font-size:30px; line-height: 33px !important; font: normal normal normal 14px/1 FontAwesome; }
    .panel-group .panel-heading a.collapsed:after { content: "\f067";}
    .panel-group .panel-collapse {margin-top: 5px !important;}
    .panel-group .panel-body {padding: 0px 15px 15px; }
    .panel-group .panel { box-shadow: none; }
    .panel-group .panel-heading a.padPanel{padding: 5px 8px;}
    .panel-group .panel-body.mapPanelPad{padding:0;}
    .panel-group .panel-heading a.panel-clr:after{line-height:24px !important;top:4px;border-radius: 50%;padding: 0 5px;}  
    .panel-group .panel-body > div{font-size: 16px; text-transform: capitalize; border: 1px solid #777; padding: 4px 8px;margin: 0 0 5px; }
    .panel-group .no-sub-category a:after{display: none;}
    .element-holder,
    .risk-element-list,
    .category-label{border: 1px solid rgba(33, 33, 33, 0.12);border-radius: 0;box-shadow: none;height: 184px;overflow: hidden;overflow-y: auto;}
    .risk-element-list label,
    .risk-element-list label{display: block !important;margin-left: 10px;margin-top: 5px;padding: 3px 10px;}
    .category-label{height: 300px !important;}
    .risk-element-list{height: 450px !important;}
    .risk-options .table-responsive{height: 318px;overflow-y: auto;border: 1px solid rgba(33, 33, 33, 0.12);}
    .form-group input, .form-group textarea{font-size: 14px;}
    .control-label{font-size: 15px; font-weight: bold;}
    .ver-nav-tab > li > a{padding: 10px 50px 10px 20px;}
    .wizard .content .risk-options .table-responsive{margin:0;}
    .risk-options{position: relative}
    .reOptChk {position: absolute;  padding: 0;  margin: 0;  top: -50px;}
    .range-label label{font-weight: 600;display: block !important;padding: 6px 12px;border-bottom: 1px solid #c1aaaa;border-right: 1px solid #c1aaaa;margin-bottom: 0 !important}
    .range-label  label:last-child{border-bottom: none !important;}
    .range-label label.range-label-active{border-left: 3px solid #777 !important;border-right:none !important; }
    .range-div{height: 284px !important}
    .range-slider-value{position: relative;padding: 119px 100px;}
    #undo_redo,
    #undo_redo_to{height: 350px !important;padding:6px 0 !important;}
    .minimum-label{left: 20%;position: absolute;margin-top: 10px;  transition: all 0.4s ease; display: none}
    .low-label{left: 35%;position: absolute;margin-top: 10px;  transition: all 0.4s ease; display: none}
    .medium-label{left: 48%;position: absolute;margin-top: 10px;  transition: all 0.4s ease; display: none}
    .high-label{left: 65%;position: absolute;margin-top: 10px;  transition: all 0.4s ease; display: none}
    .ext-high-label{left: 75%;position: absolute;margin-top: 10px;  transition: all 0.4s ease; display: none}
    .minimum-value{right: 100%;position: absolute;top:-25px;}
    .low-value{left: 28%;position: absolute;top:-25px; transition: all 0.4s ease}
    .medium-value{left: 42%;position: absolute;top:-25px;transition: all 0.4s ease}
    .high-value{left: 56%;position: absolute;top:-25px;transition: all 0.4s ease}
    .ext-high-value{left: 70%;position: absolute;top:-25px;transition: all 0.4s ease}
    .max-value{left: 100%;position: absolute;top:-25px;transition: all 0.4s ease}
    .progress-div{padding: 0 15% !important;}
    .wizard > .content > .body ul.ver-nav-tab{list-style: none !important;}
    .minimum-range-value{position: absolute;left: 66px;top: 113px;}
    .maximum-range-value{position: absolute;right: 44px;top: 113px;}
    .separator{border-right:1px solid #dedede;}
    #category-modal textarea{resize: vertical !important;}
    #category-modal label{text-align: right;}
    .left-section    .table-responsive{height: 227px;overflow-y: auto;}
    .right-section  .table-responsive{height: 350px;overflow-y: auto;}
    .viewDetailSummary .card-view.custom-height{height: 680px !important;}
    .viewDetailSummary .card-view.custom-height .view-category-list{height: 640px !important;}
    .editDetailSummary .card-view.custom-height{height: 680px !important;}
    .editDetailSummary .card-view.custom-height .view-category-list{height: 640px !important;}
    .addDetailSummary .card-view.custom-height{height: 680px !important;}
    .addDetailSummary .card-view.custom-height .view-category-list{height: 640px !important;}
    .edit-graph-step-5{display: flex;justify-content: flex-end;}
    .details-project .table-responsive,
    .view-details-summary .table-responsive{height:250px;overflow-y: auto; }
    .view-details-summary .score-section div,
    .viewDetailSummary .score-section div{width: 20% !important;float: left;text-align: center;padding: 4px 0;height: 50px;margin: 10px auto;}
    .view-details-summary .score-section div label,
    .viewDetailSummary .score-section div label{display: block !important;line-height: 1.5}
    .view-details-summary .card-view.view-impact-score,
    .viewDetailSummary .card-view.view-impact-score{height: 200px !important;}
    .details-project .card-view,
    .view-details-summary .card-view{height:330px !important; }
    .details-project .card-view.template-detail-card,
    .view-details-summary .card-view.template-detail-card{height: 230px !important;}
    .view-details-summary .addDetailSummary .card-view.template-detail-card{height: auto !important;}
    .template-detail-card{ padding-top : 2px;}
    #example-edit-basic .score-section-1 div{width: 33.33% !important;float: left; text-align: center;padding:10px 0; }
    #example-edit-basic .template-detail-card .panel-heading{     padding-bottom: 2px;}
    .editDetailSummary .light-grey-hr{ margin: 10px 0 15px 0;     margin-bottom: 0 !important;}
    .addDetailSummary .light-grey-hr{ margin: 10px 0 15px 0;     margin-bottom: 0 !important;}
    .editDetailSummary .panel-heading{ padding-bottom : 2px !important;}
    .addDetailSummary .panel-heading{ padding-bottom : 2px !important;}
    .score-section-2 div{width: 50% !important;float: left; text-align: center; padding:10px 0;}
    .score-section-1,
    .score-section-2{height: 65px;}
    .score-section-1{margin:0 5%;}
    .score-section-2{margin:0 15%;}
    .score-section-1 div label,
    .wizard > .content > .body > .score-section-1 div label,
    .wizard > .content > .body > .score-section-2 div label,
    .score-section-2 div label{display: block !important;}
    .view-score-label{font-size: 16px;}
    .select2-container--default .select2-search--inline .select2-search__field{border:0 !important;background: transparent !important;}
    .view-category-list{border: 1px solid rgba(33, 33, 33, 0.12);height:550px;overflow: hidden;padding:0 5px;overflow-y: auto;}
    .step3-edit-new-cateList-left, .step3-edit-new-cateList-right, .step3-new-cateList-left, .step3-new-cateList-right { height:300px; min-height:300px;}
    .view-category-list > ul{padding: 0 5px;}
    .view-subCat-list{font-weight: bold;}
    .view-risk-list > li{margin-top:5px;font-weight: 300;margin-bottom:5px;cursor: pointer;}
    .wizard > .content > .body  label{margin-bottom: 0 !important;}

    a.morelink {
    text-decoration:none;
    outline: none;
    }
    .morecontent span {
    display: none;
    }
    .select2-container--default.select2-container--focus .select2-selection--multiple{height:auto;}
    .range-search-box-low{margin-top:0;}
    .range-search-box-low{margin-top:44px;}
    .range-search-box-medium{margin-top:88px;}
    .range-search-box-high{margin-top:132px;}
    .range-search-box-ext-high{margin-top:178px;}
    #step3NewCatError{display: none;}
    .table  > tbody.viewMitigation > tr > td:first-child{vertical-align: top !important;padding-top:10px !important;}
    .viewMitigation input, .dataScoreVal, #reOptionsScores input, #editreOptionsScores input{padding: 0 5px;}
    .viewCateList label, .editviewCateList label{ width : 100%}
    .select2-selection{border: 0px !important;}
    .select2-selection__rendered{border: 1px solid rgba(33, 33, 33, 0.12);}
    .select2-container--default.select2-container--open .select2-selection__rendered{border-color: rgba(33, 33, 33, 0.3);}
    .red-ribbon td:nth-child(2){
        position:relative;
        padding-left: 35px !important;

    }
    .red-ribbon td:nth-child(2)::after {
       position: absolute;
        /*content: 'Smart';*/
        background: #e43;
        color: #fff;
        font-size: 11px;
        overflow: hidden;
        padding: 0px 18px;
        left: -15px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        margin-top: -3px;
    }
    .blue-ribbon td:nth-child(2){
        position:relative;
        padding-left: 35px !important;

    }
    .blue-ribbon td:nth-child(2)::after {
       position: absolute;
        /*content: 'Maturity';*/
        background: #2d4b2d;
        color: #fff;
        font-size: 11px;
        overflow: hidden;
        padding: 0px 15px;
        left: -15px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        box-shadow: 0 0 3px rgba(0,0,0,.3);
        margin-top: -3px;
    }

    div.blue-ribbon {
        background: #af9619;
        color: #fff;
        border-radius: 20px;
        padding: 6px 16px;
        font-size: 13px;
        font-size: 12px;
        text-align: center;
    }

    div.blue-ribbon::after {
        content: "Mature";
        
    }

    div.mature-xl-ribbon {
        background: #af9619;
        color: #fff;
        border-radius: 20px;
        padding: 6px 16px;
        font-size: 12px;
        text-align: center;
    }

    div.mature-xl-ribbon::after {
        content: "Mature XL";
    }

    div.smart-data-ribbon {
        background: #7d7d7d;
        color: #fff;
        border-radius: 20px;
        padding: 6px 16px;
        font-size: 12px;
        text-align: center;
    }

    div.smart-data-ribbon::after {
        content: "Smart Data";
    }

    div.red-ribbon::after {
        content: "Smart Mature";
    }

    div.red-ribbon {
        background: #7d7d7d;
        color: #fff;
        border-radius: 20px;
        padding: 6px 16px;
        font-size: 13px;
        font-size: 12px;
        text-align: center;
    }

    div.normal-ribbon {
        background: #2d4b2d;
        color: #fff;
        border-radius: 20px;
        padding: 6px 16px;
        font-size: 13px;
        font-size: 12px;
        text-align: center;
    }

    div.normal-ribbon::after {
        content: "Standard";
    }

    .risk-ele-data-list th {
        text-align: center;
    }

/************************6. Risk Template Page Css End********************************/


/*********************7. Risk Element Option Page Css Start**********************/
    #viewRETable td:first-child{
    width: 10% !important;
    }
    .width-40{width:40%;}

/*********************7. Risk Element Option Page Css End**********************/


/***********************8. Project Phase Page Css Start****************************/
    .bootstrap-tagsinput{
        width: 100%;
        height: auto;
        padding: 6px;
    }
    .bootstrap-tagsinput input{
        padding: 3px 6px;
    }
/***********************8. Project Phase Page Css End****************************/


/***********************8.1. Project Type Page Css Start****************************/
.has-subtypes{
    display: none;
}
.has-subtypes.active{
    display: block;
    /* -webkit-transition: height 2s; For Safari 3.1 to 6.0 */
    transition: height 0.5s delay;
    /* transition-duration: 0.5s */
}
/***********************8.1. Project Phase Type Css End****************************/


/***********************9. Risk Element Page Css Start********************************/
    .boolean-table table thead tr th, .numeric-table table thead tr th, .string-table table thead tr th{
        font-size: 15px;
    }
    .boolean-table, .numeric-table, .string-table{
        display: none;
    } 
    .dis-input{
        border: 0px;
    }
    #Bool-str-sel, #num-sel {
        display: none;
    }
    .option-tbl-fix .floatThead-wrapper{border: 1px solid #dedede;}
    .form-padding .control-label.pt-10{
        padding-top: 7px !important;
    }
/***********************9. Risk Element Page Css End********************************/


/*************************10. Weighting Score Page Css Start***************************/
    #weightingScore-example-basic.wizard .content > .body, #weightingScore-edit-example-basic.wizard .content > .body{padding: 30px 0;}
    #ass-detail .card-view {padding: 15px 9px 0 !important;}
    #myTabContent_11 .floatThead-container{width: calc(100% - 2px) !important;}
    #weightingScore-example-basic.wizard > .steps > ul > li, #weightingScore-edit-example-basic.wizard > .steps > ul > li {
        width: 33.33%;
    }
    #weightingScore-example-basic.wizard > .steps > ul > li .head-font, #weightingScore-edit-example-basic.wizard > .steps > ul > li .head-font{
        margin: 8px !important;
    }
    .ws-step2-table .table-responsive{
        overflow-y: auto;
        height: 450px;
        border: 1px solid #cecece;
    }
    .wizard .content .ws-step2-table .table-responsive {
        margin: 0px; 
    }
    .ws-step2-table .table-responsive table thead tr th{
        text-align: center;
        font-size: 14px;
        width: 50%;
    }
    .ws-step2-table .table-responsive table tbody tr{
        text-align: center;
        font-size: 14px;
    }
    .ws-step2-table .table-responsive table tbody tr td:first-child{
        text-align: left !important;
        white-space: normal;
        word-break: break-all;
    }
    .ws-step2-table .table-responsive table tbody tr td{
        padding: 10px;
    }
    .ws-step2-table .table-responsive table tbody tr td select{
        height: 33px;
    }
    .nav-pills.slider-ws > li {
        text-align: center;
        width: 22%;
        margin-right: 2%;
        height: 75px;
        overflow: hidden;
        margin-bottom: 10px;
    }
    .bubble-round{
        visibility: hidden;
        height: 24px;
        border-radius: 50%;
        width: 35px;
        margin: 0 auto;
        position: relative;
        top: 12px;
    }
    .nav-pills.slider-ws > li a{
        padding: 5px 15px;
        font-size: 13px;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
    }
    .nav-pills.slider-ws > li a i{
        position: absolute;
        top: -12px;
        right: 15px;
    }
    .ws-step-3-tbl-res{
        overflow: hidden;
        padding: 0 20px !important;
    }
    .div-class { 
        width: 80%; 
        overflow-x:scroll;
        margin-left:20% !important; 
        overflow-y:visible;
    }
    .headcol {
        position: absolute;
        font-size: 14px;
        line-height: 1.3 !important;
        width: 20%;
        left: 5px;
        border-top: 0px !important;
        height: 42px;
        top: auto;
        padding: 7px 25px !important;
        display: flex;
        align-items: center;
        white-space: normal !important;    
    }
    .ws-step-3-tbl tbody tr .long{
        min-width:255px;    
        padding-left: 15px;
    }
    .ws-step-3-tbl tbody tr:first-child{
        font-size: 16px;
        height: 70px;
        padding-left: 25px;
    } 
    .ws-step-3-tbl tbody tr:first-child .long{
        font-size: 14px;
        padding: 5px 15px;
        border-top: 0 !important;
    }
    .ws-step-3-tbl tbody tr:first-child .headcol{
        font-weight: bold;
        height: 70px;
        line-height: 3.3;
        padding-left: 25px;
    }
    #details-weightingScore .panel-pad{
        padding: 0px 15px;
    }
    #details-weightingScore .ws-step-3-tbl-res{
        overflow: hidden;
        padding: 0px !important;
    }
    #details-weightingScore .headcol {
        left: 10px;
        font-size: 14px;
    }
/*********************10. Weighting Score Page Css End***************************/


/*********************11. Setting Page Css Start***********************/
    .lbl-setting{
        width: 100px;
    }

    .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    }

    .switch input {display:none;}

    .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    }

    .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    -webkit-transition: .4s;
    transition: .4s;
    }

    input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
    border-radius: 34px;
    }

    .slider.round:before {
    border-radius: 50%;
    }
    .act_span{
        vertical-align: top;
        line-height: 2.4;
    }
    .border-left{
        border-left: 1px solid #2ecd99;
    }

/*********************11. Setting Page Css End***********************/


/*********************12. Admin Pages Css Start***************************/
    #department .form-group, #division .form-group, #company .form-group{margin-bottom: 10px;padding-bottom: 0 !important;}
    #department hr, #division hr {margin-bottom: 20px;}
    /*Division*/
        .divistion-detail.card-view{max-height: 419px;height: 419px;}
        .div-list .table-responsive{
            height: 250px;
            overflow: hidden;
        }
        .div-list .table-responsive:hover{
            overflow: auto;
        }
        .div-list .demo-1 thead tr th{text-align: left;}
    /*Division*/

    /*Company*/
        .logo-container{height: 896px;}
        .logo-container .first-row{height: 200px;position: relative;}
        .logo-container .logo-row{display: flex;overflow: hidden; position: absolute;height: 150px; width: 150px; border: 3px solid #c4c4c4;left: 0;right: 0; margin: 0 auto;top: 125px;}
        .logo-container .logo-row .company-logo{width: 100%;height: auto;margin: auto;}
        .logo-container .logo-row .edit-logo-btn, .logo-container .logo-row .upload-logo-btn{position: absolute;right: 0;bottom: 0;height: 30px;width: 60px;padding: 0;}
        .logo-container .detail-row{height: 607px;}
        .logo-container .detail-row .detail-div{top: 100px;position: relative;}
        .logo-container .detail-row .detail-div p{padding-bottom: 0px;}
        #company .form-control-static {min-height: 0px; padding: 0px;}
        .upload-img{position: relative;top: 80px;}
        .files input {
            outline: 2px dashed #92b0b3;
            outline-offset: -10px;
            -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
            transition: outline-offset .15s ease-in-out, background-color .15s linear;
            padding: 120px 0px 85px 35%;
            text-align: center !important;
            margin: 0;
            width: 100% !important;
        }
        .files input:focus{     outline: 2px dashed #92b0b3;  outline-offset: -10px;
            -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
            transition: outline-offset .15s ease-in-out, background-color .15s linear; border:1px solid #92b0b3;
         }
        .files{ position:relative}
        .files:after {  pointer-events: none;
            position: absolute;
            top: 60px;
            left: 0;
            width: 50px;
            right: 0;
            height: 56px;
            content: "";
            background-image: url(https://image.flaticon.com/icons/png/128/109/109612.png);
            display: block;
            margin: 0 auto;
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .color input{ background-color:#f1f1f1;}
        .files:before {
            position: absolute;
            bottom: 10px;
            left: 0;  pointer-events: none;
            width: 100%;
            right: 0;
            height: 57px;
            content: " or drag it here. ";
            display: block;
            margin: 0 auto;
            color: #2ea591;
            font-weight: 600;
            text-transform: capitalize;
            text-align: center;
        }
        .modal-window input[type="text"]:disabled {
            background-color: white !important;
            border: 0;
        }
        .modal-window button.divisionOptions.disabled {
            background-color: white !important;
            border: 0 !important;
        }
        button[data-id="divisionOptions"].disabled{
            border: 0;
        }
        button[data-id="divisionOptions"].disabled span.bs-caret{
            display: none;
        }

        .modal-window .fa-edit{
            font-size:18px;
            color:#2d4b2d;
        }
        .modal-window .fa-trash{
            font-size:18px;
            color:red;
            padding-left: 10px;
        }
        .modal-window .fa-check{
            font-size:18px;
            color:#2d4b2d;
        }
        .modal-window .fa-remove{
            font-size:18px;
            color:red;
            padding-left: 10px;
        }

        .modal-window tbody input {
            word-wrap: break-word;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .modal-window > thead > tr > th {
            padding-left: 0;
        }

        .modal-window-department tbody button, .modal-window-region tbody button{
            padding-left: 0;
        }
        
        #details-company .tab-struct li{
            min-width: 200px;
            position: relative;
            text-align: center;
        }

        .company-error-message{
            box-shadow: 0 0 5px #ff0000;
        }

        .division-dropdown{
            width: 200px !important;
            height: 35px !important;
        }

        .division-outer-div > tbody > tr > td, .department-outer-div > tbody > tr > td, .region-outer-div > tbody > tr > td{
            padding: 5px 10px !important;
        }
        .has-header-sticky > thead > tr > th {
            position: sticky;
            top: 0;
            z-index: 100;
        }
    /*Company*/

    /*User*/
        #details-user{
        display: none;
        }
        .clientPhotoUpload{
        height: 40px;
        width: 63%;
        float: left;
        }
        .btn-client-upload{
        height: 40px !important;
        width: 35% !important;
        padding: 0px;
        float: left;
        margin-left: 6px;
        }
        .user-bind-list{margin-bottom: 30px !important;}
        .user-bind-list thead tr th:nth-child(8) span{position: absolute;left: 90px;top: 7px;}
        #details-user .form-control-static{overflow: hidden;text-overflow: ellipsis;}
    /*User*/   
    
/*********************12. Admin Pages Css End***************************/

/********************13. SRA Weighting Pages Css************************/
.pert-table tbody tr td{text-align: center;}
.bubble{margin-top: 60px;}
.bubble .pills-struct{padding: 0 20px;}
.pert-table .error-div{min-height: 34px;}
/*.pert-table tbody tr td{padding: 40px 16px 10px !important;}*/
.pert-table .error-padding {padding: 40px 16px 10px !important;}
/********************13. SRA Weighting Pages Css************************/

/*************************14. Cross Browser Css Start*****************************/   

    /* for mozilla **/
    @-moz-document url-prefix() { 
    /* .floatThead-container{width:calc(100% - 16px) !important;} */
    @media (min-width: 730px){
        .daterangepicker.ltr .ranges { float: none !important; }
    }
    #addCompLogo{padding: 0px 12px !important;}    
    }

    /* for mozilla **/

    /* for IE-11 **/
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
    .assessmentList-list thead tr th:nth-child(11) span{left: -5px;}
    #viewParticipants .padd-participant{padding-top: 60px !important;}
    .dtlAssessments tr .padd-temp{padding-top: 60px !important;}
    .list_of_assessments tr .padd-project{padding-top: 75px !important;}
    #scheduleRiskAnalysisTable tr .padd-project{padding-top: 75px !important;}
    .tbl-fixed-miti-view .floatThead-container{width: calc(100% - 16px) !important;}
    .recent-table.deatil-assest .floatThead-container{width: calc(100% - 2px) !important;}
    /* .ws-step2-table .table-responsive table tbody tr td:first-child{width: 50%;} */
    /* #myTabContent_11 .ws-step2-table .floatThead-container{width: calc(100% - 0px) !important;} */
    
    .recent-table .table-responsive table{min-width: 747px !important;}
    .recent-table .table-responsive:hover {overflow-x:scroll !important;}
    @media (min-width: 730px){
        .daterangepicker.ltr .ranges { float: none !important; }
    }
    }

    /* for IE-11 **/

    /* for IE Edge **/
    @supports (-ms-ime-align:auto) {
    #viewParticipants .padd-participant{padding-top: 60px !important;}
    .dtlAssessments tr .padd-temp{padding-top: 60px !important;}
    /* .list_of_assessments tr .padd-project{padding-top: 75px !important;}
    #scheduleRiskAnalysisTable tr .padd-project{padding-top: 75px !important;} */
    /* .table-responsive{padding-bottom: 10px;} */
    .tbl-fixed-miti-view .floatThead-container{width: calc(100% - 16px) !important;}
    .recent-table.deatil-assest .floatThead-container{width: calc(100% - 2px) !important;}
    /* .ws-step2-table .table-responsive table tbody tr td:first-child{width: 50%;} */
    /* #myTabContent_11 .ws-step2-table .floatThead-container{width: calc(100% - 0px) !important;} */
    @media (min-width: 730px){
        .daterangepicker.ltr .ranges { float: none !important; }
    }
    }

    /* for IE Edge **/

/*************************14. Cross Browser Css End*******************************/


/**************************15. Media Queries Start**************************/
/* Mobile Devices ----------- */
@media (max-width : 767px) {
    .bar_phase_text{margin-top: 13%;} 
    .logo-container{height: 500px;}
    .card-view.custom-height { height: 360px !important;}   
    .graph-wrapper-hidden { margin: 0px;}
    .filter-section-dashboard {height: 400px !important; margin-top: 90px;}
}

/* Ipads ----------- */
@media (max-width : 991px) {
    .bar_phase_text{margin-top: 13%;}
    .custom-tab-1 .nav-tabs > li > a{font-size: 15px !important;}
    .nav-pills.slider-asses > li a{font-size: 10px !important;}
    .switch-cust{margin-left: 30px !important;}
    .filter-section-dashboard{height: 300px;}
}

/* Small Screen Laptops ----------- */
@media (max-width : 1199px){
    .hori-ul li{width: 32%;}
    .step-3-asses-sum-table .table-responsive, .edit-step-3-asses-sum-table .table-responsive{height: auto;}
    .nav-pills.slider-asses > li a{font-size: 11px;}
}

/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1200px) {
    .sm-data-box span.font {
        font-size: 15px !important;
        position: absolute;
        top: 5px;
        left: 5px;
    }
}

/* Large screens ----------- */
@media only screen  and (min-width : 1950px) {
    .sm-data-box .counter {
        font-size: 1.7em !important;
    }
}
.custom-flex-row{
    display: flex !important;
    flex-flow: row wrap !important;
}
.custom-flex-row .col-lg-4.col-md-4.col-sm-6.col-xs-12{
    float:none !important;
}
/* Note: Try to remove the following lines to see the effect of CSS positioning */
.affixed {
    top: 64px;
    width: 100%;
    z-index: 1000 !important;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    background:#fff;
  }
  ul.fixed-tab-header{
    top:64px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    background:#fff;
    z-index: 999;
  }
  #risk-assessment-edit .clearfix, #risk-assessment-add .clearfix{
      overflow: visible !important;
  }

  .tableFixHead {overflow-y: auto; height: 500px !important;}
  .tableFixHead > table {border-collapse: collapse; width: 100%;}
  
  .tableFixHead td,
  .tableFixHead th {
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-top: 0;
  }
  
  .tableFixHead th {
      z-index: 999;
    position: relative;
    background: #eee;
    box-shadow: 1px 1px 0 0 #ddd;
  }

  .header-sticky, .header-sticky-edit1, .header-sticky-edit2, .header-sticky-add1, .header-sticky-add2 {
    top: 146px;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    background: #fff;
    z-index: 1000;
  }
  .header-sticky-add1{
    top: 145px;
  }
@media only screen and (min-width:1200px) {
    .custom-flex{
        display: -webkit-box; 
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex; 
        display: flex;
    }
    .custom-flex-height{
        height: calc(100% - 20px);
    }
}

/**************************15. Media Queries End*************************/

/**************************16. Footer START*************************/
footer.page-footer{
    background-color: #d2d2d2;
    /* color: #ae9b32; */
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -40px;
    height: 40px;
}

footer.page-footer a {
    color: #2d4b2d;
}
/**************************16. Footer END*************************/

table.borderless td, table.borderless th {
    border-top: 0 !important;
}

.project-listing-css {
    width: 1200px;
}
@media (min-width: 1400px){
    .project-listing-css{
        width: 100%;
    }
}
@media (min-width: 1500px){
    .assessmentList-list{
        width: 100%
    }
}
.selectable-impact-budget, .selectable-impact-schedule{
    cursor: pointer;
}
.potential-active{
    background: #ae9b32;
    color: white;
}

/** Smart Template CSS START */
.vertical-seperator .minimum{
    border-right: 1px solid #dadada;
}
.vertical-seperator{
    display: flex;
    justify-content: center;
}
.vertical-seperator .span6{
    padding: 30px;
    text-align: center;
}
.transformer-vintage-medals-edit input, .transformer-vintage-medals-add input{
    width: 60px;
}

#myInput {
    background-image: url('../img/searchicon.png');
    background-position: 10px 12px;
    background-repeat: no-repeat;
    width: 100%;
    font-size: 16px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin-bottom: 12px;
}
  
#myUL {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
  
#myUL li a {
    padding: 5px;
    color: black;
    display: block
}

.myul-active {
    background-color: #eee;
}
  
#myUL li a:hover:not(.header) {
    background-color: #eee;
}
.align-checkbox-text button{
    padding: 5px;
    font-size: 12px;
}
.align-checkbox-text {
    display: flex;
    align-items: center;
    line-height: 3;
}
.align-checkbox-text input{
    margin: 0;
    margin-right: 7px;
}
#project-listing table.table-hover thead tr th{
	border-left: 0;
}

#project-listing .fixed-table-toolbar ul.dropdown-menu li:nth-child(3), #project-listing .fixed-table-toolbar ul.dropdown-menu li:nth-child(1){
	display: none;
}

.asset-source-tab a {
    padding: 4px !important;
}
button.hover-impact {
    border: 1px solid transparent;
    background-color: #1717edad;
}
button.hover-impact:hover {
    background-color: blue;
    color: white;
}
/** Smart Template CSS END */

/* full screen size*/
.scatter-plot.fullscreen{
    min-height: 100% !important;
}
.top-risk-projects.fullscreen{
    min-height: 100% !important;
}
.export-sra{
    width: 20px !important;
}
.open-new-user{
    cursor: pointer;
    background: #164112;
    font-weight: bold;
}
.open-new-user:hover{
    background: #16780d !important;
    color: white !important;
    font-weight: bold;
}
.participant-delete, .add-participant, .edit-add-participant, .edit-participant-delete, .notify-members {
    display: none;
}
.notify-members {
    padding: 7px;
    margin-top: -7px;
}
.participant-listing-view tr td {
    border: 0 !important;
}
#assignedToEventautocomplete-list {
    margin-left: 14px !important;
    width: 374px !important;
}

/* remove X from locked tag */
.locked-tag .select2-selection__choice__remove{
  display: none !important;
}

.select2{
  width: 100% !important;
}

/* High chart CSS */
ul.highcharts-menu hr {
    margin-top: 0px;
    margin-bottom: 0px;
}
ul.highcharts-menu li:nth-last-child(2), ul.highcharts-menu li:last-child {
    display: none;
}

#create-risk-register .wizard .steps ul > li span.number,
#risk-assessment .wizard .steps ul > li span.number,
#risk-template .wizard .steps ul > li span.number,
#create-reliability .wizard .steps ul > li span.number,
#weightingScore-example-basic.wizard .steps ul > li span.number, 
#weightingScore-edit-example-basic.wizard .steps ul > li span.number,
#create-risk-register .wizard .steps ul > li span.number,
#schedule-risk-analysis .wizard .steps ul > li span.number {
    padding-top: 3px !important;
    width: 30px !important;
    height: 30px !important;
    font-size: 15px;
}

#schedule-risk-analysis .wizard .steps ul > li span.number {
    margin-top: 2.5px;
}

.step2-bubble-binding, .step3-bubble-binding, .step4-bubble-binding, .view-bubble-binding {
    display: flex;
    padding: 30px;
    justify-content: center;
}

.step2-bubble-binding ul, .step3-bubble-binding ul, .step4-bubble-binding ul, .view-bubble-binding ul {
    list-style: none !important;
}

#risk_per_region_modal.modal, #scatter_plot.modal {
    overflow: auto !important;
}
.aBtnGroup .btn.active {
    box-shadow: inset 0px 0px 20px 20px rgb(255, 255, 255)
}

/**
 Highchart for the maturity indicator
*/

#details-project .highcharts-figure, #details-project .highcharts-data-table table {
    min-width: 310px; 
    max-width: 800px;
    margin: 1em auto;
}

#container {
    height: 400px;
}

#details-project .highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}
#details-project .highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
#details-project .highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
#details-project .highcharts-data-table td, #details-project .highcharts-data-table th, #details-project .highcharts-data-table caption {
    padding: 0.5em;
}
#details-project .highcharts-data-table thead tr, #details-project .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
#details-project .highcharts-data-table tr:hover {
    background: #f1f7ff;
}
.line-height-reliability {
    line-height: 1.4;
}

.cyber-domain-dashboard tbody tr .long, .cyber-domain-dashboard-yesno tbody tr .long{
    max-width: 120px;
    padding-left: 10px;
    text-align: left;
    color: #000;
}
.cyber-domain-dashboard tbody tr:first-child, .cyber-domain-dashboard-yesno tbody tr:first-child{
    font-size: 16px;
    height: 30px;
    padding-left: 25px;
}
.cyber-domain-dashboard tbody tr:first-child .long, .cyber-domain-dashboard-yesno tbody tr:first-child .long{
    font-size: 14px;
    padding: 5px 15px;
    border-top: 0 !important;
    text-transform: uppercase;
    text-align: center;
}
.cyber-domain-dashboard tbody tr:first-child .headcol, .cyber-domain-dashboard-yesno tbody tr:first-child .headcol{
    font-weight: bold;
    height: 70px;
    line-height: 3.3;
    padding-left: 25px;
}

.card-height {
    height: 420px;
}
#details-project .card-height {
    height: 340px;
}

.project-listing-height-set .card-height {
    height: 420px !important;
}

.cyber-domain-legend-btn, .audit-domain-legend-btn {
    border: none;
    color: white;
    padding: 6px;
    text-align: center;
    margin: 4px 2px;
    border-radius: 50%;
}

.showFunction.bubble-shadow {
    margin-top: 6px;
}

.form-control-static {
    min-height: 34px;
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.individual-spinner {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #2d4b2d;
    border-bottom: 16px solid #2d4b2d;
    width: 80px;
    height: 80px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.form-horizontal .form-group {
    padding-bottom: 10px;
}
#AddRegister .form-horizontal .form-group {
    padding-bottom: 0px;
    margin-bottom: 5px;
}

.btn.fancy-button.btn-danger.btn-0:before, .wizard > .actions a.fancy-button.btn-danger.btn-0:before, .dt-buttons .fancy-button.btn-danger.btn-0.dt-button:before, .tablesaw-sortable th.tablesaw-sortable-head button.fancy-button.btn-danger.btn-0:before, .sweet-alert button.fancy-button.btn-danger.btn-0:before, .owl-theme .owl-nav .fancy-button.btn-danger.btn-0[class*="owl-"]:before, button.fancy-button.btn-danger.btn-0.fc-agendaDay-button.fc-state-default.fc-corner-right:before, button.fancy-button.btn-danger.btn-0.fc-month-button.fc-state-default.fc-corner-left:before, button.fancy-button.btn-danger.btn-0.fc-agendaWeek-button:before, .fancy-button.btn-danger.btn-0.fc-prev-button:before, .fancy-button.btn-danger.btn-0.fc-next-button:before, .fancy-button.btn-danger.btn-0.fc-today-button:before {
    background: rgba(210,80,70,1);
}
.btn.btn-outline.btn-danger, .wizard > .actions a.btn-outline.btn-danger, .wizard > .actions .note-editor a.btn-danger.note-btn.btn-sm, .note-editor .wizard > .actions a.btn-danger.note-btn.btn-sm, ul.wysihtml5-toolbar a.btn.btn-danger, ul.wysihtml5-toolbar .wizard > .actions a.btn-danger, .wizard > .actions ul.wysihtml5-toolbar a.btn-danger, ul.wysihtml5-toolbar .dt-buttons a.btn-danger.dt-button, .dt-buttons ul.wysihtml5-toolbar a.btn-danger.dt-button, ul.wysihtml5-toolbar .owl-theme .owl-nav a.btn-danger[class*="owl-"], .owl-theme .owl-nav ul.wysihtml5-toolbar a.btn-danger[class*="owl-"], ul.wysihtml5-toolbar a.btn-danger.fc-prev-button, ul.wysihtml5-toolbar a.btn-danger.fc-next-button, ul.wysihtml5-toolbar a.btn-danger.fc-today-button, .note-editor .btn.btn-danger.note-btn.btn-sm, .note-editor .dt-buttons .btn-danger.note-btn.btn-sm.dt-button, .dt-buttons .note-editor .btn-danger.note-btn.btn-sm.dt-button, .note-editor .sweet-alert button.btn-danger.note-btn.btn-sm, .sweet-alert .note-editor button.btn-danger.note-btn.btn-sm, .note-editor .owl-theme .owl-nav .btn-danger.note-btn.btn-sm[class*="owl-"], .owl-theme .owl-nav .note-editor .btn-danger.note-btn.btn-sm[class*="owl-"], .note-editor button.btn-danger.note-btn.btn-sm.fc-agendaWeek-button, .note-editor .btn-danger.note-btn.btn-sm.fc-prev-button, .note-editor .btn-danger.note-btn.btn-sm.fc-next-button, .note-editor .btn-danger.note-btn.btn-sm.fc-today-button, .dt-buttons .btn-outline.btn-danger.dt-button, .tablesaw-sortable th.tablesaw-sortable-head button.btn-danger, .sweet-alert button.btn-outline.btn-danger, .owl-theme .owl-nav .btn-outline.btn-danger[class*="owl-"], .owl-theme .owl-nav button.btn-danger[class*="owl-"].fc-agendaWeek-button, button.btn-danger.fc-agendaDay-button.fc-state-default.fc-corner-right, button.btn-danger.fc-month-button.fc-state-default.fc-corner-left, button.btn-danger.fc-agendaWeek-button, .btn-outline.btn-danger.fc-prev-button, .btn-outline.btn-danger.fc-next-button, .btn-outline.btn-danger.fc-today-button {
    border: solid 1px rgba(210, 80, 70, 0.5);
    color: rgba(210, 80, 70);
}

.open-button {
    box-shadow: 0 0 0 35px #ffffff inset;
    -webkit-box-shadow: 0 0 0 35px #ffffff inset;
    -moz-box-shadow: 0 0 0 35px #ffffff inset;
    color: #717171;
    border: 1px solid #717171;
    border-radius: 2px;
    font-size: 12px;
}
.open-button:hover {
    box-shadow: 0 0 0 35px #717171 inset;
    -webkit-box-shadow: 0 0 0 35px #717171 inset;
    -moz-box-shadow: 0 0 0 35px #717171 inset;
    transition: box-shadow 0.3s ease-in-out;
    color: #ffffff;
    /* border: none !important; */
}

/* .panel .panel-heading .pull-right i {
    font-size: 25px !important;
} */

.zmdi-fullscreen {
    font-size: 25px !important;
}

i.zmdi.zmdi-fullscreen:hover {
    transform: scale(1.5);
}

/* table#asset_listing td {
    min-width: 100px;
} */

img.info-window-rap-score {
    height: 15px;
    position: absolute;
    right: 5px;
    top: 5px;
}

#risk-assessment img.info-window-rap-score {
    margin-top: 5px;
    position: absolute;
    right: -1px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: #2d4b2d;
}

.score-section1 div {
    float: left;
    text-align: center;
    padding: 4px 0;
    height: 35px;
    margin: 10px auto;
}

.score-section1 {
    margin-right: 0px;
}

#risk-template-details .nav-pills.slider-asses > li {
    min-width: 10% !important;
    width: auto !important;
}
#risk-template-details .nav-pills.slider-asses > li a {
    font-size: 12px;
}


.participant-table.add-participant-table .table-responsive:hover {
    overflow:scroll !important;
}
#impact.table-responsive {
    overflow:hidden !important;
}
#impact.table-responsive:hover {
    overflow-y:scroll !important;
}

body .uwy.userway_p1 .uai {
    bottom: 15px !important;
    right: 15px !important;
    top: auto !important;
}

.badge {
    font-size: 11px;
}

.tooltips .tooltiptext {
    visibility: hidden;
    background-color: #fff;
    color: #555;
    text-align: center;
    padding: 5px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    /* left: 50%; */
    margin-left: -60px;
    opacity: 0;
    bottom: calc(100% + 10px); /* Position tooltip below the button */
    transition: opacity 0.3s;
    border: 2px solid #555;
    white-space: nowrap;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tooltips .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    bottom: calc(100% + 10px); /* Position tooltip below the button */
    border-color: #555 transparent transparent transparent;
}

.tooltips:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
    max-width: none;
    overflow: visible;
    white-space: normal;
}

#rapai .modal-dialog {
    position: fixed;
    margin: auto;
    width: 34%;
    height: 100%;
    right: 0px;
}

#rapai .modal-content {
    height: 100%;
}

#rapai .rap-ai-render-target,
#rapai .rap-ai-response-wrap {
    color: #212121;
    line-height: 1.6;
    width: 100%;
}

#rapai .rap-ai-thinking {
    font-style: italic;
    color: #666;
}

#UserGuideai .rap-ai-render-target,
#UserGuideai .rap-ai-response-wrap {
    color: #212121;
    line-height: 1.6;
    width: 100%;
}

#UserGuideai .modal-dialog {
    position: fixed;
    margin: auto;
    width: 34%;
    height: 100%;
    right: 0px;
}

#UserGuideai .modal-content {
    height: 100%;
}

/* User Guide help HTML: Edge does not reliably synthesize bold from font:inherit reset + Poppins */
#UserGuideai .rap-user-guide-content strong,
#UserGuideai .rap-user-guide-content b,
#UserGuideai .ai-body-context strong,
#UserGuideai .ai-body-context b {
    font-weight: 700 !important;
    font-family: "Poppins", sans-serif;
}

#UserGuideai .rap-user-guide-content h5 {
    font-weight: 600 !important;
    font-family: "Poppins", sans-serif;
}

#UserGuideai .rap-user-guide-content [style*="font-weight: 1000"],
#UserGuideai .rap-user-guide-content [style*="font-weight:1000"] {
    font-weight: 600 !important;
}

.full-screen-chart {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.highcharts-container.full-screen-chart {
z-index: 10000;
}

 /* External users: sidebar hidden — remove gutter + borders that read as a vertical strip */
body.rap-external-user .page-wrapper {
    margin-left: 0 !important;
}
body.rap-external-user.slide-nav-toggle .page-wrapper,
body.rap-external-user .wrapper.slide-nav-toggle .page-wrapper {
    margin-left: 0 !important;
}
body.rap-external-user .fixed-sidebar-left {
    display: none !important;
    width: 0 !important;
    border: none !important;
    box-shadow: none !important;
    visibility: hidden !important;
}
/* Keep #left-sidebar in the tree (not display:none): it hosts modals such as #modal_aside_left_profile */
body.rap-external-user #left-sidebar {
    width: 0 !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: none !important;
    background: transparent !important;
}
body.rap-external-user .navbar.navbar-inverse.navbar-fixed-top .nav-header {
    width: auto !important;
    max-width: none !important;
}
body.rap-external-user .navbar.navbar-inverse.navbar-fixed-top .nav-header .logo-wrap {
    width: auto !important;
}

/* Applied ~3s after login for external users (see access.js): hide destructive row menus without per-row checks */
body.rap-ext-hide-row-crud .rap-ext-hide-crud {
    display: none !important;
}

/* External not on vendor/audit program team: hide in-progress edit affordances (assessment edit, risk register add/edit event) */
body.rap-external-user.rap-ext-hide-row-crud .rap-ext-external-no-team-edit {
    display: none !important;
}

/* External layout: profile / header dropdowns sit above the brand strip (sidebar hidden) */
body.rap-external-user .navbar.navbar-inverse.navbar-fixed-top {
    overflow: visible;
}
body.rap-external-user .navbar.navbar-inverse.navbar-fixed-top .mobile-only-brand {
    float: left;
    max-width: calc(100% - 280px);
    position: relative;
    z-index: 1;
}
body.rap-external-user .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav {
    position: relative;
    z-index: 1050;
}
body.rap-external-user .navbar.navbar-inverse.navbar-fixed-top .mobile-only-nav .dropdown-menu {
    z-index: 1060;
}