@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;300;400;500;600;700&display=swap');
h1, h2, h3, h4, h5, h6 { font-family: 'IBM Plex Sans', sans-serif;; }
select { outline: none; }
body { font-family: 'IBM Plex Sans', sans-serif;; background: #fff;}


.fw-100{ font-weight: 100; }
.fw-200{ font-weight: 200; }
.fw-300{ font-weight: 300; }
.fw-400{ font-weight: 400; }
.fw-500{ font-weight: 500; }
.fw-600{ font-weight: 600; }
.fw-700{ font-weight: 700; }
.fw-800{ font-weight: 800; }
.fw-900{ font-weight: 900; }


.text-gray{ color: #cacbcd; }
.text-small{
    font-size: 12px;
}
.text-theme{
    color: #7b52a1 !important;
}

.dropdown-menu.right-side{
    left: auto;
    right: 0;
    z-index: 9999;
}

.dropdown > .dropdown-menu.right-side:before{
    left:auto;
    right: 9px;
}
.dropdown > .dropdown-menu.right-side:after{
    left:auto;
    right: 10px;
}

/*common css*/
.h-100 { height: 100%; }
.pr-10 { padding-right: 10px; }
.pl-10 { padding-left: 10px; }
.w-50 { width: 50%; }
.form-group.mb-5 { margin-bottom: 5px; }
.scroll-to-top { display: none; }


.overflowhide { overflow: hidden; }
.overflowhide-plan { overflow: hidden; }
.p-0px { padding: 0px !important; }
.mb-10 { margin-bottom: 10px !important;}
.brdr-none { border: none !important;}
.btn.btn-blue { background: #3e82ff; color: #fff; font-size: 14px; font-weight: 600; padding: 6px 10px; border-radius: 4px !important; line-height: normal !important;}
.btn.btn-blue .icon-moon { margin-right: 8px; }
.btn.btn-green { background: #27c47a; color: #fff; font-size: 14px; font-weight: 600; padding: 6px 10px; border-radius: 4px !important; line-height: normal !important;}
.btn.btn-green .icon-moon { margin-right: 8px; }
.btn.btn-green .icon-moon.icon-add { font-size: 15px; }
.btn.btn-red { background: red; color: #fff; font-size: 14px; font-weight: 600; padding: 6px 10px; border-radius: 4px !important; line-height: normal !important;}
.btn.btn-light-gray { min-width: 80px; background: #ffffff; font-size: 14px; font-weight: 600; color: #989898; padding: 7px 10px; border: 1px solid #cdd3df; border-radius: 4px !important; line-height: normal !important; display: flex; align-items: center; justify-content: center;}
/*.btn.btn-purple-small { min-width: 80px; background: #68418d; color: #fff; font-size: 14px; font-weight: 600; padding: 7px 10px; border-radius: 4px !important; line-height: normal !important; display: flex; align-items: center; justify-content: center;}*/

.btn.btn-purple-small { background: #68418d; color: #fff;}

.btn.btn-purple-small .icon-moon { margin-right: 10px; font-size: 16px;}

.pointer-none { pointer-events: none; }
.btn.filter-apply { background: #6c757d;}
.btn.btn-purple-shadow { width: 100%; height: 40px; text-align: center; border-radius: 0; outline: none; border: none; font-size: 16px; color: #fff; box-shadow: 0px 5px 5px 0px rgba(135, 86, 179, 0.2);
	background-image: -moz-linear-gradient( 0deg, rgb(130,86,172) 0%, rgb(191,154,225) 100%);
  	background-image: -webkit-linear-gradient( 0deg, rgb(130,86,172) 0%, rgb(191,154,225) 100%);
  	background-image: -ms-linear-gradient( 0deg, rgb(130,86,172) 0%, rgb(191,154,225) 100%);
}
.btn.btn-purple-shadow:focus { outline: none; }

/* Custom Radio */
.custom-radio { position: relative; }
.custom-radio [type="radio"]:checked, .custom-radio [type="radio"]:not(:checked) { position: absolute; opacity: 0; z-index: -1; font-size: 0px; }
.custom-radio [type="radio"] + label { font-size: 12px; color: #969fae;}
.custom-radio [type="radio"]:checked + label, .custom-radio [type="radio"]:not(:checked) + label { position: relative; padding-left: 24px; line-height: 14px; cursor: pointer; color: #000; margin-bottom: 0px;}
.custom-radio [type="radio"]:checked + label:before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #68418d; border-radius: 100%; background: #fff; }
.custom-radio [type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 0; width: 14px; height: 14px; border: 1px solid #ced4e0; border-radius: 100%; background: #fff; }
.custom-radio [type="radio"]:checked + label:after, .custom-radio [type="radio"]:not(:checked) + label:after { content: ""; width: 8px; height: 8px; background: #68418d; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; }
.custom-radio [type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); }
.custom-radio [type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
/* Custom Radio */

/* Custon Checkbox */
.fancy-checkbox {
	margin: 0px;
}
.fancy-checkbox input[type='checkbox'] + span {
    align-items: center;
    color: #8c9195;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    position: relative;
}
.fancy-checkbox input[type='checkbox'] {
    display: none;
}
.fancy-checkbox input[type='checkbox'] + span i {
    border: 1px solid #868fb5;
    border-radius: 2px;
    bottom: 1px;
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    position: relative;
    vertical-align: middle;
}
.fancy-checkbox input[type='checkbox']:checked + span i {
    background: #68418d;
    border-color: #fff;
}
.fancy-checkbox input[type='checkbox']:checked + span i:after {
    background-color: transparent;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    content: '';
    display: block;
    width: 5px;
    height: 10px;
    left: 4px;
    top: 0;
    position: relative;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* Custon Checkbox */

.page-header.navbar { height: 60px; min-height: 60px; background: #fff;}
.page-header.navbar .page-logo { width: 280px; height: 60px; background: #68418d; display: flex; align-items: center;}
.page-header.navbar .page-logo .logo-default { margin: 0px; }
.page-header.navbar .page-top { height: 60px; background: transparent;}
.page-header.navbar .top-menu .navbar-nav { margin-right: 15px; display: flex; align-items: center;}
.page-header .top-menu .dropdown-user .dropdown-menu { right: -20px; background: #fff !important; box-shadow: 0 3px 12px rgba(0,0,0,.05); border: 1px solid rgba(120,130,140,.13) !important;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i { color: #000; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:before,
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-menu:after { display: none !important;}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover { background: #e9ebf0;}

.page-header.navbar .top-menu .navbar-nav>li.dropdown { height: 60px; display: flex; align-items: center; padding-left: 15px;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle { padding: 0px; display: flex; align-items: center;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle,
.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover { background: transparent; }
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user > .dropdown-toggle > .username { color: #313131; font-size: 14px; font-weight: normal; padding: 0 30px 0 10px; font-family: "Open Sans", sans-serif !important;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle .img-circle { width: 36px; height: 36px; border-radius: 50%; overflow: hidden; border: 1px solid #e3e9f0;}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle .dropdown-arrow { color: #707070; font-size: 6px;}
.page-header.navbar .top-menu .header-notification a { padding: 0px; color: #626262; font-size: 16px;}
.page-header.navbar .top-menu .header-notification a:focus,
.page-header.navbar .top-menu .header-notification a:hover { background: transparent; }
.page-header.navbar .header-right-section { display: flex; align-items: center; justify-content: flex-end; border-bottom: 2px solid #e9ebf0;}
.page-title-new { display: flex; align-items: center; justify-content: space-between; padding: 15px 8px; margin-bottom: 0; background: #ffffff; border-bottom: 2px solid #e0e6fb;}
.page-title-new h3 { margin: 0px; font-size: 18px; color: #7b52a1; font-weight: 700; display: flex; align-items: center;}
.page-title-new h3 .icon-moon { margin-right: 10px; }
.page-title-new.create-edit-title { padding: 15px; margin-bottom: 0px; border-bottom: 2px solid #e0e6fb;}
.page-title-new .breadcrumb { padding: 0px; display: flex;}
.page-title-new .breadcrumb .breadcrumb-item::after { padding-right: 15px; padding-left: 15px; color: #c2c2c2; content: "\f105"; font-family: FontAwesome;}
.page-title-new .breadcrumb .breadcrumb-item:last-child::after { display: none;}
.page-title-new .breadcrumb .breadcrumb-item a { color: #68418d; font-size: 12px; text-decoration: none;}
.page-title-new .breadcrumb .breadcrumb-item.active { color: #313131; font-size: 12px;}

.page-header-fixed .page-container { margin-top: 60px;}
.page-container { padding: 0px; }
.page-content-wrapper .page-content { margin-left: 280px; padding: 0px; min-height: inherit !important;}
.page-content .portlet.light { padding: 10px; }

.page-content-container .page-sidebar { width: 240px; height: calc(100vh - 91px); margin-bottom: 0px; position: fixed; border-left: 1px solid #d5d5d5;}
.page-sidebar .page-sidebar-menu { margin: 0px; padding: 0px; height: 100%; overflow-y: auto; border-right: 2px solid #e9ebf0; background: #ffffff;}
.page-sidebar .page-sidebar-menu .nav-item { border-top: 1px solid #f9f9f9; border-bottom: 1px solid #f9f9f9; border-left: 5px solid transparent;}
.page-sidebar .page-sidebar-menu .nav-item:first-child { border-top: 0px; }
.page-sidebar .page-sidebar-menu .nav-item:last-child { border-bottom: 0px;}
.page-sidebar .page-sidebar-menu .nav-item .nav-link { margin: 0px; border: none !important; padding: 12px 8px 12px 12px; display: flex; align-items: center; line-height: normal; border-radius: 0px !important; text-decoration: none;}
.page-sidebar .page-sidebar-menu .nav-item .nav-link .icon-moon { font-size: 18px; margin: 0 10px 0 0; top: 0px; color: #545a6d;}
.page-sidebar .page-sidebar-menu .nav-item .nav-link .title { font-size: 13px; color: #545a6d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; flex: 1;}
.page-sidebar .page-sidebar-menu .nav-item .nav-link .arrow:before { margin: 0px;}

.page-sidebar .page-sidebar-menu .nav-item:hover,
.page-sidebar .page-sidebar-menu .nav-item.active { border-left: 5px solid #7b52a1;}
.page-sidebar .page-sidebar-menu .nav-item:hover .nav-link .icon-moon,
.page-sidebar .page-sidebar-menu .nav-item.active .nav-link .icon-moon { color: #7b52a1; }
.page-sidebar .page-sidebar-menu .nav-item:hover .nav-link .title,
.page-sidebar .page-sidebar-menu .nav-item.active .nav-link .title { color: #7b52a1; }
/*.page-sidebar .mCSB_inside > .mCSB_container { margin-right: 16px; }*/

/*Sub menu css*/
.page-sidebar .page-sidebar-menu .nav-item.sub-menu-main .sub-menu { margin: 0px;}
.page-sidebar .page-sidebar-menu .nav-item.sub-menu-main .sub-menu .nav-item,
.page-sidebar .page-sidebar-menu .nav-item.sub-menu-main .sub-menu .nav-item:hover,
.page-sidebar .page-sidebar-menu .nav-item.sub-menu-main .sub-menu .nav-item.active { border-left: 0px; }
.page-sidebar .page-sidebar-menu .nav-item.sub-menu-main.open { border-left: 5px solid #7b52a1;}
.page-sidebar .page-sidebar-menu .nav-item.sub-menu-main .sub-menu .nav-link { padding-left: 22px; }
/*Sub menu css*/

.page-sidebar .custom-toggle { position: absolute; right: -14px; top: 8px; font-size: 12px; color: #ffffff; z-index: 9; cursor: pointer; width: 28px; height: 28px; background: #7b52a1; border-radius: 50% !important; border: 3px solid #eff2f7; display: flex; align-items: center; padding-left: 6px;}
.mini-sidebar .page-sidebar .custom-toggle { padding-left: 8px; }
.page-sidebar .custom-toggle .fa-chevron-right, .mini-sidebar .page-sidebar .custom-toggle .fa-chevron-left { display: none;}
.mini-sidebar .page-sidebar .custom-toggle .fa-chevron-right { display: block;}

.page-content-container.mini-sidebar .page-sidebar { width: 70px; }
.mini-sidebar .page-sidebar .page-sidebar-menu .nav-item .nav-link { padding: 15px; text-align: center;}
.mini-sidebar .page-data-container { margin-left: 70px; }
.mini-sidebar .sub-menu-main .arrow { display: none; }

.table-scrollable { margin: 0px !important; border: none; height: calc(100vh - 239px); overflow: auto; border-bottom: 1px solid #e0e6fb;}
table.dataTable.no-footer { border-bottom: 2px solid #e0e6fb; }

.pagination_new .page-link {
    background: transparent;
    border: none;
    padding: 6px 11px;
    font-size: 12px;
    color: #68418d;
    margin: 0px;
    border-radius: 4px !important;
    width: 30px;
    height: 30px;
    text-align: center;
    background-color: #fff;
    border-color: #fff;
}
.pagination_new .page-link:hover {
    background-color: #68418d;
    color:#fff;
}
.pagination_new .page-item.active .page-link{
    background-color: #68418d !important;
    color:#fff !important;
}
.pagination_new .page-link.disabled,
.pagination_new .page-link.disabled:hover {
    background: transparent;
    color: #68418d;
    cursor: no-drop;
}

.pagination_new .page-item:first-child .page-link{
    font-size: 0;
}
.pagination_new .page-item:last-child .page-link{
    font-size: 0;
}
.pagination_new .page-item:first-child .page-link:before{
    font-family: 'Font Awesome 5 Pro';
    font-size: 12px;
    font-weight: 900;
content: "\f104";
}
.pagination_new .page-item:last-child .page-link:before{
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
    content: "\f105";
    font-size: 12px;
}

.pagination { margin: 0px; padding: 10px 0; display: flex; align-items: center; justify-content: space-between; width: 100%;}
.dataTables_length { padding: 0px 10px 0 10px; }
.dataTables_length label { font-size: 12px; margin: 0px;}
.dataTables_length select { border: 1px solid #cdd3df; border-radius: 4px !important; padding: 5px; font-size: 12px; margin: 0 5px; background: transparent;}
.dataTables_paginate { padding: 0px 10px 0 10px;}
.dataTables_paginate .paginate_button { background: transparent; border: none; padding: 6px 11px; font-size: 12px; color: #7b52a1; margin: 0px; border-radius: 4px !important; width: 30px; height: 30px; text-align: center;}
.dataTables_paginate .paginate_button:hover, .dataTables_paginate .paginate_button.current { background: #7b52a1; color: #ffffff;}
.dataTables_paginate .paginate_button.disabled, .dataTables_paginate .paginate_button.disabled:hover { background: transparent; color: #7b52a1; cursor: no-drop;}
/*.dataTables_info { display: inline-block; padding-left: 10px; padding-bottom: 10px; font-size: 12px;}
.paging_simple_numbers { display: flex !important; align-items: center; padding-right: 10px; padding-bottom: 10px;}
.paging_simple_numbers .paginate_button { border-radius: 50% !important; width: 30px; height: 30px; line-height: 20px; background: #f8f9fc; text-align: center;}
.paging_simple_numbers .paginate_button.previous { font-size: 0; margin: 0 10px 0 0;}
.paging_simple_numbers .paginate_button.previous:after { content: "\e909"; font-size: 10px; color: #6a6a6a; font-family: 'pms' !important;}
.paging_simple_numbers .paginate_button.next { font-size: 0; margin: 0 0 0 10px;}
.paging_simple_numbers .paginate_button.next:after { content: "\e90c"; font-size: 10px; color: #6a6a6a; font-family: 'pms' !important;}
.paging_simple_numbers span { background: #f8f9fc; border-radius: 15px !important; display: inherit;}
.paging_simple_numbers span .paginate_button { background: transparent; color: #313131; font-size: 12px; margin: 0px;}
.paging_simple_numbers span .paginate_button:hover, .paging_simple_numbers span .paginate_button.current { background: #68418d; color: #fff; font-weight: 700;}*/

.page-caption { display: flex; align-items: center; justify-content: flex-end;}
.page-caption .page-search { width: 320px; height: 36px; background: #ffffff; display: flex; align-items: center; position: relative; border-radius: 4px !important;}
.page-caption .page-search .btn-search { position: absolute; top: 0px; left: 0px; border: none; box-shadow: none; background: transparent; height: 36px; border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; padding: 0 9px; display: flex; align-items: center; outline: none;}
.page-caption .page-search .clear-data { cursor: pointer; position: absolute; right: 10px; font-size: 12px; color: #adb5bd;}
.page-caption .page-search .icon-search { font-size: 14px; color: #cacbcd;}
.page-caption .page-search .form-control { border: none; background: #ffffff; padding: 0 33px 0 35px; font-size: 14px; color: #989898; height: 36px; border-radius: 4px !important;}
.page-top-btn { display: flex; align-items: center;}
.page-top-btn .btn { margin-left: 10px; }
.page-content .portlet.light > .portlet-title { margin-bottom: 15px; padding-bottom: 0px; border: none; min-height: inherit;}
.portlet.light .portlet-body { padding-top: 0px; }

.table.custom-table { margin-bottom: 0; border-bottom: 0px !important;}
.table.custom-table.mm-total-table { margin-bottom: 10px; }
.custom-table>tbody>tr>td, .custom-table>thead>tr>th { border-top: 1px solid #eaecf1; /*padding: 8px 10px;*/}
.custom-table>tfoot>tr>td { border-top: 1px solid #eaecf1; padding: 8px;}
.custom-table>thead>tr>th { font-size: 12px; color: #333333; background-color: #ffffff !important;}
.custom-table>thead>tr>th:last-child { text-align: center; }
.custom-table>tbody>tr>td { font-size: 12px;}
.custom-table-new>tbody>tr>td, .custom-table-new>thead>tr>th { border-top: 1px solid #eaecf1; padding: 8px 10px;}
.custom-table-new>thead>tr>th { font-size: 12px; color: #333333; background-color: #ffffff !important;}
.custom-table-new>tbody>tr>td { font-size: 12px;}
.custom-table .btn-group.btn-action .action { background: #f7f9fc; border-radius: 4px !important; font-size: 14px; color: #313131; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; margin-right: 10px !important; text-decoration: none;}
.dataTables_empty { text-align: center; }
.contet-area-title { background: #f8f9fc; font-size: 14px; font-weight: 600; color: #313131; padding: 13px 8px; border: 1px solid #e9ebf0; margin-bottom: -1px;}
.add-edit-form { padding: 15px; }
.admin-form-label { font-size: 12px; color: #333333; margin-bottom: 5px; display: block;}
/*.admin-custom-select { min-height: 30px; height: 30px; background: #fff; font-size: 12px; color: #545a6d; border: 1px solid #cdd3df; border-radius: 4px !important; box-shadow: none !important;}*/



.admin-custom-select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/triangle-down.png) no-repeat; background-position: center right 10px; background-size: 8px; padding-right: 20px !important; font-weight: normal;}
.admin-custom-select:focus { box-shadow: none !important;}
/*.admin-form-control { min-height: 30px; height: 30px; background: #fff; font-size: 12px; color: #545a6d; border: 1px solid #cdd3df; border-radius: 4px !important;}*/
.admin-form-control.form-control[disabled], .admin-form-control.form-control[readonly] { background: #dddddd;}
.submit-cancel-btn-group { display: flex; align-items: center; justify-content: flex-end;}
.submit-cancel-btn-group .btn { margin-left: 10px; }

.project-sub-type-width { /*width: calc(50% - 100px);*/}


.plus-minus .pm-a.plus { color: #27c47a;}
/*.plus-minus .pm-a.minus { color: #ff3636;}*/
/*.project-type .add-project {
    font-size: 12px; font-weight: 600; color: #7b52a1; text-decoration: none;}*/

/*.mCSB_scrollTools_vertical.mCSB_scrollTools { z-index: 9999; }*/
.mCSB_inside > .mCSB_container { margin-right: 20px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; border-radius: 8px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar { background: #999999 !important; opacity: 1;}
.mCSB_scrollTools .mCSB_draggerRail { width: 1px; }

.spn-dd-period { width: calc(33.33% - 16px);}
/*.sub-project-master-screen .plus-minus { margin-top: 0px; }*/
/*.sub-project-master-screen .sub-pn-dd-period-first .plus-minus { margin-top: 22px; }*/
/*.sub-project-master-screen .spm-4column { width: calc(25% - 12px); } before */
.sub-project-master-screen .spm-4column { width: calc(20% - 12px); }

.filter-overlay { background: rgba(0,0,0,0.5); position: fixed; top: 0px; right: -100%; width: 100%; height: 100%; z-index: 9999;}
.filter-overlay.filter-active { right: 0px;}
.filter-area { width: 600px; height: 100%; position: absolute; top: 0px; right: -100%; background: #FFF; display: flex; flex-direction: column; transition: 0.5s all;}
.filter-active .filter-area { right: 0px; }
.filter-area .main_loader { position: absolute;}
.filter-area .main_loader .loader { font-size: 18px; }
.filter-area .filter-title { background: #68418d; color: #fff; font-size: 18px; font-weight: 700; padding: 19px; flex: none;}
.filter-area .filter-content { padding: 20px; flex: 1; overflow-y: auto; position: relative;}
.filter-btns { display: flex; align-items: center; justify-content: flex-end; border-top: 2px solid #e9ebf0; padding: 10px 20px;}
.filter-btns .btn { margin-left: 10px; }

.checkbox-row { display: flex; align-items: center;}
.checkbox-row .custom-radio+.custom-radio { margin-left: 20px; }
.multiselect.dropdown-toggle { width: 100%; text-align: left; min-height: 38px; background: #f8f9fc !important; font-size: 13px; color: #77828c !important; border: 1px solid #f2f4f8 !important; border-radius: 4px !important;}
.multiselect.dropdown-toggle .caret { float: right; margin-top: 8px;}
.multiselect-container.dropdown-menu { width: 100%; box-shadow: 0 6px 12px rgba(0,0,0,.175); padding: 0 20px;}
.multiselect-container.dropdown-menu li a { background: #fff; padding: 10px 20px;}
.multiselect-container.dropdown-menu li a .checkbox { margin: 0px; font-size: 14px;}
.admin-form-control.datepicker-icon { background: url(../images/calendar-icon.png) no-repeat; background-position: center right 10px; background-size: 16px; padding-right: 36px;}
.datepicker.datepicker-dropdown .datepicker-days table tr th, .datepicker.datepicker-dropdown .datepicker-days table tr td { text-align: center; }
.datepicker .day.active { color: #fff; }

.plan-complete-overlay { background: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 9999; display: none;}
.plan-complete-overlay.plan-popup-active { display: block;}
.plan-complete-popup { width: 600px; height: 100%; position: absolute; top: 0px; right: -100%; background: #FFF; display: flex; flex-direction: column;}
.plan-popup-active .plan-complete-popup { right: 0px; }
.plan-complete-popup .plan-complete-title { display: flex; align-items: center; justify-content: space-between; background: #f8f9fc; padding: 19px; flex: none;}
.plan-complete-popup .plan-complete-title h3 { flex: 1; padding-right: 10px; font-size: 18px; font-weight: 700; color: #313131; margin: 0px;}
.plan-complete-popup .plan-complete-title .btn-close { padding: 0px; background: transparent; color: #000000; border: none; box-shadow: none;}
.plan-complete-popup .plan-complete-content { padding: 20px; flex: 1; overflow-y: auto;}

.swal-modal .swal-icon { border-radius: 50% !important; border-color: #68418d !important;}
.swal-modal .swal-icon--warning__body, .swal-modal .swal-icon--warning__dot { background: #68418d; }
.swal-modal .swal-title { font-size: 24px; color: #000;}
.swal-modal .swal-text { font-size: 14px; color: #000;}
.swal-footer .swal-button--cancel { min-width: 104px; height: 36px; background: #ffffff !important; font-size: 14px; font-weight: 600; color: #989898; padding: 8px 10px 10px 10px; border: 1px solid #cdd3df !important; border-radius: 4px !important; line-height: normal !important;}
.swal-footer .swal-button--confirm { min-width: 104px; height: 36px; background: #68418d !important; font-size: 14px; font-weight: 600; color: #fff; padding: 8px 10px 10px 10px; border-radius: 4px !important; line-height: normal !important; border-color: #68418d !important;}

.select2-container.select2-container--default .select2-selection--multiple { min-height: 30px; background: #f8f9fc; font-size: 13px; color: #77828c; border: 1px solid #f2f4f8; border-radius: 4px !important;}
.select2-container.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #93a1bb; }
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice { padding-right: 20px; position: relative; color: #313131; background: #ebeff3 !important;}
.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 3px; position: absolute; right: 0px; font-size: 18px; top: -2px; line-height: normal; color: #000;}

/*Auth css*/
.auth-screen { display: flex; min-height: 100vh;}
.auth-screen .auth-area-left { width: 48%; margin: 10px; padding: 0 88px; display: flex; align-items: flex-start; flex-direction: column; justify-content: center; border-radius: 16px;
	background-image: -moz-linear-gradient( 0deg, rgb(104,65,141) 0%, rgb(164,122,204) 100%);
  	background-image: -webkit-linear-gradient( 0deg, rgb(104,65,141) 0%, rgb(164,122,204) 100%);
  	background-image: -ms-linear-gradient( 0deg, rgb(104,65,141) 0%, rgb(164,122,204) 100%);
}
.auth-area-left .auth-welcome { margin: 35px 0 20px 0; padding-bottom: 24px; font-size: 24px; font-weight: 700; text-transform: uppercase; color: #fff; position: relative;}
.auth-area-left .auth-welcome span { font-size: 27px; display: block;}
.auth-area-left .auth-welcome:after { content: ""; position: absolute; bottom: 0px; left: 0px; width: 150px; height: 5px; background: #fff;}
.auth-area-left .auth-disc { font-size: 16px; color: #fff; margin: 0px;}
.auth-screen .auth-area-right { width: 52%; display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(../images/login-right-bg.png) no-repeat; background-position: center right; background-size: cover;}
.sign-in-title { font-size: 32px; font-weight: 700; color: #8756b3; text-transform: uppercase; position: relative; padding-bottom: 15px;}
.sign-in-title:after { content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: #8756b3;}
.auth-area-right .login-form { max-width: 100%; width: 400px; margin: 0 auto; margin-top: 65px;}
.auth-filed-area .auth-filed { margin-bottom: 25px; }
.auth-filed-area .auth-filed .form-control { border: none; border-bottom: 3px solid #eeeeee; border-radius: 0px; background: transparent; height: 40px; box-shadow: none; font-size: 16px; color: #000; padding: 8px;}
.auth-filed-area .auth-filed .form-control:focus { border-color: #8458ad; }
.auth-area-right .auth-btn { margin-top: 40px; }
.auth-area-right .forgot-password { text-align: center; margin-top: 40px;}
.auth-area-right .forgot-password a { font-size: 16px; color: #000; text-decoration: none;}

/*.charge-out-screen .co-add-edit-table .admin-form-control { background: #fff; width: 100px; height: 30px; min-height: 30px; color: #313131;}
.charge-out-screen .co-add-edit-table .admin-custom-select { background: #fff; width: 100px; height: 30px; min-height: 30px; color: #313131;}*/

.ppd-add-edit-table { border: 1px solid #e0e6fb; border-radius: 4px !important; margin-top: 15px;}
.ppd-add-edit-table thead>tr>th, .ppd-add-edit-table tbody>tr>td { white-space: normal; vertical-align: top;}
.ppd-add-edit-table tbody>tr>td { text-align: center; }
.ppd-planning-add-edit .ppd-add-edit-table .admin-form-control { background: #fff url(../images/calendar-icon.png) no-repeat; background-position: center right 10px; background-size: 16px; width: 120px; height: 30px; min-height: 30px; color: #313131;}
.ppd-planning-add-edit .ppd-add-edit-table .admin-custom-select { width: 130px; height: 30px; min-height: 30px; color: #313131; padding: 4px 12px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 6px;}
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { margin: 8px 0; height: 2px;}
.mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0px; }

/*New header css*/
.menu-overlay { display: none; background: rgba(0,0,0,0.5); position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: -1;}
.main-header {
	background: #68418d;
	min-height: 50px;
	margin-bottom: 0px;
	border: none;
	border-bottom: 1px solid #8161a0;
}
.new-header-row {
	min-height: 50px;
	display: flex;
	align-items: center;
}
.main-logo {
	margin: 0px;
	min-height: 30px;
	display: flex;
	align-items: center;
    flex: 1;
}
.main-logo a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}
.new-header-row .navbar {
	margin-bottom: 0px;
	min-height: inherit;
	background: transparent;
	border: none;
	border-radius: 0px;
	display: flex;
	align-items: center;
}
.new-header-row .navbar-nav {
	display: flex;
	align-items: center;
}
.new-header-row .navbar-nav>li {
	margin-left: 34px;
}
.new-header-row .navbar-nav>li.user img {
	width: 30px;
	height: 30px;
	border-radius: 50% !important;
	margin-right: 5px;
	border: 1px solid #ffffff;
}
.new-header-row .navbar-nav>li.user span {
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
.new-header-row .navbar-nav>li>a {
	padding: 0px;
	font-size: 14px;
	font-weight: 300;
	color: #fff;
}
.new-header-row .navbar-nav>li>a:focus, .new-header-row .navbar-nav>li>a:hover {
	color: #fff;
}
.new-header-row .navbar-nav>.active>a, .new-header-row .navbar-nav>.active>a:focus, .new-header-row .navbar-nav>.active>a:hover {
	background: transparent;
	color: #fff;
}
.second-header .new-header-row {
    justify-content: space-between;
}
.second-header, .second-header .new-header-row {
	min-height: 40px;
	border: 0px;
}
.main-header.second-header {
    min-height: 40px;
}
.second-header .new-header-row .navbar-nav>li {
	margin: 0 34px 0 0;
}
.header-date-time span {
	font-size: 16px;
	color: #fff;
	font-weight: 300;
}
.page-content-area {
	padding-top: 91px;
	/*height: calc(100vh - 38px);*/
}
.page-content-container {
	/*border: 1px solid #d5d5d5;*/
	margin: 0 0 0 0;
	width: 100%;
	/*height: calc(100% - 40px);*/
	display: inline-block;
}
.page-data-container {
	margin-left: 240px;
	padding: 15px;
	background: #eff2f7;
    min-height: calc(100vh - 91px);
	/*height: 100%;*/
	/*overflow-y: auto;*/
}
.page-data-container .portlet {
	border-radius: 4px !important;
	margin-bottom: 0px;
	padding: 0px;
}
.page-footer {
	padding: 10px 10px 10px 240px;
	height: auto;
}
.page-footer .page-footer-inner {
	margin-bottom: 0px;
	width: 100%;
	text-align: center;
    font-size: 12px;
}
.add-edit-screen {
	background: #fff;
	border-radius: 4px !important;
    /*height: calc(100vh - 112px);*/
    /*display: flex;
    flex-direction: column;*/
}
/*.add-edit-screen .profile-content {
    flex: 1;
    overflow: hidden;
    overflow-y: auto;
}*/
.form-group-border {
	border-bottom: 1px dashed #e0e6fb;
	padding-bottom: 20px;
	/*min-height: 76px;*/
}
.action-dropdown {
	height: 20px;
    display: flex;
    justify-content: center;
}
.action-dropdown .dropdown-toggle {
	width: 20px;
	height: 20px;
	background: transparent url(../images/action-bg.png) no-repeat center;
	background-size: 4px;
	margin-right: 0px;
	padding: 0px;
    border: none;
}
.action-dropdown.open .dropdown-toggle {
	width: 20px;
	height: 20px;
	background: transparent url(../images/action-horizontal-bg.png) no-repeat center;
	background-size: 20px;
	transform: rotate(180deg);
}
.action-dropdown .dropdown-menu {
	right: 0px;
	left: auto;
	min-width: inherit;
	padding: 0px;
	margin: 0px;
	border-radius: 4px !important;
	box-shadow: none;
    min-width: 100%;
}
.action-dropdown .dropdown-menu:before, .action-dropdown .dropdown-menu:after {
	display: none !important;
}
.action-dropdown .dropdown-menu > li {
	border-bottom: 2px solid #f4f4f4;
}
.action-dropdown .dropdown-menu > li:last-child {
	border-bottom: none;
}
.action-dropdown .dropdown-menu > li > a {
	padding: 8px;
	margin: 0px !important;
	font-size: 12px;
	font-weight: 600;
}
.action-dropdown .dropdown-menu > li > a .icon-moon {
	margin-right: 8px;
}
.custom-table>tbody>tr:last-child td .action-dropdown .dropdown-menu {
    /*bottom: 100%;
    top: auto;*/
}

.mm-create-edit-table {
	border: 1px solid #e0e6fb;
	border-radius: 4px !important;
	margin-top: 15px;
}
.mm-create-edit-table>thead>tr>th {
	vertical-align: top;
    font-size: 12px;
    color: #333333;
    background-color: #ffffff !important;
    padding: 8px 10px;
}
.mm-create-edit-table>tbody>tr>td {
	vertical-align: top; /*for validation do not change*/
}
.mm-create-edit-table .drag-drop-icon img {
    height: 20px;
}
.mm-create-edit-table .w-177 {
	width: 177px;
}
.mm-create-edit-table .w-83 {
	width: 83px;
}
.mm-create-edit-table .w-85 {
    width: 85px;
}
.mm-create-edit-table .w-95 {
    width: 95px;
}
.mm-create-edit-table td .form-control {
	/*height: 30px;*/
	background: transparent;
	border: 1px solid #e0e6fb;
}
.mm-create-edit-table td .form-control.admin-custom-select {
    border-radius: 0px !important;
}
.form-control.percentage-input::-webkit-outer-spin-button,
.form-control.percentage-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.form-control.percentage-input {
    -moz-appearance: textfield;
    background: transparent url(../images/percentage-icon.png) no-repeat center right 5px !important;
    background-size: 11px !important;
    padding-right: 25px;
}
.form-control.percentage-input[readonly] {
    background: #dddddd url(../images/percentage-icon.png) no-repeat center right 5px !important;
    background-size: 11px !important;
}
.mm-create-edit-table .btn.btn-purple-small {
	/*height: 30px;*/

}
.mm-create-edit-table .btn.btn-delete-milestone {
	margin-left: 5px;
	border-radius: 4px !important;
	width: 30px;
	height: 30px;
	background: transparent;
	color: #989898;
	font-size: 16px;
	border: 1px solid #eeeeee;
	display: flex;
	align-items: center;
	justify-content: center;
}
.mm-total-table {
	margin-top: 0px;
	border: none;
}
.mm-total-table.custom-table>tbody>tr>td {
	border: none;
	padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
}
.mm-create-edit-table .add-milestone {
	font-size: 12px;
	font-weight: 600;
	color: #7b52a1;
	text-decoration: none;
}
.create-popup .filter-area {
	width: 70%;
}
.create-popup .page-top-btn {
	justify-content: flex-end;
}
.create-popup .page-top-btn .btn {
	margin: 0 0 0 10px;
}
.create-popup .btn.btn-purple-small {
	height: auto;
}
.create-popup-content {
	margin-top: 20px;
	border: 1px solid #e0e6fb;
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
}
.create-popup-content .table {
	margin-bottom: 0px;
}
.create-popup-content .table>thead>tr>th {
	border-bottom: 1px solid #e0e6fb;
}
.create-popup-content .mm-create-action {
	font-size: 12px;
	color: #989898;
	margin-right: 25px;
	vertical-align: middle;
	text-decoration: none;
    display: flex;
    align-items: center;
}
.create-popup-content .mm-create-action .icon-moon {
	margin-right: 10px;
    font-size: 12px;
}
.btn-create-popup-action {
	align-items: center;
}
.create-popup .btn-create-popup-action .btn-light-gray,
.create-popup .btn-create-popup-action .btn-purple-small {
	height: 30px;
	margin-right: 10px;
}
.create-popup-content .admin-form-control,
.create-popup-content .admin-custom-select {
	border-radius: 0px !important;
}
.create-popup-content .dropdown .dropdown-toggle {
	width: 100%;
	text-align: left;
	background: transparent;
	border: 1px solid #cdd3df;
	padding: 4px 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 12px;
	color: #495057;
	height: 30px;
}
.create-popup-content .dropdown .dropdown-backdrop {
    display: none;
}
.create-popup-content .dropdown .dropdown-menu {
    margin-top: 0;
    min-width: 100%;
    box-shadow: none;
    padding: 0px;
}
.create-popup-content .dropdown .dropdown-menu li {
	padding: 6px 10px;
	border-bottom: 1px solid #cdd3df;
}
.create-popup-content .dropdown .dropdown-menu li:hover a {
	background: transparent;
}
.create-popup-content .dropdown .dropdown-menu li.action-li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.create-popup-content .dropdown .dropdown-menu li a {
	padding: 0px;
	border-bottom: 0px;
	font-size: 12px;
	color: #495057;
}
.create-popup-content .dropdown .dropdown-menu li a:hover,
.create-popup-content .dropdown .dropdown-menu li a:focus {
	background: transparent;
	color: #495057;
}
.create-popup-content .dropdown > .dropdown-menu:before,
.create-popup-content .dropdown > .dropdown-menu:after {
	display: none !important;
}
.create-popup-content .dropdown .dropdown-menu.second-level-ul {
	position: absolute;
	top: 0px;
	left: 0px;
	height: auto;
	background: #ffffff;
}
.create-popup-content .dropdown .dropdown-menu.second-level-ul.open {
	display: block;
}
.create-popup-content .dropdown .dropdown-menu.second-level-ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.create-popup-content .dropdown .dropdown-menu.second-level-ul li i {
    font-size: 12px;
    color: #989898;
}
.create-popup-content .dropdown .dropdown-menu.second-level-ul li i:hover {
    cursor: pointer;
}
.create-popup-content .dropdown .dropdown-menu li a.add-more,
.create-popup-content .dropdown .dropdown-menu li a.back-from-option {
	font-size: 12px;
	font-weight: 500;
	color: #68418d;
}
.create-popup-content .table .cp-action-btn {
    font-size: 14px;
    color: #989898;
    margin-left: 15px;
}
.create-popup-content .table .cp-action-btn .icon-close-new {
    font-size: 12px;
}
.create-popup-content .table .cp-action-btn:first-child {
    margin-left: 0px;
}
.create-popup-content .character-td .form-control.admin-custom-select {
    display: inline-block;
    width: 100px;
    margin: 0 5px;
}
.create-popup-content .character-td label {
    margin: 0px;
}
.create-popup-content .table .character-control {
    /*padding-right: 45px;*/
}
.create-popup-content .table .character-input.single {
    width: 105px;
    display: inline-block;
    margin-top: 0px;
    position: relative;
}
.create-popup-content .table .character-input-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.create-popup-content .table .character-input-group .character-input {
    position: relative;
    margin-top: 5px;
    width: 48%;
    display: inline-block;
}
.create-popup-content .character-input .cp-char-action {
    position: absolute;
    top: 6px;
    right: 0px;
}
.create-popup-content .character-input .cp-char-action a {
    font-size: 12px;
    color: #989898;
    margin-right: 5px;
}
.create-popup-content .character-input .cp-char-action a .icon-close-new {
    font-size: 10px;
}
.switch-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 0px;
}
.switch-row label {
    margin-bottom: 0px;
}
.custom-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 36px;
}
.custom-switch input {
    position: absolute;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    left: 0px;
    top: 0px;
    opacity: 0;
}
.custom-switch input + label {
    position: relative;
    height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    margin-bottom: 0px;
    min-width: 36px;
}
.custom-switch input + label::before,
.custom-switch input + label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
}
.custom-switch input + label::before {
    width: 36px;
    right: 0;
    background-color: #ffffff;
    border-radius: 15px;
    transition: 0.2s all;
    border: 1px solid #cdd3df;
}
.custom-switch input + label::after {
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #8d65b4;
    transition: 0.2s all;
}
.custom-switch input:checked + label::after {
    margin-left: 16px;
    left: 3px;
}
.custom-switch input:focus + label::before {
    outline: none;
    box-shadow: none;
}
.add-edit-form.pb-55 {
    padding-bottom: 55px;
}
.sl-td-center thead tr th:nth-last-child(2),
.sl-td-center tbody tr td:nth-last-child(2) {
    text-align: center;
}
.page-caption.mr-200px {
    margin-right: 200px;
}
.percentage-contingent-fees .admin-form-control {
    background: #ffffff url(../images/percentage-icon.png) no-repeat;
    background-position: center right 10px;
    background-size: 11px;
    padding-right: 30px;
}
.budgeted-percentage {
    background: #ffffff url(../images/percentage-icon.png) no-repeat !important;
    background-position: center right 10px !important;
    background-size: 11px !important;
    padding-right: 30px;
}
.ep-two-milestone {
    margin-bottom: 0px;
}
.ep-two-milestone .ep-two-milestone-thead {
    display: flex;
    border-bottom: 1px solid #e0e6fb;
}
.ep-two-milestone .d-flex {
    display: flex;
}
.ep-two-milestone .d-flex span {
    width: 103px;
    padding: 10px;
    font-size: 12px;
    color: #333333;
    text-transform: capitalize;
}
.ep-two-milestone .d-flex span .error {
    text-transform: initial;
    font-size: 14px;
}
.ep-two-milestone .d-flex .m-name-span {
    width: 197px;
}
.ep-two-milestone .d-flex .w-115 {
    width: 115px;
}
.ep-two-milestone-tr {
    display: flex;
    border-bottom: 1px solid #e0e6fb;
}
.ep-two-milestone-tr .d-flex {
    padding: 10px;
}
.ep-two-milestone-tr .d-block {
    padding: 10px;
}
.ep-two-milestone-tr .d-block.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.ep-two-milestone-tr .form-control {
    height: 30px;
    border: 1px solid #e0e6fb;
    border-radius: 0px !important;
    padding: 4px 12px;
}
.ep-two-milestone-tr .em-two-filed {
    display: flex;
    position: relative;
}
.ep-two-milestone-tr .em-two-filed + .em-two-filed {
    margin-top: 10px;
}
.ep-two-milestone-tr .em-two-filed .form-control {
    margin: 0 10px;
}
.ep-two-milestone .add-milestone {
    padding: 15px 10px 0 10px;
    display: inline-block;
}
.ep-two-milestone .add-milestone.filed {
    padding-top: 10px;
}
.mm-create-edit-table.mb-15px {
    margin-bottom: 15px;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom: 0px;
}
.dataTables_wrapper .dataTables_processing {
    /*margin-left: 0px;*/
    z-index: 9999;
}
.ep-two-milestone-tr .em-two-filed label.error {
    position: absolute;
    bottom: -24px;
    left: 10px;
}

/*===== MOBILE VIEW  TABLE FILTER BUTTONS =====*/
.table-filter-mobile { text-align: right; padding: 10px;}
.table-filter-mobile-inner { display: inline-flex; list-style-type: none; padding: 0px; margin: 0px;}
.table-filter-mobile-inner > li { border: 1px solid #eee; margin-right: -1px; }
.table-filter-mobile-inner > li a.filter-link { width: 32px; height: 32px; display: flex; justify-content: center; align-items: center; color: #7d7d7d; font-size: 14px;}
.table-filter-mobile-inner .dropdown-menu.dropdown-menu-right { right: 0px; left: auto; margin-top: 0px; box-shadow: none; min-width: inherit; z-index: 99999;}
.table-filter-mobile-inner .dropdown-menu.dropdown-menu-right:before, .table-filter-mobile-inner .dropdown-menu.dropdown-menu-right:after { display: none !important;}

/*===== MOBILE VIEW : ZOOM IN/ZOOM OUT =====*/
body.zoomin { overflow: hidden; }
body.zoomin:before { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; }
body.zoomin .page-data-container { margin: 0px; min-height: inherit; padding: 0px; position: fixed; top: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 30px); border-radius: 4px !important; overflow: hidden; z-index: 99999; background: #fff;}
body.zoomin .page-data-container .table-scrollable { overflow-y: auto; height: calc(100vh - 148px);}
body.zoomin.column-card-box { overflow: visible; }
body.zoomin i.fa-expand:before { content: "\f066";}
.zoomin-out-box { font-size: 14px; height: 34px;}

/*===== MOBILE VIEW : CARAD VIEW =====*/
.mycus-class2 { display: none; }
body.column-card-box .custom-table tr { display: grid; padding: 5px 0; border: 1px solid #eff2f7;}
body.column-card-box .custom-table thead { display: none; }
body.column-card-box .table.custom-table > tbody { }
body.column-card-box .table.custom-table > tbody > tr > td { border: none; display: flex; padding: 4px 10px !important; align-items: center; white-space: normal;}
body.column-card-box .mycus-class2 { min-width: 150px; max-width: 150px; font-weight: 500; color: #333; display: block;}
body.column-card-box.zoomin .table-responsive { max-height: calc(100vh - 140px); }
body.column-card-box .recently-asin-table.table.custom-table > tbody > tr > td { position: relative; height: auto; right: 0; justify-content: flex-start; text-align: left;}

/*===== Engagement Plotting =====*/
.engagement-plotting-form { display: flex; padding: 0px;}
.engagement-plotting-form .e-plotting-list { width: 20%; min-height: 50px; max-height: calc(100vh - 180px); display: flex; flex-direction: column;}
.engagement-plotting-form .e-plotting-list .ep-list-title { margin: 0px; font-size: 18px; font-weight: 500; color: #545a6d; border-bottom: 1px solid #cdd3df; padding: 15px;}
.engagement-plotting-form .e-plotting-calendar { flex: 1; border-left: 1px solid #cdd3df; border-right: 1px solid #cdd3df;}
.engagement-plotting-form .e-plotting-list .ep-project-name { padding: 5px 10px 5px 15px; color: #7b52a1; font-size: 14px; font-weight: 700; border-bottom: 1px solid #cdd3df; cursor: pointer; position: relative; display: flex; align-items: flex-start;}
.engagement-plotting-form .e-plotting-list .ep-project-name span { flex: 1; padding-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.engagement-plotting-form .e-plotting-list .ep-project-name:after { content: "\e904"; font-family: 'pms'; float: right; font-size: 5px; position: relative; top: 6px; }
.engagement-plotting-form .e-plotting-list .ep-project-name[aria-expanded="true"]:after { transform: rotate(180deg); }

.e-plotting-calendar.fc .fc-toolbar.fc-header-toolbar { padding: 10px; margin: 0px; border-bottom: 1px solid #cdd3df; height: 50px;}
.e-plotting-calendar.fc-media-screen .fc-button-group .fc-button { background: #7b52a1; border: none; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.e-plotting-calendar.fc-media-screen .fc-button-group .fc-button:focus, .e-plotting-calendar.fc-media-screen .fc-button-group .fc-button:active { background: #7b52a1; box-shadow: none !important;}
.e-plotting-calendar.fc-media-screen .fc-button-group .fc-prev-button { border-top-left-radius: 4px !important; border-bottom-left-radius: 4px !important;}
.e-plotting-calendar.fc-media-screen .fc-button-group .fc-next-button { border-top-right-radius: 4px !important; border-bottom-right-radius: 4px !important; margin-left: 1px !important;}
.e-plotting-calendar.fc .fc-button .fc-icon { font-size: 16px;}
.e-plotting-calendar.fc .fc-today-button { background: #7b52a1; border-radius: 4px !important; margin-left: 10px !important; border: none; height: 30px; min-width: 76px; padding: 0px; text-transform: capitalize; font-size: 14px; box-shadow: none !important;}
.e-plotting-calendar.fc .fc-today-button:hover, .e-plotting-calendar.fc .fc-today-button:active { background: #7b52a1 !important;}
.e-plotting-calendar.fc .fc-today-button:disabled, .e-plotting-calendar.fc .fc-today-button:disabled:hover { background: #dddddd !important; color: #000;}
.e-plotting-calendar.fc .fc-toolbar-title { font-size: 18px; color: #545a6d; font-weight: 600;}
.e-plotting-calendar.fc .fc-col-header-cell-cushion { font-size: 12px; color: #545a6d; font-weight: normal; padding: 5px 4px; text-decoration: none;}
.e-plotting-calendar.fc .fc-daygrid-day-number { font-size: 12px; color: #545a6d; font-weight: normal; padding: 10px; text-decoration: none;}
.e-plotting-calendar .fc-h-event { background: #7b52a1; border: none; height: 20px; margin: 4px 0 0 0 !important; border-radius: 3px !important; padding: 0 10px;}
.e-plotting-calendar.fc .fc-daygrid-day.fc-day-today { background: rgba(123,81,161,0.15);}
.e-plotting-calendar.fc .fc-scrollgrid-liquid { border-top: 0px; border-left: 0px;}
.e-plotting-calendar.fc .fc-scrollgrid-liquid td, .e-plotting-calendar.fc .fc-scrollgrid-liquid th { border-right: 0px; }

.engagement-plotting-form .resource { padding: 0px; margin: 0px; list-style-type: none; flex: 1;overflow: auto;}
.engagement-plotting-form .resource li { display: flex; flex-direction: column; padding: 6px 15px 6px 15px; border-bottom: 1px solid #edeff4;}
.engagement-plotting-form .resource li:last-child { border-bottom: 0px; }
.engagement-plotting-form .resource li label { margin: 0 0 1px 0; font-size: 14px; color: #545a6d;}
.engagement-plotting-form .resource li span { line-height: 1.3; margin: 0px; font-size: 12px; color: #989898;}

.engagement-plotting-form .e-plotting-list .panel-default { border: none; border-bottom: 1px solid #f9f9f9;}
.engagement-plotting-form .panel-group .panel+.panel { margin-top: 0px; }
.engagement-plotting-form .panel-default>.panel-heading { background: transparent; border: none; font-size: 14px; color: #545a6d; padding: 11px 10px 11px 15px;}
.engagement-plotting-form .e-plotting-list .panel-heading a { position: relative; font-size: 12px; color: #545a6d; font-weight: 600; display: block;}
.engagement-plotting-form .e-plotting-list .panel-heading a:after { content: "\e904"; font-family: 'pms'; float: right; font-size: 5px; color: #545a6d; position: relative; top: 6px;}
.engagement-plotting-form .e-plotting-list .panel-body { padding: 0px; border: none !important; background: #fafbfc;}
.engagement-plotting-form .e-plotting-list .panel-body ul { padding: 0px; margin: 0px; list-style-type: none;}
.engagement-plotting-form .e-plotting-list .panel-body ul li { border-top: 1px solid #e6e6e6; padding: 12px 15px; line-height: 1;}
.engagement-plotting-form .e-plotting-list .panel-body ul li a { color: #989898; font-size: 12px; text-decoration: none;}
.engagement-plotting-form .e-plotting-list .panel-default:first-child .panel-heading a:after { transform: rotate(180deg);}
.engagement-plotting-form .e-plotting-list .panel-default:first-child .panel-heading a.collapsed:after { transform: inherit;}
.engagement-plotting-form .e-plotting-list .panel-default .panel-heading a[aria-expanded="true"]:after { transform: rotate(180deg); }

.modal-project-name { font-size: 14px; font-weight: 700; color: #7b52a1; margin-bottom: 10px; border-bottom: 1px solid #7b52a1; padding-bottom: 5px; max-width: 215px; line-height: 1;}
.e-plotting-list .plotting-project { overflow-y: auto; height: 100%;}
.engagement-plotting-form .resource .panel-group { margin-bottom: 0px;}

.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-purple { color: #7b52a1;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-blue { color: #0000FF;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-blueviolet { color: #8A2BE2;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-brown { color: #A52A2A;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-burlywood { color: #DEB887;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-cadetblue { color: #5F9EA0;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-chocolate { color: #D2691E;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-flowerblue { color: #6495ED;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-crimson { color: #DC143C;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-darkblue { color: #00008B;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-darkgolden { color: #B8860B;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-darkkhaki { color: #BDB76B;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-darkorange { color: #FF8C00;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-darkorchid { color: #9932CC;}
.engagement-plotting-form .e-plotting-list .ep-project-name.ep-pn-forestgreen { color: #228B22;}

/*===== Common Modal =====*/
.modal .modal-content { box-shadow: none; border: none; border-radius: 4px !important;}
.modal-content .modal-header { border-bottom: 1px solid #a0a0a0; padding: 15px 20px;}
.modal-content .modal-title { font-size: 18px; font-weight: 700; color: #000000; line-height: 1;}
.modal-content .modal-body { padding: 15px 20px;}
.modal-content .modal-footer { display: flex; justify-content: flex-end; border-top: 1px solid #a0a0a0; padding: 15px 20px;}

/*===== Engagement Plotting Milestone Modal =====*/
.ep-milestone-modal .modal-dialog { margin-top: 150px;}
.ep-milestone-modal .ep-m-modal-filed { margin-bottom: 30px;}
.ep-milestone-modal .ep-m-modal-filed.mb-15 { margin-bottom: 15px; }
.ep-milestone-modal .ep-m-modal-filed span { color: #969fae; font-size: 14px; line-height: 1;}
.ep-milestone-modal .ep-m-modal-filed span.required { color: red; font-size: 14px; line-height: 1;}
.ep-event-modal.ep-milestone-modal .modal-dialog { margin-top: 0px; }
.eplo-select-date-list { /*max-height: 380px; overflow: hidden; overflow-y: auto;*/}
.ep-event-modal .disable-date { opacity: 0.6; pointer-events: none;}
.ep-event-modal .modal-content { display: flex; flex-direction: column; max-height: calc(100vh - 30px);}
.ep-event-modal .modal-content .modal-body { flex: 1; overflow-y: auto;}

/*===== Engagement Plotting Hover Modal =====*/
.hover-popup { position: relative; }
.hover-modal-content { display: block; min-width: 215px; position: fixed; top: 422px; left: 680px; z-index: 9; background: #ffffff; border-radius: 4px !important; box-shadow: 0px 3px 2.91px 0.09px rgba(4, 5, 5, 0.1);}
.hover-popup:hover .hover-modal-content { display: block; }
.hover-modal-content .hover-modal-header { display: flex; justify-content: flex-end; align-items: center; padding: 10px 20px; border-bottom: 1px solid #f5f5f5;}
.hover-modal-content .hover-modal-header a { font-size: 16px; color: #5f6368; margin-left: 25px;}
.hover-modal-content .hover-modal-body { padding: 15px; }
.hover-modal-content .hover-modal-body h3 { margin: 0px; font-size: 16px; color: #545a6d;}
.hover-modal-content .hover-modal-body ul { margin: 0px; padding: 0px; list-style: none;}
.hover-modal-content .hover-modal-body ul li { margin-top: 20px; display: flex; flex-direction: column;}
.hover-modal-content .hover-modal-body ul li span { font-size: 12px; color: #989898; text-transform: uppercase;}
.hover-modal-content .hover-modal-body ul li label { font-size: 14px; color: #545a6d; margin-bottom: 0px;}
.hover-modal-content:after { right: 100%; top: 5px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #ffffff; border-width: 6px;}
.hover-modal-content.bottom-arrow:after { top: auto; bottom: 5px;}

/*===== Engagement Plotting Add Modal =====*/
.eplotting-add-modal .modal-dialog { margin-top: 0px; }
.rm-add-edit-form .multiselect-native-select .btn-group { display: block; width: 100%;}
.rm-add-edit-form .multiselect-native-select .btn-group .dropdown-menu:empty { display: none; }
.rm-add-edit-form .multiselect-native-select .btn-group .dropdown-menu { max-height: 300px !important; padding: 0px; margin-top: 32px; z-index: 1002; overflow-y: auto;}
.rm-add-edit-form .multiselect-native-select .btn-group .dropdown-menu li a { padding: 5px 0px; white-space: inherit;}
.rm-add-edit-form .multiselect-native-select .btn-group .dropdown-menu li a label { padding: 3px 10px 3px 30px; font-size: 12px;}

.report-multi-select .multiselect-native-select .btn-group .dropdown-menu { max-height: 250px !important; overflow-y: auto;}

/*===== Engagement Appraisal CSS =====*/
.engagement-appraisal-screen { height: auto;}
.appraisal-summary { display: flex; margin-top: 5px;}
.appraisal-summary .summary-section { width: 50%; border: 1px solid #e0e6fb;}
.appraisal-summary .summary-section:first-child { border-right: 0px; }
.appraisal-summary .summary-section:last-child { border-left-color: #cdd3df;}
.summary-section .summary-title { background: #f9f9f9; border-bottom: 1px solid #e0e6fb; padding: 10px; font-size: 14px; color: #333333; font-weight: 600; line-height: 1;}
.summary-section .time-recovery { display: flex; }
.time-recovery .time-recovery-section { width: 50%; border-right: 1px solid #e0e6fb;}
.time-recovery .time-recovery-section:last-child { border-right: 0px; }
.time-recovery .time-recovery-section .tr-title { font-size: 14px; font-weight: normal; color: #333333; padding: 10px; border-bottom: 1px solid #e0e6fb; line-height: 1;}
.time-recovery-section .tr-filed-row { display: flex; padding: 10px 0 20px 0;}
.time-recovery-section .tr-filed-row .tr-filed { width: 50%; padding: 0 10px;}
.time-recovery-section .tr-filed-row .tr-filed label { font-size: 12px; color: #333333; margin: 0 0 8px 0; display: block;}
.time-recovery-section .tr-filed-row .tr-filed label.error { color: red; }
.time-recovery-section .tr-filed-row .tr-filed .admin-form-control { border-radius: 0px !important; padding: 5px 10px 6px 10px;}
.appraisee-detail { margin-top: 18px; border-right: 1px solid #e0e6fb; min-height: 150px; margin-bottom: 50px;}
.appraisee-detail .appraisee-head { display: flex;}
.appraisee-detail .appraisee-head .appraisee-head-th { border: 1px solid #e0e6fb; background: #f9f9f9; padding: 10px; font-size: 12px; color: #333333; border-right: 0px;}
.appraisee-detail .appraisee-head-th.w-13, .appraisee-detail .appraisee-body-td.w-13 { width: 13%; }
.appraisee-detail .appraisee-head-th.w-22, .appraisee-detail .appraisee-body-td.w-22 { width: 22%; }
.appraisee-detail .appraisee-head-th.w-7, .appraisee-detail .appraisee-body-td.w-7 { width: 7%; text-align: center;}
.appraisee-detail .appraisee-body-td.w-22 { flex-direction: column; align-items: flex-start !important;}
.appraisee-detail .appraisee-tr { display: flex; }
.appraisee-detail .appraisee-tr .appraisee-body-td { border: 1px solid #e0e6fb; padding: 10px; font-size: 14px; color: #333333; border-top: 0px; border-right: 0px; display: flex; align-items: center;}
.appraisee-detail .appraisee-tr .appraisee-body-td:last-child .score-content { right: 0px; transform: none; left: auto;}
.appraisee-detail .appraisee-tr .appraisee-body-td:last-child .score-content:after,
.appraisee-detail .appraisee-tr .appraisee-body-td:last-child .score-content:before { right: 10px; left: auto;}
.appraisee-detail .appraisee-tr .appraisee-body-td:first-child { color: #495057; }
.appraisee-detail .appraisee-tr .appraisee-body-td.disabled { color: rgba(51,51,51,0.5);}

.appraisee-body-td .score-main { width: 40px; margin: 0 auto;}
.appraisee-body-td .score-section { position: relative; width: 100%; display: flex; justify-content: center;}
.score-section .score-circle { width: 40px; height: 40px; background: url(../images/progest-gray.png) no-repeat; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; font-size: 12px; color: #333333; cursor: pointer;}
.score-section .score-circle .score-fill { width: 40px; height: 40px; background: transparent; border-radius: 50% !important; display: flex; align-items: center; justify-content: center; font-size: 12px; color: rgba(51,51,51,0.5);}
/*.score-section.score-added .score-fill { color: #333333; background: url(../images/progest3.png) no-repeat;}*/
.score-section .score-content { display: none; min-width: 280px; background: #fff; padding: 16px 0; border: 1px solid #eeeeee; border-radius: 10px !important; position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 6px; z-index: 9;}
.score-section .score-content.open { display: block; }
.score-section .score-content:after, .score-section .score-content:before { bottom: 100%; left: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none;}
.score-section .score-content:after { border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 5px; margin-left: -5px;}
.score-section .score-content:before { border-color: rgba(238, 238, 238, 0); border-bottom-color: #eeeeee; border-width: 6px; margin-left: -6px;}
.score-section .score-content ul { display: flex; align-items: center; justify-content: space-between; list-style-type: none; margin: 0px; padding: 0px;}
.score-section .score-content ul li { width: 20%; position: relative; display: flex; align-items: center; justify-content: center;}
.score-section .score-content ul li span { width: 15px; height: 15px; background: #dadada; border-radius: 4px !important; display: flex; align-items: center; justify-content: center; font-size: 10px; font-weight: 300; color: #333333; line-height: normal; position: relative; z-index: 9; cursor: pointer;}
.score-section .score-content ul li:before { content: ""; position: absolute; right: 0px; width: 50%; height: 5px; background: #eeeeee; bottom: 5px;}
.score-section .score-content ul li:after { content: ""; position: absolute; left: 0px; width: 50%; height: 5px; background: #eeeeee; bottom: 5px;}
.score-section .score-content ul li:first-child:after { content: none; }
.score-section .score-content ul li:last-child:before { content: none; }
.score-section .score-content ul li.active span { background: #7b52a1; color: #ffffff;}
.score-section .score-content ul li.active:before, .score-section .score-content ul li.active:after { background: #7b52a1;}
.score-section .score-content ul li.active.last:before { background: #eeeeee;}

/*===== Timesheet CSS =====*/
.timesheet-table-main { border: 1px solid #e0e6fb; max-height: calc(100vh - 318px); height: auto !important; border-radius: 4px !important;}
.timesheet-table { margin-bottom: 10px !important;}
.timesheet-table tr th { vertical-align: top !important;}
.timesheet-table .admin-form-control { border-radius: 0px !important; padding: inherit;}
.timesheet-table .admin-form-control.w-83 { width: 83px; }
.timesheet-table .timesheet-comment { width: 150px; height: 46px; padding: 4px; line-height: normal; resize: none; -webkit-resize: none;}
.timesheet-table .add-more { font-size: 12px; color: #68418d; text-decoration: none;}
.timesheet-table .admin-custom-select { border-radius: 0px !important;}
.timesheet-table > tbody > tr:hover, .table-hover > tbody > tr.non_editable { background: #f3f4f6 !important; }
.timesheet-table > tbody > tr:hover, .table-hover > tbody > tr.non_editable.temp-color { background: #caa7ee !important; }
.timesheet-table-main .multiselect-native-select .multiselect.dropdown-toggle { width: 200px; }
.timesheet-table-main .multiselect-native-select .timesheet-small-dropdown + .btn-group .multiselect.dropdown-toggle { width: 100%; }

/*===== Appriasal Master CSS =====*/
.add-appriasal-master { margin-top: 5px !important; height: auto; border: 0;}
.add-appriasal-master .table.custom-table-new { border: 1px solid #e0e6fb; }
/*.add-appriasal-master thead tr th { text-transform: uppercase; }*/
.add-appriasal-master .w-177 { width: 177px;}
.add-appriasal-master .admin-custom-select { border-radius: 0px !important; }
.add-appriasal-master .admin-form-control { border-radius: 0px !important; padding: inherit;}
.appriasal-master-list .view-icon { color: #989898; font-size: 16px; }

.rm-add-edit-form .multiselect-native-select .multiselect.dropdown-toggle { display: flex; align-items: center; justify-content: space-between; border: 1px solid #cdd3df !important; min-height: 34px; height: 34px;}
.rm-add-edit-form .multiselect-native-select .multiselect.dropdown-toggle .caret { margin-top: 2px; }
.rm-add-edit-form .multiselect-native-select .multiselect.dropdown-toggle .multiselect-selected-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px;}

.multiselect-customized .multiselect-container.dropdown-menu { z-index: 9999;}
.multiselect-customized .multiselect-native-select .btn-group .dropdown-menu li a { padding: 5px 0px; white-space: inherit;}
.multiselect-customized .multiselect-native-select .btn-group .dropdown-menu li a label { padding: 3px 10px 3px 30px; font-size: 12px;}
.multiselect-customized .multiselect-native-select .multiselect.dropdown-toggle { display: flex; align-items: center; justify-content: space-between; min-height: 34px;}
.multiselect-customized .multiselect-native-select .multiselect.dropdown-toggle .multiselect-selected-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 10px;}

.multiselect-scroll .multiselect-native-select .btn-group .dropdown-menu { max-height: 280px !important;}
.rm-add-edit-form .multiselect-native-select .multiselect.dropdown-toggle .multiselect-selected-text { color: #555; /*text-transform: capitalize;*/}

.ppd-planning-add-edit .multiselect-customized .multiselect-native-select .multiselect.dropdown-toggle { min-width: 120px; }
.ppd-planning-add-edit .multiselect-customized .multiselect-native-select .multiselect.dropdown-toggle .multiselect-selected-text { text-overflow: inherit; }

.filter-dropdown .dropdown-toggle { width: 100%; text-align: left; background: transparent; border: 1px solid #cdd3df; color: #545a6d; border-radius: 4px !important; font-size: 12px; height: 30px; display: flex;}
.filter-dropdown .dropdown-toggle label { overflow: hidden; text-overflow: ellipsis; margin: 0px; flex: 1; padding-right: 5px;}
.filter-dropdown .dropdown-toggle .caret { float: right; position: relative; top: 6px; color: #77828c;}
.filter-dropdown .dropdown-menu:before, .filter-dropdown .dropdown-menu:after { display: none !important;}
.filter-dropdown .dropdown-menu { box-shadow: 0 6px 12px rgb(0 0 0 / 18%); width: 100%; margin: 0px;}
.filter-dropdown .dropdown-menu > li > a { white-space: normal; padding: 6px 12px;}
.filter-dropdown .dropdown-menu > li:hover a { background: transparent; }

.add-currency-btn { display: flex; align-items: flex-end;}
.add-currency-btn .add-currency { margin-left: auto; }
.currency-table { table-layout: inherit !important;}
.exrate-master-table .form-control { width: 200px; }
.em-two-table tbody tr td:last-child { text-align: center; }
.ep-two-list-icon { font-size: 20px; color: #989898 !important;}
.am-view-form .view-filed { display: flex; }
.am-view-form .view-filed .view-name { margin-left: 10px; flex: 1;}
.am-view-form .admin-form-label { font-size: 14px; }
.ep-two-milestone-tr .em-two-filed .validation-msg label.error { position: relative; left: 10px; bottom: -2px; width: 85px;}
.custom-table>tbody>tr>td.currency-td .admin-custom-select { margin: 0 auto;}

/*===== Email Report CSS =====*/
.sedn-email-textarea { height: 100px; width: 100%; resize: none; -webkit-resize: none; border: 1px solid #cdd3df; border-radius: 4px !important; padding: 10px; outline: none;}
.report-list { display: flex; flex-wrap: wrap; margin: 0 -5px; padding: 0px; list-style: none;}
.report-list .report-list-main { padding: 0 5px; flex: 0 0 20%; margin-top: 10px;  transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; }
.report-list .report-list-main a { text-decoration: none; background: #ffffff; box-shadow: 0px 5px 9.5px 0.5px rgba(5, 5, 5, 0.05); border: 1px solid rgb(230, 232, 236); border-radius: 4px !important; padding: 10px; min-height: 92px; display: block;}
.report-list .report-top-row { display: flex; }
.report-list .report-list-main .icon-arrow-right:before { display: none; }
.report-list .report-top-row .report-icon { width: 40px; height: 40px; border-radius: 50% !important; border: 1px solid #f0f3f8; display: flex; align-items: center; justify-content: center; flex: none;}
.report-list .report-top-row .report-icon .icon-moon { font-size: 20px; color: #68418d;}
.report-list .report-title { padding: 10px 0 0 10px; font-size: 14px; color: #333333; flex: 1; line-height: normal;}
.report-list .icon-arrow-right { display: flex; justify-content: flex-end; padding-top: 10px;}
.report-list .icon-arrow-right .icon-moon { font-size: 12px; color: #333333; display: none;}
.report-list .report-list-main:hover .report-top-row .report-icon { background: #7b52a1;}
.report-list .report-list-main:hover .report-top-row .report-icon .icon-moon { color: #ffffff; }
.report-list .report-list-main:hover .report-title { color: #7b52a1; }
.report-list .report-list-main:hover .icon-arrow-right .icon-moon { color: #7b52a1; display: block;}

/*===== Resources Reallocation CSS =====*/
/*.resources-reallocation-add-edit table.table thead tr th { background: #f9f9f9 !important; text-transform: uppercase;}*/
/*Bootstrap select2*/
.select2-container.select2-container--bootstrap { border: 1px solid #cdd3df; padding: 0 4px 4px 0;}
.select2-container.select2-container--bootstrap .select2-selection--multiple { min-height: inherit; outline: none;}
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered { list-style: none; display: flex; flex-wrap: wrap; padding: 0px; margin-bottom: 0px; outline: none; max-height: 62px; overflow-y: auto;}
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered .select2-selection__choice { margin-left: 4px; margin-top: 4px; display: flex; align-items: center; background: #7b52a1 !important; color: #ffffff; border: none !important; border-radius: 2px !important; padding: 4px;}
.select2-container.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove { order: 1; margin-left: 4px; margin-right: 0px;}
.select2-container.select2-container--bootstrap .select2-search--inline .select2-search__field { width: 0px !important; }
.select2-container.select2-container--bootstrap .select2-dropdown { border: 1px solid #cdd3df; border-radius: 0px !important;}
.select2-container.select2-container--bootstrap .select2-results__options { max-height: 250px; overflow-y: auto;}
.select2-container.select2-container--bootstrap .select2-results__options.select2-results__options--nested { max-height: none; overflow: visible;}
.select2-container.select2-container--bootstrap .select2-results__options .select2-results__option { border-bottom: 1px solid #cdd3df;}
.select2-container.select2-container--bootstrap .select2-results__options .select2-results__option:last-child { border-bottom: 0px; }

.add-edit-bd-screen .mCustomScrollBox { height: auto; }

/*===== M4 Changes AR479 11052021 Start =====*/
.go-button { position: relative; top: 22px;}
.inner-custom-table .custom-table>tbody>tr>td, .inner-custom-table .custom-table>thead>tr>th { white-space: nowrap; padding-right: 18px;}
.inner-custom-table { /*height: calc(100vh - 264px);*/ }
.report-inner-table { height: calc(100% - 50px); overflow: auto;}
.inner-custom-table-ab .table th, .inner-custom-table-ab .table td { padding-right: 18px; } /*for sorting*/
.director-row .client-name { margin: 0 10px; }
.director-row .validation-msg { width: 115px; }
.director-row .validation-msg.w-150 { width: 150px; }
.director-row .validation-msg .datepicker-icon.w-130 { width: 130px; }
.ep-two-milestone .d-flex .w-150 { width: 150px; }

.director-row .validation-msg .select2.select2-container.select2-container--default { display: none; }
.director-detail-list .director-row .validation-msg .select2.select2-container.select2-container--default { display: inline-block; }
.director-row .select2-container .select2-selection--single { display: flex; align-items: center; height: 24px;}
.director-row .select2-container .select2-selection--single .select2-selection__clear { margin-right: 3px;}
.director-detail-list .director-row .select2-container .select2-selection--single .select2-selection__clear { margin-left: 3px;}
.director-detail-list .director-row .select2-container .select2-selection--single { height: 30px; }
.director-row .pm-a { display: flex; align-items: center; height: 100%; text-decoration: none;}
/*===== M4 Changes AR479 11052021 End =====*/

/*===== Engagement Plotting Report CSS Start =====*/
.ep-report .table { margin-top: 20px;}
.ep-report .table th, .ep-report .table td { font-size: 12px; border-bottom: 0px;}
.ep-report .ep-report-calendar { padding-bottom: 15px; margin-left: -8px; margin-right: -8px;}
.ep-report .valign-bottom { vertical-align: bottom; }
.ep-report-week-table th { padding: 8px; padding-bottom: 0px;}
.ep-report-week-table-data td { padding: 8px; }
.ep-report table.dataTable.no-footer { border-bottom-width: 1px; }
.ep-report .report-table-height { height: calc(100vh - 303px); overflow: auto; border-top: 1px solid #dee2e6;}
/*===== Engagement Plotting Report CSS End =====*/

/*===== Report CSS Start =====*/
.custom-h-auto { height: auto; }
.ab-report-table .floatThead-wrapper { height: 100%; }
.ab-report-table .report-inner-table { height: 100%; }
.white-space-nowrap-thtd th, .white-space-nowrap-thtd td { white-space: nowrap; }
.multiselect-bg-none .multiselect-native-select .multiselect.dropdown-toggle { background: transparent !important;}
/*===== Report CSS Start =====*/

/*===== Sorting padding =====*/
.sorting-pr-18 th, .sorting-pr-18 td { padding-right: 18px !important;}
.last-th-td-left.custom-table>thead>tr>th:last-child { text-align: left !important;}
.ep-two-form .switch-row { padding-bottom: 15px; }
.bd-remove-list-icon { margin-right: 10px; display: flex; align-items: center; height: 30px;}
.exception-report .table tr td:nth-child(4) { white-space: nowrap;}
.inner-custom-table .custom-table.white-space-normal>tbody>tr>td, .inner-custom-table .custom-table.white-space-normal>thead>tr>th { white-space: normal;}
body .datepicker.dropdown-menu { z-index: 1001;}

.ep-two-milestone .d-flex span.w-big { width: 160px; }
.mm-create-edit-table .w-140 { width: 140px; }

/*Milestone 5*/
.rm-add-edit-form .timesheet-table-main .multiselect-native-select .btn-group .dropdown-menu li a label { white-space: normal; }
.value-workdone-table .vw-table-head th { border: 2px solid #e7ecf1;}
/*.value-workdone-table { white-space: nowrap; }*/

/*===== Ep Two Report CSS Start =====*/
.ep-two-view-report-table>thead>tr>th { font-size: 12px; color: #333333; padding: 8px;}
.ep-two-view-report-table>tbody>tr>td { font-size: 12px; padding: 8px;}
/*===== Ep Two Report CSS End =====*/

/*Milestone 5*/
/*===== Report Filter =====*/
.report-filter-body { display: none; position: absolute; top: 0px; left: 0px; width: 100%; z-index: 9998; background: #fff;}
.report-filter-body.rf-open { display: block; }
.default-rf-open .report-filter-body { display: block; position: relative;}
.default-rf-open .table-scrollable { height: calc(100vh - 412px);}
.report-filter-body .rm-add-edit-form .form-group { position: relative; }
.report-filter-body .rm-add-edit-form .multiselect-native-select { position: unset; }
.report-filter-body .rm-add-edit-form .form-group label.error { position: absolute; left: 10px; width: 100%; bottom: -24px; }
/*===== Report Filter =====*/

.milestone-table-width thead tr th { min-width: 150px; }
.email-to-field .error { /*position: absolute;*/ top: 38px; min-width: 200px;}
.back-to-dash, .back-to-dash:hover { color: #fff !important; font-size: 14px; font-weight: 600; display: flex; align-items: center; text-decoration: none !important;}
.back-to-dash .icon-moon { margin-right: 5px; transform: rotate(180deg);}

/*===== Business Development Master Create Table =====*/
.bdm-table .client-list-dropdown { padding: 0 10px 10px 10px;}
.bdm-table .client-list-input { padding: 0 10px 10px 10px;}
.bdm-table .client-list-select { padding: 0 10px 10px 10px; width: 115px;}

.ep-two-milestone .client-list-dropdown .multiselect-native-select { padding: 0px; }
.client-list-dropdown .multiselect-native-select .btn-group { display: block; width: 100%;}
.client-list-dropdown .multiselect-native-select .btn-group .dropdown-menu:empty { display: none; }
.client-list-dropdown .multiselect-native-select .btn-group .dropdown-menu { max-height: 300px !important; padding: 0px; margin-top: 32px; z-index: 1002; overflow-y: auto;}
.client-list-dropdown .multiselect-native-select .btn-group .dropdown-menu li a { padding: 5px 0px; white-space: inherit;}
.client-list-dropdown .multiselect-native-select .btn-group .dropdown-menu li a label { padding: 3px 10px 3px 30px; font-size: 12px;}
.client-list-dropdown .multiselect-native-select .multiselect.dropdown-toggle { display: flex; align-items: center; justify-content: space-between; border: 1px solid #cdd3df !important; min-height: 34px; height: 34px;}
.client-list-dropdown .multiselect-native-select .multiselect.dropdown-toggle .caret { margin-top: 2px; }
.client-list-dropdown .multiselect-native-select .multiselect.dropdown-toggle .multiselect-selected-text { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0px; padding-right: 10px;}
.bdm-table.ep-two-milestone .d-flex .w-115 { min-height: 54px; }
.bdm-table.ep-two-milestone .m-name-span.dropdown-bigsize { width: 157px; }
.bdm-table-data.director-row .dropdown-bigsize { width: 157px; }
.bdm-table .client-list-input .admin-form-control.w-130 { width: 130px; }
/*===== Business Development Master Create Table =====*/
.select2-selection__arrow:after{
    content: "";
    appearance: none;
    background: url(../images/triangle-down.png) no-repeat;
    /* background-position: center right 10px; */
    background-size: 8px;
    padding-right: 20px !important;
    font-weight: normal;
    position: absolute;
    top: 13px;
    z-index: 2;
    width: 10px;
    height: 10px;
    right: 0;
}
li.select2-results__option {
    max-height: 120px;
    overflow: auto;
}


.titleButtons {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #cdd3df;
}

.titleButtons .ep-list-title {
    border-bottom: 0px !important;
}

.titleButtons .e-plotting-calendar {
flex: 0 0 61px;
max-width: 61px;
}


.searchFilter {
    padding: 15px;
    }

    .searchFilter .form-group {
    position: relative
    }

    .searchFilter .form-group .form-control {
    padding-left: 40px;
    font-size: 14px;
    }

    .searchFilter .form-group .searchIco{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    pointer-events: none;
    opacity: 0.5;
    }

    .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span,
    .pagination>.active>span:focus, .pagination>.active>span:hover{
        z-index: 3;
    color: #fff;
    background-color: #7b52a1;
    border-color: #7b52a1;
    cursor: default;
    }
    .pagination>li>a, .pagination>li>span {
        position: relative;
        float: left;
        padding: 6px 12px;
        line-height: 1.42857;
        text-decoration: none;
        color: #7b52a1;
        background-color: #fff;
        border: 1px solid #ddd;
        margin-left: -1px;
    }
    .add-edit-form .e-plotting-list .pagination {
        background: #ffffff;
        padding: 1px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
    div#pagination-links{
        margin-top: 10px;
    }
    li.page-item{
        width:11%;
    }