/*------accordion------*/
.nav_panel {
    overflow: auto;
    padding: 4px;
    position: fixed;
    left: 7px;
    width: 17%;
    border-radius: 4px;
    height: 84vh;
    background: #305b85;
}

.qms_accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";
}
.qms_accordion .card-header:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e092"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
    color: #fff !important /* adjust as needed */
}
.accordion .card-header:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings'; /* essential for enabling glyphicon */
    content: "\e113"; /* adjust as needed, taken from bootstrap.css */
    float: right; /* adjust as needed */
}

.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";
}
.finger_print {
    padding: 4px 22px !important;
    background: url(../../Images/UMS_Icons/biometric_lf_nav_icon.png) no-repeat 10px 0px;
    background-size: 21px;
}
.header_col {
    color: #38b8ba;
   padding: 4px 10px;
    margin-top: 2px;
}
    .header_col a {
        color: #fff !important;
        font-family: 'SEGOEUIB';
        font-size: 10pt;
        cursor: pointer;
        text-decoration:none;
    }
.headerList.active {
    background-color: #305b85 !important;
    border: 1px solid #38b8ba;
    width: 100% !important;
    color: #fff !important;
}
    .headerList.active a {
        color: #fff !important;
        font-family: seguisb;
        font-size: 10pt;
        text-decoration: none;
    }

.header_col_child {
    color: #38b8ba;
    background-color: #edf7f7 !important;
    border: 1px solid #38b8ba;
    padding: 4px 10px;
    margin-top: -1px;
}

    .header_col_child a {
        font-family: seguisb;
        font-size: 10pt;
        text-decoration: none;
    }

.header_col_sub {
    color: #fff;
    background-color: #38b8ba !important;
    border-bottom: 1px solid #fff;
    padding: 8px 10px;
}

    .header_col_sub a {
        font-family: seguisb;
        font-size: 11pt;
        text-decoration: none;
    }

.header_col_sub_child {
    color: #38b8ba;
    background-color: #f1f8fb !important;
    border: 1px solid #38b8ba;
    padding: 6px 10px;
}

    .header_col_sub_child a {
        font-family: seguisb;
        font-size: 10pt;
        text-decoration: none;
    }

.nav_list {
    float: left;
}

    .nav_list ul {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }

        .nav_list ul li {
            list-style-type: none;
            float: left;
            width: 100%;
            background: #fffff;
        }

            .nav_list ul li a {
                text-decoration: none;
                padding: 6px 12px;
                color: #305b85;
                width: 100%;
                float: left;
                font-family: 'SEGOEUIB';
                font-size: 10pt;
            }
                .nav_list ul li a.active {
                    background-color: #254E77 !important;
                    padding: 8px 12px 8px 45px;
                    color: #fff !important;
                    width: 100%;
                    float: left;
                    font-family: 'SEGOEUIB';
                    font-size: 13px;
                }
                .nav_list ul li a:hover {
                    text-decoration: none;
                    padding: 6px 12px;
                    color: #fff !important;
                    width: 100%;
                    float: left;
                    font-family: 'SEGOEUIB';
                    font-size: 10pt;
                }

.acc_boby {
    padding: 0px 2px;
    width: 100%;
}
/*accordion style*/
.card-header:first-child {
    border-radius: 0px !important;
}
.card {
    border: none !important;
}
.card-header {
    background: none;
}
.card-body {
    padding: 0px !important;
}
.header_sub {
    background: #bceaea;
    color: #305b85;
    padding: 10px !important;
    font-family: seguisb;
    font-size: 11pt;
}
.card-body {
    background:#fff;
}
.nav_panel .card,.nav_panel .card-body {
    background: #305b85;
}
/*accordion style*/
.headerList:hover {
    background-color: #305b85 !important;
    border: 1px solid #305b85;
    width: 100% !important;
    color: #fff !important;
}
.headerList:hover a{
    color: #fff !important;
	text-decoration:none;
}
.nav_list-child {
    float: left;
}

    .nav_list-child ul {
        margin: 0;
        padding: 0;
        float: left;
        width: 100%;
    }

        .nav_list-child ul li {
            list-style-type: none;
            float: left;
            width: 100%;
        }

            .nav_list-child ul li a {
                background-color: #305b85 !important;
                padding: 8px 12px 8px 45px;
                color: #fff !important;
                width: 100%;
                float: left;
                font-family: 'SEGOEUIB';
                font-size: 13px;
            }

                .nav_list-child ul li a:hover {
                    text-decoration: none;
                    background-color: #254E77 !important;
                    padding: 8px 12px 8px 45px;
                    color: #fff !important;
                    width: 100%;
                    float: left;
                    font-family: 'SEGOEUIB';
                    font-size: 13px;
                }
.child_acc {
    color: #305b85 !important;
    /*border-bottom: 1px solid #305b85 !important;*/
}
.page-link {
    z-index: 2;
    color: #c4c4c4 !important;
    text-decoration: none;
    background-color: #fff;
    /*border-color: #fff;*/
}
    .page-link:hover {
        background-color: #fff !important;
    }
    .page-link:focus {
        box-shadow: 0 0 0 0rem #305b85;
    }

    .page-item.active .page-link {
        z-index: 1;
        color: #fff !important;
        background-color: #305b85 !important;
        border-color: #305b85 !important;
    }
    .page-item.active .page-link:hover {
        background-color: #305b85 !important;
    }
    .page-item.active .page-link:focus {
        border-color: #305b85 !important;
    }
.cardheader_Child {
    border-radius: 0px !important;
    /*background: #dbecec;*/
    background: #305b85;
}
        .cardheader_Child a {
            color: #fff !important;
            font-size: 10pt;
            font-family: 'SEGOEUIB';
            padding: 0px 9px;
        }
.cardheader_Childacc {
    color: #167475 !important;
}

.qms_accordion .cardheader_Child:after {
    color: #fff !important;
}
.headerList a{
    width: 100%;
    margin: -1px 0px;
    float: left;
}
ul li a.nav_second_level {
    background: #dfffff !important;
    padding: 6px 12px;
    color: #508193 !important;
        width: 100%;
    float: left;
    font-family: 'SEGOEUIB';
    font-size: 10pt;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

/*LATEST DESIGN CSS FOR LEFTNAV*/
.nav_panel .card-header{
    border:0px !important;
}
.header_col .Administration {
    background: url('../../Images/Adminstration_white.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
   
}
.header_col:hover .Administration {
    background: url('../../Images/Adminstration.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    color:#fff !important;
    background-size: 21px;
   
}
.header_col .JR {
    background: url('../../Images/responsibility_white.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
   
}

.header_col:hover .JR {
    background: url('../../Images/responsibility.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
    color:#fff !important;
}
.header_col .TrainingSchedule {
    background: url('../../Images/Traing_schedule_white.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
    
}

.header_col:hover .TrainingSchedule {
    background: url('../../Images/Traing_schedule.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    color: #fff !important;
    background-size: 21px;
    
}
.header_col .Training {
    background: url('../../Images/training-video_white.svg') no-repeat 9px 2px;
    padding: 4px 19px;
    background-size: 22px;
   
}
.header_col:hover .Training {
    background: url('../../Images/training-video.svg') no-repeat 9px 2px;
    padding: 4px 19px;
    color: #fff !important;
    background-size: 22px;
}
.header_col .ListAction {
    background: url('../../Images/List_Action_white.svg') no-repeat 11px 0px;
    padding: 4px 19px;
    background-size: 17px;
    
}
.header_col:hover .ListAction {
    background: url('../../Images/List_Action.svg') no-repeat 11px 0px;
    padding: 4px 19px;
    background-size: 17px;
    color: #fff !important;
}

.header_col .helpsupport {
    background: url('../../Images/Help_Support_white.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
    
}
.header_col:hover .helpsupport {
    background: url('../../Images/Help_Support.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
    color: #fff !important;
}
.header_col .settings {
    background: url('../../Images/Stt_white.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    background-size: 21px;
   
}
.header_col:hover .settings {
    background: url('../../Images/Stt.svg') no-repeat 10px 0px;
    padding: 4px 19px;
    color: #fff !important;
    background-size: 21px;
}
.header_col .demotour {
    background: url('../../Images/Demo_white.svg') no-repeat 9px -6px;
    padding: 4px 19px;
    background-size: 21px;
}
.header_col:hover .demotour {
    background: url('../../Images/Demo.svg') no-repeat 9px -6px;
    padding: 4px 19px;
    color: #fff !important;
    background-size: 21px;
}
.header_col .documentInitiation {
    background: url('../../Images/DMSDashboard/Document_Initiation.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .documentInitiation {
    background: url('../../Images/DMSDashboard/Document_Initiation_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .documentCreation {
    background: url('../../Images/DMSDashboard/Document_Creation.svg') no-repeat 4px -5px;
    padding: 4px 19px;
    background-size: 31px;
}
.header_col:hover .documentCreation {
    background: url('../../Images/DMSDashboard/Document_Creation_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .reviewDocument {
    background: url('../../Images/DMSDashboard/Document_Review.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .reviewDocument {
    background: url('../../Images/DMSDashboard/Document_Review_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .approveDocument {
    background: url('../../Images/DMSDashboard/Documents_Approve.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .approveDocument {
    background: url('../../Images/DMSDashboard/Documents_Approve_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
    color: #fff !important;
}
.header_col .authorizeDocument {
    background: url('../../Images/DMSDashboard/Authorized_DOc.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .authorizeDocument {
    background: url('../../Images/DMSDashboard/Authorized_DOc_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .readerLists {
    background: url('../../Images/DMSDashboard/Readers_List.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .readerLists {
    background: url('../../Images/DMSDashboard/Readers_List_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .printReview {
    background: url('../../Images/DMSDashboard/Print_List.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .printReview {
    background: url('../../Images/DMSDashboard/Print_List_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .controllerLists {
    background: url('../../Images/DMSDashboard/Controller_List.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .controllerLists {
    background: url('../../Images/DMSDashboard/Controller_List_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .clientLists {
    background: url('../../Images/DMSDashboard/Clients_List.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .clientLists {
    background: url('../../Images/DMSDashboard/Clients_List_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .obseleteDocuments {
    background: url('../../Images/DMSDashboard/Obsolete_Doc.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .obseleteDocuments {
    background: url('../../Images/DMSDashboard/Obsolete_Doc_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}
.header_col .printRequest {
    background: url('../../Images/DMSDashboard/Print_Request.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
}
.header_col:hover .printRequest {
    background: url('../../Images/DMSDashboard/Print_Request_blue.svg') no-repeat 5px -5px;
    padding: 4px 19px;
    background-size: 29px;
     color: #fff !important;
}

.leftnav_menu_item {
    padding-left: 20px;
}
.leftnav_submenu_item{
    padding-left:30px;
    font-size:13px;
}
.leftnav_main_heading {
    padding: 8px 5px 8px 1px!important;
}
    .leftnav_main_heading:hover {
        background-color:#254E77;
    }

.list_circle{
    list-style-type:disc !important;
}
.cardheader_Child {
    
    padding: 4px 19px;
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 16px 18px;
}
.list_sub {
    background-image: url('../../Images/fill_normal.png');
}
    .list_sub:hover {
        background-image: url('../../Images/fill_hover.png');
    }
    .list_sub.active {
        background-image: url('../../Images/fill_hover.png');
    }

.list_sub_child {
    background-image: url('../../Images/circle_normal.png');
}
    .list_sub_child:hover {
        background-image: url('../../Images/circle_hover.png');
    }
    .list_sub_child.active {
        background-image: url('../../Images/circle_hover.png');
    }
.cardheader_Child:hover {
    /*background-image: url('../../Images/fill_hover.png');*/
    padding: 4px 19px;
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 16px 18px;
}
    .cardheader_Child.active {
        /*background-image: url('../../Images/fill_hover.png');*/
        padding: 4px 19px;
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: 16px 18px;
    }
    .nav_list-child a {
        /*background-image: url('../../Images/circle_normal.png');*/
        padding: 4px 19px;
        background-size: 8px;
        background-repeat: no-repeat;
        background-position: 16px 14px;
    }
.nav_list-child a:hover{
    /*background-image: url('../../Images/circle_hover.png');*/
    padding: 4px 19px;
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: 16px 14px;
}
        .nav_list-child a.active {
            /*background-image: url('../../Images/circle_hover.png');*/
            padding: 4px 19px;
            background-size: 8px;
            background-repeat: no-repeat;
            background-position: 16px 14px;
        }

/*UMS Sidebar Icons*/

#panelEmployee > a {
    background: url('../../Images/UMS_Icons/employee_normal.png') no-repeat 10px 4px;
    padding: 4px 22px !important;
    background-size: 22px;
    
}

    #panelEmployee:hover > a,
    #panelEmployee > a.active {
        background: url('../../Images/UMS_Icons/employee_hover.png') no-repeat 10px 4px;
        padding: 4px 22px !important;
        background-size: 22px;
       
    }

.header_col > #NavLnkDepartment {
    /*background-image: url('../../Images/UMS_Icons/department_normal.png');*/
    /*background-image: url('../../Images/UMS_Icons/department_new.png');*/
    background: url('../../Images/UMS_Icons/department_1.png') no-repeat 10px 0px;
    padding: 4px 22px !important;
    background-size: 21px;
    
}

    .header_col:hover > #NavLnkDepartment,
    .header_col > #NavLnkDepartment.active {
        background: url('../../Images/UMS_Icons/department_normal_hover.png') no-repeat 10px 0px;
        padding: 4px 22px !important;
        background-size: 21px;
        
    }

.header_col .Designations {
    /*background-image: url('../../Images/UMS_Icons/desigination_normal.png');*/
    background: url('../../Images/UMS_Icons/desigination_new.png') no-repeat 10px 0px;
    padding: 4px 22px !important;
    background-size: 21px;
   
}

    .header_col:hover .Designations,
    .header_col .Designations.active {
        padding: 4px 22px !important;
        background: url('../../Images/UMS_Icons/desigination_hover.png') no-repeat 10px 0px;
        background-size: 21px;
        
    }

.header_col .FunctionalRoles {
    /*background-image: url('../../Images/UMS_Icons/functionroles.png');*/
    background: url('../../Images/UMS_Icons/functionroles_new.png') no-repeat 10px 0px;
    padding: 4px 22px !important;
    background-size: 21px;
    
}

    .header_col:hover .FunctionalRoles,
    .header_col .FunctionalRoles.active {
        padding: 4px 22px !important;
        background: url('../../Images/UMS_Icons/functionroles_hover.png') no-repeat 10px 0px;
        background-size: 21px;
       
    }

.header_col .AssignEmpRole {
    /*background-image: url('../../Images/UMS_Icons/assign_normal.png');*/
    /*background-image: url('../../Images/UMS_Icons/assign_new.png');*/
    background: url('../../Images/UMS_Icons/assign_1.png') no-repeat 10px 0px;
    padding: 4px 22px !important;
    background-size: 21px;
    
}

    .header_col:hover .AssignEmpRole,
    .header_col .AssignEmpRole.active {
        padding: 4px 22px !important;
        background: url('../../Images/UMS_Icons/assign_hover.png') no-repeat 10px 0px;
        background-size: 21px;
       
    }

#panelSETUP > a {
    /*background-image: url('../../Images/UMS_Icons/setup.png');*/
    background: url('../../Images/UMS_Icons/setup_new.png') no-repeat 10px 0px;
    padding: 4px 22px !important;
    background-size: 21px;
    
}

#panelSETUP:hover > a {
    padding: 4px 22px !important;
    background: url('../../Images/UMS_Icons/setup_hover.png') no-repeat 10px 0px;
    background-size: 21px;
    
}

.header_col .GlobalSetUp {
    /*background-image: url('../../Images/UMS_Icons/global.png');*/
    background: url('../../Images/UMS_Icons/global_new.png') no-repeat 10px 0px;
    padding: 4px 22px !important;
    background-size: 21px;
   
}

.header_col:hover .GlobalSetUp {
    padding: 4px 22px !important;
    background-size: 21px;
    /*background-image: url('../../Images/UMS_Icons/Group.svg');*/
    background: url('../../Images/UMS_Icons/global_hover.png') no-repeat 10px 0px;
   
}

/*.nav_list-child .child_acc {
    background-image: url(../../Images/fill_normal.png) !important;
}

.nav_list-child li:hover .child_acc,
.nav_list-child a.active {
    background-image: url(../../Images/fill_hover.png) !important;
}*/

#sidebar-toggle-btn-div:hover{
    cursor:pointer;
}