/*
    To change this license header, choose License Headers in Project Properties.
    To change this template file, choose Tools | Templates
    and open the template in the editor.
*/


/* 

    Created on : 2 Dec, 2020, 3:13:49 AM
    Author     : Nikhil

*/


/* Global Styles */

:root {
    --mainColor: #036000;
    --hueColor: #FBFFFA;
    --accentColor: #EAF4E9;
    --lightPrimaryColor: #CCF1CB;
    --navigationColor: #8AAD89;
    --Color6: #8AAD89;
    --Color7: #8AAD89;
}


/* hard core color */

:root {
    --color1: #FBFFFA;
    --color2: #EAF4E9;
    --color3: #CCF1CB;
    --color4: #A4FFA2;
    --color5: #8AAD89;
    --color6: #006405;
    --color7: #023503;
    --grey1: #F0F1F2;
    --grey2: #E7E7E7;
    --grey3: #D1D1D1;
    --grey4: #A3A3A3;
    --grey5: #656565;
    --grey6: #333333;
    --grey7: #0D0D0D;
}

.nicon {
    color: var(--color6);
}

body {
    background-color: #f8f8f8;
    font-family: Roboto !important;
}

h1 {
    font-family: 'Roboto';
    font-size: 40px;
    font-weight: normal;
    /*    font: normal normal bold 40px/47px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

h2 {
    font-family: 'Roboto';
    font-size: 30px;
    font-weight: normal;
    /*     font: normal normal bold 30px/35px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

h3 {
    font-family: 'Roboto';
    font-size: 24px;
    font-weight: bold;
    /*    font: normal normal bold 24px/28px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

h4 {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: bold;
    /*    font: normal normal bold 18px/21px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

h5 {
    font-family: 'Roboto';
    font-size: 16px;
    font-weight: bold;
    /*    font: normal normal bold 16px/19px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

h6 {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    /*   font: normal normal bold 14px/16px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

.Body_14_Regular {
    font-family: 'Roboto' !important;
    font-size: 14px !important;
    font-weight: normal !important;
    /*    font: normal normal normal 14px/25px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

.Body_16_Regular {
    font-family: 'Roboto' !important;
    font-size: 16px !important;
    font-weight: normal !important;
    /*    font: normal normal normal 16px/28px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

.Body_12_Regular {
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-weight: normal !important;
    /*    font: normal normal normal 12px/22px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

.Quote_12_Italic {
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-weight: normal !important;
    font-style: italic !important;
    letter-spacing: 0px;
    color: var(--grey5) !important;
    opacity: 1;
}

.Body_14_Light {
    font-family: 'Roboto' !important;
    font-size: 14px !important;
    font-weight: normal !important;
    /*    font: normal normal 300 14px/28px Roboto;*/
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.Budy_12_Bold {
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-weight: bold !important;
    /*     font: normal normal bold 12px/22px Roboto;*/
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.Body_10_Regular {
    font-family: 'Roboto' !important;
    font-size: 10px !important;
    font-weight: normal !important;
    /*    font: normal normal normal 10px/22px Roboto;*/
    letter-spacing: 0px;
    color: #1D1D1D;
    opacity: 1;
}

.Body_12_Bold {
    font-family: 'Roboto' !important;
    font-size: 12px !important;
    font-weight: bold !important;
    /*   font: normal normal bold 12px/22px Roboto;*/
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}


/* ------------------------------- */


/* -------------- ICONS ----------------- */

.drilldownnewicon {
    border-radius: 10px;
    background-color: #d8d8d8;
    color: #939393;
    padding: 2px 7px;
    font-size: 10px;
    text-transform: uppercase;
}

.header_icon {
    box-sizing: border-box;
    width: 35px;
    height: 35px;
    display: inline-block;
    background-size: contain;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    background-attachment: initial;
    background-color: transparent;
    margin-top: -1px;
    margin-left: 0px;
    position: absolute;
    left: 0px;
    top: 8px;
}

.icon_Configuration {
    background-color: var(--color6);
    -webkit-mask: url(/guilib/images/newicon/Configuration.svg) no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask: url(/guilib/images/newicon/Configuration.svg) no-repeat;
    mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
}

.calendar {
    background-color: var(--color6);
    -webkit-mask: url(/guilib/images/newicon/calendar.svg) no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask: url(/guilib/images/newicon/calendar.svg) no-repeat;
    mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    mask-size: contain;
}


/*     .o_including{
         background-color:var(--color6);
            -webkit-mask: url(/guilib/images/newicon/log-in-green.svg) no-repeat;
             -webkit-mask-repeat: no-repeat;
             -webkit-mask-size: contain;
              mask: url(/guilib/images/newicon/log-in-green.svg) no-repeat;
              mask-repeat: no-repeat;
              mask-repeat: no-repeat;
              mask-size: contain;
     }*/


/* --------------   END ICONS ------------- */


/* ---------------main button ---------------- */

.btn_right {
    position: absolute;
    right: 17px;
    top: 14px;
}

.btn_left {
    position: absolute;
    left: 17px;
    top: 14px;
}

.btn_big {
    width: 131px !important;
    height: 40px !important;
    background: var(--color6) 0% 0% no-repeat padding-box !important;
    border-radius: 20px !important;
    opacity: 1;
    /*    font: normal normal bold 14px/20px Roboto !important;*/
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.14px !important;
    color: white;
    border: none;
}

.btn_big:hover {
    width: 131px;
    height: 40px;
    background: #333333 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
    border: none;
}

.btn_big_without_bg {
    width: 131px !important;
    height: 40px !important;
    /*    background: #036000 0% 0% no-repeat padding-box !important;*/
    border-radius: 20px !important;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto !important;
    letter-spacing: 0.14px !important;
    color: var(--color6) !important;
}

.btn_big_without_bg:hover {
    width: 131px;
    height: 40px;
    /* background: #036000 0% 0% no-repeat padding-box !important; */
    border-radius: 20px;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
    color: var(--color6) !important;
}

.btn_small {
    width: 131px;
    height: 28px;
    background: var(--color6) 0% 0% no-repeat padding-box !important;
    border-radius: 20px;
    opacity: 1;
    color: var(--color1);
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
}

.btn_small:hover {
    width: 131px;
    height: 28px;
    background: var(--grey6) 0% 0% no-repeat padding-box !important border-radius: 20px;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
}

.s_btn_big {
    width: 131px;
    height: 40px;
    border: 1px solid #08600C;
    border-radius: 20px;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
}

.s_btn_big:hover {
    width: 131px;
    height: 40px;
    background: #CCF1CB 0% 0% no-repeat padding-box;
    border: 1px solid #08600C;
    border-radius: 20px;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
}

.s_btn_small {
    width: 131px;
    height: 28px;
    border: 1px solid var(--color6) !important;
    border-radius: 20px;
    opacity: 1;
    color: var(--color6) !important;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
}

.s_btn_small:hover {
    width: 131px;
    height: 28px;
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--color6) !important;
    border-radius: 20px;
    opacity: 1;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
}

.s_btn_small_f {
    height: 28px;
    border: 1px solid var(--color6) !important;
    border-radius: 16px;
    opacity: 1;
    color: var(--color6) !important;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
    padding: 1px 14px;
    background-color: transparent;
}

.s_btn_small_f:hover {
    height: 28px;
    border: 1px solid var(--color6) !important;
    border-radius: 16px;
    opacity: 1;
    color: var(--color6) !important;
    font: normal normal bold 14px/20px Roboto;
    letter-spacing: 0.14px;
    padding: 1px 14px;
    background: #CCF1CB 0% 0% no-repeat padding-box;
}


/* ------------------------------- */


/* -----------LOGIN PAGE CLASS  ------------- */

.mod-login {
    position: absolute;
    right: 50px;
    top: 22%;
    /* nilesh#120521 - s */
    bottom: auto;
    width: 300px;
    height: auto;
    padding: 24px 24px 30px;
    /* nilesh#120521 - e */
    z-index: 1;
    /* background: var(--color1) !important; */
    -webkit-box-shadow: 0px 0px 5px 0px #a1a1a1;
    -moz-box-shadow: 0px 0px 5px 0px #a1a1a1;
    box-shadow: 0px 0px 5px 0px #a1a1a1;
    background: var(--color1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 11px #00000029;
    border: 1px solid var(--color5);
    opacity: 1;
    border-radius: 10px;
}

.loginimglogo {
    /*    width: 261px !important;
    border-bottom: 1px solid var(--color5);
    margin-left: 1px;
    margin-top: -3px;
    margin-bottom: 18px;*/
}

.img-wrap {
    margin: 0 auto !important;
    margin-top: 16px !important;
    margin-bottom: 10px !important;
    width: 250px !important;
    height: 136px !important;
    /*    border-bottom: 1px solid var(--color5);*/
}

.login_input_box {
    width: 252px !important;
    height: 40px !important;
    background: var(--color2) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--color5) !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    margin-bottom: 5px;
    padding-left: 10px;
}

.login_input_box:focus,
.login_input_box:-webkit-autofill,
.login_input_box:-webkit-autofill:hover,
.login_input_box:-webkit-autofill:focus {
    width: 252px !important;
    height: 40px !important;
    background: var(--color2) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--color5) !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    outline: none;
    margin-bottom: 5px;
    padding-left: 10px;
}

.login_label {
    width: 234px;
    height: 17px;
    /*    text-align: left;
    font: italic normal normal 12px/25px Roboto;
    letter-spacing: 0px;
    color: var(--grey5);*/
    opacity: 1;
}


/* nilesh#120521 */


/* .login-form-div
{
    margin-left: 7px;
    margin-top: 12px;
} */


/* nilesh#120521 */

.login-form-div .login_input_box {
    width: 100% !important;
    padding: 0 10px;
}


/* nilesh#120521 */

.login-form-div .act-btn .login_btn {
    width: 100%;
    margin-top: 0;
    font-weight: 600;
}

.clickhere {
    color: var(--color6);
    text-align: center;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: bold;
    /*    font: normal normal bold 12px/25px Roboto;*/
    letter-spacing: 0px;
}

.remeber {
    padding-left: 0px !important;
}

.login_btn {
    width: 252px;
    height: 40px;
    background: var(--color6) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    border: 0px;
    opacity: 1;
    color: white;
    text-align: center;
    /*    font: normal normal bold 14px/20px Roboto;*/
    letter-spacing: 0.14px;
    /*    color: var(--color1);*/
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    margin-top: -6px;
}

.login_btn:hover {
    width: 252px;
    height: 40px;
    background: var(--grey6) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    border: 0px;
    opacity: 1;
    color: white;
    text-align: center;
    /*    font: normal normal bold 14px/20px Roboto;*/
    letter-spacing: 0.14px;
    /*    color: var(--color1);*/
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    margin-top: -6px;
}

.login_btn_text {}


/*.bs-sec.typ-login .sec-cont .bg-img-wrap {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    background: url(images/login-bg.jpg) no-repeat 0 0 transparent;
    background-size: cover!important;
}*/


/* --------------------------------------------*/

.partner-name {
    font-family: 'Roboto';
    font-weight: 700;
    text-align: left;
    color: var(--color6) !important;
    font-size: 12px !important;
    letter-spacing: 0.24px;
    opacity: 1;
    margin-right: 6px;
}

.panel-heading button span.icon.icon-cancel {
    /* display: none !important; */
}

.new-mange-dashboard-btn {
    position: absolute;
    top: 29px;
    z-index: 8;
    right: 15px;
    color: white;
    width: 103px;
    display: grid;
    text-align: center;
    height: 62px;
    cursor: pointer;
}

.new-mange-dashboard-btn:hover {
    position: absolute;
    top: 29px;
    z-index: 1111;
    right: 15px;
    color: white;
    width: 103px;
    display: grid;
    text-align: center;
    height: 62px;
    cursor: pointer;
    background: var(--color7);
}

.new-mange-dashboard-icon {
    width: 22px;
    color: black;
    background-color: #EFBB25;
    height: 23px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    border-radius: 27px;
    /* position: absolute; */
    margin: 6px 0px -4px 37px;
    letter-spacing: 0px;
    color: #1D1D1D;
}

.new-mange-dashboard-text {
    font: normal normal normal 12px/20px Roboto;
    letter-spacing: 0px;
    color: var(--color1);
    opacity: 1;
}


/* nilesh#060521 */

.md3dotmenucol {
    display: flex;
    align-items: center;
    /* position: absolute;
        height: 100%;
        right: 15px; */
}

@media (min-width:401px) and (max-width: 440px) {
    .getDrillDownStats {
        position: absolute;
        right: 0px !important;
        top: 44px !important;
        z-index: 5;
    }
}

@media (min-width:360px) and (max-width: 400px) {
    .modal {
        bottom: auto !important;
        /* nilesh240621 */
        top: 50%;
        transform: translateY(-50%);
    }
    /* nilesh240621 */
    .getDrillDownStats {
        position: absolute;
        right: 0px !important;
        top: 44px !important;
        z-index: 5;
    }
    .navbar-top-links li:last-child {
        margin-right: -4px !important;
    }
    .brand-wrapper {
        width: 60px !important;
    }
    .mobile-nav-right {
        float: right !important;
        position: absolute !important;
        right: 3px !important;
    }
    .bs-header .nav-right .mod-user-info app-notifications {
        margin-right: 0px !important;
    }
    .navusermainmenu a {
        width: 50px !important;
    }
    .header_icon {
        left: 8px !important;
    }
    /* nilesh#120521 */
    .navusermainmenu ul li a {
        width: 100% !important;
    }
}

@media (min-width:401px) and (max-width: 800px) {
    .navbar-top-links li:last-child {
        margin-right: 0px !important;
    }
    .navusermainmenu a {
        width: 50px !important;
    }
    .header_icon {
        left: 8px !important;
    }
}

@media (min-width:360px) and (max-width: 600px) {
    .addtod_col {
        padding: 0;
    }
}

@media (min-width:360px) and (max-width: 650px) {
    .holder_add_to_existing_dashboard_sub_div {
        width: 100% !important;
        padding: 10px 0px !important;
    }
    .holder_add_to_existing_dashboard_sub_div h4 {
        text-align: center !important;
    }
    .holder_New_Dashboard_sub_div {
        width: 100% !important;
        padding: 10px 0px !important;
        text-align: center !important;
    }
    .lyt-summary .bs-sec .sec-head .sec-title .bs-icon-text {
        width: 100% !important;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-secondary {
        width: 100px !important;
        float: left;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-secondary:hover {
        width: 100px !important;
        float: left;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-default {
        width: 100px !important;
        float: right;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-default:hover {
        width: 100px !important;
        float: right;
    }
    /* nilesh#120521*/
    .lyt-summary .bs-sec .sec-head .sec-title .bs-icon-text .text {
        max-width: 85% !important;
    }
    /* nilesh#070521*/
    /* .mdmidelcolum
    {
             width: calc(80% - 145px) !important;
    } */
    .mdmidelcolumnon-edit-mode {}
    .manage_dashboard_strip_main_div {}
    .manage_dashboard_strip_main_div {}
    .mdmidelcolumndont-break-out {}
    /* nilesh#080521 */
    .mdmidelcolumndiv_dashboard_name {
        padding: 9px 0;
    }
    .md3dotmenucol {
        right: 5px;
    }
    .mgm_dash_width_input_box {
        width: 56% !important;
    }
    .manage_dashboard_strip_main_div {
        width: 100% !important;
    }
}

@media (min-width:651) {
    .s_btn_small {
        width: 90px !important;
    }
    .btn_small {
        width: 90px !important;
    }
    .btn_generateNewReport {
        width: 140px !important;
        min-width: 140px;
        font-size: 13px !important;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-secondary {
        width: 131px !important;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-secondary:hover {
        width: 131px !important;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-default {
        width: 131px !important;
    }
    .modal-content .panel .panel-footer .row .col-md-12 .btn-default:hover {
        width: 131px !important;
    }
}

@media (min-width:651px) and (max-width: 750px) {
    .lyt-summary .bs-sec .sec-head .sec-title .bs-icon-text {
        width: 100% !important;
    }
    .lyt-summary .bs-sec .sec-head .sec-title .bs-icon-text .text {
        max-width: 100% !important;
    }
    .mdmidelcolum {
        /*         width: 100% !important;*/
        width: calc(80% - 90px) !important;
    }
    .md3dotmenucol {
        right: 10px;
    }
    .mgm_dash_width_input_box {
        width: 76% !important;
    }
    .manage_dashboard_strip_main_div {
        width: 100% !important;
    }
}

@media (min-width:751px) and (max-width: 900px) {
    .mdmidelcolum {
        width: calc(72% - 70px) !important;
    }
    /* nilesh#120521*/
    .lyt-summary .bs-sec .sec-head .sec-title .bs-icon-text .text {
        max-width: calc(100vw - 16vw)!important;
    }
    .md3dotmenucol {
        right: 15px;
    }
    .manage_dashboard_strip_main_div {
        width: 100% !important;
    }
}

@media (min-width:901px) and (max-width: 991px) {
    .mdmidelcolum {
        width: 40% !important;
    }
}

@media (min-width:901) {
    .md3dotmenucol {
        right: 1%;
    }
    .mgm_dash_width_input_box {
        width: 378px !important;
    }
    .hide-after-900 {
        display: none !important;
    }
}

.mgm_dash_width_input_box {
    width: 378px;
    height: 40px !important;
    background: var(--accentColor) 0% 0% no-repeat padding-box !important;
    border: 1px solid var(--color5) !important;
    border-radius: 10px !important;
    opacity: 1 !important;
    /* width: 100% !important; */
    padding: 0px 13px;
    text-align: left;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    outline: none;
    margin-left: 3px;
    margin-right: 6px;
    /* nilesh#060521 */
    margin-top: 0px;
    margin-bottom: 0px;
}

.lyt-summary .bs-sec .sec-head .sec-title .bs-icon-text .text {
    font-weight: 100;
    font-size: 30px !important;
    font-weight: bold !important;
    line-height: 32px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 600px;
}

.btn2.btn-edit-mode.drag .icon:before {
    line-height: 25px;
    width: 25px;
    height: 25px;
    background: var(--color1) !important;
    color: #333333 !important;
    box-shadow: -1px -1px 3px #00000029 !important;
}

.btn2.btn-edit-mode.drag .icon:before {
    background: var(--color3) !important;
    color: var(--color6) !important;
    box-shadow: none !important;
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
}

btn2.btn-edit-mode.drag .icon:before {
    background: var(--color1) !important;
    color: var(--color6) !important;
    /* box-shadow: none !important; */
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    box-shadow: 0px 3px 4px #00000029 !important;
}

.manage_dashboard_drag_a .icon:before {
    background: var(--color1);
    color: var(--color6) !important;
    /* box-shadow: none !important; */
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    /*    box-shadow: 0px 3px 4px #00000029 !important;*/
    border-radius: 60px;
}

.manage_dashboard_drag_a:hover .icon:before {
    background: var(--color3) !important;
}

.manage-dashboard-more-opt:hover {
    background: var(--color3) !important;
}

.manage-dashboard-more-opt-icon:before {
    font-size: 16px !important;
}

.dropdown-user>li>a:focus,
.dropdown-user>li>a:hover {
    text-decoration: none;
    background-color: var(--color3);
    margin: 2px;
    border-radius: 10px;
    width: inherit !important;
}

.dropdown-user>div>li>a:focus,
.dropdown-user>div>li>a:hover {
    text-decoration: none;
    background-color: var(--color3);
    margin: 2px;
    border-radius: 10px;
}

.dropdown-user>div>li>a,
.dropdown-user>div>li>a {
    margin: 2px !important;
}


/*.manage_dashboard_drag_a:hover.icon:before
{
    background: var(--color3) !important ;
    color: var(--color6) !important;
     box-shadow: none !important; 
    line-height: 32px !important;
    width: 32px !important;
    height: 32px !important;
    box-shadow: 0px 3px 4px #00000029 !important;

}*/

.mg_d_link {
    padding: 11px 14px 11px 40px !important;
    margin: 3px;
}

.dropdown .dropdown-menu.typ-icon .mg_d_link .icon {
    left: 8px;
    top: 10px !important;
    position: absolute;
    font-size: 20px;
}

.dropdown .dropdown-menu .mg_d_link:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    margin: 5px;
    border-radius: 10px;
}



/* ------------ header  ------------------- */

.navusermainmenu:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
}

.navusermainmenua:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
}

.mod-user-info .nicon {
    font-size: 32px;
    margin-right: 3px;
    position: absolute;
    top: 5px;
}

.custom-list-dropdown-inner-ul li {
    color: var(--color6);
    background-color: var(--color2);
}

.dropdown-user-nav-span {
    font-family:'Roboto';
    font-size:14px;
    line-height: 20px;
    font-weight:normal;
    letter-spacing: 0px;
    color: var(--color6);
    opacity: 1;
    margin-left: 35px;
}

.dropdown-user-nav-icon {
    color: #036000;
    opacity: 1;
    margin: 0px 8px 0px 9px;
}

.panel-footer {
    border-bottom-right-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
}

.dashboardreportpannelheading {
    background: var(--color1) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 1px 6px #0000003d !important;
    border-radius: 10px !important;
    opacity: 1;
    border-bottom-color: transparent!important;
}

.dashboardaddreportpannelheading {
    background: var(--color1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #00000029;
    border-radius: 10px;
    opacity: 1;
}

#navbar-salt .nav .open>a {
    background-color: var(--color3) !important;
    /* color: #707070; */
}

.getDrillDownStats {
    position: absolute;
    right: 106px;
    top: 16px;
}

.header_d_icon {
    font-size: 40px;
    width: 50px;
    position: absolute;
    left: 2px;
    color: white;
    top: -4px;
}

.dashboardh3spanleft {
    margin-left: 50px;
}

.bs_sec_kpi_slider_having .sec-head .sec-title .bs-icon-text .dashboardnamemaintag .dashboardiconleft {
    left: -49px !important;
}

.bs_sec_kpi_slider_having .sec-head .sec-title .bs-icon-text .dashboardnamemaintag .dashboardh3spanleft {
    margin-left: 0px !important;
}


/* ------------ new DROPDOWN CHNAGES FOR SELECT2  ------------------- */


/* ------------ new DROPDOWN CHNAGES FOR MY DASHBOARD MENU  ------------------- */

.cm-history-btn.open {
    background: var(--color7) 0% 0% no-repeat padding-box !important;
}

.dropdown.open {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
}

.select-container.open {
    background: transparent !important;
    border-radius: 14px;
}

.select-container .dropdown.open {
    background: transparent !important;
    border-radius: 14px;
}

.select-conta .dropdown.open {
    background: transparent !important;
    border-radius: 14px;
}

.history-dropdown.open {
    background-color: var(--color7) !important;
}

#granularityContainer.open {
    background: var(--color7) 0% 0% no-repeat padding-box !important;
}

#report-granularity-option.open {
    background: var(--color7) 0% 0% no-repeat padding-box !important;
}

#report-payload-option.open {
    background: var(--color7) 0% 0% no-repeat padding-box !important;
}

.reportdetail-payload-dropdown-li {}

.reportdetail-payload-dropdown-ul {}

.reportdetail-payload-dropdown-a:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    padding: 13px 13px !important;
    margin: 1px 4px 1px 4px !important;
    border-bottom: 0px !important;
    border-radius: 10px;
}

.reportdetail-payload-dropdown-a {
    padding: 13px 13px !important;
    border-bottom: 0px !important;
    border-radius: 10px;
}

.reportdetail-payload-dropdown-maindiv {
    width: 180px !important;
    width: 210px !important;
    background: var(--hueColor) !important;
}

.report-payload-3dot-menu-a-icon {
    font-size: 39px !important;
    position: absolute !important;
    left: 0 !important;
    top: 1px !important;
    color: var(--color6) !important;
}

.report-payload-3dot-menu-a-text {
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    color: var(--color6) !important;
    line-height: 22px !important;
    margin-left: 28px !important;
    font-weight: normal !important;
}

#payloadContainer.open {
    background: var(--color7) 0% 0% no-repeat padding-box !important;
}

#granularityContainer.open {
    background: var(--color7) 0% 0% no-repeat padding-box !important;
}

#granularityContainer .dropdown .dropdown-menu .link:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    margin: 3px 4px 1px 4px !important;
    border-radius: 10px;
}

#granularityContainer .dropdown .dropdown-menu.typ-icon .link {
    position: relative;
    padding: 7px 0px 7px 30px !important;
}

#granularityContainer .dropdown .dropdown-menu .link:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    margin: 3px 4px 1px 4px !important;
    border-radius: 10px !important;
}

.granularity-container.dropdown .dropdown-menu.typ-icon .link .icon {
    margin-top: -14px;
    font-size: 20px;
}

.granularity-container .dropdown-menu {
    width: 233px!important;
}

.granularitydropdownmaindiv {
    top: 60px;
}

li.granularitydropdownli {
    padding: 0px !important;
}


/* nilesh#120521 - start */

.granularitydropdownlia {
    padding: 10px 2px 10px 17px !important;
    border-bottom: 0px !important;
    border-radius: 10px;
    display: flex !important;
    align-items: center;
    /* justify-content: end; */
}

.cm-granularity-btn .bs-icon-text .icon {
    left: auto !important;
    top: auto !important;
    position: relative !important;
    margin-bottom: 0 !important;
}

.granularitydropdownlia .granularitydropdownliatext {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 8px;
}

.granularitydropdownlia .granularitydropdownliaicon {
    position: initial !important;
}

.granularitydropdownmaindiv .granularitydropdownul li:last-child a.link {
    border-bottom: none;
    display: flex;
    padding: 10px 2px 10px 17px;
    border-radius: 4px;
}


/* nilesh#120521 - end */

.granularitydropdownliaicon {
    font-size: 20px !important;
    left: 10px !important;
    top: 8px !important;
}

.granularitydropdownliatext {
    font-size: 14px !important;
    position: absolute;
    top: 13px;
    left: 34px;
}

.bs-header .nav-left .list .item:hover,
.bs-header .nav-left .list .item.active {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
}

.dropdown .dropdown-menu .link:hover {
    /* nilesh230621 */
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    /* margin: 3px 4px 1px 4px !important;*/
}

.menu_d_icon {
    font-size: 33px;
    color: var(--color6);
    position: absolute;
    top: 8px;
    left: 4px;
}

.dropdown_my_dashboard_link_txt {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    letter-spacing: 0px;
    color: var(--color6);
    margin-left: 13px;
}


/* ------------ end DROPDOWN CHNAGES FOR MY DASHBOARD MENU   ------------------- */

.dropdown .dropdown-menu .link .text {
    vertical-align: middle;
    display: inline;
    text-transform: capitalize;
    overflow-wrap: break-word;
    text-align: left;
    font: normal normal 300 14px/16px Roboto;
    letter-spacing: 0px;
    color: var(--color6);
    opacity: 1;
    margin-left: 8px;
}

.cm-select-container {
    position: relative;
    width: 100%;
    text-align: right;
    white-space: nowrap;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 40px !important;
    margin-left: -1px;
    padding: 10px 5px 10px 14px !important;
    font-family: Roboto;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    text-align: left;
    color: var(--color6)!important;
    border-radius: 10px;
    background: #fbfffa;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.11);
    border-radius: 10px;
    /*	background: #ccf1cb !important;*/
    border: 1px solid var(--color5) !important;
}

.form-control.select2-container {
    height: 40px !important;
    padding: 0px;
    /* nilesh#190521 */
    border: none;
    box-shadow: none;
}

.select2-container .select2-choice {
    box-shadow: none;
    width: 100% !important;
    padding-left: 0px;
    background: none !important;
}

.select2-container .select2-choice .select2-arrow {
    background: none !important;
    border: none;
}

.form-control.select2-container.select2-dropdown-open {
    border-radius: 10px;
}

.select2-drop-active {
    border: 1px solid #eee;
}

.select2-drop-active {
    border: 1px solid #5897fb;
    border-top: none;
    border-radius: 10px;
    margin-top: 5px;
}

.select2-results li {
    padding: 7px 14px !important;
    border-bottom: none !important;
}

.select2-results .select2-highlighted {
    background: #f5f5f5!important;
    color: #333333!important;
    border-radius: 10px;
}


/* ------------  end DROPDOWN CHNAGES FOR SELECT2   ------------------- */


/* ------------   MANAGE DASHBOARD CSS   ------------------- */


/* ------------  end MANAGE DASHBOARD CSS ------------------- */

.mgm_d_icon {
    font-size: 36px;
    color: var(--color6);
    /* position: absolute;
    top: -10px; */
    /*    left: 21px;   */
}

.mgm_d_icon_edit {
    font-size: 36px;
    color: var(--color6);
    position: absolute;
    top: 0px;
}

.manage-dashboard-name {
    color: var(--color6);
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    opacity: 1;
    margin-left: 40px;
    display: block;
}

.manage-dashboard-more-icon {
    font-size: 39px;
    position: absolute;
    left: 0;
    top: 1px;
    color: var(--color6);
}

.manage-dashboard-more-menu {
    width: 212px !important;
}

.manage-dashboard-more-opt {
    /* display: inline-block;
    top: 52%;
    transform: translateY(-50%);
    right:14px;
    position: absolute;
    border-radius: 50px;
    padding: 2px;
        display: flex; */
}

.dropdown.more-opt-wrap.open .btn-more-opt:hover {
    z-index: 1119;
    position: relative;
    background: var(--color3);
    border-radius: 50%;
    width: 32px;
    height: 32px;
}

.manage-dashboard-more-opt .btn-more-opt {
    background-color: transparent;
    border: none;
}

li.mgm_d_3menu {
    padding: 1px 0px;
}

.tree-node-content {
    margin: 0 10px 10px 10px;
    background: var(--color1) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 3px 4px #00000029 !important;
    border: 1px solid var(--color5) !important;
    border-radius: 10px !important;
    opacity: 1;
}

.manage_dashboard_date {
    font: normal normal normal 16px/20px Roboto !important;
    letter-spacing: 0px;
    color: var(--color6) !important;
    opacity: 1;
    /* nilesh#060521 */
    display: flex;
    align-items: center;
}

.manage_dashboard_preset {
    font: normal normal normal 16px/20px Roboto !important;
    letter-spacing: 0px;
    color: var(--color6) !important;
    opacity: 1;
    overflow: hidden;
    white-space: wrap;
    /* nilesh#070521 */
    /* width: 205px; 
        max-width: 205px; */
    text-align: right;
    margin-right: 6px;
}


/* nilesh#060521 */


/* .mdc_hover_fix{
    width: 75px !important;
} */

.manage_dashboard_date_main_new {
    /*    position: absolute !important;
    top: 66% !important;
    transform: translateY(-50%) !important;
    right: 64px  !important;
    height: 100%;    
    padding: 22px 10px !important;
    cursor: pointer;*/
}

.manage_dashboard_date_main {
    /*    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 64px  !important;
    height: 100%;    
    padding: 22px 22px !important;
    cursor: pointer;*/
    /* nilesh#060521 */
    padding: 17px 10px 17px 14px;
    display: inline-block;
}

.manage_dashboard_date_main:hover {
    /* position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 34px !important;
    padding: 15px 0px 15px 30px!important;
    cursor: pointer;
    background: var(--color3) 0% 0% no-repeat padding-box !important; */
}


/*.manage_dashboard_date_main:hover{
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: 64px  !important;
     height: 100%; 
    
    padding: 22px 10px !important;
    background: #CCF1CB 0% 0% no-repeat padding-box !important;
    cursor: pointer;
    
}*/

.manage_dashboard_drag_i {
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 19px;
    text-transform: capitalize !important;
    font-size: 33px;
    font-weight: 300;
}

.manage_dashboard_drag_a {
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
}

.manage_dashboard_drag_a:hover {
    position: absolute;
    left: -3px;
    top: 50%;
    transform: translateY(-50%);
}

.mgm_i_cal {
    font-size: 36px;
    position: relative;
    /* top: 12px; */
    right: 2px;
}

.modal .panel-footer .row {
    background-color: transparent !important;
    border: 0px !important;
}

.modal-content .panel .panel-footer .row .col-md-12 .btn-secondary {
    width: 131px;
    height: 28px !important;
    border: 1px solid var(--color6) !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    color: var(--color6) !important;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.14px !important;
    padding: 0;
}

.modal-content .panel .panel-footer .row .col-md-12 .btn-secondary:hover {
    width: 131px;
    height: 28px !important;
    border: 1px solid var(--color6) !important;
    background: var(--color3) !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    color: var(--color6) !important;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.14px !important;
    padding: 0;
}

.modal-content .panel .panel-footer .row .col-md-12 .btn-default {
    width: 131px;
    height: 28px !important;
    background: var(--color6) 0% 0% no-repeat padding-box !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    color: var(--color1) !important;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.14px !important;
    padding: 0;
}

.modal-content .panel .panel-footer .row .col-md-12 .btn-default:hover {
    width: 131px;
    height: 28px !important;
    background: var(--grey6) 0% 0% no-repeat padding-box !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    color: var(--color1) !important;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.14px !important;
    padding: 0;
}


/* ------------  START POPUP DASHBOARD CSS ------------------- */


/* ------------  START POPUP CHOOSE A REPORT CSS ------------------- */

.radiobox_kpi_report {
    padding: 5px 14px !important;
    border: none !important;
}

.cat_l_h,
category_list_heading:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    opacity: 1;
    border: 2px solid #f1f1f1 !important;
    cursor: pointer !important;
}

.cat_l_h b {
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.14px;
    color: var(--color6);
    opacity: 1;
    margin-left: 5px;
    text-transform: capitalize;
}

.aid_main_category.collapsed {
    text-transform: uppercase !important;
    margin: 20px 0px 0px 0px !important;
    background: var(--color1) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 1px 6px #00000029 !important;
    border: 1px solid var(--color5) !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}

.aid_main_category {
    text-transform: uppercase !important;
    margin: 20px 0px 0px 0px !important;
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 1px 6px #00000029 !important;
    border: 1px solid var(--color6) !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}

.aid_main_category:hover {
    text-transform: uppercase !important;
    margin: 20px 0px 0px 0px !important;
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    box-shadow: 0px 1px 6px #00000029 !important;
    border: 1px solid var(--color6) !important;
    border-radius: 10px !important;
    opacity: 1 !important;
}

.aid_main_category:last-child {
    margin: 20px 0px 10px 0px !important;
}

.aid_main_category_div {
    /* width: 98.2%; */
    width: 100%;
    /* nilesh240621 */
    max-height: 194px !important;
    overflow-y: auto !important;
    background: #D1D1D1 0% 0% no-repeat padding-box !important;
}

.list-group-item {
    background: var(--accentColor) 0% 0% no-repeat padding-box;
}

.radiobox_kpi_report:hover {
    background-color: var(--color3) !important;
}

.list-group-item .bs-checkbox label {
    text-align: left;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.12px;
    color: var(--color6) !important;
    opacity: 1;
    margin: 0px 10px;
}

.list-group-item .bs-checkbox label .kpi_name {
    margin-left: 5px;
    color: var(--grey6);
    opacity: 1;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: normal;
}

.list-group-item .bs-checkbox label .report_name {
    margin-left: 16px;
    color: var(--grey6);
    opacity: 1;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: normal;
}

.list-group-item .bs-checkbox label .reportorkpi_icon {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    background-color: #000;
    top: -2px;
    left: 8px;
    width: 22px;
    height: 22px;
}

.list-group-item .bs-checkbox label .checkbox-icon {
    top: 0px !important;
}


/* nilesh#200521 */


/* span.icon.new_menu_icon_main {
                    margin-right: 10px;
                } */

.choose_report_popupheading {
    /*                        width: 484px;*/
    height: 52px !important;
    background: var(--color1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000001D;
    border-radius: 10px;
    opacity: 1;
    padding: 16px 19px 13px 18px !important;
}

/* ------------  END POPUP CHOOSE A REPORT  CSS ------------------- */

/* ------------  END POPUP CHOOSE A REPORT  CSS ------------------- */


/* ------------  END POPUP DASHBOARD CSS ------------------- */

.dash_report_3dotmenu_li {}

.dash_report_3dotmenu_a:hover {
    background: var(--color3) 0% 0% no-repeat padding-box !important;
    margin: 5px;
    border-radius: 10px;
}

.dash_report_3dotmenu_a {
    font-size: 16px;
    line-height: 18px;
    color: #333333;
    padding: 13px 13px !important;
    display: block;
    border-bottom: 1px solid var(--color5);
    font-weight: 300;
    margin: 1px 4px !important;
}

.dropdown .dashboard-report-dropdown-menu {
    width: 180px !important;
    padding: 2px 0px !important;
}

.more-opt-wrap.open {
    background: rgba(0, 0, 0, 0.1);
    border-radius: 50% !important;
}

.dash_report_3dotmenu_text {
    margin-left: 35px !important;
}

.dash-report-3dot-menu-a-icon {
    font-size: 36px;
    position: absolute;
    left: 4px;
    top: 3px;
}


/** custom-list-dropdown **/

.custom-list-dropdown {
    margin-left: -15px;
    padding-left: 15px;
    position: relative;
}


/*.dropdown-menu.mydropdown-custom-main{
    display:block;
}*/

.category_list_heading .custom-list-arrow {
    position: absolute;
    right: 13px;
}

.category_list_heading .custom-list-arrow:before {
    transition: all 0.5s;
    content: "g";
    font-family: "cm17";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    color: #333;
    font-size: 14px;
    display: inline-block;
}

.category_list_heading.collapsed .custom-list-arrow:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.category_list_heading .custom-list-arrow:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.custom-list-arrow-up:before {
    position: absolute;
    right: 22px;
    transition: all 0.5s;
    content: "g";
    font-family: "cm17";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    color: #333;
    font-size: 14px;
    display: inline-block;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg) !important;
}

.custom-list-arrow-down:before {
    position: absolute;
    right: 22px;
    transition: all 0.5s;
    content: "g";
    font-family: "cm17";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    color: #333;
    font-size: 14px;
    display: inline-block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mydropdown-custom-main .custom-list-arrow {
    position: absolute;
    right: 13px;
}

.mydropdown-custom-main .custom-list-arrow:before {
    transition: all 0.5s;
    content: "g";
    font-family: "cm17";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: rotate(90deg);
    color: #333;
    font-size: 14px;
    line-height: 26px;
    display: inline-block;
}

.mydropdown-custom-main .cListActive .custom-list-arrow:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.mydropdown-custom-main .clangListActive .custom-list-arrow:before {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.custom-list-dropdown-inner {
    background: var(--accentColor);
    /* padding-bottom: 5px; */
    border-radius: 0 0 10px 10px;
}

.custom-list-dropdown input {
    background: none;
    border: 0;
    border-bottom: 1px solid var(--color6);
    width: 100%;
    outline: 0;
    padding: 10px 30px 10px 15px;
    font-size: 14px;
    background-color: var(--color2);
}

.custom-list-dropdown .icon-search {
    position: absolute;
    right: 6px;
    top: 10px;
    cursor: pointer;
    font-size: 20px;
}

.custom-list-dropdown .icon-search::before {
    font-weight: 600 !important;
}

.custom-list-dropdown .icon-cancel {
    position: absolute;
    right: 6px;
    top: 13px;
    cursor: pointer;
    font-size: 16px;
}

.custom-list-dropdown .icon-cancel::before {
    font-weight: 600 !important;
}

.custom-list-dropdown ul {
    max-height: 80px;
    overflow-y: auto;
}
.dropdown-user.typ2 .custom-list-dropdown ul{
    max-height: none;
    overflow-y: auto;
}
.dropdown-user.typ2 .custom-list-dropdown ul.typ-scroll{
    max-height: 273px;
}

.custom-list-dropdown ul li:not([ng-repeat]) {
    display: none;
}

.custom-list-dropdown ul li {
    cursor: pointer;
    border-radius: 10px;
}

.custom-list-dropdown ul li:hover,
.mydropdown-custom-main .cListActive,
.mydropdown-custom-main .cListActive:hover {
    background: var(--color3);
}

.custom-list-dropdown ul li:hover,
.mydropdown-custom-main .clangListActive,
.mydropdown-custom-main .clangListActive:hover {
    background: var(--color3);
}

.custom-list-dropdownlitext {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0px;
}

/* .custom-list-dropdown-inner-ul {
    margin-right: 2px !important;
} */
.custom-list-dropdown-inner-ul.typ-impersonate li {
    min-height: 42px;
}
.custom-list-dropdown-inner-ul.typ-impersonate li.active  {
    background: var(--color4);
}
.custom-list-dropdown-inner-ul.typ-impersonate li .dropdown-user-nav-span{
    display: flex;
    align-items: center;
}
.custom-list-dropdown-inner-ul.typ-impersonate li .custom-list-dropdownlitext .nicon{
    top: 50%;
    transform: translateY(-50%);
}

.custom-list-dropdownli,
.custom-list-dropdownli:hover {
    padding: 10px 15px !important;
    /* margin-right: 3px; */
}


/* ------------ end DROPDOWN CHNAGES FOR MY DASHBOARD MENU   ------------------- */


/* ------------ START KPI    ------------------- */

.K_title {
    text-align: left;
    /*    font: normal normal bold 14px/20px Roboto;*/
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.kpi_dis span {
    text-align: left;
    /*    font: normal normal normal 10px/20px Roboto;*/
    font-family: 'Roboto';
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.populate_data.summary-info {
    margin-top: 6px;
}

.kpi_dis {
    margin-top: 2px;
    position: absolute;
    width: 63%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 230px;
}

.kpicurrent_value_bold {
    position: absolute;
    bottom: 0px;
    border-top: 1px solid var(--color5);
    padding: 15px 0px 15px 0px;
}

.K_com_d_d_val_status {
    font-size: 14px;
    display: block;
    position: absolute;
    top: 47px;
    right: 0;
    padding-left: 6px;
}

.compare_value_period {
    font-size: 10px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 96%;
    color: #000000;
}

.compare_value {
    font-size: 10px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    width: 96%;
    margin-bottom: 4px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.kpi_value_period {
    font-size: 10px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 96%;
}

.kpi_value {
    font-size: 10px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: capitalize;
    width: 96%;
    margin-bottom: 4px;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}


/* ------------ END KPI    ------------------- */

.cm-export-report-dialog .button {
    height: auto !important;
    padding: 20px 20px !important;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.kpi_user_action_span{
    display: flex;
    border-radius: 50%;
    font-size: 36px;
    padding: 1px;
    background: var(--color3) 0% 0% no-repeat padding-box;
    border: 1px solid var(--color6);
    border-radius: 50%;
    opacity: 1;
    z-index: 100;
}

.kpi_user_action_close_main
{
    position: absolute;
    top: 14px !important;
    left: 222px !important;
}

.kpi_user_action_span.kpi_clos,
.kpi_user_action_span.kpi_clos:hover {
    width: 40px;
    height: 40px;
}

.kpi_user_action_edit {
    position: absolute;
    /* nilesh#110521 */
    left: 25%;
    top: 0;
    z-index: 1;
    transform: translateY(15px);
    font-size: 36px;
    background-color: white;
    cursor: pointer;
    color: var(--color6) !important;
}


.kpi_user_action_edit:hover {
    background-color: var(--color3);
}

.kpi_user_action_move
{
    position: absolute;
    /* nilesh#110521 */
    left: 50%;
    top: 0;
    z-index: 1;
    transform: translateY(15px) translateX(-20px);
    background-color: white;
    border-radius: 50%;
    cursor: grab;
    color: var(--color6) !important;
}

.kpi_user_action_move:hover {
    background-color: var(--color3);
}


/* nilesh#110521 */

.btn-dragMode .kpi_user_action_move {
    left: 50%;
    top: 0;
    transform: translateY(-20px) translateX(-50px);
}


/* nilesh#110521 */

.btn-editMode .kpi_user_action_edit {
    right: 50%;
    top: 0;
    transform: translateY(-20px) translateX(50px);
    left: auto;
}

.dashboardnamemaintag .text {
    text-align: left;
    /*    font: normal normal bold 30px/20px Roboto;*/
    font-family: 'Roboto';
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0px;
    color: #fff;
    opacity: 1;
}

.sec-option ul.list li {
    padding: 5px 0px;
}

.sec-option ul.list li a:hover {
    padding: 0px 5px;
    /*    background: var(--color7) 0% 0% no-repeat padding-box;*/
}

.newdashboardbox .angular-ui-tree-node {
    /* border: 1px solid; */
    /* nilesh#130521 */
    margin: 0 3px 30px;
}

/*
button.btn-default {
    background: var(--color6) 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    width: 131px;
    height: 40px;
    padding: 0px;
    margin: 0px;
    border: none;
}*/

.pad0_mar0 {
    margin: 0px;
    padding: 0px;
}


/* CUSTOM  POPUP CSS   */

.component_btn3 {
    width: 147px;
    /* height: 28px; */
    /*                background: var(--color3) 0% 0% no-repeat padding-box;*/
    border-radius: 20px;
    opacity: 1;
    padding: 6px 10px 10px 6px;
    cursor: pointer;
}

.component_btn3:hover {
    width: 147px;
    /* height: 28px; */
    background: var(--color3) !important;
    border-radius: 20px;
    opacity: 1;
    padding: 6px 10px 6px 6px;
}

.holder_New_Dashboard_sub_div .component_btn3 {
    margin-right: 22px;
}

component_btn3:active,
component_btn3:focus,
.component_btn3:hover {
    background: #333333;
}

.component_btn3 .icon {
    width: 10px;
    height: 10px;
    margin: 0px 5px 1px 5px;
}

.component_btn3 .text {
    text-align: center;
    /*            font: normal normal bold 14px/20px Roboto;*/
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0px;
    color: var(--color6);
    opacity: 1;
}

.add_to_dashboard_d_icon {
    font-size: 38px;
    color: #333;
    position: absolute;
    top: -3px;
    left: 25px;
}

.add_to_existing_dashboard_main_div_max_height {
    /* width: 484px; */
    height: 334px;
    background: #EAF4E9 0% 0% no-repeat padding-box;
    opacity: 1;
}

.holder_add_to_existing_dashboard_sub_div_text {
    text-align: left;
    /* font: normal normal normal 14px/20px Roboto; */
    font-family: 'Roboto';
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.28px;
    color: #333333;
    opacity: 1;
    margin: 2px 0px 0px 15px;
}

.custom_holder_add_to_existing_dashboard_main_div {
    min-height: 60px;
    padding-top: 20px;
}

.holder_add_to_existing_dashboard_sub_div {
    text-align: right;
}

.custom_popup_dashboard_name {
    text-align: left;
    font-family: 'Roboto';
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.12px;
    color: #333333;
    opacity: 1;
    margin-left: 50px;
    display: -webkit-box;
}

holder_add_to_existing_dashboard_sub_div .title {
    width: 177px;
    height: 18px;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0.28px;
    color: #333333;
    opacity: 1;
}

.holder_New_Dashboard_sub_div {
    text-align: right;
}

.custom_repeate_holder_dashboard_list {
    /*            width: 464px;*/
    opacity: 1;
    /*                 margin: 15px 4px 10px 4px;*/
    padding: 10px 10px 5px 10px;
    min-height: 40px;
}

.custom_repeate_holder_dashboard_list:hover {
    /*            width: 464px;*/
    /*            margin: 15px 4px 10px 4px;*/
    padding: 10px 10px 5px 10px;
    background: var(--color3) 0% 0% no-repeat padding-box;
    min-height: 40px;
    opacity: 1;
}

.custom_repeate_holder_dashboard_list .bs-radio {
    margin: 0px 9px;
}

/* nilesh240621 */

.createnewdashboardonpopupmaindiv .typ-cal {
    padding: 15px 20px;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    display: flex;
    justify-content: space-between;
}


/*       REPORT DETAIL PAGE CSS */

.rd_data_y_sub_main {
    padding: 0px !important;
}

.reportdetail-last-report-time {
    position: absolute;
    right: 31px;
    bottom: 25px;
    font-size: 14px;
    font-style: italic;
}

@media only screen and (max-width: 900px) {
    .reportdetail-last-report-time {
        right: 20px;
        bottom: 38px;
        font-size: 11px;
    }
}

.report_tab_li.active {
    background: var(--color1) !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom-left-radius: 16px !important;
    box-shadow: 2px -1px 0px -2px rgba(0, 0, 0, .2);
    /* border: 1px solid #ccc !important; */
    position: absolute !important;
    height: 59px !important;
    top: -13px !important;
    right: 0 !important;
    z-index: 100;
    width: 50.6%;
    border: 1px solid #eeeeee !important;
}

.graph_tab_li.active {
    background: var(--color1) !important;
    border-bottom-right-radius: 16px !important;
    border: 1px solid #ccc !important;
    border-top: 0px !important;
    border-right: 0px !important;
    position: absolute !important;
    height: 61px !important;
    top: -17px !important;
    left: 0 !important;
    z-index: 100;
    width: 50.6%;
}

.report_tab_li {
    background: var(--color1) !important;
    border-top: transparent !important;
    box-shadow: inset 8px 1px 10px -1px rgba(0, 0, 0, .2);
    border: none !important;
    position: absolute !important;
    height: 50px !important;
    top: -8px !important;
    right: 0;
}

.graph_tab_li {
    background: var(--color1) !important;
    ;
    border-top: none !important;
    box-shadow: inset 28px 8px 0px -21px rgba(0, 0, 0, .2);
    border: none !important;
    box-shadow: inset 1px 1px 5px -1px rgba(0, 0, 0, .2);
    position: absolute !important;
    height: 54px !important;
    top: -8px !important;
    left: 0;
}

.ereport_tab_li.active {
    background: var(--color1) !important;
    border-top: none !important;
    border-left: none !important;
    border-bottom-left-radius: 16px !important;
    box-shadow: 2px -1px 0px -2px rgba(0, 0, 0, .2);
    /* border: 1px solid #ccc !important; */
    position: absolute !important;
    height: 59px !important;
    bottom: -51px !important;
    right: 0 !important;
    z-index: 100;
    width: 50.6%;
    border: 1px solid #eeeeee !important;
}

.egraph_tab_li.active {
    background: var(--color1) !important;
    border-bottom-right-radius: 16px !important;
    border: 1px solid #ccc !important;
    border-top: 0px !important;
    border-right: 0px !important;
    position: absolute !important;
    height: 61px !important;
    bottom: -17px !important;
    left: 0 !important;
    z-index: 100;
    width: 50.6%;
    box-shadow: none;
}

.ereport_tab_li {
    background: var(--color1) !important;
    border-top: transparent !important;
    box-shadow: inset 8px 1px 10px -1px rgba(0, 0, 0, .2);
    border: none !important;
    position: absolute !important;
    height: 54px !important;
    bottom: -10px !important;
    right: 0;
}

.egraph_tab_li {
    background: var(--color1) !important;
    border-top: none !important;
    box-shadow: inset 28px 8px 0px -21px rgba(0, 0, 0, .2);
    border: none !important;
    box-shadow: inset -2px 1px 6px 3px rgba(0, 0, 0, .2);
    position: absolute !important;
    height: 54px !important;
    bottom: -46px !important;
    left: 0;
}

.tabs.typ-3 .nav.list .item.active {}

.summery_reportdetail_heading {
    font: normal normal bold 18px/21px Roboto;
    letter-spacing: 0.18px;
    color: #333333;
    opacity: 1;
    padding: 19px;
    background: #FBFFFA 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 6px #0000001D;
    border-radius: 10px;
    opacity: 1;
}

.summery_reportdetail_table {
    border: none !important;
}

.summery_reportdetail_table {
    border: none !important;
}

.summery_reportdetail_table thead {
    border: none !important;
}

.summery_reportdetail_table thead tr {
    border: none !important;
    /*     padding: 14px 10px;*/
}

.summery_reportdetail_table thead tr th {
    border: none !important;
}

.summery_reportdetail_table tbody tr {
    border: none !important;
    /* nilesh10721 */
    display: table;
}

.summery_reportdetail_table tbody tr {
    border: none !important;
}

.summery_reportdetail_table tbody tr td {
    border: none !important;
    height: 73px !important;
    vertical-align: middle;
}

.summery_reportdetail_table tbody tr tr:nth-of-type(even),
.summery_reportdetail_table tbody tr:nth-of-type(even) {
    background-color: var(--hueColor);
}

.summery_reportdetail_table tbody tr tr:nth-of-type(odd),
.summery_reportdetail_table tbody tr tr:nth-of-type(odd) {
    background-color: var(--color1);
}

.rightsidespan {
    text-align: left;
    /*        font: normal normal normal 14px/20px Roboto;*/
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.leftsidespan {
    text-align: left;
    font: normal normal bold 18px/23px Roboto;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
}

.dashboard_table_exapanded_table table {
    border: none !important;
}

.dashboard_table_exapanded_table table thead {
    border: none !important;
}

.dashboard_table_exapanded_table table thead tr {
    border: none !important;
}

.dashboard_table_exapanded_table table thead tr th {
    border: none !important;
    height: 50px;
    vertical-align: middle;
}

.dashboard_table_exapanded_table table tbody {
    border: none !important;
}

.dashboard_table_exapanded_table table tbody tr {
    border: none !important;
}

.dashboard_table_exapanded_table table tbody tr td {
    border: none !important;
    height: 50px;
    vertical-align: middle;
}

.dashboard_table_exapanded_table tbody tr tr:nth-of-type(even),
.summery_reportdetail_table tbody tr:nth-of-type(even) {
    background-color: var(--hueColor);
}

.dashboard_table_exapanded_table tbody tr tr:nth-of-type(odd),
.summery_reportdetail_table tbody tr tr:nth-of-type(odd) {
    background-color: var(--color1);
}


.new-cm-dashman-report {
    background: var(--color1) 0% 0% no-repeat padding-box;
    box-shadow: 0px 1px 6px #00000029;
    border: 1px solid var(--color5);
    opacity: 1;
}


/* nilesh#070521 start */

.rd_data_y_main {
    padding: 60px 0px 15px 0px !important;
}

.mod-report-detail .sec-option {
    padding: 0 20px;
}

.mod-report-detail .sec-option .act-btns {
    display: flex;
    align-items: center;
}

.mod-report-detail .sec-option .act-btns .btn-wrap {
    display: flex;
}

.mod-report-detail .sec-option .act-btns .btn-wrap .export-csv,
.mod-report-detail .sec-option .act-btns .btn-wrap .export-xl {
    display: flex;
    align-items: center;
}


/* nilesh#070521 end */

.reportdetailpagetable thead {
    border: none;
}

.reportdetailpagetable thead tr {
    border: none;
    /*     padding: 14px 10px;*/
}

.reportdetailpagetable thead tr th {
    border: none;
    /*    font: normal normal normal 14px/20px Roboto;*/
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0px;
    color: var(--grey6);
    opacity: 1;
    height: 50px;
    vertical-align: middle;
    background-color: var(--color2) !important;
}

.reportdetailpagetable tbody tr {
    border: none;
    padding: 14px 10px;
}

.reportdetailpagetable tbody tr {
    border: none;
}

.reportdetailpagetable tbody tr td {
    border: none;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: normal;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    vertical-align: middle;
    height: 50px;
}

.reportdetailpagetable tbody tr tr:nth-of-type(even),
.reportdetailpagetable thead tr tr:nth-of-type(even),
.reportdetailpagetable tbody tr:nth-of-type(even),
.reportdetailpagetable thead tr:nth-of-type(even) {
    background-color: var(--hueColor);
}

.reportdetailpagetable tbody tr tr:nth-of-type(odd),
.reportdetailpagetable tbody tr:nth-of-type(odd),
.reportdetailpagetable thead tr tr:nth-of-type(odd),
.reportdetailpagetable thead tr:nth-of-type(odd) {
    background-color: var(--color1);
}

.table-responsive {}

.reportdetailpagetable table {
    border: none;
}

.reportdetailpagetable table tr {
    border: none;
}

.reportdetailpagetable table tr td {
    border: none;
}

.reportdetailpagetable table tr th {
    border: none;
    vertical-align: middle;
    height: 50px;
}

.reportdetailpagetable table thead th {
    border: none;
}


/* nilesh#070521 */

.reportdetailpagetablemaindiv div .ng-table-pager {
    width: 70% !important;
    padding-left: 10px;
    margin-top: 15px;
}

.granularity-container a .dropdown .dropdown-menu.typ-icon .link {
    /*    position: relative;
    padding: 16px 11px 8px 40px;*/
}

.header-top-menu-a-icon {
    font-size: 36px;
    color: #fff!important;
    display: block;
}


/*       DASHBOARD AND REPORT TOP MENU CSS */

#top-options-list ul {
    margin-top: -1px;
}

#top-options-list .header-top-menu-li:hover {
    padding: 0 1px;
    margin: -2px 0;
    background: var(--color7) !important;
}

#top-options-list .header-top-menu-li {
    padding: 0 1px;
    margin: -2px 0;
}

#top-options-list .header-top-menu-li .header-top-menu-a {
    display: inline-block;
    margin: 0;
    padding: 4px 5px 6px 5px;
}

.ng-table th.sortable.sort-desc,
.ng-table th.sortable.sort-asc {
    background-color: none !important;
    text-shadow: 0 1px 1px rgb(255 255 255 / 75%);
}

.summary_top_create_btn_ul {
    margin-right: 20px;
}

.summary_top_create_btn_li {
    height: 63px !important;
}

.summary_top_create_btn_li:hover {
    height: 62px !important;
    background: var(--color7);
}

.summary_top_create_btn_a {}

.summary_top_create_btn_icon {
    margin-left: 28px !important;
}

.summary_top_create_btn_text {
    position: relative;
    top: 35px !important;
    right: 10px;
}

.exportjob_top_create_btn_text {
    position: relative;
    top: 2px !important;
}

.scrtob {
    position: absolute;
    bottom: 0px;
}