/*
 * ----------------------------------------------------------------------------------------
 Pages List

 * 01.Login
 * 02.Dashboard
   - Analytics
   - Meeting
   - Task
   - Board-members
   - Modal

 * 03.Analytics
   - Tabs
   - Summary
   - Returns
     - Net-sales

   - Shareholding
   - Dividend
   - Ratio
   - Capital
   - Bonus
   - Right-issue

  * 04.Meetings
    - Meeting-list
    - Create-meeting

  * 05.Circular-resolution
    - Create-circular-resolution
    - Circular-resolution-list

  * 06.Tracker
    - Administrative-compliance
    - Administrative-compliance-tabs
    - Statutory-compliance
    - Action-taken-report

  * 07.Live-meeting
  * 08.MOM
    - Create-mom

  * 09.Record
    - Summary-of-meeting
    - Annual-reports
    - Policies
    - MOA-AOA
    - Directors-manual
    - Delegation-of-authority

  * 10.Report
     - Certified-resolution-view-report
     - Agenda-view-report
     - Minutes-view-report
     - Circular-view-report
     - Action-view-report
     - Statutory-compliance-view-report
     - Director-attendance-view-report

  * 11.Admin-panel
    - User-management
    - Company
    - Meeting-type
    - Designation
    - Directors
    - Meeting-member
    - Leadership
    - Meeting-description
    - Library

  * 12.Access-control
  * 13.Admin-dashboard
  * 14.Registers
  * 15.View-meeting
  * 16.selfNote
  * 17.Responsive
 * ----------------------------------------------------------------------------------------
 */


/* 01.Login */

.wrapper
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100vh;

    /*background-image: url(../images/new-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;*/
}
.wrapper:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .1);
}
.wrapper .header
{
    padding: 10px 40px;

    background-color: #337ab7;
}
.wrapper .header .logo img
{
    height: 40px;
}
.wrapper .middle-area
{
    position: relative;

    height: calc(100vh - 320px);
}
.wrapper .middle-area .carousel,
.wrapper .middle-area .carousel .carousel-inner,
.wrapper .middle-area .carousel .carousel-inner .item,
.wrapper .middle-area .carousel .carousel-inner .item img
{
    height: 100%;    
}
.wrapper .middle-area .carousel .carousel-inner .item .carousel-caption
{
    top: 50%;
    right: 0;
    bottom: inherit;
    left: 40px;

    margin: -53px 0;
    padding: 0;

    text-align: left;
}
.wrapper .middle-area .middle-content
{
    position: absolute;
    top: 50%;

    padding: 0 40px;

    -webkit-transform: translate3d(0, -50%, 0);
        -ms-transform: translate3d(0, -50%, 0);
            transform: translate3d(0, -50%, 0);

    moz-transform: translate3d(0, -50%, 0);
}
.wrapper .middle-area .carousel-caption h3
{
    font-size: 30px;
    font-weight: 900;

    margin-bottom: 40px;

    color: #f49914;
}
.wrapper .middle-area .carousel-caption h3:last-child
{
    margin-bottom: 0;
}
.wrapper .login-screen
{
    position: absolute;
    bottom: 0;

    width: 100%;
    padding: 79px 30px;

    background-color: #000;
}
.wrapper .login-screen .login-box .content p
{
    font-size: 13px;

    margin: 0;

    text-align: justify;

    color: #eee;
}
.wrapper .login-screen .login-box .content span
{
    font-size: 13px;
}
.wrapper .login-screen .login-box .device-line,
.wrapper .login-screen .login-box .device-logo
{
    display: none;
}
.wrapper .login-screen .login-box .footer-logo p
{
    font-size: 13px;

    position: relative;

    margin: 0;
    padding-bottom: 5px;

    color: #eee;
}
.wrapper .login-screen .login-box .footer-logo p::before
{
    position: absolute;
    bottom: 0;

    width: 135px;
    height: 1px;

    content: '';

    background-color: #eee;
}
.wrapper .login-screen .login-box .footer-logo img
{
    height: 25px;
    margin-top: 8px;
}
.wrapper .login-screen .login-box form
{
    float: right;

    width: 60%;
}
.wrapper .login-screen .login-box form .form-group input
{
    height: 45px;

    text-align: center;

    color: #fff;
    border: none;
    border-radius: 3px;
    background-color: #333;
    box-shadow: none;
}
.error
{
    font-size: 13px;
    font-weight: 400;

    margin: 0;

    color: #df0f00;
}
.wrapper .login-screen .login-box form .forgot
{
    margin-bottom: 15px;
}
.wrapper .login-screen .login-box form .forgot span
{
    font-size: 13px;

    cursor: pointer;

    color: #eee;
}
.wrapper .login-screen .login-box form .forgot span:hover
{
    text-decoration: underline;
}
.wrapper .login-screen .login-box form .btn
{
    width: 100%;
    height: 45px;

    color: #000 !important;
    border: none;
    border-radius: 3px;
}
.wrapper .login-screen .login-box form .btn:focus,
.wrapper .login-screen .login-box form .btn:hover
{
    color: #000;
}
input[type='email']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder
{
    color: #fff;
}

.logout-wrapper
{
    position: relative;
    z-index: 1;

    width: 100%;
    height: 100vh;

    background-image: url(../images/new-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.logout-wrapper:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background-color: rgba(0, 0, 0, .1);
}

.logout-wrapper .logout-screen
{
    position: absolute;
    top: 50%;
    left: 45%;

    width: 450px;
    margin: -225.5px 0 0 -150px;
    padding: 20px;

    text-align: center;
}

.logout-wrapper .logout-screen .lock-box .btn
{
    line-height: 26px;

    width: 20%;
    height: 40px;

    color: #000 !important;
    border: none;
    border-radius: 3px;
}

.logout-wrapper .logout-screen .lock-box .logo
{
    padding: 0 10px;
}

.logout-wrapper .logout-screen .lock-box .logo img
{
    height: 50px;
    margin-bottom: 70px;
}

.logout-wrapper .logout-screen .lock-box .user-profile
{
    padding: 0 10px;
}

.logout-wrapper .logout-screen h2
{
    font-weight: 300;

    color: #fff;
}

.logout-wrapper .logout-screen .message
{
    font-size: 30px;
    font-weight: 300;

    color: #fff;
}

.logout-wrapper .login-footer
{
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.logout-wrapper .login-footer p
{
    font-size: 12px;

    margin: 0;
    padding-bottom: 5px;

    color: #fff;
    border-bottom: 1px solid #f49914;
}

.logout-wrapper .login-footer img
{
    height: 25px;
    margin-top: 8px;
}


/* 02.Dashboard */

.dashboard
{
    overflow: auto;
    overflow-x: hidden;

    height: calc(100vh - 140px);
    margin: -20px;
    padding: 20px;
}

/* Analytics */

.portlet.analytics
{
    margin-top: 0;
}

.analytics .panel-heading
{
    display: inline-block;

    width: 100%;
    padding: 0 15px;

    vertical-align: middle;

    color: #fff;
    border-radius: 0;
    background-color: #3f3f3f;
}

.analytics .panel-heading .heading-title
{
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;

    float: left;

    margin: 0;

    color: #fff;
}

.analytics .panel-heading .analytics-widgets ul li
{
    margin: 0;
}

.analytics .panel-heading .analytics-widgets ul li a
{
    line-height: 40px;

    padding: 0;
}

.analytics .panel-heading .analytics-widgets ul li a i
{
    margin: 0;

    vertical-align: middle;
}

.analytics .panel-heading .analytics-widgets ul .open > a,
.analytics .panel-heading .analytics-widgets ul li a:hover,
.analytics .panel-heading .analytics-widgets ul li a:focus
{
    text-decoration: none;

    background-color: transparent;
}

.analytics .panel-heading .analytics-widgets ul li > ul
{
    top: 10px;

    min-width: 135px;

    border-radius: 0;
}

.analytics .panel-heading .analytics-widgets ul li > ul li
{
    text-align: left;
}

.analytics .panel-heading .analytics-widgets ul li > ul li a
{
    font-size: 13px;
    font-weight: 400;
    line-height: inherit;

    padding: 7px 15px;

    color: rgba(33, 33, 33, .87);
}

.analytics .panel-heading .analytics-widgets ul li > ul li a:hover
{
    background-color: rgb(238, 238, 238);
}

.analytics .panel-heading .analytics-widgets ul li > ul li a:last-child
{
    box-shadow: none;
}

.analytics .panel .panel-body
{
    padding: 15px;
}

.analytics .panel .panel-body .text-left
{
    font-size: 14px;
    font-weight: 400;

    margin-bottom: 15px;

    color: #333;
}

.analytics .panel .panel-body .series
{
    display: inline-block;

    width: 100%;
    margin: 0 0 15px 0;
    /*margin: 0 0 30px 0;*/

    text-align: left;
    vertical-align: middle;
}

.analytics .panel .panel-body .series ul
{
    margin: 0;
}

.analytics .panel .panel-body .series ul .legend
{
    font-size: 12px;
    line-height: 20px;

    width: 50px;
    height: 20px;
    margin-right: 2px;
    padding: 0 5px;

    text-align: center;

    border-radius: 2px;
}

.analytics .panel .panel-body .series ul li:last-child
{
    margin-right: 0;
}

.analytics .panel .panel-body .series ul .legend
{
    cursor: pointer;

    color: #fff;
    background-color: #bdbbbb;
}

.analytics .panel .panel-body .series ul .active
{
    color: #fff;
    background-color: #1976d2;
}

.analytics .panel .panel-body .series .pull-right
{
    margin-top: -4px;
}

.analytics .panel .panel-body .series ul .nse-label
{
    margin-right: 20px;
}

.analytics .panel .panel-body .series ul .nse-label h6,
.analytics .panel .panel-body .series ul .bse-label h6
{
    font-size: 12px;
    font-weight: 400;

    margin: 0;

    color: #7b7a7a;
}

.analytics .panel .panel-body .series ul .nse-label .amount,
.analytics .panel .panel-body .series ul .bse-label .amount
{
    font-size: 13px;
    font-weight: 500;

    margin-right: 10px;

    color: #000;
}

.analytics .panel .panel-body .series ul .nse-label span,
.analytics .panel .panel-body .series ul .bse-label span
{
    font-size: 13px;
    font-weight: 500;

    color: #00b19d;
}

.analytics .panel .panel-body #analytics .highcharts-container,
.analytics .panel .panel-body #analytics .highcharts-container svg
{
    width: 100% !important;
}


/* Meeting */

.meeting .panel-heading
{
    position: relative;

    padding: 0 15px;

    color: #fff;
    border-radius: 0;
    background-color: #3f3f3f;
}

.meeting .panel-heading .heading-title
{
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;

    color: #fff;
}
.meeting .panel-heading .left-arrow
{
    position: absolute;
    top: 50%;
    left: 15px;

    margin: -11px 0;
}
.meeting .panel-heading .right-arrow
{
    position: absolute;
    top: 50%;
    right: 15px;

    margin: -11px 0;
}
.meeting .panel-heading .left-arrow a,
.meeting .panel-heading .right-arrow a
{
    color: #fff;
}

.meeting .panel-heading .left-arrow a i,
.meeting .panel-heading .right-arrow a i
{
    font-size: 20px;

    vertical-align: middle;
}

.meeting .panel-body
{
    height: 230px;
}

.meeting .panel-body .person
{
    margin-bottom: 5px;
}

.meeting .carousel .carousel-inner .btn
{
    margin-top: 35px;
    margin-bottom: 35px;
}

.meeting .panel-body .clock-countdown
{
    text-align: center;

    color: #7b7a7a;
}

.meeting .panel-body .person .meetingCount
{
    font-size: 38px;
    font-weight: 400;

    color: #7b7a7a;
}

.meeting .panel-body .person .meetingName
{
    font-size: 25px;
    font-weight: 400;

    color: #7b7a7a;
}

.meeting .panel-body .clock-countdown h3
{
    font-size: 17px;
    font-weight: 300;

    color: #7b7a7a;
}

.meeting .panel-footer
{
    padding: 0 15px;

    border-top: 1px solid #f3f3f3;
    border-radius: 0;
    background-color: #fff;
}

.meeting .panel-footer .footer-title
{
    font-size: 14px;
    font-weight: 400;
    line-height: 47px;

    margin: 0;
}

.meeting .panel-footer .footer-title a
{
    color: #7b7a7a;
}


/* View-attendees Modal */

.view-attendees-modal .slimScrollDiv,
.view-attendees-modal .custom-modal-text
{
    height: 345px !important;
}

.view-attendees-modal .slimScrollDiv .slimScrollBar
{
    background-color: #949292 !important;
}

.view-attendees-modal .custom-modal-text
{
    padding: 20px;
}

.view-attendees-modal .custom-modal-text .meeting-members
{
    display: inline-block;

    width: 100%;

    vertical-align: middle;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting,
.view-attendees-modal .custom-modal-text .meeting-members .invites
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    height: 100%;

    text-align: left;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting
{
    padding-right: 20px;

    border-right: 1px solid #ddd;
}

.view-attendees-modal .custom-modal-text .meeting-members .invites
{
    padding-left: 20px;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .title h3,
.view-attendees-modal .custom-modal-text .meeting-members .invites .title h3
{
    font-size: 15px;
    font-weight: 400;

    margin-bottom: 20px;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul
{
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li
{
    position: relative;

    margin-bottom: 15px;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li:last-child,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li:last-child
{
    margin-bottom: 0;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user
{
    position: absolute;
    top: 50%;
    left: 0;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user
{
    width: 56px;
    height: 56px;

    border: 1px solid #f49914;
    border-radius: 50%;
    background-color: #f3f3f3;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user-name,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user-name
{
    margin-left: 66px;
    padding: 20px 20px 20px 0;
}

.view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user-name h3,
.view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user-name h3
{
    font-size: 15px;
    font-weight: 400;
}

.view-attendees-modal .img-circle
{
    width: 54px;
    height: 54px;
}


/* Task */

.task .panel-heading
{
    display: inline-block;

    width: 100%;
    margin-bottom: 8px;
    padding: 0 15px;

    vertical-align: middle;

    color: #fff;
    border-radius: 0;
    background-color: #3f3f3f;
}
.task .panel:last-child > .panel-heading
{
    margin-bottom: 4px;
}

.task .panel-heading .heading-title
{
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;

    margin: 0;
}

.task,
.task .panel,
.task .panel-body
{
    padding: 0 !important;

    background-color: transparent !important;
    box-shadow: none !important;
}

.task .panel .panel-body .panel-group,
.task .panel .panel-body .panel-group .panel-default
{
    margin: 0;
}

.task .panel .panel-body .panel-group .panel-default .panel-collapse .panel-body
{
    padding: 7px 0 15px 0 !important;
}

.task .panel .panel-body .panel-group .panel-default .panel-heading
{
    padding: 0;

    background-color: #f4f4f4;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.task .panel .panel-body .panel-group .panel-default .panel-heading .panel-title
{
    font-size: 14px;
    font-weight: 400;

    text-transform: capitalize;
}

.task .panel .panel-body .panel-group .panel-default .panel-heading .panel-title a
{
    line-height: 46px;

    padding: 0 15px;

    color: #000;
}

.task .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before
{
    content: '\f2f9';
}

.task .panel-group .panel .panel-heading .accordion-toggle.collapsed:before
{
    content: '\f2f9';
}

.task .panel-group .panel .panel-heading a[data-toggle=collapse]
{
    display: block;
}

.task .panel-group .panel .panel-heading a[data-toggle=collapse]:before
{
    font-family: 'Material-Design-Iconic-Font';
    font-size: 20px;

    display: block;
    float: right;

    width: 10px;

    content: '\f2fc';
    text-align: right;

    color: #000;
}

.task .panel-group .panel .panel-heading + .panel-collapse .panel-body
{
    border-top: none;
}


/* Board-members */

.board-members .panel-heading
{
    position: relative;

    padding: 0 15px;

    color: #fff;
    border-radius: 0;
    background-color: #3f3f3f;
}

.board-members .panel-heading .heading-title
{
    font-size: 15px;
    font-weight: 400;
    line-height: 40px;

    color: #fff;
}

.board-members .panel-heading .left-arrow
{
    position: absolute;
    top: 50%;
    left: 15px;

    margin: -11px 0;
}
.board-members .panel-heading .right-arrow
{
    position: absolute;
    top: 50%;
    right: 15px;

    margin: -11px 0;
}

.board-members .panel-heading .left-arrow a,
.board-members .panel-heading .right-arrow a
{
    color: #fff;
}

.board-members .panel-heading .left-arrow a i,
.board-members .panel-heading .right-arrow a i
{
    font-size: 20px;

    vertical-align: middle;
}

.board-members .panel-body .carousel .carousel-inner .item a
{
    position: relative;

    display: inline-block;
}
.board-members .panel-body .carousel .carousel-inner .item a img
{
    width: 96px;
    height: 96px;
}
.board-members .panel-body .carousel .carousel-inner .item h3
{
    font-size: 12px;

    position: absolute;
    bottom: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    margin: 0;
    padding: 4px;

    white-space: nowrap;
    text-overflow: ellipsis;

    color: #fff;
    background: rgba(0, 0, 0, .5);
}


/* Carousel */

.board-members .panel-body #quote-carousel-members
{
    margin-top: 0;
    padding: 0 0 28px 0;

    text-align: center;
}


/* Indicator-position */

.board-members .panel-body #quote-carousel-members .carousel-indicators
{
    top: auto;
    right: 50%;
    bottom: -21px;

    margin-right: -19px;
}


/* Indicator-color */

.board-members .panel-body #quote-carousel-members .carousel-indicators li
{
    width: 12px;
    height: 12px;

    background: #c0c0c0;
}


/* Active-indicator */

.board-members .panel-body #quote-carousel-members .carousel-indicators .active
{
    width: 12px;
    height: 12px;
    margin-bottom: 1px;

    background: #333;
}


/* User-profile Modal */

.user-profile-modal .user-profile
{
    position: relative;
    z-index: 1;

    padding: 25px;

    text-align: center;

    background-image: url(../images/old-bg.jpg);
    background-position: center;
    background-size: cover;
}

.user-profile-modal .user-profile:after
{
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';

    background: rgba(0, 0, 0, .5);
}

.user-profile-modal .user-profile img
{
    width: 94px;
    height: 94px;
    margin: 0 auto;

    border: 1px solid #fff;
}

.user-profile-modal .user-profile h4,
.user-profile-modal .user-profile p
{
    font-size: 17px;
    font-weight: 400;
    line-height: initial;

    color: #fff;
}

.user-profile-modal .user-profile p
{
    font-size: 16px;
    font-weight: 300;

    margin: 0;
}

.user-profile-modal .custom-modal-text
{
    padding: 0;

    background-color: #f0f0f0;
}

.user-profile-modal .custom-modal-text table tr td
{
    font-size: 16px;
    font-weight: 400;
}

.user-profile-modal .custom-modal-text table tr .first
{
    padding: 12px 0 12px 60px;
}

.user-profile-modal .custom-modal-text table tr .second
{
    padding: 12px 60px 12px 0;
}

.user-profile-modal .custom-modal-text table tr
{
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.user-profile-modal .custom-modal-text table tr:last-child
{
    border-bottom: 0;
}


/* 03.Analytics */


/* Tabs */

.analytics
{
    margin-top: -20px;
}

.analytics .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.analytics .tab-content .tab-pane .row,
.analytics .tab-content .tab-pane .card-box .row
{
    margin-right: 0;
    margin-left: 0;
}

.tabs
{
    position: relative;

    width: 100%;
    margin: 0 auto;
    padding: 0;

    white-space: nowrap;

    background-color: #eee;
}

.tabs li.tab
{
    display: block;
    float: left;

    margin: 0;

    text-align: center;

    background-color: #eee;
}

.tabs li.tab a
{
    display: block;

    width: 100%;
    height: 100%;

    -webkit-transition: color .28s ease;
       -moz-transition: color .28s ease;
        -ms-transition: color .28s ease;
         -o-transition: color .28s ease;
            transition: color .28s ease;
    text-decoration: none;

    color: #ee6e73;
}

.tabs li.tab a.active
{
    color: #000 !important;
}

.tabs .indicator
{
    position: absolute;
    z-index: 1;
    bottom: 0;

    height: 2px;

    background-color: #f49914;

    will-change: left, right;
}

.tabs-top .indicator
{
    top: 0;
}

.nav.nav-tabs + .tab-content
{
    margin-bottom: 0;
    padding: 20px 0;

    background: #fff;
}

.tabs-vertical-env
{
    margin-bottom: 30px;
}

.tabs-vertical-env .tab-content
{
    display: table-cell;

    margin-bottom: 30px;
    padding: 30px;

    vertical-align: top;

    background: #fff;
}

.tabs-vertical-env .nav.tabs-vertical
{
    display: table-cell;

    width: 150px;
    min-width: 120px;

    vertical-align: top;
}

.tabs-vertical-env .nav.tabs-vertical li.active > a
{
    border: 0;
    background-color: #fff;
}

.tabs-vertical-env .nav.tabs-vertical li > a
{
    font-family: 'Roboto', sans-serif;
    font-weight: 500;

    text-align: center;
    white-space: nowrap;

    color: #333;
}

.nav.nav-tabs > li.active > a
{
    border: 0;
    background-color: #eee;
}

.nav.nav-tabs > li > a
{
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    line-height: 50px;

    padding-right: 20px;
    padding-left: 20px;

    cursor: pointer;

    color: #7b7a7a !important;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.nav.nav-tabs > li > a:hover
{
    color: #000 !important;
}

.nav.tabs-vertical > li > a
{
    line-height: 50px;

    padding-right: 20px;
    padding-left: 20px;

    cursor: pointer;

    color: #333 !important;
    border: none;
    border-radius: 0;
    background-color: transparent;
}

.nav.tabs-vertical > li > a:hover
{
    color: #3bafda !important;
}

.tab-content
{
    color: #333;
    box-shadow: none;
}

.nav.nav-tabs > li:last-of-type a
{
    margin-right: 0;
}

.nav.nav-tabs
{
    border-bottom: 0;
    box-shadow: none;
}

.navtab-custom li
{
    margin-bottom: -2px;
}

.navtab-custom li a
{
    border-top: 2px solid transparent !important;
}

.navtab-custom li.active a
{
    border-top: 2px solid #3bafda !important;
}

.nav-tab-left.navtab-custom li a
{
    border: none !important;
    border-left: 2px solid transparent !important;
}

.nav-tab-left.navtab-custom li.active a
{
    border-left: 2px solid #3bafda !important;
}

.nav-tab-right.navtab-custom li a
{
    border: none !important;
    border-right: 2px solid transparent !important;
}

.nav-tab-right.navtab-custom li.active a
{
    border-right: 2px solid #3bafda !important;
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus,
.tabs-vertical-env .nav.tabs-vertical li.active > a
{
    border: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.tabs-vertical > li.active > a,
.tabs-vertical > li.active > a:focus,
.tabs-vertical > li.active > a:hover
{
    color: #000 !important;
}

.tabs-vertical-env .tab-content
{
    margin-bottom: 0;
}

.analytics .tab-content .tab-pane
{
    min-height: 368px;
}


/* Net-sales / Shareholding / Dividend / Ratio / Capital / Bonus / Right-issue */
.analytics .tab-content
{
    padding: 0 !important;
}
.analytics .tab-content .tab-pane .summary,
.analytics .tab-content .tab-pane .net-sales,
.analytics .tab-content .tab-pane .shareholding,
.analytics .tab-content .tab-pane .dividend,
.analytics .tab-content .tab-pane .ratio,
.analytics .tab-content .tab-pane .capital,
.analytics .tab-content .tab-pane .bonus,
.analytics .tab-content .tab-pane .right-issue
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: 0 0 -20px 0;
    padding: 20px;
}
.analytics .tab-content .tab-pane .summary
{
    padding: 20px 0;
}


/* Summary */

.analytics .tab-content .tab-pane .summary .table-responsive .table tr .width-30
{
    width: 30%;
}

.analytics .tab-content .tab-pane .summary .table-responsive .table tr .width-7
{
    width: 7%;
}

.analytics .tab-content .tab-pane .summary .table-responsive .table tr .width-63
{
    width: 63%;
}

.analytics .tab-content .tab-pane .summary .table-responsive .table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th
{
    font-weight: 400;

    padding: 10px 36px;

    color: #7b7a7a;
    border: 0;
}

.analytics .tab-content .tab-pane .summary .table-responsive .table-striped > tbody > tr:nth-of-type(odd)
{
    background-color: #eee;
}


/* Net-sales */

#net-sales .highcharts-container,
#net-sales .highcharts-container svg
{
    width: 100% !important;
}

.analytics .tab-content .tab-pane .net-sales .nav-pills li a
{
    line-height: 36px !important;

    padding: 0 20px;

    color: #f49914 !important;
}

.analytics .tab-content .tab-pane .net-sales .nav-pills li a:hover,
.analytics .tab-content .tab-pane .net-sales .nav-pills li a:focus
{
    background-color: transparent;
}

.analytics .tab-content .tab-pane .net-sales .nav-pills li.active a
{
    color: #fff !important;
}

.analytics .tab-content .tab-pane .net-sales .nav-pills li.active a
{
    border-radius: 0;
    background-color: #f49914 !important;
}

.analytics .tab-content .tab-pane .net-sales .tab-content #NetSales
{
    padding: 10px;

    border: 1px solid #f3f3f3;
}


/* Shareholding */

#shareholding .highcharts-container,
#shareholding .highcharts-container svg
{
    width: 100% !important;
}

.analytics .tab-content .tab-pane .shareholding .textSize
{
    font-size: 13px;
}

.analytics .tab-content .tab-pane .shareholding th
{
    color: #fff;
    background-color: #4f4f4f;
}

.analytics .tab-content .tab-pane .shareholding .table-responsive table tbody tr .shares
{
    font-weight: 500;

    text-align: left;

    border-right: none;
    background-color: #eee;
}

.analytics .tab-content .tab-pane .shareholding .table-responsive table tbody tr .percentage
{
    font-weight: 500;

    text-align: right;

    border-left: none;
    background-color: #eee;
}

.analytics .tab-content .tab-pane .shareholding .table-responsive table tbody tr .font-weight
{
    font-weight: 400 !important;
}


/* Dividend */

#dividend .highcharts-container,
#dividend .highcharts-container svg
{
    width: 100% !important;
}


/* Ratio */

.analytics .tab-content .tab-pane .ratio .table-responsive .table tr th
{
    font-size: 13px;
    font-weight: 400;

    padding: 10px 0 10px;

    color: #7b7a7a;
    border-bottom: 1px solid #ddd;
}

.analytics .tab-content .tab-pane .ratio .table-responsive .table tr td,
.analytics .tab-content .tab-pane .capital .table-responsive .table tr td
{
    font-weight: 500 !important;

    padding: 10px 0 !important;

    color: #333 !important;
}


/* Capital */

.analytics .tab-content .tab-pane .capital .table-responsive .table,
.analytics .tab-content .tab-pane .capital .table-responsive .table thead tr th,
.analytics .tab-content .tab-pane .capital .table-responsive .table tbody tr td
{
    font-size: 13px;

    text-align: center;

    color: #7b7a7a;
    border: 1px solid #ddd;
}


/* 04.Meetings */


/* Meeting-list / Circular-resolution-list / MOM */

.meeting-list
{
    margin-top: -20px;
}

.meeting-list .tab-content,
.library .tab-content,
.circular-resolution-list .tab-content,
.mom .tab-content
{
    padding: 0 !important;
}

.meeting-list .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.meeting-list .tab-content .tab-pane .open-list,
.meeting-list .tab-content .tab-pane .close-list,
.circular-resolution-list .tab-content .tab-pane .open-list,
.circular-resolution-list .tab-content .tab-pane .close-list,
.mom .tab-content .tab-pane .open-list,
.mom .tab-content .tab-pane .close-list
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: 0 0 -20px 0;
}

.circular-resolution-list .one-user,
.mom .one-user
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 0 20px 20px;
}

.meeting-list .open-list .row,
.meeting-list .close-list .row,
.circular-resolution-list .open-list .row,
.circular-resolution-list .close-list .row,
.mom .open-list .row,
.mom .close-list .row
{
    margin-right: 0;
    margin-left: 0;
}

.meeting-list .tab-content .tab-pane .open-list .material-table .table-header .actions .seperator:before,
.meeting-list .tab-content .tab-pane .close-list .material-table .table-header .actions .seperator:before,
.circular-resolution-list .tab-pane .open-list .material-table .table-header .actions .seperator:before,
.circular-resolution-list .tab-pane .close-list .material-table .table-header .actions .seperator:before,
.mom .tab-pane .open-list .material-table .table-header .actions .seperator:before,
.mom .tab-pane .close-list .material-table .table-header .actions .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 28px;
    margin: -14px 0;

    content: '';

    background-color: #ddd;
}

.meeting-list .tab-content .tab-pane .open-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before,
.meeting-list .tab-content .tab-pane .close-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before,
.mom .tab-content .tab-pane .open-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before,
.mom .tab-content .tab-pane .close-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before
{
    content: '\f160' !important;
}

.meeting-list .tab-content .tab-pane .open-list .material-table .table-header .actions .zmdi-filter-list:before,
.meeting-list .tab-content .tab-pane .close-list .material-table .table-header .actions .zmdi-filter-list:before,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table .table-header .actions .zmdi-filter-list:before,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table .table-header .actions .zmdi-filter-list:before,
.mom .tab-content .tab-pane .open-list .material-table .table-header .actions .zmdi-filter-list:before,
.mom .tab-content .tab-pane .close-list .material-table .table-header .actions .zmdi-filter-list:before
{
    content: '\f136';
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body
{
    height: 56px;
    padding: 11px 24px 11px 56px;

    border-bottom: solid 1px #ddd;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns
{
    display: inline-block;

    width: 100%;

    vertical-align: middle;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col
{
    position: relative;

    float: left;

    box-sizing: border-box;
    width: 20%;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .btn,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .btn,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .btn,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .btn,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .btn,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .btn
{
    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
}
.meeting-list .material-table #collapseOne .panel-body .columns .col:last-child,
.meeting-list .material-table #collapseTwo .panel-body .columns .col:last-child,
.mom .material-table #collapseOne .panel-body .columns .col:last-child,
.mom .material-table #collapseTwo .panel-body .columns .col:last-child,
.circular-resolution-list .material-table #collapseOne .panel-body .columns .col:last-child,
.circular-resolution-list .material-table #collapseTwo .panel-body .columns .col:last-child
{
    margin-left: 30px;
    margin-left: 30px;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .vwt-FormGroup input.vwt-Input,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .vwt-FormGroup input.vwt-Input,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .vwt-FormGroup input.vwt-Input,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .vwt-FormGroup input.vwt-Input,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .vwt-FormGroup input.vwt-Input,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .vwt-FormGroup input.vwt-Input
{
    border-bottom: none;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(2),
.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(3),
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(2),
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(3),
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(2),
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(3),
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(2),
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(3),
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(2),
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(3),
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(2),
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(3)
{
    margin-left: 30px;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .seperator:before,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .seperator:before,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .seperator:before,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .seperator:before,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .seperator:before,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 20px;
    margin: -10px 0;

    content: '';

    background-color: rgba(0, 0, 0, .12);
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .form-control,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .form-control,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .form-control,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .form-control,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .form-control,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .form-control
{
    color: rgba(0, 0, 0, .54);
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .custom-date-autoclose,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .custom-date-autoclose,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .custom-date-autoclose
{
    font-size: 14px;

    position: relative;

    padding: 6px 28px 6px 45px;

    color: rgba(0, 0, 0, .54);
    border: 0;
    background-color: transparent;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose:focus,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .custom-date-autoclose:focus,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose:focus,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .custom-date-autoclose:focus,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose:focus,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .custom-date-autoclose:focus
{
    border-color: #eee;
    outline: none;
    box-shadow: none;
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .calendar,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .calendar,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .calendar,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .calendar,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .calendar,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .calendar
{
    font-size: 20px;
    line-height: 15px;

    position: absolute;
    top: 50%;
    left: 15px;

    margin: -7.5px 0;

    color: rgba(0, 0, 0, .54);
}

.meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .caret,
.meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .caret,
.circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .caret,
.circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .caret,
.mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col .caret,
.mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col .caret
{
    position: absolute;
    top: 50%;
    right: 12px;

    margin: -1px 0;

    color: rgba(0, 0, 0, .54);
}


/* Create-meeting */

.create-meeting
{
    margin-top: -20px;
}

.create-meeting .wizard
{
    margin-right: -20px;
    margin-left: -20px;

    background: #fff;
}

.create-meeting .wizard .nav-tabs
{
    position: relative;

    margin: 0 auto;

    background-color: #eee;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
}

.create-meeting .wizard > div.wizard-inner
{
    position: relative;
    z-index: 1;
}

.create-meeting .wizard .tab-content
{
    overflow: auto;

    height: calc(100vh - 240px);
}

.create-meeting .wizard .nav-tabs > li.active > a,
.create-meeting .wizard .nav-tabs > li.active > a:hover,
.create-meeting .wizard .nav-tabs > li.active > a:focus
{
    cursor: default;

    color: #555;
    border: 0;
    border-bottom-color: transparent;
}

span.round-tab
{
    font-size: 15px;
    line-height: 30px;

    position: absolute;
    z-index: 2;
    left: 0;

    display: inline-block;

    width: 30px;
    height: 30px;

    text-align: center;

    color: #fff;
    border-color: #a0a0a0;
    border-radius: 100px;
    background: #a0a0a0;
}

.pointer-events
{
    pointer-events: none;
}

.active span.round-tab .disabled
{
    display: block !important;
}

span.round-tab.done
{
    background: #f49914;
}

span.round-tab.done .disabled
{
    display: none;
}

.active span.round-tab.done:after
{
    display: none;
}

span.round-tab.done:after
{
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: 15px;

    position: absolute;
    top: 50%;
    left: 50%;

    margin: -7.5px 0 0 -5.5px;

    content: '\f26b';
    transition: .1s ease-in-out;

    color: #fff;
}

.create-meeting .wizard li.active span.round-tab
{
    color: #fff;
    border-color: #f49914;
    background: #f49914;
}

.create-meeting .wizard li .title
{
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    top: 50%;
    left: 53%;

    margin: -10px 0;

    color: #908e8e;
}

.create-meeting .wizard li.active .title
{
    font-size: 14px;
    font-weight: 400;

    position: absolute;
    top: 50%;
    left: 53%;

    margin: -10px 0;

    color: #000;
}

.create-meeting .wizard li.active span.round-tab i
{
    color: #5bc0de;
}

.create-meeting .wizard .nav-tabs > li
{
    width: 130px;
    margin: 0;
    margin-right: 30px;
}

.create-meeting .wizard .nav-tabs > li:after
{
    position: absolute;
    top: 50%;
    right: -30px;

    width: 30px;
    height: 1px;

    content: '';

    background: #bbbaba;
}
.create-meeting .wizard .nav-tabs > li:nth-child(2):after
{
    display: none;
}

.create-meeting .wizard .nav-tabs > .import-agenda
{
    font-size: 13px;
    font-weight: 400;

    display: none;

    max-width: 130px;
    margin: 10px 0;
    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.create-meeting .wizard .nav-tabs > li:last-child:after
{
    display: none;
}

.create-meeting .wizard .nav-tabs > li a
{
    display: inline-block;

    width: 30px;
    height: 30px;
    margin: 10px 20px;
    padding: 0;

    vertical-align: middle;

    border-radius: 100%;
}

.create-meeting .wizard .nav-tabs > li a:hover
{
    background: transparent;
}

.create-meeting .wizard .tab-pane
{
    position: relative;

    padding: 40px 20px 20px 20px;
}

.create-meeting .wizard #step2
{
    padding: 0;
}

.create-meeting .agenda-panel
{
    position: relative;

    display: inline-block;

    width: 100%;

    vertical-align: middle;

    background-color: #eee;
}

.create-meeting .left-panel
{
    float: left;

    box-sizing: border-box;
    width: 25%;
    padding-top: 20px;
}

.create-meeting .left-panel .item-right,
.create-meeting .left-panel .ui-accordion .ui-accordion-content .line .item-right .close-btn
{
    line-height: 1;

    position: absolute;
    top: 50%;
    right: .7em;

    margin: -9px 0;
}

.create-meeting .left-panel .ui-accordion .ui-accordion-content .line .item-right .close-btn
{
    right: -1.9em;

    cursor: pointer;
}

.create-meeting .left-panel .item-right i,
.create-meeting .left-panel .line .item-right i
{
    font-size: 18px;
}

.create-meeting .left-panel .item-right .add-btn,
.create-meeting .left-panel .line .item-right .add-btn
{
    color: #f49914;
}

.create-meeting .left-panel .item-right .close-btn,
.create-meeting .left-panel .line .item-right .close-btn
{
    margin-left: .3em;

    color: rgba(0, 0, 0, .87);
}

.create-meeting .left-panel .ui-accordion .ui-accordion-content .line .item-right .close-btn
{
    margin: 0;
}

.create-meeting .agenda-panel .right-panel
{
    float: left;

    box-sizing: border-box;
    width: 75%;
    height: 100%;
    padding: 40px 20px 20px 20px;

    background-color: #fff;
}

.create-meeting .agenda-panel .right-panel .row
{
    margin-right: 0;
    margin-left: 0;
}

.create-meeting .agenda-panel .right-panel .agenda-description
{
    font-size: 14px;

    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 5px;

    color: rgba(0,0,0,.87);
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.create-meeting .agenda-panel .right-panel input[type='text']::-webkit-input-placeholder
{
    color: #999;
}

.create-meeting .agenda-panel .right-panel .fileupload,
.registerModal form .fileupload
{
    margin-bottom: 40px;
}

.create-meeting .agenda-panel .right-panel .fileupload table,
.registerModal form .fileupload table
{
    margin: 0;
}

.create-meeting .agenda-panel .right-panel .fileupload thead,
.registerModal form .fileupload thead,
.create-meeting .agenda-panel .right-panel .fileupload th,
.registerModal form .fileupload th,
.create-meeting .agenda-panel .right-panel .fileupload table .files tr:last-child,
.registerModal form .fileupload table .files tr:last-child
{
    border-bottom: 1px solid #ddd;
}

.create-meeting .agenda-panel .right-panel .fileupload table .files tr,
.registerModal form .fileupload table .files tr
{
    float: left;

    margin-top: 10px;
    margin-right: 20px;
    padding: 0 10px;

    border: 1px solid rgba(0,0,0,.12);
}
.create-meeting .agenda-panel .right-panel .fileupload table .files tr:last-child,
.registerModal form .fileupload table .files tr:last-child
{
    margin-right: 0;
}

.create-meeting .agenda-panel .right-panel .fileupload table .files td,
.registerModal form .fileupload table .files td
{
    /*padding: 8px 0;*/
    padding: 0;

    vertical-align: middle;
    /*border-top: 1px solid #ddd;*/

    border: 0;
}

.create-meeting .agenda-panel .right-panel .fileupload .theader,
.registerModal form .fileupload .theader
{
    padding: 0 0 5px 0;
}

.create-meeting .agenda-panel .right-panel .fileupload .theader .btn,
.registerModal form .fileupload .theader .btn
{
    padding: 0 5px 0 0;

    border: none;
    border-radius: 0;
}
.create-meeting .agenda-panel .right-panel .fileupload .theader .btn input,
.registerModal form .fileupload .theader .btn input,
.create-meeting .agenda-panel .right-panel .fileupload .theader .btn input:focus,
.registerModal form .fileupload .theader .btn input:focus
{
    outline: none;
    box-shadow: none;
}

.create-meeting .agenda-panel .right-panel .fileupload .theader .btn .text-document,
.registerModal form .fileupload .theader .btn .text-document,
.create-meeting .agenda-panel .right-panel .fileupload .theader .btn .text-icon,
.registerModal form .fileupload .theader .btn .text-icon
{
    color: #999;
}
.create-meeting .agenda-panel .right-panel .fileupload .theader .btn .text-icon,
.registerModal form .fileupload .theader .btn .text-icon
{
    font-size: 17px;

    margin-left: 10px;

    color: rgba(0, 0, 0, .87);
}
.create-meeting .agenda-panel .right-panel .fileupload table .files tr td .name,
.registerModal form .fileupload table .files tr td .name
{
    font-style: italic;

    margin: 0;

    color: #7b7a7a;
}

.create-meeting .agenda-panel .right-panel .fileupload table .files tr td .cancel,
.registerModal form .fileupload table .files tr td .cancel
{
    font-size: 17px;

    margin-left: 10px;

    cursor: pointer;

    color: #999;
}

.create-meeting .agenda-panel .right-panel .save
{
    font-size: 14px;
    font-weight: 400;

    padding: 5px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.btn-custom:hover
{
    color: white;
}

.datetimepicker.datetimepicker-dropdown-bottom-right.dropdown-menu
{
    z-index: 10003;

    padding: 10px;
}

.custom-calender
{
    font-size: 18px;

    position: absolute;
    top: 20%;
    left: -10px;

    color: #999;
}

.create-meeting .form-footer
{
    position: fixed;
    bottom: 40px;
    left: 0;

    width: 100%;
    padding: 10px 25px;
    padding-left: 285px;

    text-align: right;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}

.enlarged .create-meeting .form-footer
{
    padding-left: 75px;
}

.create-meeting .form-footer a
{
    font-size: 13px;
    font-weight: 400;

    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.create-meeting .form-footer .proceed,
.create-meeting .form-footer .send
{
    margin-left: 20px;
}


/* Create-meeting-proceed Modal / Create-meeting-preview-modal */

.create-meeting-modal .custom-modal-text,
.CM-preview-modal .custom-modal-text
{
    padding: 20px;
}

.create-meeting-modal .custom-modal-text p
{
    font-size: 16px;

    margin-bottom: 20px;

    color: #999;
}

.create-meeting-modal .custom-modal-text .btn
{
    padding: 6px 36px;

    color: #fff;
    border: none;
    border-radius: 0;
}

.create-meeting-modal .custom-modal-text span
{
    margin: 0 10px;

    color: #999;
}


/* 05.Circular-resolution */


/* Create-circular-resolution */

.create-circular-resolution
{
    overflow: auto;
    overflow-x: hidden;

    height: calc(100vh - 190px);
    margin: -20px -20px 0 -20px;
    padding: 40px 20px 20px 20px;
}

.create-circular-resolution .row .col-md-4,
.create-circular-resolution .row .col-md-8,
.create-circular-resolution .row .col-md-12
{
    padding-right: 15px;
    padding-left: 15px;
}

.create-circular-resolution .device
{
    display: none;

    text-align: right;
}

.create-circular-resolution .device .device-add-btn
{
    display: inline-block;

    width: 100%;

    vertical-align: middle;
}

.create-circular-resolution .device .device-add-btn .btn-add,
.create-circular-resolution table thead tr th .btn-add
{
    font-size: 13px;
    font-weight: 400;

    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.create-circular-resolution table tbody tr td .menus ul
{
    margin: 0;
}

.create-circular-resolution table tbody tr td .menus ul li a i
{
    font-size: 18px;

    color: rgba(0, 0, 0, .54);
}

.create-circular-resolution table tbody tr td .menus ul li ul
{
    top: 0;
    left: -59px;

    min-width: 115px;

    border-radius: 0;
}

.enlarged .create-circular-resolution table tbody tr td .menus ul li ul
{
    left: -44px;
}

.create-circular-resolution table tbody tr td .menus ul li ul li a
{
    font-size: 14px;

    padding: 8px 15px;

    color: #7b7a7a;
}

.create-circular-resolution table tbody tr td .menus ul li ul li a i
{
    font-size: 14px;

    margin-right: 5px;

    color: inherit;
}

.create-circular-resolution table tbody tr td .menus ul li ul li a:hover
{
    background-color: rgb(238, 238, 238);
}

.create-circular-resolution .form-footer
{
    position: absolute;
    bottom: 40px;
    left: 0;

    width: 100%;
    padding: 10px 25px;
    padding-left: 285px;

    text-align: right;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}

.enlarged .create-circular-resolution .form-footer
{
    padding-left: 75px;
}

.create-circular-resolution .form-footer a
{
    font-size: 13px;
    font-weight: 400;

    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.create-circular-resolution .form-footer .proceed
{
    margin-left: 20px;
}


/* CR-proceed Modal / CR-preview Modal */

.cr-proceed-modal .custom-modal-text,
.cr-preview-modal .custom-modal-text
{
    padding: 20px;
}

.cr-proceed-modal .btn
{
    padding: 6px 36px;

    color: #fff;
    border: none;
    border-radius: 0;
}

.cr-proceed-modal .custom-modal-text p
{
    font-size: 16px;

    margin-bottom: 20px;

    color: #999;
}

.cr-proceed-modal .custom-modal-text span
{
    margin: 0 10px;

    color: #999;
}


/* CR-list voting-result Modal */

.voting-result-modal .custom-modal-text
{
    height: 450px;
}

.voting-result-modal .custom-modal-text .group
{
    margin-bottom: 20px;
}

.voting-result-modal .custom-modal-text table thead tr th
{
    font-weight: 500;
}


/* CR-list Modal */

.cr-list-modal textarea
{
    font-size: 16px;

    width: 100%;
    height: 180px;
    padding: 6px;

    resize: none;

    color: rgba(0, 0, 0, .87);
    border-color: rgba(0, 0, 0, .12);
}

.cr-list-modal .title
{
    display: inline-block;

    width: 100%;
    margin-top: -20px;
    margin-bottom: 10px;

    vertical-align: middle;
}

.cr-list-modal .title .description,
.cr-list-modal .title .attach
{
    float: left;

    width: 50%;
}

.cr-list-modal .title .description span
{
    font-size: 14px;
    line-height: 32px;

    color: #999;
}

.cr-list-modal .title .attach .fileUpload
{
    font-size: 0;

    position: relative;

    display: flex;

    white-space: nowrap;

    color: #222;
}

.cr-list-modal .title .attach .fileUpload .fileName
{
    font-size: 14px;

    overflow: hidden;

    width: 100%;
    padding: 5px;

    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;

    border: 1px solid #dcdcdc;
    border-right: 0;
    background: #f5f5f5;
}
.cr-list-modal .title .attach .fileUpload .customUploadBtn
{
    font-size: 10pt;
    font-weight: 400;
    line-height: 2;

    padding: 3px 18px;

    transition: all .2s ease-in;

    color: #fff;
    background: #f49914;
}
.cr-list-modal .title .attach .fileUpload .uploadBtn
{
    font-size: 20px;

    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;

    cursor: pointer;
    text-align: center;

    opacity: 0;

    filter: alpha(opacity=0);
}

/* Circular-resolution-list */

.circular-resolution-list
{
    margin-top: -20px;
}

.circular-resolution-list .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.circular-resolution-list .material-table .table-header .actions .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 28px;
    margin: -14px 0;

    content: '';

    background-color: #ddd;
}

.circular-resolution-list .material-table .table-header .actions .collapsed .zmdi-filter-list:before
{
    content: '\f160' !important;
}

.circular-resolution-list .material-table .table-header .actions .zmdi-filter-list:before
{
    content: '\f136';
}

.circular-resolution-list .material-table #collapseOne .panel-body .columns .col .form-control
{
    color: rgba(0, 0, 0, .54);
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.circular-resolution-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose
{
    font-size: 14px;

    position: relative;

    padding: 6px 28px 6px 45px;

    color: rgba(0, 0, 0, .54);
    border: 0;
    background-color: transparent;
}

.circular-resolution-list .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose:focus
{
    border-color: #eee;
    outline: none;
    box-shadow: none;
}

.circular-resolution-list .material-table #collapseOne .panel-body .columns .col .calendar
{
    font-size: 20px;
    line-height: 15px;

    position: absolute;
    top: 50%;
    left: 15px;

    margin: -7.5px 0;

    color: rgba(0, 0, 0, .54);
}

.circular-resolution-list .material-table #collapseOne .panel-body .columns .col .caret
{
    position: absolute;
    top: 50%;
    right: 12px;

    margin: -1px 0;

    color: rgba(0, 0, 0, .54);
}

.circular-resolution-list div.material-table table td a i
{
    line-height: inherit;
}


/* 06.Tracker */


/* Administrative-compliance */

.administrative-compliance
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 0 20px 20px;
}

.administrative-compliance .row
{
    margin-right: -20px;
    margin-left: -20px;
}


/* Administrative-compliance-tabs */

.administrative-compliance-tabs
{
    margin-top: -20px;
}
.administrative-compliance-tabs .row
{
    margin-right: -20px;
    margin-left: -20px;
}
.administrative-compliance-tabs .tab-content
{
    padding: 0 !important;
}

.administrative-compliance-tabs .tab-content .tab-pane .pre-meeting-compliance,
.administrative-compliance-tabs .tab-content .tab-pane .on-meeting-compliance,
.administrative-compliance-tabs .tab-content .tab-pane .post-meeting-compliance
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: 0 0 -20px 0;
}

.administrative-compliance-tabs .pre-meeting-compliance .row,
.administrative-compliance-tabs .on-meeting-compliance .row,
.administrative-compliance-tabs .post-meeting-compliance .row
{
    margin-right: 0;
    margin-left: 0;
}

.administrative-compliance-modal .status-title p
{
    font-size: 14px;
    font-weight: 400;

    padding: 0 10px;

    color: #000;
}


/* Statutory-compliance / Action-taken-report */

.statutory-compliance,
.action-taken-report
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 0 20px 20px;
}

.statutory-compliance .row,
.action-taken-report .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.statutory-compliance-modal .status-title p,
.action-taken-report-modal .status-title p,
.administrative-compliance-view-modal .status-title p
{
    font-size: 14px;
    font-weight: 400;

    padding: 0 10px;

    color: #000;
}

.track-history-modal .track-history
{
    height: 387px !important;
}

.track-history-modal .custom-modal-inner-title
{
    padding: 15px 30px;

    text-align: left;

    background-color: #eee;
}

.track-history-modal .custom-modal-inner-title h3
{
    font-size: 15px;
    font-weight: 400;
}

.track-history-modal .custom-modal-text
{
    padding: 20px 0 40px;
}

.track-history-modal .custom-modal-text div.material-table table tr td .default,
.track-history-modal .custom-modal-text div.material-table table tr td div
{
    max-width: 110px;
}

.track-history-modal .custom-modal-text div.material-table table tr td div
{
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.track-history-modal .custom-modal-text div.material-table table tr td
{
    max-width: 110px;
    padding: 0 0 0 30px;
}

.track-history-modal .custom-modal-text div.material-table table th
{
    padding-left: 30px;
}


/* 07.Live-meeting / 08.Create-mom-meeting 09.View-mom-meeting / 10.Certified-resolution-view-report / 11.Agenda-view-report / 12.Minutes-view-report / 13.Circular-view-report / 14.Action-view-report / 15.Statutory-compliance-view-report / 16.Director-attendance-view-report */

.live-meeting
{
    overflow: auto;
    overflow-x: hidden;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 20px 40px 20px 20px;
    padding-left: 300px;

    -webkit-transition: all .6s ease;
            transition: all .6s ease;
}

.live-sidebar .nav.nav-tabs,
.mom-sidebar .nav.nav-tabs,
.view-mom-sidebar .nav.nav-tabs
{
    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.live-sidebar .nav.nav-tabs + .tab-content,
.mom-sidebar .nav.nav-tabs + .tab-content,
.view-mom-sidebar .nav.nav-tabs + .tab-content
{
    height: calc(100vh - 223px);
    margin-bottom: 0;
    padding: 0;

    background-color: #eee;
}

.mom-sidebar .nav.nav-tabs + .tab-content,
.view-mom-sidebar .nav.nav-tabs + .tab-content
{
    height: calc(100vh - 191px);
}

.live-sidebar .tabs li.tab a,
.mom-sidebar .tabs li.tab a,
.view-mom-sidebar .tabs li.tab a
{
    font-weight: 400;

    position: relative;
}

.live-sidebar .tabs li a i,
.mom-sidebar .tabs li a i,
.view-mom-sidebar .tabs li a i
{
    display: none;

    cursor: pointer;

    color: #f49914;
}

.live-sidebar .tabs li.active > a i,
.mom-sidebar .tabs li.active > a i,
.view-mom-sidebar .tabs li.active > a i
{
    font-size: 20px;

    position: absolute;
    top: 50%;
    right: 20px;

    display: block;

    margin: -10px 0;
}

.live-sidebar .tree-view,
.mom-sidebar .tree-view,
.view-mom-sidebar .tree-view,
.certified-resolution-view-report-sidebar .tree-view,
.agenda-view-report-sidebar .tree-view,
.minutes-view-report-sidebar .tree-view,
.circular-view-report-sidebar .tree-view,
.action-view-report-sidebar .tree-view,
.statutory-compliance-view-report-sidebar .tree-view,
.director-attendance-view-report-sidebar .tree-view,
.agenda-panel .left-panel .tree-view
{
    padding-left: 20px;
}

.live-sidebar .tree-view ul,
.mom-sidebar .tree-view ul,
.view-mom-sidebar .tree-view ul,
.certified-resolution-view-report-sidebar .tree-view ul,
.agenda-view-report-sidebar .tree-view ul,
.minutes-view-report-sidebar .tree-view ul,
.circular-view-report-sidebar .tree-view ul,
.action-view-report-sidebar .tree-view ul,
.statutory-compliance-view-report-sidebar .tree-view ul,
.director-attendance-view-report-sidebar .tree-view ul,
.agenda-panel .left-panel .tree-view ul
{
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

.live-sidebar .tree-view ul li,
.mom-sidebar .tree-view ul li,
.view-mom-sidebar .tree-view ul li,
.certified-resolution-view-report-sidebar .tree-view ul li,
.agenda-view-report-sidebar .tree-view ul li,
.minutes-view-report-sidebar .tree-view ul li,
.circular-view-report-sidebar .tree-view ul li,
.action-view-report-sidebar .tree-view ul li,
.statutory-compliance-view-report-sidebar .tree-view ul li,
.director-attendance-view-report-sidebar .tree-view ul li,
.agenda-panel .left-panel .tree-view ul li
{
    position: relative;

    display: block;

    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.live-sidebar .tree-view ul li a,
.mom-sidebar .tree-view ul li a,
.view-mom-sidebar .tree-view ul li a,
.certified-resolution-view-report-sidebar .tree-view ul li a,
.agenda-view-report-sidebar .tree-view ul li a,
.minutes-view-report-sidebar .tree-view ul li a,
.circular-view-report-sidebar .tree-view ul li a,
.action-view-report-sidebar .tree-view ul li a,
.statutory-compliance-view-report-sidebar .tree-view ul li a,
.director-attendance-view-report-sidebar .tree-view ul li a,
.agenda-panel .left-panel .tree-view ul li a
{
    font-size: 14px;
    font-weight: 400;

    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 78%;
    padding: 12px 12px 12px 0;

    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;

    color: #7b7a7a;
}

.live-sidebar .tree-view ul li .list-action-right,
.mom-sidebar .tree-view ul li .list-action-right,
.view-mom-sidebar .tree-view ul li .list-action-right,
.agenda-panel .left-panel .tree-view ul li .list-action-right
{
    font-size: 20px;

    position: absolute;
    top: 0;
    right: 20px;

    overflow: visible;

    width: 17px;
    padding: 0;

    text-align: right;

    color: #1976d2;
}

.live-sidebar .tree-view ul li .list-action-right i,
.mom-sidebar .tree-view ul li .list-action-right i,
.view-mom-sidebar .tree-view ul li .list-action-right i,
.agenda-panel .left-panel .tree-view ul li .list-action-right i
{
    line-height: 44px;

    color: #1976d2;
}

.live-sidebar .tree-view ul li .list-action-right .badge,
.mom-sidebar .tree-view ul li .list-action-right .badge,
.view-mom-sidebar .tree-view ul li .list-action-right .badge
{
    position: absolute;
    top: 9px;
    right: -5px;

    color: #fff;
    background-color: #1976d2;
}

.live-sidebar .tree-view ul li.active > ul li .list-action-right .badge,
.mom-sidebar .tree-view ul li.active > ul li .list-action-right .badge,
.view-mom-sidebar .tree-view ul li.active > ul li .list-action-right .badge
{
    top: 2px;
    right: -5px;
}

.live-sidebar .tree-view ul li a:hover,
.live-sidebar .tree-view ul li a:focus,
.live-sidebar .tree-view ul li a:active,
.mom-sidebar .tree-view ul li a:hover,
.mom-sidebar .tree-view ul li a:focus,
.mom-sidebar .tree-view ul li a:active,
.view-mom-sidebar .tree-view ul li a:hover,
.view-mom-sidebar .tree-view ul li a:focus,
.view-mom-sidebar .tree-view ul li a:active,
.certified-resolution-view-report-sidebar .tree-view ul li a:hover,
.certified-resolution-view-report-sidebar .tree-view ul li a:focus,
.certified-resolution-view-report-sidebar .tree-view ul li a:active,
.agenda-view-report-sidebar .tree-view ul li a:hover,
.agenda-view-report-sidebar .tree-view ul li a:focus,
.agenda-view-report-sidebar .tree-view ul li a:active,
.minutes-view-report-sidebar .tree-view ul li a:hover,
.minutes-view-report-sidebar .tree-view ul li a:focus,
.minutes-view-report-sidebar .tree-view ul li a:active,
.circular-view-report-sidebar .tree-view ul li a:hover,
.circular-view-report-sidebar .tree-view ul li a:focus,
.circular-view-report-sidebar .tree-view ul li a:active,
.action-view-report-sidebar .tree-view ul li a:hover,
.action-view-report-sidebar .tree-view ul li a:focus,
.action-view-report-sidebar .tree-view ul li a:active,
.statutory-compliance-view-report-sidebar .tree-view ul li a:hover,
.statutory-compliance-view-report-sidebar .tree-view ul li a:focus,
.statutory-compliance-view-report-sidebar .tree-view ul li a:active,
.director-attendance-view-report-sidebar .tree-view ul li a:hover,
.director-attendance-view-report-sidebar .tree-view ul li a:focus,
.director-attendance-view-report-sidebar .tree-view ul li a:active,
.agenda-panel .left-panel .tree-view ul li a:hover,
.agenda-panel .left-panel .tree-view ul li a:focus,
.agenda-panel .left-panel .tree-view ul li a:active,
{
    text-decoration: none;

    color: #333;
}

.live-sidebar .tree-view ul li > ul li a,
.mom-sidebar .tree-view ul li > ul li a,
.view-mom-sidebar .tree-view ul li > ul li a,
.certified-resolution-view-report-sidebar .tree-view ul li > ul li a,
.agenda-view-report-sidebar .tree-view ul li > ul li a,
.minutes-view-report-sidebar .tree-view ul li > ul li a,
.circular-view-report-sidebar .tree-view ul li > ul li a,
.action-view-report-sidebar .tree-view ul li > ul li a,
.statutory-compliance-view-report-sidebar .tree-view ul li > ul li a,
.director-attendance-view-report-sidebar .tree-view ul li > ul li a,
.agenda-panel .left-panel .tree-view ul li > ul li a
{
    position: relative;

    overflow: hidden;

    width: 78%;
    margin: 0;
    padding: 5px 5px 5px 30px;

    white-space: nowrap;
    text-overflow: ellipsis;

    border-bottom: 0;
    background-color: transparent;
}

.live-sidebar .tree-view ul li > ul li a:hover,
.live-sidebar .tree-view ul li > ul li a:focus,
.live-sidebar .tree-view ul li > ul li a:active,
.mom-sidebar .tree-view ul li > ul li a:hover,
.mom-sidebar .tree-view ul li > ul li a:focus,
.mom-sidebar .tree-view ul li > ul li a:active,
.view-mom-sidebar .tree-view ul li > ul li a:hover,
.view-mom-sidebar .tree-view ul li > ul li a:focus,
.view-mom-sidebar .tree-view ul li > ul li a:active,
.certified-resolution-view-report-sidebar .tree-view ul li > ul li a:hover,
.certified-resolution-view-report-sidebar .tree-view ul li > ul li a:focus,
.certified-resolution-view-report-sidebar .tree-view ul li > ul li a:active,
.agenda-view-report-sidebar .tree-view ul li > ul li a:hover,
.agenda-view-report-sidebar .tree-view ul li > ul li a:focus,
.agenda-view-report-sidebar .tree-view ul li > ul li a:active,
.minutes-view-report-sidebar .tree-view ul li > ul li a:hover,
.minutes-view-report-sidebar .tree-view ul li > ul li a:focus,
.minutes-view-report-sidebar .tree-view ul li > ul li a:active,
.circular-view-report-sidebar .tree-view ul li > ul li a:hover,
.circular-view-report-sidebar .tree-view ul li > ul li a:focus,
.circular-view-report-sidebar .tree-view ul li > ul li a:active,
.action-view-report-sidebar .tree-view ul li > ul li a:hover,
.action-view-report-sidebar .tree-view ul li > ul li a:focus,
.action-view-report-sidebar .tree-view ul li > ul li a:active,
.statutory-compliance-view-report-sidebar .tree-view ul li > ul li a:hover,
.statutory-compliance-view-report-sidebar .tree-view ul li > ul li a:focus,
.statutory-compliance-view-report-sidebar .tree-view ul li > ul li a:active,
.director-attendance-view-report-sidebar .tree-view ul li > ul li a:hover,
.director-attendance-view-report-sidebar .tree-view ul li > ul li a:focus,
.director-attendance-view-report-sidebar .tree-view ul li > ul li a:active,
.agenda-panel .left-panel .tree-view ul li > ul li a:hover,
.agenda-panel .left-panel .tree-view ul li > ul li a:focus,
.agenda-panel .left-panel .tree-view ul li > ul li a:active
{
    background-color: transparent;
}

.live-sidebar .tree-view ul li.active > ul:before,
.mom-sidebar .tree-view ul li.active > ul:before,
.view-mom-sidebar .tree-view ul li.active > ul:before,
.certified-resolution-view-report-sidebar .tree-view ul li.active > ul:before,
.agenda-view-report-sidebar .tree-view ul li.active > ul:before,
.minutes-view-report-sidebar .tree-view ul li.active > ul:before,
.circular-view-report-sidebar .tree-view ul li.active > ul:before,
.action-view-report-sidebar .tree-view ul li.active > ul:before,
.statutory-compliance-view-report-sidebar .tree-view ul li.active > ul:before,
.director-attendance-view-report-sidebar .tree-view ul li.active > ul:before,
.agenda-panel .left-panel .tree-view ul li.active > ul:before
{
    position: absolute;
    z-index: 2;
    top: -13px;
    left: 4px;

    width: 0;
    height: 100%;

    content: '';

    border-left: 1px dashed rgba(153, 153, 153, .9);
}

.live-sidebar .tree-view ul li.active > ul li:after,
.mom-sidebar .tree-view ul li.active > ul li:after,
.view-mom-sidebar .tree-view ul li.active > ul li:after,
.certified-resolution-view-report-sidebar .tree-view ul li.active > ul li:after,
.agenda-view-report-sidebar .tree-view ul li.active > ul li:after,
.minutes-view-report-sidebar .tree-view ul li.active > ul li:after,
.circular-view-report-sidebar .tree-view ul li.active > ul li:after,
.action-view-report-sidebar .tree-view ul li.active > ul li:after,
.statutory-compliance-view-report-sidebar .tree-view ul li.active > ul li:after,
.director-attendance-view-report-sidebar .tree-view ul li.active > ul li:after,
.agenda-panel .left-panel .tree-view ul li.active > ul li:after
{
    position: absolute;
    top: 16px;
    left: 8px;

    width: 15px;
    height: 1px;

    content: '';

    border-top: 1px dashed rgba(153, 153, 153, .9);
}

.live-sidebar .tree-view ul li.active > ul li,
.mom-sidebar .tree-view ul li.active > ul li,
.view-mom-sidebar .tree-view ul li.active > ul li,
.certified-resolution-view-report-sidebar .tree-view ul li.active > ul li,
.agenda-view-report-sidebar .tree-view ul li.active > ul li,
.minutes-view-report-sidebar .tree-view ul li.active > ul li,
.circular-view-report-sidebar .tree-view ul li.active > ul li,
.action-view-report-sidebar .tree-view ul li.active > ul li,
.statutory-compliance-view-report-sidebar .tree-view ul li.active > ul li,
.director-attendance-view-report-sidebar .tree-view ul li.active > ul li,
.agenda-panel .left-panel .tree-view ul li.active > ul li
{
    position: relative;

    border-bottom: 0;
}

.live-sidebar .tree-view ul li.active > a,
.mom-sidebar .tree-view ul li.active > a,
.view-mom-sidebar .tree-view ul li.active > a,
.certified-resolution-view-report-sidebar .tree-view ul li.active > a,
.agenda-view-report-sidebar .tree-view ul li.active > a,
.minutes-view-report-sidebar .tree-view ul li.active > a,
.circular-view-report-sidebar .tree-view ul li.active > a,
.action-view-report-sidebar .tree-view ul li.active > a,
.statutory-compliance-view-report-sidebar .tree-view ul li.active > a,
.director-attendance-view-report-sidebar .tree-view ul li.active > a,
.agenda-panel .left-panel .tree-view ul li.active > a
{
    color: #333;
}

.live-sidebar .tree-view ul li.active > .collapse.in .list-action-right i,
.mom-sidebar .tree-view ul li.active > .collapse.in .list-action-right i,
.view-mom-sidebar .tree-view ul li.active > .collapse.in .list-action-right i
{
    line-height: 30px;
}

.live-sidebar .atr ul,
.mom-sidebar .atr ul,
.view-mom-sidebar .atr ul
{
    display: inline-block;

    margin: 0;
    padding: 0;

    list-style: none;
}

.live-sidebar .atr ul li,
.mom-sidebar .atr ul li,
.view-mom-sidebar .atr ul li
{
    position: relative;

    overflow: hidden;
}

.live-sidebar .atr ul li a .list-content,
.mom-sidebar .atr ul li a .list-content,
.view-mom-sidebar .atr ul li a .list-content
{
    position: relative;

    margin-right: 0;
    margin-left: 40px;
    padding: 16px 16px 16px 0;
    padding-right: 60px;

    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.mom-sidebar .atr ul li a .list-content,
.view-mom-sidebar .atr ul li a .list-content
{
    padding-right: 16px;
}

.live-sidebar .atr ul li a .list-content h3,
.mom-sidebar .atr ul li a .list-content h3,
.view-mom-sidebar .atr ul li a .list-content h3
{
    font-size: 14px;
    font-weight: 400;

    margin-bottom: 16px;

    color: #333;
}

.live-sidebar .atr ul li a .list-content p,
.mom-sidebar .atr ul li a .list-content p,
.view-mom-sidebar .atr ul li a .list-content p
{
    font-size: 13px;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 32px;
    margin: 0;

    text-overflow: ellipsis;

    color: #7b7a7a;

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.live-sidebar .atr ul li a .list-action-right,
.mom-sidebar .atr ul li a .list-action-right,
.view-mom-sidebar .atr ul li a .list-action-right
{
    font-size: 20px;

    position: absolute;
    top: 0;
    right: 20px;

    width: 40px;
    height: 100%;
    padding: 0;

    text-align: right;

    color: #1976d2;
}

.live-sidebar .atr ul li a .list-action-right i,
.mom-sidebar .atr ul li a .list-action-right i,
.view-mom-sidebar .atr ul li a .list-action-right i
{
    position: absolute;
    top: 50%;
    right: 0;

    cursor: pointer;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
}

.live-sidebar .live-sidebar-footer a
{
    width: 100%;

    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}


/* Live-meeting Modals / Create-mom Modal / View-mom Modal */

.comment-modal .custom-modal-text
{
    padding: 0;
}

.comment-modal .custom-modal-text .comment-list
{
    height: 293px;
}

.comment-list-modal .custom-modal-text
{
    height: 390px;
    padding: 0;
}

.comment-modal .comment-list,
.comment-list-modal .comment-list
{
    position: relative;

    display: inline-block;

    margin: 0;
    padding: 0;

    list-style: none;

    vertical-align: middle;
}

.comment-modal .comment-list li,
.comment-list-modal .comment-list li
{
    position: relative;

    overflow: hidden;
}

.comment-modal .comment-list li a .list-action-left,
.comment-list-modal .comment-list li a .list-action-left
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 84px;
    padding: 0 16px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-radius: 50%;
}

.comment-modal .comment-list li a .list-action-left img,
.comment-list-modal .comment-list li a .list-action-left img
{
    width: 50px;
    height: 50px;
}

.comment-modal .comment-list li a .list-content,
.comment-list-modal .comment-list li a .list-content
{
    position: relative;

    margin-right: 20px;
    margin-left: 84px;
    padding: 20px 20px 20px 0;

    text-align: left;

    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.comment-modal .comment-list li:last-child > a .list-content,
.comment-list-modal .comment-list li:last-child > a .list-content
{
    border-bottom: 0;
}

.comment-modal .comment-list li a .list-content h3,
.comment-list-modal .comment-list li a .list-content h3
{
    font-size: 14px;
    font-weight: 400;

    margin-bottom: 10px;

    color: #1976d2;
}

.comment-modal .comment-list li a .list-content h3 .time,
.comment-list-modal .comment-list li a .list-content h3 .time
{
    font-size: 11px;

    padding-left: 5px;

    color: rgba(0, 0, 0, .3);
}

.comment-modal .comment-list li a .list-content p,
.comment-list-modal .comment-list li a .list-content p
{
    font-size: 13px;
    line-height: 16px;

    display: -webkit-box;
    overflow: hidden;

    max-height: 32px;
    margin: 0;

    text-overflow: ellipsis;

    color: rgba(0, 0, 0, .8);

    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.comment-modal .comment-input
{
    position: relative;

    padding: 20px;
}

.comment-modal .comment-input textarea
{
    position: relative;

    width: 100%;
    height: 100px;
    padding: 10px 60px 10px 10px;

    resize: none;

    border-color: rgba(0, 0, 0, .12);
    border-radius: 3px;
}

.comment-modal .comment-input i
{
    font-size: 20px;

    position: absolute;
    right: 40px;
    bottom: 40px;

    color: rgba(0, 0, 0, .12);
}

.attendees-modal .custom-modal-text
{
    height: 385px;
    padding: 20px;
}

.attendees-modal .custom-modal-text .attendees-members
{
    display: inline-block;

    width: 100%;

    vertical-align: middle;
}

.attendees-modal .custom-modal-text .attendees-members .left,
.attendees-modal .custom-modal-text .attendees-members .right
{
    float: left;

    box-sizing: border-box;
    width: 50%;
    height: 100%;

    text-align: left;
}

.attendees-modal .custom-modal-text .attendees-members .left
{
    border-right: 1px solid rgba(0, 0, 0, .12);
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list
{
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li
{
    position: relative;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li a:after,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li a:after
{
    position: absolute;
    right: 20px;
    bottom: 0;
    left: 20px;

    height: 1px;

    content: '';

    background-color: rgba(0, 0, 0, .12);
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li:last-child > a:after,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li:last-child > a:after
{
    display: none;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li .list-action-left,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li .list-action-left
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 90px;
    padding: 0 20px 0 20px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);

    border-radius: 50%;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li .list-action-left img,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li .list-action-left img
{
    width: 50px;
    height: 50px;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li .list-content,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li .list-content
{
    position: relative;

    overflow: hidden;

    margin-right: 0;
    margin-left: 90px;
    padding: 24px 60px 24px 0;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li .list-content span,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li .list-content span
{
    font-size: 15px;
    font-weight: 400;

    color: #000;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li .list-action-right,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li .list-action-right
{
    position: absolute;
    top: 0;
    right: 20px;

    width: 22px;
    height: 100%;
    padding: 0;

    text-align: right;
}

.attendees-modal .custom-modal-text .attendees-members .left .attendees-list li .list-action-right span,
.attendees-modal .custom-modal-text .attendees-members .right .attendees-list li .list-action-right span
{
    position: absolute;
    top: 50%;
    right: 0;

    width: 22px;
    height: 22px;

    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    text-align: center;

    border-radius: 50%;
}


/* 08.MOM */

.mom
{
    margin-top: -20px;
}


/* Create-mom */

.create-mom,
.view-mom
{
    overflow: auto;
    overflow-x: hidden;

    height: calc(100vh - 190px);
    margin: -20px -20px 0 -20px;
    padding: 40px 40px 20px 20px;
    padding-left: 300px;

    -webkit-transition: all .6s ease;
            transition: all .6s ease;
}

.create-mom form .title
{
    font-size: 14px;

    display: inline-block;

    width: 100%;
    margin-top: -20px;
    margin-bottom: 10px;

    vertical-align: middle;

    color: #999;
}

.create-mom form .save
{
    font-size: 14px;
    font-weight: 400;

    padding: 5px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.create-mom .form-footer,
.view-mom .form-footer
{
    position: absolute;
    bottom: 40px;
    left: 0;

    width: 100%;
    padding: 10px 25px;
    padding-left: 285px;

    text-align: right;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}

.enlarged .create-mom .form-footer,
.enlarged .view-mom .form-footer
{
    padding-left: 75px;
}

.create-mom .form-footer a,
.view-mom .form-footer a
{
    font-size: 13px;
    font-weight: 400;

    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.create-mom .form-footer .proceed
{
    margin-left: 20px;
}

.create-mom .form-footer.last
{
    display: none;
}


/* Create-mom Modal */

.mom-proceed-modal .custom-modal-text,
.mom-preview-modal .custom-modal-text
{
    padding: 20px;
}

.mom-proceed-modal .btn
{
    padding: 6px 36px;

    color: #fff;
    border: none;
    border-radius: 0;
}

.mom-proceed-modal .custom-modal-text p
{
    font-size: 16px;

    margin-bottom: 20px;

    color: #999;
}

.mom-proceed-modal .custom-modal-text span
{
    margin: 0 10px;

    color: #999;
}

.create-mom .note-editor.panel.panel-default
{
    border: 1px solid rgba(0, 0, 0, .12);
}


/* 09.Record */


/* Summary-of-meeting / Annual-reports / Policies / MOA-AOA / Directors-manual / Delegation-of-authority */

.summary-of-meeting,
.annual-reports,
.policies,
.MOA-AOA,
.directors-manual,
.delegation-of-authority
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 0 20px 20px;
}

.summary-of-meeting .row,
.annual-reports .row,
.policies .row,
.MOA-AOA .row,
.directors-manual .row,
.delegation-of-authority .row
{
    margin-right: -20px;
    margin-left: -20px;
}


/* 10.Report */

.report
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 20px 40px 20px 20px;
    padding-left: 300px;

    -webkit-transition: all .6s ease;
            transition: all .6s ease;
}

.report-sidebar .report-content
{
    height: calc(100vh - 172px);

    background-color: #eee;
}

.report .card
{
    position: relative;

    height: calc(100vh - 180px);
}

.report .card .material-table #agenda-report-table_wrapper,
.report .card .material-table #minutes-report-table_wrapper,
.report .card .material-table #circular-report-table_wrapper,
.report .card .material-table #action-taken-report-table_wrapper,
.report .card .material-table #certified-resolution-report-table_wrapper,
.report .card .material-table #statutory-compliance-report-table_wrapper,
.report .card .material-table #director-attendance-report-table_wrapper
{
    display: block;
    overflow: auto;

    height: calc(100vh - 292px);
}

.report .card div.material-table table tr:last-child > td
{
    border-bottom: 0;
}
.report .card div.material-table .table-footer
{
    position: absolute;
    bottom: 0;

    width: 100%;

    border-top: 1px solid #ddd;
}

.report .card .material-table .table-header .actions .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 28px;
    margin: -14px 0;

    content: '';

    background-color: #ddd;
}
.report-sidebar .report-content .panel-group
{
    margin-bottom: 0;
}

.report-sidebar .report-content .panel-group .panel .panel-heading
{
    font-size: 14px;
    font-weight: 500;

    display: block;

    padding: 15px 20px;

    color: rgba(0, 0, 0, .87);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    background-color: #eee;
}

.report-sidebar .report-content .panel-group .panel .panel-heading .panel-title
{
    font-size: 14px;
}

.report-sidebar .report-content .panel-group .panel + .panel
{
    margin-top: 0;
}

.report-sidebar .report-content .panel-group .panel .panel-heading a[data-toggle=collapse].collapsed:before
{
    content: '\f278';
}

.report-sidebar .report-content .panel-group .panel .panel-heading a[data-toggle=collapse]:before
{
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    font-size: 14px;

    display: block;
    float: right;

    width: 25px;

    content: '\f273';
    text-align: right;

    color: rgba(0, 0, 0, .87);
}

.report-sidebar .report-content .panel-group .panel .panel-body
{
    padding: 15px 40px;

    border-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

.report-sidebar .report-content .panel-group .panel .data-type-content,
.report-sidebar .report-content .panel-group .panel .company-content,
.report-sidebar .report-content .panel-group .panel .report-meeting-type-content
{
    height: 259px;
}

.report-sidebar .report-content .panel-group .panel .report-date-content
{
    padding: 30px 20px;
}

.report-sidebar .report-content .panel-group .panel .report-date-content form .group label
{
    color: #f49914;
}

.report-sidebar .report-sidebar-footer a
{
    width: 100%;

    color: #fff;
    border: none;
    border-radius: 0;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}

/* Certified-resolution-view-report / Agenda-view-report / Minutes-view-report / Circular-view-report / Action-view-report / Statutory-compliance-view-report / Director-attendance-view-report */
.certified-resolution-view-report,
.agenda-view-report,
.minutes-view-report,
.circular-view-report,
.action-view-report,
.statutory-compliance-view-report,
.director-attendance-view-report
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: -20px -20px -20px -20px;
    padding: 20px 40px 20px 20px;
    padding-left: 300px;

    -webkit-transition: all .6s ease;
            transition: all .6s ease;
}

.layout-footer
{
    position: absolute;
    bottom: 40px;
    left: 0;

    width: 100%;
    padding: 10px 25px;
    padding-left: 285px;

    text-align: right;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}
.layout-footer a
{
    font-size: 13px;
    font-weight: 400;

    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.enlarged .certified-resolution-view-report .layout-footer,
.enlarged .agenda-view-report .layout-footer,
.enlarged .minutes-view-report .layout-footer,
.enlarged .circular-view-report .layout-footer,
.enlarged .action-view-report .layout-footer,
.enlarged .statutory-compliance-view-report .layout-footer,
.enlarged .director-attendance-view-report .layout-footer
{
    padding-left: 75px;
}

.certified-resolution-view-report-sidebar .nav.nav-tabs + .tab-content,
.agenda-view-report-sidebar .nav.nav-tabs + .tab-content,
.minutes-view-report-sidebar .nav.nav-tabs + .tab-content,
.circular-view-report-sidebar .nav.nav-tabs + .tab-content,
.action-view-report-sidebar .nav.nav-tabs + .tab-content,
.statutory-compliance-view-report-sidebar .nav.nav-tabs + .tab-content,
.director-attendance-view-report-sidebar .nav.nav-tabs + .tab-content
{
    height: calc(100vh - 190px);
    margin-bottom: 0;
    padding: 0;

    background-color: #eee;
}

.certified-resolution-view-report-sidebar .tree-view ul li a,
.agenda-view-report-sidebar .tree-view ul li a,
.minutes-view-report-sidebar .tree-view ul li a,
.circular-view-report-sidebar .tree-view ul li a,
.action-view-report-sidebar .tree-view ul li a,
.statutory-compliance-view-report-sidebar .tree-view ul li a,
.director-attendance-view-report-sidebar .tree-view ul li a
{
    display: block;

    width: 100%;
}

/* 11.Admin-panel */


/*  User-management / Company / Meeting-type / Designation / Directors / MOM / Meeting-member /Leadership /meeting-description / Library */

.user-management,
.company,
.meeting-type,
.designation,
.directors,
.meeting-member,
.leadership,
.meeting-description
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 0 20px 20px;
}
.library
{
    margin-top: -20px;
}
.library .tab-content
{
    padding: 0 !important;
}
.library .tab-content .tab-pane .annual-report-list,
.library .tab-content .tab-pane .polices-list
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: 0 0 -20px 0;
}

.meeting-type .row,
.designation .row,
.company .row,
.user-management .row,
.directors .row,
.mom .row,
.meeting-member .row,
.leadership .row,
.meeting-description .row,
.library .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.library .annual-report-list .row,
.library .polices-list .row
{
    margin-right: 0;
    margin-left: 0;
}

.meeting-type .material-table .table-header .actions .seperator:before,
.designation .material-table .table-header .actions .seperator:before,
.company .material-table .table-header .actions .seperator:before,
.user-management .material-table .table-header .actions .seperator:before,
.directors .material-table .table-header .actions .seperator:before,
.meeting-member .material-table .table-header .actions .seperator:before,
.leadership .material-table .table-header .actions .seperator:before,
.meeting-description .material-table .table-header .actions .seperator:before,
.library .material-table .table-header .actions .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 28px;
    margin: -14px 0;

    content: '';

    background-color: #ddd;
}

.mom .material-table .table-header .actions .collapsed .zmdi-filter-list:before
{
    content: '\f160' !important;
}

.mom .material-table .table-header .actions .zmdi-filter-list:before
{
    content: '\f136';
}

.mom .material-table #collapseOne .panel-body .columns .col .vwt-FormGroup input.vwt-Input
{
    font-size: 14px;

    border-bottom: none;
}

.mom .material-table #collapseOne .panel-body .columns .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 20px;
    margin: -10px 0;

    content: '';

    background-color: rgba(0, 0, 0, .12);
}

.mom .material-table #collapseOne .panel-body .columns .col .form-control
{
    color: rgba(0, 0, 0, .54);
    border: 0;
    background-color: transparent;
    box-shadow: none;
}

.mom .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose
{
    font-size: 14px;

    position: relative;

    padding: 6px 28px 6px 45px;

    color: rgba(0, 0, 0, .54);
    border: 0;
    background-color: transparent;
}

.mom .material-table #collapseOne .panel-body .columns .col .custom-date-autoclose:focus
{
    border-color: #eee;
    outline: none;
    box-shadow: none;
}

.mom .material-table #collapseOne .panel-body .columns .col .calendar
{
    font-size: 20px;
    line-height: 15px;

    position: absolute;
    top: 50%;
    left: 15px;

    margin: -7.5px 0;

    color: rgba(0, 0, 0, .54);
}

.mom .material-table #collapseOne .panel-body .columns .col .caret
{
    position: absolute;
    top: 50%;
    right: 12px;

    margin: -1px 0;

    color: rgba(0, 0, 0, .54);
}

.meeting-type div.material-table table td a i,
.designation div.material-table table td a i,
.company div.material-table table td a i,
.user-management div.material-table table td a i,
.directors div.material-table table td a i,
.mom div.material-table table td a i,
.meeting-member div.material-table table td a i,
.leadership div.material-table table td a i,
.meeting-description div.material-table table td a i,
.library div.material-table table td a i
{
    line-height: inherit;
}


/* Company-modal */

.company-modal .custom-modal-text form .logo-attachment .title,
.company-modal .custom-modal-text form .letterhead-attachment .title,
.user-management-modal .custom-modal-text form .letterhead-attachment .title
{
    margin-bottom: 15px;
}

.company-modal .custom-modal-text form .logo-attachment .title h3,
.company-modal .custom-modal-text form .letterhead-attachment .title h3,
.user-management-modal .custom-modal-text form .letterhead-attachment .title h3
{
    font-size: 14px;
    font-weight: normal;

    color: #999;
}


/* User-management-modal */

.user-management-modal .custom-modal-text
{
    overflow: auto;

    height: 465px;
}


/* 12.Access-control */

.access-control
{
    margin: -20px;
}

.access-control .access-control-header
{
    display: inline-block;

    width: 100%;
    padding: 14px 20px;

    vertical-align: middle;
}

.access-control .access-control-header .pull-right a i
{
    font-size: 20px;
}

.access-control table
{
    width: 100%;

    border-collapse: collapse;

    border: 1px solid #ddd;
}

.access-control table th,
.access-control table td
{
    font-weight: 400;

    border: 1px solid #ddd;
}

.access-control table.head-part
{
    margin-bottom: 0;
}

.access-control table.body-part
{
    margin-top: -1px;
}

.access-control div.scroll-area
{
    overflow-x: hidden;
    overflow-y: scroll;

    width: 100%;
    height: 373px;
}

.access-control table tbody tr td .checkbox label
{
    padding: 0;
}

.access-control table tbody tr td .checkbox label:before
{
    width: 22px;
    height: 22px;
    margin-left: -10px;

    background-color: #f3f3f3;
}

.access-control table tbody tr td .checkbox label:after
{
    top: 5px;
    left: 2px;

    margin-left: -10px;
}


/* 13.Admin-dashboard */

.admin-dashboard
{
    margin-top: -20px;
}

.admin-dashboard .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.admin-dashboard .tab-content
{
    padding: 0 !important;
}

.admin-dashboard .tab-content .row
{
    margin-right: 0;
    margin-left: 0;
}

.admin-dashboard .tab-content .share-price .tab-sub-header,
.admin-dashboard .tab-content .return .tab-sub-header,
.admin-dashboard .tab-content .shareholding .tab-sub-header,
.admin-dashboard .tab-content .dividend .tab-sub-header,
.admin-dashboard .tab-content .ratio .tab-sub-header,
.admin-dashboard .tab-content .capital .tab-sub-header
{
    display: inline-block;

    width: 100%;
    padding: 14px 0;
}

.admin-dashboard .tab-content .share-price .tab-sub-header a i,
.admin-dashboard .tab-content .return .tab-sub-header a i,
.admin-dashboard .tab-content .shareholding .tab-sub-header a i,
.admin-dashboard .tab-content .dividend .tab-sub-header a i,
.admin-dashboard .tab-content .ratio .tab-sub-header a i,
.admin-dashboard .tab-content .capital .tab-sub-header a i
{
    font-size: 20px;
}

.admin-dashboard .tab-content .tab-pane .summary
{
    overflow: auto;

    height: calc(100vh - 240px);
    padding: 40px 20px;
}

.admin-dashboard .tab-content .tab-pane .summary form .summary-add-btn a i
{
    font-size: 20px;

    color: #ccc;
}

.admin-dashboard .tab-content .tab-pane .summary form .edit-list i,
.admin-dashboard .tab-content .tab-pane .summary form .save-list i,
.admin-dashboard .tab-content .tab-pane .summary form .delete-list i,
.admin-dashboard .tab-content .tab-pane .summary form .edit-plant-details i,
.admin-dashboard .tab-content .tab-pane .summary form .save-plant-details i,
.admin-dashboard .tab-content .tab-pane .summary form .delete-plant-details i,
.admin-dashboard .tab-content .tab-pane .summary form .edit-sub-details i,
.admin-dashboard .tab-content .tab-pane .summary form .save-sub-details i,
.admin-dashboard .tab-content .tab-pane .summary form .delete-sub-details i
{
    font-size: 20px;
    line-height: 2;

    color: #f49914;
}

.admin-dashboard .tab-content .tab-pane .summary form .summary-add-title p
{
    margin: 0;
}

.admin-dashboard .tab-content .tab-pane .share-price
{
    overflow: auto;

    height: calc(100vh - 240px);
    padding: 0 20px;
}

.admin-dashboard .tab-content .tab-pane .return,
.admin-dashboard .tab-content .tab-pane .shareholding,
.admin-dashboard .tab-content .tab-pane .dividend,
.admin-dashboard .tab-content .tab-pane .ratio,
.admin-dashboard .tab-content .tab-pane .capital
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: 0 0 -20px;
    padding: 0 20px;
}

.admin-dashboard .summary .row .col-md-4,
.admin-dashboard .summary .row .col-md-8,
.admin-dashboard .summary .row .col-md-12,
.admin-dashboard .share-price .row .col-md-4,
.admin-dashboard .share-price .row .col-md-8,
.admin-dashboard .share-price .row .col-md-12
{
    padding-right: 15px;
    padding-left: 15px;
}


/* Footer-summary / Footer-shareprice */

.enlarged .admin-dashboard .tab-content .tab-pane .footer-summary,
.enlarged .admin-dashboard .tab-content .tab-pane .footer-shareprice
{
    padding-left: 75px;
}

.admin-dashboard .tab-content .tab-pane .footer-summary,
.admin-dashboard .tab-content .tab-pane .footer-shareprice
{
    position: fixed;
    bottom: 40px;
    left: 0;

    width: 100%;
    padding: 11px 25px;
    padding-left: 285px;

    text-align: right;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}

.admin-dashboard .tab-content .tab-pane .footer-summary a,
.admin-dashboard .tab-content .tab-pane .footer-shareprice a
{
    font-size: 13px;
    font-weight: 400;

    padding: 5px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}


/* Admin-dashboard Return / Admin-dashboard Shareholding / Admin-dashbaord Dividend / Admin-dashboard Ratio  / Admin-dashbaord Capital */

.admin-dashboard .tab-content .tab-pane .return .table-responsive .table,
.admin-dashboard .tab-content .tab-pane .return .table-responsive .table thead tr th,
.admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table,
.admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table thead tr th,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr th,
.admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table tr th,
.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table,
.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table thead tr th
{
    font-size: 13px;

    padding: 10px 0 10px;

    text-align: center;

    color: #7b7a7a;
}

.admin-dashboard .tab-content .tab-pane .return .table-responsive .table tbody tr td,
.admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table tbody tr td,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table tbody tr td,
.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table tbody tr td
{
    text-align: center;

    color: #000;
}

.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table tr .data .custom
{
    width: 100%;

    text-align: center;
}

.admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table tr .data .custom,
.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table tr .data .custom,
.admin-dashboard .tab-content .tab-pane .return .table-responsive .table tr .data .custom,
.admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table tr .data .custom,
.admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table tr .data .custom-percentage
{
    width: 80px;

    text-align: center;
}


/* Admin-dashbaord Return Admin-dashbaord Return Shareholding */

.admin-dashboard .tab-content .tab-pane .return .table-responsive .table tr td a i,
.admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table tr td a i
{
    font-size: 20px;
}


/* Admin-dashbaord Dividend */

.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr th,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table tr td
{
    vertical-align: middle;
}

.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr th:first-child,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr td:first-child
{
    width: 10%;
}

.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr th,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr td
{
    width: 35%;
}

.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr th:last-child,
.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table thead tr td:last-child
{
    width: 20%;
}

.admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table tr td a i
{
    font-size: 20px;
}


/* Admin-dashboard Ratio */

.admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table tr th
{
    font-weight: 400;

    vertical-align: middle;

    border-bottom: 1px solid #ddd;
}

.admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table tr td
{
    font-weight: 500;

    color: #333;
}

.admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table tr td a i
{
    font-size: 20px;
}


/* Admin-dashbaord Capital */

.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table,
.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table thead tr th
{
    border: 1px solid #ddd;
}

.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table tbody tr td
{
    font-size: 13px;

    border: 1px solid #ddd;
}

.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table tbody tr td.text-color
{
    color: #7b7a7a;
}

.admin-dashboard .tab-content .tab-pane .capital .table-responsive .table tr td a i
{
    font-size: 20px;
}


/* 14.Registers */

.registers
{
    margin: -20px;
}

.registers .tab-pane .register-of-holding .material-table .table-header .actions .seperator:before,
.registers .tab-pane .register-of-director .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-MBP2 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-MBP3 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-MBP4 .Form-MBP4-A .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-MBP4 .Form-MBP4-B .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-MGT1 .List-MGT-1 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-MGT2 .List-MGT-2 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-SH2 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-SH3 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-SH6 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-SH10 .List-SH10 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-CH7 .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-ROD .material-table .table-header .actions .seperator:before,
.registers .tab-pane .Form-PASS .List-PASS .material-table .table-header .actions .seperator:before
{
    position: absolute;
    top: 50%;
    left: 0;

    width: 1px;
    height: 28px;
    margin: -14px 0;

    content: '';

    background-color: #ddd;
}

.registers .tab-pane .Form-MBP4 .Form-MBP4-A .material-table .table-header,
.registers .tab-pane .Form-MBP4 .Form-MBP4-B .material-table .table-header,
.registers .tab-pane .Form-MGT1 .List-MGT-1 .material-table .table-header,
.registers .tab-pane .Form-MGT2 .List-MGT-2 .material-table .table-header,
.registers .tab-pane .Form-SH10 .List-SH10 .material-table .table-header,
.registers .tab-pane .Form-CH7 .List-CH7 .material-table .table-header,
.registers .tab-pane .Form-PASS .List-PASS .material-table .table-header
{
    border-top: solid 1px #ddd;
}

.registers .register-of-holding,
.registers .register-of-director,
.registers .Form-MBP2,
.registers .Form-MBP3,
.registers .Form-MBP4,
.registers .Form-MGT1,
.registers .Form-MGT2,
.registers .Form-SH2,
.registers .Form-SH3,
.registers .Form-SH10,
.registers .Form-CH7,
.registers .Form-ROD,
.registers .Form-PASS
{
    overflow: hidden;

    height: calc(100vh - 190px);
}

.registers .register-of-holding-form,
.registers .register-of-director-form,
.registers .Form-MBP2-form,
.registers .Form-MBP3-form,
.registers .Form-SH2-form,
.registers .Form-SH3-form,
.registers .Form-SH6-form,
.registers .Form-CH7-form,
.registers .Form-ROD-form
{
    overflow: auto;
    overflow-x: hidden;

    height: calc(100vh - 240px);
    padding: 40px 20px 20px 20px;
}

.registers .Form-MBP4 .Form-MBP4-A-form,
.registers .Form-MBP4 .Form-MBP4-B-form,
.registers .Form-MGT1 .List-MGT-1-form,
.registers .Form-MGT1 .Form-MGT-1-form,
.registers .Form-MGT2 .List-MGT-2-form,
.registers .Form-MGT2 .Form-MGT-2-form,
.registers .Form-SH10 .List-SH10-form,
.registers .Form-SH10 .Form-SH10-form,
.registers .Form-PASS .List-PASS-form,
.registers .Form-PASS .Form-PASS-form
{
    padding: 20px;
}

.registers .register-of-holding-form .form-footer,
.registers .register-of-director-form .form-footer,
.registers .Form-MBP2-form .form-footer,
.registers .Form-MBP3-form .form-footer,
.registers .Form-SH2-form .form-footer,
.registers .Form-SH3-form .form-footer,
.registers .Form-SH6-form .form-footer,
.registers .Form-CH7-form .form-footer,
.registers .Form-ROD-form .form-footer
{
    position: absolute;
    bottom: 40px;
    left: 0;

    width: 100%;
    padding: 10px 25px;
    padding-left: 285px;

    text-align: right;

    box-shadow: 0 -3px 10px rgba(0, 0, 0, .1);
}

.enlarged .registers .register-of-holding-form .form-footer,
.enlarged .registers .register-of-director-form .form-footer,
.enlarged .registers .Form-MBP2-form .form-footer,
.enlarged .registers .Form-MBP3-form .form-footer,
.enlarged .registers .Form-SH2-form .form-footer,
.enlarged .registers .Form-SH3-form .form-footer,
.enlarged .registers .Form-SH6-form .form-footer,
.enlarged .registers .Form-CH7-form .form-footer,
.enlarged .registers .Form-ROD-form .form-footer
{
    padding-left: 75px;
}

.registers .register-of-holding-form .form-footer .cancel,
.registers .register-of-director-form .form-footer .cancel,
.registers .Form-MBP2-form .form-footer .cancel,
.registers .Form-MBP3-form .form-footer .cancel,
.registers .Form-MBP4 .Form-MBP4-A-form .form-footer .cancel,
.registers .Form-MBP4 .Form-MBP4-B-form .form-footer .cancel,
.registers .Form-MGT1 .List-MGT-1-form .form-footer .cancel,
.registers .Form-MGT1 .Form-MGT-1-form .form-footer .cancel,
.registers .Form-MGT2 .List-MGT-2-form .form-footer .cancel,
.registers .Form-MGT2 .Form-MGT-2-form .form-footer .cancel,
.registers .Form-SH2-form .form-footer .cancel,
.registers .Form-SH3-form .form-footer .cancel,
.registers .Form-SH6-form .form-footer .cancel,
.registers .Form-SH10 .List-SH10-form .form-footer .cancel,
.registers .Form-SH10 .Form-SH10-form .form-footer .cancel,
.registers .Form-CH7-form .form-footer .cancel,
.registers .Form-ROD-form .form-footer .cancel,
.registers .Form-PASS .List-PASS-form .form-footer .cancel,
.registers .Form-PASS .Form-PASS-form .form-footer .cancel,
.registers .register-of-holding-form .form-footer .save,
.registers .register-of-director-form .form-footer .save,
.registers .Form-MBP2-form .form-footer .save,
.registers .Form-MBP3-form .form-footer .save,
.registers .Form-MBP4 .Form-MBP4-A-form .form-footer .save,
.registers .Form-MBP4 .Form-MBP4-B-form .form-footer .save,
.registers .Form-MGT1 .List-MGT-1-form .form-footer .save,
.registers .Form-MGT1 .Form-MGT-1-form .form-footer .save,
.registers .Form-MGT2 .List-MGT-2-form .form-footer .save,
.registers .Form-MGT2 .Form-MGT-2-form .form-footer .save,
.registers .Form-SH2-form .form-footer .save,
.registers .Form-SH3-form .form-footer .save,
.registers .Form-SH6-form .form-footer .save,
.registers .Form-SH10 .List-SH10-form .form-footer .save,
.registers .Form-SH10 .Form-SH10-form .form-footer .save,
.registers .Form-CH7-form .form-footer .save,
.registers .Form-ROD-form .form-footer .save,
.registers .Form-PASS .List-PASS-form .form-footer .save,
.registers .Form-PASS .Form-PASS-form .form-footer .save
{
    font-size: 13px;
    font-weight: 400;

    padding: 6px 20px;

    color: #fff;
    border: none;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);
}

.registers .register-of-holding-form .form-footer a:last-child,
.registers .register-of-director-form .form-footer a:last-child,
.registers .Form-MBP2-form .form-footer a:last-child,
.registers .Form-MBP3-form .form-footer a:last-child,
.registers .Form-MBP4 .Form-MBP4-A-form .form-footer a:last-child,
.registers .Form-MBP4 .Form-MBP4-B-form .form-footer a:last-child,
.registers .Form-MGT1 .List-MGT-1-form .form-footer a:last-child,
.registers .Form-MGT1 .Form-MGT-1-form .form-footer a:last-child,
.registers .Form-MGT2 .List-MGT-2-form .form-footer a:last-child,
.registers .Form-MGT2 .Form-MGT-2-form .form-footer a:last-child,
.registers .Form-SH2-form .form-footer a:last-child,
.registers .Form-SH3-form .form-footer a:last-child,
.registers .Form-SH6-form .form-footer a:last-child,
.registers .Form-SH10 .List-SH10-form .form-footer a:last-child,
.registers .Form-SH10 .Form-SH10-form .form-footer a:last-child,
.registers .Form-CH7-form .form-footer a:last-child,
.registers .Form-ROD-form .form-footer a:last-child,
.registers .Form-PASS .List-PASS-form .form-footer a:last-child,
.registers .Form-PASS .Form-PASS-form .form-footer a:last-child
{
    margin-left: 20px;
}

.registers .register-of-holding .table-responsive,
.registers .register-of-director .table-responsive,
.registers .Form-MBP2 .table-responsive,
.registers .Form-MBP3 .table-responsive,
.registers .Form-MBP4 .Form-MBP4-A .table-responsive,
.registers .Form-MBP4 .Form-MBP4-B .table-responsive,
.registers .Form-MGT1 .List-MGT-1 .table-responsive,
.registers .Form-MGT2 .List-MGT-2 .table-responsive,
.registers .Form-SH2 .table-responsive,
.registers .Form-SH3 .table-responsive,
.registers .Form-SH6 .table-responsive,
.registers .Form-SH10 .List-SH10 .table-responsive,
.registers .Form-CH7 .table-responsive,
.registers .Form-ROD .table-responsive,
.registers .Form-PASS .List-PASS .table-responsive
{
    overflow: hidden;
}

.registers .register-of-holding .table-responsive .material-table table,
.registers .register-of-director .table-responsive .material-table table,
.registers .Form-MBP2 .table-responsive .material-table table,
.registers .Form-MBP3 .table-responsive .material-table table,
.registers .Form-SH2 .table-responsive .material-table table,
.registers .Form-SH3 .table-responsive .material-table table,
.registers .Form-SH6 .table-responsive .material-table table,
.registers .Form-CH7 .table-responsive .material-table table,
.registers .Form-ROD .table-responsive .material-table table
{
    display: block;
    overflow: auto;

    height: calc(100vh - 302px);
}

.registers .Form-MBP4 .Form-MBP4-A .table-responsive .material-table table,
.registers .Form-MBP4 .Form-MBP4-B .table-responsive .material-table table,
.registers .Form-MGT1 .List-MGT-1 .table-responsive .material-table table,
.registers .Form-MGT2 .List-MGT-2 .table-responsive .material-table table,
.registers .Form-SH10 .List-SH10 .table-responsive .material-table table,
.registers .Form-PASS .List-PASS .table-responsive .material-table table
{
    display: block;
    overflow: auto;

    height: calc(100vh - 378px);
}

.registers .register-of-holding .table-responsive .material-table table th:last-child,
.registers .register-of-director .table-responsive .material-table table th:last-child,
.registers .Form-MBP2 .table-responsive .material-table table th:last-child,
.registers .Form-MBP3 .table-responsive .material-table table th:last-child,
.registers .Form-MBP4 .Form-MBP4-A .table-responsive .material-table table th:last-child,
.registers .Form-MBP4 .Form-MBP4-B .table-responsive .material-table table th:last-child,
.registers .Form-MGT1 .List-MGT-1 .table-responsive .material-table table th:last-child,
.registers .Form-MGT2 .List-MGT-2 .table-responsive .material-table table th:last-child,
.registers .Form-SH2 .table-responsive .material-table table th:last-child,
.registers .Form-SH3 .table-responsive .material-table table th:last-child,
.registers .Form-SH6 .table-responsive .material-table table th:last-child,
.registers .Form-SH10 .List-SH10 .table-responsive .material-table table th:last-child,
.registers .Form-CH7 .table-responsive .material-table table th:last-child,
.registers .Form-ROD .table-responsive .material-table table th:last-child,
.registers .Form-PASS .List-PASS .table-responsive .material-table table th:last-child,
.registers .register-of-holding .table-responsive .material-table table td:last-child,
.registers .register-of-director .table-responsive .material-table table td:last-child,
.registers .Form-MBP2 .table-responsive .material-table table td:last-child,
.registers .Form-MBP3 .table-responsive .material-table table td:last-child,
.registers .Form-MBP4 .Form-MBP4-A .table-responsive .material-table table td:last-child,
.registers .Form-MBP4 .Form-MBP4-B .table-responsive .material-table table td:last-child,
.registers .Form-MGT1 .List-MGT-1 .table-responsive .material-table table td:last-child,
.registers .Form-MGT2 .List-MGT-2 .table-responsive .material-table table td:last-child,
.registers .Form-SH2 .table-responsive .material-table table td:last-child,
.registers .Form-SH3 .table-responsive .material-table table td:last-child,
.registers .Form-SH6 .table-responsive .material-table table td:last-child,
.registers .Form-SH10 .List-SH10 .table-responsive .material-table table td:last-child,
.registers .Form-CH7 .table-responsive .material-table table td:last-child,
.registers .Form-ROD .table-responsive .material-table table td:last-child,
.registers .Form-PASS .List-PASS .table-responsive .material-table table td:last-child
{
    padding: 0 24px 0 56px;
}


/* Form-MBP4 / Form-MGT1 */

.registers .tab-content .tab-pane .Form-MBP4 .tab-content .inner-tab-pane,
.registers .tab-content .tab-pane .Form-MGT1 .tab-content .inner-tab-pane,
.registers .tab-content .tab-pane .Form-MGT2 .tab-content .inner-tab-pane,
.registers .tab-content .tab-pane .Form-SH10 .tab-content .inner-tab-pane,
.registers .tab-content .tab-pane .Form-PASS .tab-content .inner-tab-pane
{
    display: none;
}

.registers .tab-content .tab-pane .Form-MBP4 .tab-content .inner-tab-pane.active,
.registers .tab-content .tab-pane .Form-MGT1 .tab-content .inner-tab-pane.active,
.registers .tab-content .tab-pane .Form-MGT2 .tab-content .inner-tab-pane.active,
.registers .tab-content .tab-pane .Form-SH10 .tab-content .inner-tab-pane.active,
.registers .tab-content .tab-pane .Form-PASS .tab-content .inner-tab-pane.active
{
    display: block;
}

.registers .tab-content .tab-pane .Form-MBP4 .inner-pills,
.registers .tab-content .tab-pane .Form-MGT1 .inner-pills,
.registers .tab-content .tab-pane .Form-MGT2 .inner-pills,
.registers .tab-content .tab-pane .Form-SH10 .inner-pills,
.registers .tab-content .tab-pane .Form-PASS .inner-pills
{
    padding: 20px;
}

.registers .tab-content .tab-pane .Form-MBP4 .nav-pills li a,
.registers .tab-content .tab-pane .Form-MGT1 .nav-pills li a,
.registers .tab-content .tab-pane .Form-MGT2 .nav-pills li a,
.registers .tab-content .tab-pane .Form-SH10 .nav-pills li a,
.registers .tab-content .tab-pane .Form-PASS .nav-pills li a
{
    line-height: 36px !important;

    padding: 0 20px;

    color: #f49914 !important;
}

.registers .tab-content .tab-pane .Form-MBP4 .nav-pills li a:hover,
.registers .tab-content .tab-pane .Form-MBP4 .nav-pills li a:focus,
.registers .tab-content .tab-pane .Form-MGT1 .nav-pills li a:hover,
.registers .tab-content .tab-pane .Form-MGT1 .nav-pills li a:focus,
.registers .tab-content .tab-pane .Form-MGT2 .nav-pills li a:hover,
.registers .tab-content .tab-pane .Form-MGT2 .nav-pills li a:focus,
.registers .tab-content .tab-pane .Form-SH10 .nav-pills li a:hover,
.registers .tab-content .tab-pane .Form-SH10 .nav-pills li a:focus,
.registers .tab-content .tab-pane .Form-PASS .nav-pills li a:hover,
.registers .tab-content .tab-pane .Form-PASS .nav-pills li a:focus
{
    background-color: transparent;
}

.registers .tab-content .tab-pane .Form-MBP4 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-MGT1 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-MGT2 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-SH10 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-PASS .nav-pills li.active a
{
    color: #fff !important;
}

.registers .tab-content .tab-pane .Form-MBP4 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-MGT1 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-MGT2 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-SH10 .nav-pills li.active a,
.registers .tab-content .tab-pane .Form-PASS .nav-pills li.active a
{
    border-radius: 0;
    background-color: #f49914 !important;
}


/* 15.View-meeting */

.view-meeting
{
    margin-top: -20px;
}

.view-meeting .row
{
    margin-right: -20px;
    margin-left: -20px;
}

.view-meeting .tab-content
{
    padding: 0 !important;
}

.view-meeting .tab-content .row
{
    margin-right: 0;
    margin-left: 0;
}

.view-meeting .tab-content .details,
.view-meeting .tab-content .agenda,
.view-meeting .tab-content .mom,
.view-meeting .tab-content .administrative-compliance-view,
.view-meeting .tab-content .statutory-compliance-view,
.view-meeting .tab-content .atr-view
{
    overflow: auto;

    height: calc(100vh - 190px);
    margin: 0 0 -20px 0;
    padding: 20px;
}

.view-meeting .tab-content .administrative-compliance-view,
.view-meeting .tab-content .statutory-compliance-view,
.view-meeting .tab-content .atr-view
{
    padding: 0;
}


/* View-meeting details */

.view-meeting .tab-content .details .card
{
    padding: 40px 20px;
}

.view-meeting .tab-content .details .card .card-content
{
    margin-bottom: 40px;
}

.view-meeting .tab-content .details .card .last
{
    margin-bottom: 0;
}

.view-meeting .tab-content .details .card .card-content h5
{
    font-size: 13px;
    font-weight: normal;

    margin-bottom: 10px;

    color: rgba(0, 0, 0, .54);
}

.view-meeting .tab-content .details .card .card-content p
{
    font-size: 14px;

    margin: 0;

    color: rgba(0, 0, 0, .87);
}


/* View-meeting details-timeline */

.view-meeting .tab-content .details .timeline-card
{
    padding: 0;
}

.view-meeting .tab-content .details .timeline-card .timeline-title
{
    padding: 15px 30px;
}

.view-meeting .tab-content .details .timeline-card .timeline-title h3
{
    font-size: 16px;
    font-weight: 400;

    position: relative;

    color: rgba(0, 0, 0, .87);
}

.view-meeting .tab-content .details .timeline-card .timeline-title h3:after
{
    position: absolute;
    bottom: -15px;
    left: 0;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #ddd;
}

.view-meeting .tab-content .details .timeline-card .timeline
{
    padding: 30px;
}


/*Timeline*/

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2
{
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li
{
    position: relative;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2:before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 13%;

    width: 4px;
    margin-left: -14px;

    content: '';

    background: #1976d2;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmtime
{
    position: absolute;

    display: block;

    width: 20%;
    padding-right: 90px;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmtime span
{
    position: relative;
    top: 20px;

    display: block;

    text-align: left;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmtime span:first-child
{
    font-size: 14px;
    line-height: .9;

    color: #999;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmtime span:last-child
{
    font-size: 15px;
    font-weight: normal;

    margin-top: 4px;

    text-align: left;

    color: rgba(0, 0, 0, .87);
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel
{
    line-height: 1.4;

    position: relative;

    clear: both;
    /* border-radius: 5px; */

    margin: 0 0 40px 15%;
    padding: 20px 0 20px;

    color: #fff;
    background: transparent;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li:last-child .cbp_tmlabel
{
    margin-bottom: 0;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li:last-child .cbp_tmtime
{
    height: 100% !important;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel li
{
    padding: 0;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel h2
{
    font-size: 14px;
    font-weight: 400;

    margin-top: 0;
    margin-bottom: 0;
    padding: 0;

    text-transform: capitalize;

    color: rgba(0, 0, 0, .87);
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel .text-left
{
    float: left;
}

.view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmicon
{
    position: absolute;
    top: 22px;
    left: 13%;

    width: 10px;
    height: 10px;
    margin: 0 0 0 -17px;

    border-radius: 100%;
    background: #f49914;
    box-shadow: 0 0 0 4px #1976d2;

    -webkit-font-smoothing: antialiased;
}

.timeline-v2 > li .cbp_tmlabel.equal-height-column
{
    height: auto !important;
}


/* View-meeting administrative-compliance-view */

.view-meeting .tab-content .tab-pane .administrative-compliance-view .inner-pills
{
    padding: 20px;
}

.view-meeting .tab-content .tab-pane .administrative-compliance-view .nav-pills li a
{
    line-height: 36px !important;

    padding: 0 20px;

    color: #f49914 !important;
}

.view-meeting .tab-content .tab-pane .administrative-compliance-view .nav-pills li a:hover,
.view-meeting .tab-content .tab-pane .administrative-compliance-view .nav-pills li a:focus
{
    background-color: transparent;
}

.view-meeting .tab-content .tab-pane .administrative-compliance-view .nav-pills li.active a
{
    color: #fff !important;
}

.view-meeting .tab-content .tab-pane .administrative-compliance-view .nav-pills li.active a
{
    border-radius: 0;
    background-color: #f49914 !important;
}


/* 16.selfNote */

.selfNote
{
    overflow: auto;

    height: calc(100vh - 140px);
    margin: -20px -20px -20px -20px;
    padding: 0 20px 20px;
}

.selfNote .row
{
    margin-right: -20px;
    margin-left: -20px;
}


/* 17.Responsive */

@media screen and (max-width: 1290px)
{
    .analytics .tab-content .tab-pane .net-sales .nav-pills li a
    {
        font-size: 14px;

        padding: 0 12px;
    }
}

@media screen and (max-width: 1280px)
{
    .wrapper .middle-area
    {
        position: relative;

        height: calc(100vh - 327px);
    }
}

@media screen and (max-width: 1270px)
{
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2:before,
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmicon
    {
        display: none;
    }
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmtime
    {
        position: relative;

        width: 100%;
        padding: 0 0 20px 0;
    }
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel
    {
        margin-left: 0;
    }
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 .equal-height-column
    {
        height: auto !important;
    }
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel
    {
        margin: 20px 0;
        padding: 20px;

        background: #f3f3f3;
    }
    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmlabel:after
    {
        position: absolute;
        top: -18px;
        left: 18px;

        width: 0;
        height: 0;

        content: ' ';
        pointer-events: none;

        border: solid transparent;
        border-width: 10px;
        border-bottom-color: #f3f3f3;;
    }

    .view-meeting .tab-content .details .timeline-card .timeline .timeline-v2 > li .cbp_tmtime span:last-child
    {
        font-size: 13px;

        margin: 0;

        color: #999;
    }
}

@media screen and (max-width: 1238px)
{
    .admin-dashboard .tab-content .tab-pane .return .table-responsive .table,
    .admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table,
    .admin-dashboard .tab-content .tab-pane .dividend .table-responsive .table,
    .admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table,
    .admin-dashboard .tab-content .tab-pane .capital .table-responsive .table
    {
        padding: 0;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table .table tbody .hide-row,
    .analytics .tab-content .tab-pane .shareholding #responsive-table .table tbody .hide-row,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table .table tbody .hide-row,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table .table tbody .hide-row,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table .table tbody .hide-row,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table .table tbody .hide-row,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table .table tbody .hide-row
    {
        display: none;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table table,
    .analytics .tab-content .tab-pane .capital #responsive-table tbody,
    .analytics .tab-content .tab-pane .capital #responsive-table td,
    .analytics .tab-content .tab-pane .capital #responsive-table th,
    .analytics .tab-content .tab-pane .capital #responsive-table thead,
    .analytics .tab-content .tab-pane .capital #responsive-table tr,
    .analytics .tab-content .tab-pane .shareholding #responsive-table table,
    .analytics .tab-content .tab-pane .shareholding #responsive-table tbody,
    .analytics .tab-content .tab-pane .shareholding #responsive-table td,
    .analytics .tab-content .tab-pane .shareholding #responsive-table th,
    .analytics .tab-content .tab-pane .shareholding #responsive-table thead,
    .analytics .tab-content .tab-pane .shareholding #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table table,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table tbody,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table th,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table thead,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table table,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table tbody,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table th,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table thead,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table table,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table tbody,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table th,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table thead,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table table,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table tbody,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table th,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table thead,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table table,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table tbody,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table th,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table thead,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table tr
    {
        display: block;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table thead tr,
    .analytics .tab-content .tab-pane .shareholding #responsive-table thead tr,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table thead tr,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table thead tr,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table thead tr,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table thead tr,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table tr,
    .analytics .tab-content .tab-pane .shareholding #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table tr,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table tr
    {
        border: 1px solid rgba(#000, .1);
    }
    .analytics .tab-content .tab-pane .capital #responsive-table td,
    .analytics .tab-content .tab-pane .shareholding #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table td,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table td
    {
        position: relative;

        padding-left: 50% !important;

        text-align: left;
        white-space: normal;

        border: none;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table td:last-child,
    .analytics .tab-content .tab-pane .capital #responsive-table table thead,
    .analytics .tab-content .tab-pane .shareholding #responsive-table td:last-child,
    .analytics .tab-content .tab-pane .shareholding #responsive-table table thead,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table td:last-child,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table table thead,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table td:last-child,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table table thead,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table td:last-child,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table table thead,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table td:last-child,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table table thead,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table td:last-child,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table table thead
    {
        border-bottom: 0;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table td:before
    {
        font-weight: 600 !important;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table
    {
        border: 1px solid #ddd;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table .table,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table .table
    {
        border: none;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table td:before,
    .analytics .tab-content .tab-pane .shareholding #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table td:before
    {
        font-weight: 400;

        position: absolute;
        top: 9px;
        left: 10px;

        width: 45%;
        padding-right: 10px;

        text-align: left;
        white-space: nowrap;

        color: #333;
    }
    .analytics .tab-content .tab-pane .capital #responsive-table td:before,
    .analytics .tab-content .tab-pane .shareholding #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table td:before,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table td:before
    {
        content: attr(data-title);
    }
    .analytics .tab-content .tab-pane .capital #responsive-table .table tbody tr .bg,
    .analytics .tab-content .tab-pane .shareholding #responsive-table .table tbody tr .bg-gary,
    .admin-dashboard .tab-content .tab-pane .return #responsive-table .table tbody tr .bg,
    .admin-dashboard .tab-content .tab-pane .shareholding #responsive-table .table tbody tr .bg,
    .admin-dashboard .tab-content .tab-pane .capital #responsive-table .table tbody tr .bg,
    .admin-dashboard .tab-content .tab-pane .ratio #responsive-table .table tbody tr .bg,
    .admin-dashboard .tab-content .tab-pane .dividend #responsive-table .table tbody tr .bg
    {
        background-color: #eee !important;
    }
}

@media screen and (max-width: 1200px)
{
    .board-members .panel-body .carousel .carousel-inner .item a img
    {
        width: 100%;
        height: 100%;
    }
    .track-history-modal .custom-modal-text
    {
        padding: 20px 0 20px;
    }
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body,
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body,
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body
    {
        padding: 11px 24px 11px 43px;
    }
    div.material-table .hiddensearch
    {
        padding: 0 24px 0 43px;
    }
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col
    {
        width: 25%;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table tbody,
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table td,
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table th,
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table thead,
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table tr,
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table tbody,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table td,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table th,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table thead,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table tr,
    .circular-resolution-list #responsive-table .material-table table,
    .circular-resolution-list #responsive-table .material-table tbody,
    .circular-resolution-list #responsive-table .material-table td,
    .circular-resolution-list #responsive-table .material-table th,
    .circular-resolution-list #responsive-table .material-table thead,
    .circular-resolution-list #responsive-table .material-table tr,
    .circular-resolution-list #responsive-table .material-table table,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table tbody,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table td,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table th,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table thead,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table tr,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table tbody,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table td,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table th,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table thead,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table tr,
    .mom #responsive-table .material-table table,
    .mom #responsive-table .material-table tbody,
    .mom #responsive-table .material-table td,
    .mom #responsive-table .material-table th,
    .mom #responsive-table .material-table thead,
    .mom #responsive-table .material-table tr,
    .mom #responsive-table .material-table table,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table tbody,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table td,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table th,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table thead,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table tr,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table tbody,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table td,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table th,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table thead,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table tr,
    .administrative-compliance #responsive-table .material-table table,
    .administrative-compliance #responsive-table .material-table tbody,
    .administrative-compliance #responsive-table .material-table td,
    .administrative-compliance #responsive-table .material-table th,
    .administrative-compliance #responsive-table .material-table thead,
    .administrative-compliance #responsive-table .material-table tr,
    .statutory-compliance #responsive-table .material-table table,
    .statutory-compliance #responsive-table .material-table tbody,
    .statutory-compliance #responsive-table .material-table td,
    .statutory-compliance #responsive-table .material-table th,
    .statutory-compliance #responsive-table .material-table thead,
    .statutory-compliance #responsive-table .material-table tr,
    .view-meeting .statutory-compliance-view #responsive-table .material-table table,
    .view-meeting .statutory-compliance-view #responsive-table .material-table tbody,
    .view-meeting .statutory-compliance-view #responsive-table .material-table td,
    .view-meeting .statutory-compliance-view #responsive-table .material-table th,
    .view-meeting .statutory-compliance-view #responsive-table .material-table thead,
    .view-meeting .statutory-compliance-view #responsive-table .material-table tr,
    .view-meeting .atr-view #responsive-table .material-table table,
    .view-meeting .atr-view #responsive-table .material-table tbody,
    .view-meeting .atr-view #responsive-table .material-table td,
    .view-meeting .atr-view #responsive-table .material-table th,
    .view-meeting .atr-view #responsive-table .material-table thead,
    .view-meeting .atr-view #responsive-table .material-table tr,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table table,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table tbody,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table td,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table th,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table thead,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table tr,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table table,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table tbody,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table td,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table th,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table thead,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table tr,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table table,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table tbody,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table td,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table th,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table thead,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table tr,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table table,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table tbody,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table td,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table th,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table thead,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table tr,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table table,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table tbody,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table td,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table th,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table thead,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table tr,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table table,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table tbody,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table td,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table th,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table thead,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table tr,
    .action-taken-report #responsive-table .material-table table,
    .action-taken-report #responsive-table .material-table tbody,
    .action-taken-report #responsive-table .material-table td,
    .action-taken-report #responsive-table .material-table th,
    .action-taken-report #responsive-table .material-table thead,
    .action-taken-report #responsive-table .material-table tr,
    .track-history-modal #responsive-table .material-table table,
    .track-history-modal #responsive-table .material-table tbody,
    .track-history-modal #responsive-table .material-table td,
    .track-history-modal #responsive-table .material-table th,
    .track-history-modal #responsive-table .material-table thead,
    .track-history-modal #responsive-table .material-table tr,
    .user-management #responsive-table .material-table table,
    .user-management #responsive-table .material-table tbody,
    .user-management #responsive-table .material-table td,
    .user-management #responsive-table .material-table th,
    .user-management #responsive-table .material-table thead,
    .user-management #responsive-table .material-table tr,
    .company #responsive-table .material-table table,
    .company #responsive-table .material-table tbody,
    .company #responsive-table .material-table td,
    .company #responsive-table .material-table th,
    .company #responsive-table .material-table thead,
    .company #responsive-table .material-table tr,
    .meeting-type #responsive-table .material-table table,
    .meeting-type #responsive-table .material-table tbody,
    .meeting-type #responsive-table .material-table td,
    .meeting-type #responsive-table .material-table th,
    .meeting-type #responsive-table .material-table thead,
    .meeting-type #responsive-table .material-table tr,
    .designation #responsive-table .material-table table,
    .designation #responsive-table .material-table tbody,
    .designation #responsive-table .material-table td,
    .designation #responsive-table .material-table th,
    .designation #responsive-table .material-table thead,
    .designation #responsive-table .material-table tr,
    .directors #responsive-table .material-table table,
    .directors #responsive-table .material-table tbody,
    .directors #responsive-table .material-table td,
    .directors #responsive-table .material-table th,
    .directors #responsive-table .material-table thead,
    .directors #responsive-table .material-table tr,
    .meeting-member #responsive-table .material-table table,
    .meeting-member #responsive-table .material-table tbody,
    .meeting-member #responsive-table .material-table td,
    .meeting-member #responsive-table .material-table th,
    .meeting-member #responsive-table .material-table thead,
    .meeting-member #responsive-table .material-table tr,
    .leadership #responsive-table .material-table table,
    .leadership #responsive-table .material-table tbody,
    .leadership #responsive-table .material-table td,
    .leadership #responsive-table .material-table th,
    .leadership #responsive-table .material-table thead,
    .leadership #responsive-table .material-table tr,
    .meeting-description #responsive-table .material-table table,
    .meeting-description #responsive-table .material-table tbody,
    .meeting-description #responsive-table .material-table td,
    .meeting-description #responsive-table .material-table th,
    .meeting-description #responsive-table .material-table thead,
    .meeting-description #responsive-table .material-table tr,
    .library #responsive-table .material-table table,
    .library #responsive-table .material-table tbody,
    .library #responsive-table .material-table td,
    .library #responsive-table .material-table th,
    .library #responsive-table .material-table thead,
    .library #responsive-table .material-table tr,
    .summary-of-meeting #responsive-table .material-table table,
    .summary-of-meeting #responsive-table .material-table tbody,
    .summary-of-meeting #responsive-table .material-table td,
    .summary-of-meeting #responsive-table .material-table th,
    .summary-of-meeting #responsive-table .material-table thead,
    .summary-of-meeting #responsive-table .material-table tr,
    .annual-reports #responsive-table .material-table table,
    .annual-reports #responsive-table .material-table tbody,
    .annual-reports #responsive-table .material-table td,
    .annual-reports #responsive-table .material-table th,
    .annual-reports #responsive-table .material-table thead,
    .annual-reports #responsive-table .material-table tr,
    .policies #responsive-table .material-table table,
    .policies #responsive-table .material-table tbody,
    .policies #responsive-table .material-table td,
    .policies #responsive-table .material-table th,
    .policies #responsive-table .material-table thead,
    .policies #responsive-table .material-table tr,
    .MOA-AOA #responsive-table .material-table table,
    .MOA-AOA #responsive-table .material-table tbody,
    .MOA-AOA #responsive-table .material-table td,
    .MOA-AOA #responsive-table .material-table th,
    .MOA-AOA #responsive-table .material-table thead,
    .MOA-AOA #responsive-table .material-table tr,
    .directors-manual #responsive-table .material-table table,
    .directors-manual #responsive-table .material-table tbody,
    .directors-manual #responsive-table .material-table td,
    .directors-manual #responsive-table .material-table th,
    .directors-manual #responsive-table .material-table thead,
    .directors-manual #responsive-table .material-table tr,
    .delegation-of-authority #responsive-table .material-table table,
    .delegation-of-authority #responsive-table .material-table tbody,
    .delegation-of-authority #responsive-table .material-table td,
    .delegation-of-authority #responsive-table .material-table th,
    .delegation-of-authority #responsive-table .material-table thead,
    .delegation-of-authority #responsive-table .material-table tr,
    .create-circular-resolution #responsive-table table,
    .create-circular-resolution #responsive-table tbody,
    .create-circular-resolution #responsive-table td,
    .create-circular-resolution #responsive-table th,
    .create-circular-resolution #responsive-table thead,
    .create-circular-resolution #responsive-table tr,
    .selfNote #responsive-table table,
    .selfNote #responsive-table tbody,
    .selfNote #responsive-table td,
    .selfNote #responsive-table th,
    .selfNote #responsive-table thead,
    .selfNote #responsive-table tr
    {
        display: block;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table .hide-row,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table table .hide-row,
    .circular-resolution-list #responsive-table .material-table table .hide-row,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table .hide-row,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table table .hide-row,
    .mom #responsive-table .material-table table .hide-row,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table .hide-row,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table table .hide-row,
    .administrative-compliance #responsive-table .material-table table .hide-row,
    .statutory-compliance #responsive-table .material-table table .hide-row,
    .view-meeting .statutory-compliance-view #responsive-table .material-table table .hide-row,
    .view-meeting .atr-view #responsive-table .material-table table .hide-row,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table table .hide-row,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table table .hide-row,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table table .hide-row,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table table .hide-row,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table table .hide-row,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table table .hide-row,
    .action-taken-report #responsive-table .material-table table .hide-row,
    .track-history-modal #responsive-table .material-table table .hide-row,
    .user-management #responsive-table .material-table table .hide-row,
    .company #responsive-table .material-table table .hide-row,
    .meeting-type #responsive-table .material-table table .hide-row,
    .designation #responsive-table .material-table table .hide-row,
    .directors #responsive-table .material-table table .hide-row,
    .meeting-member #responsive-table .material-table table .hide-row,
    .leadership #responsive-table .material-table table .hide-row,
    .meeting-description #responsive-table .material-table table .hide-row,
    .library #responsive-table .material-table table .hide-row,
    .summary-of-meeting #responsive-table .material-table table .hide-row,
    .annual-reports #responsive-table .material-table table .hide-row,
    .policies #responsive-table .material-table table .hide-row,
    .MOA-AOA #responsive-table .material-table table .hide-row,
    .directors-manual #responsive-table .material-table table .hide-row,
    .delegation-of-authority #responsive-table .material-table table .hide-row,
    .create-circular-resolution #responsive-table table .hide-row,
    .selfNote #responsive-table table .hide-row
    {
        display: none;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table table,
    .circular-resolution-list #responsive-table .material-table table,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table table,
    .mom #responsive-table .material-table table,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table table,
    .administrative-compliance #responsive-table .material-table table,
    .statutory-compliance #responsive-table .material-table table,
    .view-meeting .statutory-compliance-view #responsive-table .material-table table,
    .view-meeting .atr-view #responsive-table .material-table table,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table table,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table table,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table table,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table table,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table table,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table table,
    .action-taken-report #responsive-table .material-table table,
    .track-history-modal #responsive-table .material-table table,
    .user-management #responsive-table .material-table table,
    .company #responsive-table .material-table table,
    .meeting-type #responsive-table .material-table table,
    .designation #responsive-table .material-table table,
    .directors #responsive-table .material-table table,
    .meeting-member #responsive-table .material-table table,
    .leadership #responsive-table .material-table table,
    .meeting-description #responsive-table .material-table table,
    .library #responsive-table .material-table table,
    .summary-of-meeting #responsive-table .material-table table,
    .annual-reports #responsive-table .material-table table,
    .policies #responsive-table .material-table table,
    .MOA-AOA #responsive-table .material-table table,
    .directors-manual #responsive-table .material-table table,
    .delegation-of-authority #responsive-table .material-table table,
    .create-circular-resolution #responsive-table table,
    .selfNote #responsive-table table
    {
        padding: 8px;

        border-spacing: inherit;
        border-collapse: inherit;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table tbody,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table table tbody,
    .circular-resolution-list #responsive-table .material-table table tbody,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table tbody,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table table tbody,
    .mom #responsive-table .material-table table tbody,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table tbody,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table table tbody,
    .administrative-compliance #responsive-table .material-table table tbody,
    .statutory-compliance #responsive-table .material-table table tbody,
    .view-meeting .statutory-compliance-view #responsive-table .material-table table tbody,
    .view-meeting .atr-view #responsive-table .material-table table tbody,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table table tbody,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table table tbody,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table table tbody,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table table tbody,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table table tbody,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table table tbody,
    .action-taken-report #responsive-table .material-table table tbody,
    .track-history-modal #responsive-table .material-table table tbody,
    .user-management #responsive-table .material-table table tbody,
    .company #responsive-table .material-table table tbody,
    .meeting-type #responsive-table .material-table table tbody,
    .designation #responsive-table .material-table table tbody,
    .directors #responsive-table .material-table table tbody,
    .meeting-member #responsive-table .material-table table tbody,
    .leadership #responsive-table .material-table table tbody,
    .meeting-description #responsive-table .material-table table tbody,
    .library #responsive-table .material-table table tbody,
    .summary-of-meeting #responsive-table .material-table table tbody,
    .annual-reports #responsive-table .material-table table tbody,
    .policies #responsive-table .material-table table tbody,
    .MOA-AOA #responsive-table .material-table table tbody,
    .directors-manual #responsive-table .material-table table tbody,
    .delegation-of-authority #responsive-table .material-table table tbody,
    .create-circular-resolution #responsive-table table tbody,
    .selfNote #responsive-table table tbody
    {
        border: 1px solid #ddd;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table tr:last-child > td:last-child,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table tr:last-child > td:last-child,
    .circular-resolution-list #responsive-table .material-table tr:last-child > td:last-child,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table tr:last-child > td:last-child,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table tr:last-child > td:last-child,
    .mom #responsive-table .material-table tr:last-child > td:last-child,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table tr:last-child > td:last-child,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table tr:last-child > td:last-child,
    .administrative-compliance #responsive-table .material-table tr:last-child > td:last-child,
    .statutory-compliance #responsive-table .material-table tr:last-child > td:last-child,
    .view-meeting .statutory-compliance-view #responsive-table .material-table tr:last-child > td:last-child,
    .view-meeting .atr-view #responsive-table .material-table tr:last-child > td:last-child,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table tr:last-child > td:last-child,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table tr:last-child > td:last-child,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table tr:last-child > td:last-child,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table tr:last-child > td:last-child,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table tr:last-child > td:last-child,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table tr:last-child > td:last-child,
    .action-taken-report #responsive-table .material-table tr:last-child > td:last-child,
    .track-history-modal #responsive-table .material-table tr:last-child > td:last-child,
    .user-management #responsive-table .material-table tr:last-child > td:last-child,
    .company #responsive-table .material-table tr:last-child > td:last-child,
    .meeting-type #responsive-table .material-table tr:last-child > td:last-child,
    .designation #responsive-table .material-table tr:last-child > td:last-child,
    .directors #responsive-table .material-table tr:last-child > td:last-child,
    .meeting-member #responsive-table .material-table tr:last-child > td:last-child,
    .leadership #responsive-table .material-table tr:last-child > td:last-child,
    .meeting-description #responsive-table .material-table tr:last-child > td:last-child,
    .library #responsive-table .material-table tr:last-child > td:last-child,
    .summary-of-meeting #responsive-table .material-table tr:last-child > td:nth-child(4),
    .annual-reports #responsive-table .material-table tr:last-child > td:nth-child(4),
    .policies #responsive-table .material-table tr:last-child > td:nth-child(4),
    .MOA-AOA #responsive-table .material-table tr:last-child > td:nth-child(3),
    .directors-manual #responsive-table .material-table tr:last-child > td:nth-child(3),
    .delegation-of-authority #responsive-table .material-table tr:last-child > td:nth-child(3),
    .create-circular-resolution #responsive-table tr:last-child > td:last-child,
    .selfNote #responsive-table tr:last-child > td:last-child
    {
        border-bottom: 0;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table .even,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table .even,
    .circular-resolution-list #responsive-table .material-table .even,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table .even,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table .even,
    .mom #responsive-table .material-table .even,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table .even,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table .even,
    .administrative-compliance #responsive-table .material-table .even,
    .statutory-compliance #responsive-table .material-table .even,
    .view-meeting .statutory-compliance-view #responsive-table .material-table .even,
    .view-meeting .atr-view #responsive-table .material-table .even,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table .even,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table .even,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table .even,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table .even,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table .even,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table .even,
    .action-taken-report #responsive-table .material-table .even,
    .track-history-modal #responsive-table .material-table .even,
    .user-management #responsive-table .material-table .even,
    .company #responsive-table .material-table .even,
    .meeting-type #responsive-table .material-table .even,
    .designation #responsive-table .material-table .even,
    .directors #responsive-table .material-table .even,
    .meeting-member #responsive-table .material-table .even,
    .leadership #responsive-table .material-table .even,
    .meeting-description #responsive-table .material-table .even,
    .library #responsive-table .material-table .even,
    .summary-of-meeting #responsive-table .material-table .even,
    .annual-reports #responsive-table .material-table .even,
    .policies #responsive-table .material-table .even,
    .MOA-AOA #responsive-table .material-table .even,
    .directors-manual #responsive-table .material-table .even,
    .delegation-of-authority #responsive-table .material-table .even,
    .selfNote #responsive-table .material-table .even
    {
        background-color: #eee;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table .odd:hover,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table .odd:hover,
    .circular-resolution-list #responsive-table .material-table .odd:hover,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table .odd:hover,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table .odd:hover,
    .mom #responsive-table .material-table .odd:hover,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table .odd:hover,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table .odd:hover,
    .administrative-compliance #responsive-table .material-table .odd:hover,
    .statutory-compliance #responsive-table .material-table .odd:hover,
    .view-meeting .statutory-compliance-view #responsive-table .material-table .odd:hover,
    .view-meeting .atr-view #responsive-table .material-table .odd:hover,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table .odd:hover,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table .odd:hover,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table .odd:hover,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table .odd:hover,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table .odd:hover,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table .odd:hover,
    .action-taken-report #responsive-table .material-table .odd:hover,
    .track-history-modal #responsive-table .material-table .odd:hover,
    .user-management #responsive-table .material-table .odd:hover,
    .company #responsive-table .material-table .odd:hover,
    .meeting-type #responsive-table .material-table .odd:hover,
    .designation #responsive-table .material-table .odd:hover,
    .directors #responsive-table .material-table .odd:hover,
    .meeting-member #responsive-table .material-table .odd:hover,
    .leadership #responsive-table .material-table .odd:hover,
    .meeting-description #responsive-table .material-table .odd:hover,
    .library #responsive-table .material-table .odd:hover,
    .summary-of-meeting #responsive-table .material-table .odd:hover,
    .annual-reports #responsive-table .material-table .odd:hover,
    .policies #responsive-table .material-table .odd:hover,
    .MOA-AOA #responsive-table .material-table .odd:hover,
    .directors-manual #responsive-table .material-table .odd:hover,
    .delegation-of-authority #responsive-table .material-table .odd:hover,
    .selfNote #responsive-table .material-table .odd:hover
    {
        background-color: transparent;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table td,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table table td,
    .circular-resolution-list #responsive-table .material-table table td,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table td,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table table td,
    .mom #responsive-table .material-table table td,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table td,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table table td,
    .administrative-compliance #responsive-table .material-table table td,
    .statutory-compliance #responsive-table .material-table table td,
    .view-meeting .statutory-compliance-view #responsive-table .material-table table td,
    .view-meeting .atr-view #responsive-table .material-table table td,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table table td,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table table td,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table table td,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table table td,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table table td,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table table td,
    .action-taken-report #responsive-table .material-table table td,
    .track-history-modal #responsive-table .material-table table td,
    .user-management #responsive-table .material-table table td,
    .company #responsive-table .material-table table td,
    .meeting-type #responsive-table .material-table table td,
    .designation #responsive-table .material-table table td,
    .directors #responsive-table .material-table table td,
    .meeting-member #responsive-table .material-table table td,
    .leadership #responsive-table .material-table table td,
    .meeting-description #responsive-table .material-table table td,
    .library #responsive-table .material-table table td,
    .summary-of-meeting #responsive-table .material-table table td,
    .annual-reports #responsive-table .material-table table td,
    .policies #responsive-table .material-table table td,
    .MOA-AOA #responsive-table .material-table table td,
    .directors-manual #responsive-table .material-table table td,
    .delegation-of-authority #responsive-table .material-table table td,
    .create-circular-resolution #responsive-table table td,
    .selfNote #responsive-table table td
    {
        padding: 10px;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table table .line-height,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table table .line-height,
    .circular-resolution-list #responsive-table .material-table table .line-height,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table table .line-height,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table table .line-height,
    .mom #responsive-table .material-table table .line-height,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table table .line-height,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table table .line-height,
    .administrative-compliance #responsive-table .material-table table .line-height,
    .statutory-compliance #responsive-table .material-table table .line-height,
    .view-meeting .statutory-compliance-view #responsive-table .material-table table .line-height,
    .view-meeting .atr-view #responsive-table .material-table table .line-height,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table table .line-height,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table table .line-height,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table table .line-height,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table table .line-height,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table table .line-height,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table table .line-height,
    .action-taken-report #responsive-table .material-table table .line-height,
    .track-history-modal #responsive-table .material-table table .line-height,
    .user-management #responsive-table .material-table table .line-height,
    .company #responsive-table .material-table table .line-height,
    .meeting-type #responsive-table .material-table table .line-height,
    .designation #responsive-table .material-table table .line-height,
    .directors #responsive-table .material-table table .line-height,
    .meeting-member #responsive-table .material-table table .line-height,
    .leadership #responsive-table .material-table table .line-height,
    .meeting-description #responsive-table .material-table table .line-height,
    .library #responsive-table .material-table table .line-height,
    .summary-of-meeting #responsive-table .material-table table .line-height,
    .annual-reports #responsive-table .material-table table .line-height,
    .policies #responsive-table .material-table table .line-height,
    .MOA-AOA #responsive-table .material-table table .line-height,
    .directors-manual #responsive-table .material-table table .line-height,
    .delegation-of-authority #responsive-table .material-table table .line-height,
    .create-circular-resolution #responsive-table table .line-height,
    .selfNote #responsive-table table .line-height
    {
        line-height: 56px;

        padding: 0;
    }
    .meeting-list .tab-content .tab-pane #responsive-table div.material-table table .dataTables_empty,
    .circular-resolution-list #responsive-table div.material-table table .dataTables_empty,
    .mom #responsive-table div.material-table table .dataTables_empty,
    .administrative-compliance #responsive-table div.material-table table .dataTables_empty,
    .statutory-compliance #responsive-table div.material-table table .dataTables_empty,
    .view-meeting .statutory-compliance-view #responsive-table div.material-table table .dataTables_empty,
    .view-meeting .atr-view #responsive-table div.material-table table .dataTables_empty,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table div.material-table table .dataTables_empty,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table div.material-table table .dataTables_empty,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table div.material-table table .dataTables_empty,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table div.material-table table .dataTables_empty,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table div.material-table table .dataTables_empty,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table div.material-table table .dataTables_empty,
    .action-taken-report #responsive-table div.material-table table .dataTables_empty,
    .track-history-modal #responsive-table div.material-table table .dataTables_empty,
    .user-management #responsive-table div.material-table table .dataTables_empty,
    .company #responsive-table div.material-table table .dataTables_empty,
    .meeting-type #responsive-table div.material-table table .dataTables_empty,
    .designation #responsive-table div.material-table table .dataTables_empty,
    .directors #responsive-table div.material-table table .dataTables_empty,
    .meeting-member #responsive-table div.material-table table .dataTables_empty,
    .leadership #responsive-table div.material-table table .dataTables_empty,
    .meeting-description #responsive-table div.material-table table .dataTables_empty,
    .library #responsive-table div.material-table table .dataTables_empty,
    .summary-of-meeting #responsive-table div.material-table table .dataTables_empty,
    .annual-reports #responsive-table div.material-table table .dataTables_empty,
    .policies #responsive-table div.material-table table .dataTables_empty,
    .MOA-AOA #responsive-table div.material-table table .dataTables_empty,
    .directors-manual #responsive-table div.material-table table .dataTables_empty,
    .delegation-of-authority #responsive-table div.material-table table .dataTables_empty,
    .selfNote #responsive-table div.material-table table .dataTables_empty
    {
        line-height: 56px;

        padding: 0 !important;

        text-align: center;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table td,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table td,
    .circular-resolution-list #responsive-table .material-table td,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table td,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table td,
    .mom #responsive-table .material-table td,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table td,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table td,
    .administrative-compliance #responsive-table .material-table td,
    .statutory-compliance #responsive-table .material-table td,
    .view-meeting .statutory-compliance-view #responsive-table .material-table td,
    .view-meeting .atr-view #responsive-table .material-table td,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table td,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table td,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table td,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table td,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table td,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table td,
    .action-taken-report #responsive-table .material-table td,
    .track-history-modal #responsive-table .material-table td,
    .user-management #responsive-table .material-table td,
    .company #responsive-table .material-table td,
    .meeting-type #responsive-table .material-table td,
    .designation #responsive-table .material-table td,
    .directors #responsive-table .material-table td,
    .meeting-member #responsive-table .material-table td,
    .leadership #responsive-table .material-table td,
    .meeting-description #responsive-table .material-table td,
    .library #responsive-table .material-table td,
    .summary-of-meeting #responsive-table .material-table td,
    .annual-reports #responsive-table .material-table td,
    .policies #responsive-table .material-table td,
    .MOA-AOA #responsive-table .material-table td,
    .directors-manual #responsive-table .material-table td,
    .delegation-of-authority #responsive-table .material-table td,
    .create-circular-resolution #responsive-table td,
    .selfNote #responsive-table td
    {
        position: relative;

        max-width: 100%;
        padding-left: 50% !important;

        text-align: left;
        white-space: normal;

        border: none;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table td:before,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table td:before,
    .circular-resolution-list #responsive-table .material-table td:before,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table td:before,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table td:before,
    .mom #responsive-table .material-table td:before,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table td:before,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table td:before,
    .administrative-compliance #responsive-table .material-table td:before,
    .statutory-compliance #responsive-table .material-table td:before,
    .view-meeting .statutory-compliance-view #responsive-table .material-table td:before,
    .view-meeting .atr-view #responsive-table .material-table td:before,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table td:before,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table td:before,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table td:before,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table td:before,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table td:before,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table td:before,
    .action-taken-report #responsive-table .material-table td:before,
    .track-history-modal #responsive-table .material-table td:before,
    .user-management #responsive-table .material-table td:before,
    .company #responsive-table .material-table td:before,
    .meeting-type #responsive-table .material-table td:before,
    .designation #responsive-table .material-table td:before,
    .directors #responsive-table .material-table td:before,
    .meeting-member #responsive-table .material-table td:before,
    .leadership #responsive-table .material-table td:before,
    .meeting-description #responsive-table .material-table td:before,
    .library #responsive-table .material-table td:before,
    .summary-of-meeting #responsive-table .material-table td:before,
    .annual-reports #responsive-table .material-table td:before,
    .policies #responsive-table .material-table td:before,
    .MOA-AOA #responsive-table .material-table td:before,
    .directors-manual #responsive-table .material-table td:before,
    .delegation-of-authority #responsive-table .material-table td:before,
    .create-circular-resolution #responsive-table td:before,
    .selfNote #responsive-table td:before
    {
        font-weight: 500;

        position: absolute;
        top: 50%;
        left: 33px;

        width: 45%;
        margin: -9px 0;
        padding-right: 10px;

        text-align: left;
        white-space: nowrap;

        color: #757575;
    }
    .meeting-list .tab-content .tab-pane .open-list #responsive-table .material-table td:before,
    .meeting-list .tab-content .tab-pane .close-list #responsive-table .material-table td:before,
    .circular-resolution-list #responsive-table .material-table td:before,
    .circular-resolution-list .tab-content .tab-pane .open-list #responsive-table .material-table td:before,
    .circular-resolution-list .tab-content .tab-pane .close-list #responsive-table .material-table td:before,
    .mom #responsive-table .material-table td:before,
    .mom .tab-content .tab-pane .open-list #responsive-table .material-table td:before,
    .mom .tab-content .tab-pane .close-list #responsive-table .material-table td:before,
    .administrative-compliance #responsive-table .material-table td:before,
    .statutory-compliance #responsive-table .material-table td:before,
    .view-meeting .statutory-compliance-view #responsive-table .material-table td:before,
    .view-meeting .atr-view #responsive-table .material-table td:before,
    .administrative-compliance-tabs .pre-meeting-compliance #responsive-table .material-table td:before,
    .administrative-compliance-tabs .on-meeting-compliance #responsive-table .material-table td:before,
    .administrative-compliance-tabs .post-meeting-compliance #responsive-table .material-table td:before,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view #responsive-table .material-table td:before,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view #responsive-table .material-table td:before,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view #responsive-table .material-table td:before,
    .action-taken-report #responsive-table .material-table td:before,
    .track-history-modal #responsive-table .material-table td:before,
    .user-management #responsive-table .material-table td:before,
    .company #responsive-table .material-table td:before,
    .meeting-type #responsive-table .material-table td:before,
    .designation #responsive-table .material-table td:before,
    .directors #responsive-table .material-table td:before,
    .meeting-member #responsive-table .material-table td:before,
    .leadership #responsive-table .material-table td:before,
    .meeting-description #responsive-table .material-table td:before,
    .library #responsive-table .material-table td:before,
    .summary-of-meeting #responsive-table .material-table td:before,
    .annual-reports #responsive-table .material-table td:before,
    .policies #responsive-table .material-table td:before,
    .MOA-AOA #responsive-table .material-table td:before,
    .directors-manual #responsive-table .material-table td:before,
    .delegation-of-authority #responsive-table .material-table td:before,
    .create-circular-resolution #responsive-table td:before,
    .selfNote #responsive-table td:before
    {
        line-height: initial;

        content: attr(data-title);
    }
    .create-circular-resolution .device
    {
        display: block;

        padding: 0 10px;
    }
    .meeting-list .tab-content .tab-pane .open-list div.material-table table tr td .menus ul li ul,
    .meeting-list .tab-content .tab-pane .close-list div.material-table table tr td .menus ul li ul,
    .create-circular-resolution table tbody tr td .menus ul li ul,
    .enlarged .create-circular-resolution table tbody tr td .menus ul li ul,
    .administrative-compliance-tabs .tab-content .tab-pane .pre-meeting-compliance div.material-table table tr td .menus ul li ul,
    .administrative-compliance-tabs .tab-content .tab-pane .on-meeting-compliance div.material-table table tr td .menus ul li ul,
    .administrative-compliance-tabs .tab-content .tab-pane .post-meeting-compliance div.material-table table tr td .menus ul li ul,
    .view-meeting .administrative-compliance-view .tab-content .tab-pane .pre-meeting-compliance-view div.material-table table tr td .menus ul li ul,
    .view-meeting .administrative-compliance-view .tab-content .tab-pane .on-meeting-compliance-view div.material-table table tr td .menus ul li ul,
    .view-meeting .administrative-compliance-view .tab-content .tab-pane .post-meeting-compliance-view div.material-table table tr td .menus ul li ul,
    .circular-resolution-list div.material-table table tr td .menus ul li ul,
    .statutory-compliance div.material-table table tr td .menus ul li ul,
    .view-meeting .statutory-compliance-view div.material-table table tr td .menus ul li ul,
    .view-meeting .atr-view div.material-table table tr td .menus ul li ul,
    .action-taken-report div.material-table table tr td .menus ul li ul,
    .user-management div.material-table table tr td .menus ul li ul,
    .company div.material-table table tr td .menus ul li ul,
    .meeting-type div.material-table table tr td .menus ul li ul,
    .designation div.material-table table tr td .menus ul li ul,
    .directors div.material-table table tr td .menus ul li ul,
    .meeting-member div.material-table table tr td .menus ul li ul,
    .leadership div.material-table table tr td .menus ul li ul,
    .meeting-description div.material-table table tr td .menus ul li ul,
    .library div.material-table table tr td .menus ul li ul,
    .selfNote div.material-table table tr td .menus ul li ul
    {
        right: auto;
        left: -60px;
    }
    .create-circular-resolution #responsive-table table .line-height
    {
        overflow: hidden;

        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .create-circular-resolution #responsive-table table .line-height:last-child
    {
        overflow: inherit;
    }

    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col
    {
        width: 100%;
    }
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body,
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body,
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body,
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body
    {
        height: 222px;
    }
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col,
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col,
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(2),
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(3),
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(2),
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(3),
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(2),
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(3),
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(2),
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(3),
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(2),
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(3),
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(2),
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(3)
    {
        margin-bottom: 20px;
        margin-left: 0;
    }
    .meeting-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(4),
    .meeting-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(4),
    .circular-resolution-list .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(4),
    .circular-resolution-list .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(4),
    .mom .tab-content .tab-pane .open-list .material-table #collapseOne .panel-body .columns .col:nth-child(4),
    .mom .tab-content .tab-pane .close-list .material-table #collapseTwo .panel-body .columns .col:nth-child(4)
    {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1199px)
{
    .task
    {
        margin-bottom: 20px !important;
    }
}

@media screen and (max-width: 1103px)
{
    .wrapper .middle-area
    {
        position: relative;

        height: calc(100vh - 345px);
    }
}

@media screen and (max-width: 991px)
{
    .wrapper .login-screen .login-box form
    {
        width: 80%;
    }
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown
    {
        padding: 20px;
    }
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown
    {
        padding: 20px 8px;
    }
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown .dropdown,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown .dropdown,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown .dropdown,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown
    {
        margin: 0;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown
    {
        margin-bottom: 20px;
        padding: 0;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown a,
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown a,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown a,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-toggle
    {
        padding: 8px 20px;

        color: #fff;
        background-color: #f49914;
    }
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown a
    {
        padding: 0 20px;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul li,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul li
    {
        float: inherit;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul li a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul li a
    {
        color: #333 !important;
        background-color: transparent;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul .active > a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul .active > a
    {
        color: #f49914 !important;
        background-color: transparent !important;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table
    {
        border: 1px solid #ddd;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table .table tbody tr td:before
    {
        font-size: 13px;
        font-weight: 400;

        position: absolute;
        top: 8px;
        left: 10px;

        width: 45%;
        padding-right: 10px;

        text-align: left;
        white-space: nowrap;

        color: #9e9d9d;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table table,
    .analytics .tab-content .tab-pane .ratio #responsive-table tbody,
    .analytics .tab-content .tab-pane .ratio #responsive-table td,
    .analytics .tab-content .tab-pane .ratio #responsive-table th,
    .analytics .tab-content .tab-pane .ratio #responsive-table thead,
    .analytics .tab-content .tab-pane .ratio #responsive-table tr
    {
        display: block;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table thead tr
    {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table td
    {
        position: relative;

        padding-left: 50% !important;

        text-align: left;
        white-space: normal;

        border: none;
        border-bottom: 1px solid #ddd;
        border-radius: 0;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table table thead,
    .analytics .tab-content .tab-pane .ratio #responsive-table td:last-child
    {
        border-bottom: 0;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table td:before
    {
        font-weight: 400;
        line-height: 2;

        position: absolute;
        top: 7px;
        left: 10px;

        width: 45%;
        padding-right: 10px;

        text-align: left;
        white-space: nowrap;

        color: #7b7a7a;
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table td:before
    {
        content: attr(data-title);
    }
    .analytics .tab-content .tab-pane .ratio #responsive-table .table tbody tr .bg
    {
        background-color: #eee !important;
    }
}

@media screen and (max-width: 922px)
{
    .wrapper .middle-area
    {
        position: relative;

        height: calc(100vh - 363px);
    }
}

@media screen and (max-width: 809px)
{
    .wrapper .middle-area
    {
        position: relative;

        height: calc(100vh - 381px);
    }
}

@media screen and (max-width: 768px)
{
    .analytics .tab-content .tab-pane .table-responsive .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th
    {
        padding: 10px 20px;
    }
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown
    {
        padding: 20px;
    }
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown
    {
        padding: 20px 8px;
    }
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown .dropdown,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown .dropdown,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown .dropdown,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown
    {
        margin: 0;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown
    {
        margin-bottom: 20px;
        padding: 0;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown a,
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown a,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown a,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-toggle
    {
        padding: 8px 20px;

        color: #fff;
        background-color: #f49914;
    }
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown a
    {
        padding: 0 20px;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul li,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul li
    {
        float: inherit;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul li a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul li a
    {
        color: #333 !important;
        background-color: transparent;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul .active > a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul .active > a
    {
        color: #f49914 !important;
        background-color: transparent !important;
    }
    .analytics .tab-content .tab-pane .ratio .table-responsive
    {
        margin: 0;
    }
    .analytics .tab-content .tab-pane .ratio .table-responsive .table tr td
    {
        padding: 10px 20px 10px 0 !important;
    }
    .create-meeting .wizard .tab-content .tab-pane .wizard-footer
    {
        padding-left: 75px;
    }
}

@media screen and (max-width: 767px)
{
    .wrapper .login-screen
    {
        overflow: auto;

        height: calc(100vh - 60px);
    }
    .wrapper .middle-area
    {
        display: none;
    }
    .wrapper .login-screen .login-box .footer-logo,
    .wrapper .login-screen .login-box hr
    {
        display: none;
    }
    .wrapper .login-screen .login-box .device-line,
    .wrapper .login-screen .login-box .device-logo
    {
        display: block;
    }
    .wrapper .login-screen .login-box form
    {
        float: none;

        width: 100%;
        margin: 30px 0;
    }
    .board-members .panel-body .carousel .carousel-inner .item h3
    {
        display: none;
    }
    .analytics .tab-content .tab-pane .table-responsive .table > tbody > tr > td,
    .table > tbody > tr > th,
    .table > tfoot > tr > td,
    .table > tfoot > tr > th,
    .table > thead > tr > td,
    .table > thead > tr > th
    {
        padding: 10px 20px;
    }
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown
    {
        padding: 20px;
    }
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown
    {
        padding: 20px 8px;
    }
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown .dropdown,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown .dropdown,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown .dropdown,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown
    {
        margin: 0;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown
    {
        margin-bottom: 20px;
        padding: 0;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown a,
    .registers .tab-content .tab-pane .Form-MBP4 .device-dropdown a,
    .registers .tab-content .tab-pane .Form-MGT1 .device-dropdown a,
    .registers .tab-content .tab-pane .Form-MGT2 .device-dropdown a,
    .view-meeting .tab-content .tab-pane .administrative-compliance .device-dropdown .xs-dropdown .dropdown-toggle
    {
        padding: 8px 20px;

        color: #fff;
        background-color: #f49914;
    }
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown a
    {
        padding: 0 20px;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul li,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul li,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul li
    {
        float: inherit;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul li a,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul li a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul li a
    {
        color: #333 !important;
        background-color: transparent;
    }
    .analytics .tab-content .tab-pane .net-sales .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MBP4 .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MGT1 .dropdown .dropdown-menu ul .active > a,
    .registers .tab-content .tab-pane .Form-MGT2 .dropdown .dropdown-menu ul .active > a,
    .view-meeting .tab-content .tab-pane .administrative-compliance-view .device-dropdown .xs-dropdown .dropdown-menu ul .active > a
    {
        color: #f49914 !important;
        background-color: transparent !important;
    }
    .analytics .tab-content .tab-pane .ratio .table-responsive
    {
        margin: 0;
        padding: 0;
    }
    .analytics .tab-content .tab-pane .ratio .table-responsive .table tr td
    {
        padding: 10px 20px 10px 0 !important;
    }
    .create-meeting .wizard .tab-content .tab-pane .wizard-footer
    {
        padding-left: 25px;
    }
    .view-attendees-modal .slimScrollDiv,
    .view-attendees-modal .custom-modal-text
    {
        height: 290px !important;
    }
    .view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li,
    .view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li
    {
        margin-bottom: 0;
    }
    .view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user,
    .view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user
    {
        width: 36px;
        height: 36px;
    }
    .view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user-name,
    .view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user-name
    {
        margin-left: 46px;
        padding: 20px 0 20px 0;
    }
    .view-attendees-modal .custom-modal-text .meeting-members .board-meeting .board-members-list ul li .user-name h3,
    .view-attendees-modal .custom-modal-text .meeting-members .invites .invites-members-list ul li .user-name h3
    {
        font-size: 12px;
    }
    .create-meeting-modal .custom-modal-text span,
    .mom-proceed-modal .custom-modal-text span,
    .cr-proceed-modal .custom-modal-text span
    {
        display: block;

        margin: 10px 0;
    }
    .user-profile-modal .custom-modal-text table tr .first
    {
        padding: 12px 0 12px 30px;
    }
    .user-profile-modal .custom-modal-text table tr .second
    {
        padding: 12px 30px 12px 0;
    }
    .attendees-modal .custom-modal-text .attendees-members .left,
    .attendees-modal .custom-modal-text .attendees-members .right
    {
        width: 100%;

        border-right: 0;
    }
    .meeting-list .tab-content .tab-pane .open-list .table-responsive,
    .meeting-list .tab-content .tab-pane .close-list .table-responsive,
    .circular-resolution-list .table-responsive,
    .circular-resolution-list .tab-content .tab-pane .open-list .table-responsive,
    .circular-resolution-list .tab-content .tab-pane .close-list .table-responsive,
    .mom .table-responsive,
    .mom .tab-content .tab-pane .open-list .table-responsive,
    .mom .tab-content .tab-pane .close-list .table-responsive,
    .administrative-compliance .table-responsive,
    .statutory-compliance .table-responsive,
    .view-meeting .statutory-compliance-view .table-responsive,
    .view-meeting .atr-view .table-responsive,
    .administrative-compliance-tabs .pre-meeting-compliance .table-responsive,
    .administrative-compliance-tabs .on-meeting-compliance .table-responsive,
    .administrative-compliance-tabs .post-meeting-compliance .table-responsive,
    .view-meeting .administrative-compliance-view .pre-meeting-compliance-view .table-responsive,
    .view-meeting .administrative-compliance-view .on-meeting-compliance-view .table-responsive,
    .view-meeting .administrative-compliance-view .post-meeting-compliance-view .table-responsive,
    .action-taken-report .table-responsive,
    .track-history-modal .table-responsive,
    .user-management .table-responsive,
    .company .table-responsive,
    .meeting-type .table-responsive,
    .designation .table-responsive,
    .directors .table-responsive,
    .meeting-member .table-responsive,
    .leadership .table-responsive,
    .meeting-description .table-responsive,
    .library .table-responsive,
    .summary-of-meeting .table-responsive,
    .annual-reports .table-responsive,
    .policies .table-responsive,
    .MOA-AOA .table-responsive,
    .directors-manual .table-responsive,
    .delegation-of-authority .table-responsive,
    .create-circular-resolution .table-responsive,
    .selfNote .table-responsive
    {
        margin: 0;

        border: 0;
    }
    .create-meeting .form-footer,
    .enlarged .create-meeting .form-footer,
    .create-mom .form-footer,
    .enlarged .create-mom .form-footer,
    .view-mom .form-footer,
    .enlarged .view-mom .form-footer,
    .certified-resolution-view-report .layout-footer,
    .enlarged .certified-resolution-view-report .layout-footer,
    .agenda-view-report .layout-footer,
    .enlarged .agenda-view-report .layout-footer,
    .minutes-view-report .layout-footer,
    .enlarged .minutes-view-report .layout-footer,
    .circular-view-report .layout-footer,
    .enlarged .circular-view-report .layout-footer,
    .action-view-report .layout-footer,
    .enlarged .action-view-report .layout-footer,
    .statutory-compliance-view-report .layout-footer,
    .enlarged .statutory-compliance-view-report .layout-footer,
    .director-attendance-view-report .layout-footer,
    .enlarged .director-attendance-view-report .layout-footer,
    .create-circular-resolution .form-footer,
    .enlarged .create-circular-resolution .form-footer,
    .admin-dashboard .tab-content .tab-pane .footer-summary,
    .admin-dashboard .tab-content .tab-pane .footer-shareprice,
    .enlarged .admin-dashboard .tab-content .tab-pane .footer-summary,
    .enlarged .admin-dashboard .tab-content .tab-pane .footer-shareprice,
    .registers .register-of-holding-form .form-footer,
    .registers .register-of-director-form .form-footer,
    .registers .Form-MBP2-form .form-footer,
    .registers .Form-MBP3-form .form-footer,
    .registers .Form-SH2-form .form-footer,
    .registers .Form-SH3-form .form-footer
    {
        padding-left: 25px;
    }
    .admin-dashboard .tab-content .tab-pane .ratio .table-responsive .table tr .data .custom,
    .admin-dashboard .tab-content .tab-pane .capital .table-responsive .table tr .data .custom,
    .admin-dashboard .tab-content .tab-pane .return .table-responsive .table tr .data .custom,
    .admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table tr .data .custom,
    .admin-dashboard .tab-content .tab-pane .shareholding .table-responsive .table tr .data .custom-percentage
    {
        width: 100%;
    }

    .bootstrap-modal .modal-md,
    .bootstrap-modal .modal-sm,
    .bootstrap-modal .modal-lg
    {
        width: auto;
    }

    .logout-wrapper .login-footer
    {
        bottom: 40px;
        left: 50%;

        width: 140px;
        margin: -27.5px 0 0 -70px;

        text-align: center;
    }
}

@media screen and (max-width: 480px)
{
    .analytics .panel .panel-body .series .pull-right
    {
        width: 100%;
        margin-top: 20px;
    }
}

/* css for registers-modal */

.registerModal
{
    overflow: auto;

    height: 450px;

    text-align: left;
}
.registerModal .edit-attachment
{
    display: inline-block;

    width: 100%;

    vertical-align: middle;
}
.registerModal .edit-attachment .attached-file
{
    float: left;

    margin-top: 15px;
    margin-right: 15px;
    padding: 0 10px;

    border: 1px solid rgba(0,0,0,.12);
}
.registerModal .edit-attachment .attached-file:last-child
{
    margin-right: 0;
}
.registerModal .edit-attachment .attached-file p
{
    font-style: italic;

    display: inline-block;

    margin: 0;

    text-align: left;

    color: #7b7a7a;
}

.registerModal .edit-attachment .attached-file .edit
{
    font-size: 17px;

    margin-left: 10px;

    cursor: pointer;

    color: #999;
}