/* Reset CSS */

* {
	margin: 0;
	padding: 0;
}
body{position: relative;}
.bg_overlay::before{width: 100%; height: 100vh; background-color: rgb(0 0 0 / 36%); content: ''; position: absolute; top: 0; left: 0; z-index: 9; transition: .5s ease;}
a, a:hover {
    color: var(--primary);
	text-decoration: none;
}
button{cursor: pointer !important;}
button, button:focus, input, input:focus {
	outline: none;
    box-shadow: none;
}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 0;
}

p {
    margin-bottom: 0;
}

img {
    max-width: 100%;
}

/* Common CSS */

:root {
  --primary: #00C4A1;
  --font-primary: #212121;
  --font-secondary: #777;
  --font-error: #C40024;
  --border-color: #dedede;
  --bg-card: #fff;
  --bg-body: #fafafa;
  --bg-grey: #f2f2f2;
  --border-radius: 24px;
  --input-border-radius:4px;
}

/*:root {
  --primary: #00C4A1;
  --font-primary: #fff;
  --font-secondary: #A0A0A0;
  --font-error: #E36970;
  --border-color: #353535;
  --bg-card: #2A2A2A;
  --bg-body: #121212;
  --bg-grey: #1E1E1E;
  --border-radius: 18px;
}*/

.container-fluid {
    padding-right: 16px;
    padding-left: 16px;

    display: block;
    overflow: scroll;
    height: calc(100vh - 50px);
}

.row {
  /*display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);*/
  --bs-gutter-x: 16px;
  --bs-gutter-y: 0;
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2); 
}
  
.row > * {
    /*flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    margin-top: var(--bs-gutter-y);*/
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
}

.form-group {
    margin-bottom: 16px;
}

label {
    margin-bottom: 8px;
    font-size: 14px;
    color: #797979;
}

select.form-control:not([size]):not([multiple]) {
    height: 36px;
}

.table thead {
    box-shadow: 0px 1px 1px rgb(0 0 0 / 16%);
    color: var(--font-primary);
}

.table thead tr {
    background-color: var(--bg-card) !important;
    
}

.table thead th {
    border-bottom: 1px solid var(--border-color) !important;
    border-top: 0px !important;
}
.table thead th img{cursor: pointer;}
.table th, .table td {
    border-color: transparent;
    font-size: 14px;
}

.table td {
    color: var(--font-secondary);
}

.table tbody tr:nth-of-type(odd) {
    background-color: var(--bg-card) !important;
}

.table tbody tr:nth-of-type(even) {
    background-color: var(--bg-body);
}

.content-body .container-fluid, .common-form-body .container-fluid {
    padding-top: 16px;
    padding-bottom: 16px;
}

.card {
    margin-bottom: 24px;
    border: 0px !important;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 8%);
    background-color: var(--bg-card) !important;
}

.text-link {
    color: var(--primary);
    font-weight: 500;
} 

.form-control {
    border-radius: var(--input-border-radius);
    background-color: var(--bg-card);
    border-color: var(--border-color);
    height: 36px;
    padding: 8px 16px;
    font-size: 14px;
    color: var(--font-primary);
}

.form-control:focus {
    color: var(--font-primary);
    background-color: var(--bg-card);
    border-color: var(--border-color);
    outline: 0;
    box-shadow: none;
}

.form-control:disabled, .form-control[readonly] {
    background-color: var(--bg-grey);
}

.breadcrumb .breadcrumb-item, .breadcrumb .breadcrumb-item a {
    font-size: 16px;
}

.breadcrumb .breadcrumb-item a {
    color: var(--primary);
    text-decoration: underline;
}

.breadcrumb-item.active {
    color: var(--font-primary);
}

.common-btn, .common-btn:hover {
    padding: 4px 16px;
    color: var(--bg-card);
    background-color: var(--primary);
    font-size: 16px;
    font-weight: 500;
    border-radius: 4px;
    text-align: center;
    border-color: transparent;
    cursor: pointer;
}

.common-btn-bdr, .common-btn-bdr:hover {
    color: var(--primary);
    background-color: transparent;
    border-color: var(--primary);
}
.common-btn i{vertical-align: middle; margin-right: 8px;}
.grey_bt{min-width: 116px; padding: 8px 8px; border-radius: 4px; color: #fff; outline: 0px; border: 0px; font-size: 14px; font-weight: 500; line-height: 19px; height: 36px; background-color: rgb(121 121 121 / 64%);}
.outline_bt{min-width: 116px; padding: 8px 8px; border-radius: 4px; color: #00C4A1; outline: 0px; border: 1px solid #00C4A1; font-size: 14px; font-weight: 500; line-height: 19px; height: 36px; background-color: transparent;}
.error-msg {
    font-size: 14px;
    color: var(--font-error);
}

.bg-overlay {
    width: 100%;
    height: 100%;
    background-color: rgb(33 33 33 / 30%);
    position: fixed;
    z-index: 1;
    display: none;
}

.bg-overlay.show {
    display: flex;
}

/* Main CSS */

body {
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
    background-color: var(--bg-body);
    color: var(--font-primary);
}

.header, .common-form-header {
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 56px;
    padding: 0 16px;
    display: flex;
    justify-content: space-between;
    background-color: var(--bg-card);
    box-shadow: 0px 1px 6px rgb(0 0 0 / 10%);
}

.header-left {
    display: flex;
    align-items: center;
    height: 100%;
}
.home-link{padding: 10px 16px; font-size: 24px; color: #797979; background-color: #FAFAFA;}
.home-link span{vertical-align: middle;}
.home-dashboard .header{padding: 0px 16px 0px 0px;}

.hamburger-menu {
    margin-right: 8px;
    border: 0;
    padding: 0;
    background-color: transparent;
    display: none;
    color: var(--font-secondary);
}

.hamburger-menu:hover {
    color: var(--font-secondary);
}

.logo, .common-form-action {
    display: flex;
    align-items: center;
    height: 100%;
}

.logo img {
    margin-right: 8px;
}

.logoTitle {
    font-size: 16px;
    color: var(--primary);
}

.logoTitle span {
    font-weight: 300;
    color: var(--font-primary);
}

.header-right {
	display: flex;
    align-items: center;
    height: 100%;
}

.header-nav {
	display: flex;
    margin-bottom: 0px !important;
}

.header-nav li {
	margin-left: 8px;
}

.header-nav li a {
	padding: 4px;
	display: flex;
	position: relative;
}

.header-nav li a i {
	color: var(--font-secondary);
}

.header-nav li.header-profile a {
    border: 2px solid var(--primary);
    border-radius: 50%;
    padding: 2px;
    background-color: #fff;
}

.header-nav li.header-profile a i {
    color: var(--font-secondary);
}

.header-notification .notification-badge {
    width: 12px;
    height: 12px;
    border: 2px solid var(--bg-card);
    background-color: #C40024;
    border-radius: 50%;
    position: absolute;
    right: 3px;
}

.header-nav li.header-language > a {
    width: 72px;
    height: 32px;
    border: 2px solid var(--font-secondary);
    border-radius: var(--border-radius);
    color: var(--font-secondary);
    padding-left: 16px;
    display: flex;
    align-items: center;
}

.header-nav li.header-language a i {
    margin-left: 8px;
}

.header-nav li.header-theme .header-theme-item {
    width: 72px;
    height: 32px;
    padding: 2px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid var(--primary);
    border-radius: var(--border-radius);
    color: var(--font-secondary);
    position: relative;
    margin-bottom: 0;
    cursor: pointer;
}

.header-nav li.header-theme .header-theme-item a {
    padding: 0;
    border-radius: 50%;
}

.header-nav li.header-theme .header-theme-item a.active {
    background-color: var(--primary);
}

.header-nav li.header-theme .header-theme-item a.active i {
    color: var(--bg-card);
}

.header-nav li.header-theme .header-theme-item i {
    position: relative;
    z-index: 1;
    color: var(--font-secondary);
}

.header-nav li.header-theme .header-theme-item i:first-child {
    color: var(--primary);
}

.header-nav li.header-theme .theme-ic-clr .header-theme-item i:first-child {
    color: var(--font-secondary);
}

.header-nav li.header-theme .theme-ic-clr .header-theme-item i:last-child {
    color: var(--primary);
}
.body-header{width: 100%; display: flex; align-items: center; justify-content: space-between; background-color: #FAFAFA; box-shadow: 0px 2px 4px rgb(0 0 0 / 5%); padding: 0px 20px;z-index: 2;}
.body-header .dropDown-section {width: 50%; display: flex; align-items: center;}
.body-header .dropDown-section .dropdown{margin-right: 31px;}
.body-header .dropDown-section .dropdown-toggle{background-color: transparent;border: 0px; padding: 12px 0px;}
.body-header .dropDown-section .dropdown-toggle::after{background: url(../keyboard_arrow_down.png) no-repeat;height: 16px; width: 16px; border: 0px; position: absolute; top: 50%; margin-top: -8px;}
.body-header .action-buttons {width: 50%;}
.body-header .action-buttons ul{width: 100%; display: flex; align-items: center; justify-content: flex-end; margin: 0px;}
.body-header .action-buttons ul li{ padding: 10px 8px;}
.body-header .action-buttons ul li a{color: #212121;}
.body-header .action-buttons ul li span{vertical-align: middle;}
.body-header .action-buttons ul li.active{background-color: #00C4A1;}
.body-header .action-buttons ul li.active a{color: #fff;}
.file_dropdown .dropdown-menu{min-width: 340px;}
.dropDown-section .dropdown-menu{border: 1px solid #DDDDDD; background-color: #fff; border-radius: 4px; position: relative;}
.dropDown-section .dropdown-menu::before{width: 13px; height: 13px; background: url(../arrow-up_dropdown.svg) no-repeat; position: absolute; content: ''; top: -7px; left: 12px;}
.dropdown_list{width: 100%; margin: 0; padding: 12px 12px;}
.dropdown_list li{width: 100%; display: flex; align-items: center; margin-bottom: 16px; cursor: pointer;}
.dropdown_list li:last-child{ margin-bottom: 0px;}
.dropdown_list li img{margin-right: 16px;}
.dropdown_list li p{font-size: 12px; font-weight: 500; line-height: 16px; color: #212121;}
.dropdown_list li p span{font-size: 11px; font-weight: 400; line-height: 16px; color: #797979;}
.theme-checkbox-list input[type="checkbox"] {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    position: absolute;
}

.theme-checkbox-list input[type="checkbox"] + label:before, .theme-checkbox-list input[type="checkbox"]:checked + label:after {  
    content: '';
    position: absolute;
    background-color: rgb(0 196 161 / 20%);
    border: 1px solid rgb(0 196 161 / 30%);
    width: 24px;
    height: 24px;
    border-radius: 50%;
}

.theme-checkbox-list input[type="checkbox"] + label:before {  
    left: 2px;
}

.theme-checkbox-list input[type="checkbox"]:checked + label:after {  
    right: 2px;
}

.theme-checkbox-list input[type="checkbox"]:checked + label:before {  
    background-color: transparent;
    border-color: transparent;
}

.side-nav, .user-side-nav {
    position: fixed;
    z-index: 1;
    top: 56px;
    width: 64px;
    height: calc(100vh - 56px);
    background-color: var(--bg-card);
    box-shadow: 1px 0px 6px rgb(0 0 0 / 10%);
    transition: all .3s ease;
    overflow: hidden;
}

/*.side-nav-menu li:first-child {
    border-bottom: 1px solid var(--border-color);
}*/

.side-nav-menu li a {
    display: flex;
    align-items: center;
    color: var(--font-secondary);
    border-left: 4px solid transparent;
    font-size: 14px;
}

.side-nav:hover .side-nav-menu li a span {
    opacity: 1;
    transition: all 1.4s ease;
}

.side-nav:hover {
    width: 260px;
    transition: all .3s ease;
    overflow: visible;
}

.side-nav-menu li a:hover, .side-nav-menu li.active a {
    color: #00c4a1 !important;
    border-color: var(--primary);
}

.side-nav-menu li a i {
    padding: 20px 18px;
}

.side-nav-menu li a span {
    opacity: 0;
    margin-right: 40px;
}

.content-body {
    padding-top: 56px;
    margin-left: 64px;
}
.home-dashboard .content-body{margin-left: 0px;}

.welcome-card-row > [class*="col-"] {
    margin-bottom: 24px;
}

.welcome-card {
    height: 100%;
    margin-bottom: 0;
}

.welcome-card .card-title {
    font-size: 20px;
    margin-bottom: 12px;
    color: var(--font-primary);
}

.welcome-card .card-title span {
    color: var(--primary);
}

.welcome-card .card-subtitle {
    font-size: 16px;
    color: var(--font-primary);
    font-weight: 400;
    margin-bottom: 24px;
}

.welcome-card .card-text {
    font-size: 14px;
    color: var(--font-secondary);
    margin-bottom: 24px;
}

.welcome-card .card-link {
    color: var(--primary);
    font-weight: 500;
} 

.common-table-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
    position: relative;
}

.common-table-header h2 {
    font-size: 16px;
    color: var(--font-primary);
    font-weight: 400;
}

.common-table-control {
    display: flex;
    align-items: center;
}

.common-table-control li {
    margin-left: 8px;
}

.common-table-control li a {
    display: flex;
    align-items: center;
    padding: 6px;
    background-color: var(--bg-card);
    color: var(--font-primary);
    border-radius: 50%;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 10%);

}

.common-table-control li.create-btn a {
    padding: 6px 16px;
    background-color: var(--primary);
    color: var(--bg-card);
    border-radius: var(--border-radius);
}

.common-table-control li.create-btn a i {
    margin-right: 4px;
}

.common-table-search {
    width: 320px;
    position: relative;
    display: flex;
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 4px;
    align-items: center;
    overflow: hidden;


} 
.common-table-search .search-bt{ background: transparent;border: 0px; outline: 0px;  padding: 6px;}
.common-table-search input{ width: 100%; background: transparent;border: 0px; font-size: 14px; font-weight: 400; color: #BCBCBC;}
.common-table-search .filter-bt{background: #FAFAFA; height: 100%;  border: 0px; border-left: 1px solid #DDDDDD; padding: 0px 6px;color: #212121;}
.common-table-search .filter-bt i{ padding: 6px; color: #212121;}
.common-table-search i {
    color: #bcbcbc;
    vertical-align: middle;   
   
}
.common-table-control .bt-group{width: auto; display: flex; background: #fff;border: 1px solid #DDDDDD;padding: 3px 4px; border-radius: 4px;margin-left: 12px;}
.common-table-control .bt-group button{width: 28px; height: 28px; display: flex; padding: 2px; background-color: transparent; border: 0px; color: #212121; border-radius: 4px; margin-right: 8px; cursor: pointer;}
.common-table-control .bt-group button.active{ color: #fff; background: #00c4a1;}
.common-table-control .bt-group button:last-child{margin-right: 0px;}
.common-table-search .form-control, .common-table-select .form-control {
    padding-left: 36px;
    border-color: transparent;
    box-shadow: 0px 0px 4px rgb(0 0 0 / 10%);
}

.common-table-list-view .text-link {
    font-weight: 400;
    text-decoration: underline;
}

.common-table-grid-view {
    display: flex;
}

.common-table-grid-view li {
    margin-right: 16px;
    width: 24%;
}
.common-table-grid-view li:last-child{margin-right: 0px;}
.common-table-grid-view li .card-body {
    border-top: 1px solid var(--border-color);
}

.file-name-sec {
    display: flex;
    align-items: center;
}

.file-name-sec i {
    padding: 4px;
    background-color: var(--primary);
    color: var(--bg-card);
    border-radius: 4px;
}

.file-name-desc {
    margin-left: 8px;
}

.file-name-desc h3 {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    color: var(--font-primary);
}

.file-name-desc p {
    font-size: 12px;
    color: var(--font-secondary);
}

.card-img-item {
    height: 180px;
    overflow: hidden;
   
} 

.page-titles .breadcrumb {
    padding: 0;
    background-color: transparent;
    margin-bottom: 24px;
}

.stats-card {
    height: 160px;
}

.stats-card .card-body {
    position: relative;
}

.stats-card .card-text {
    font-size: 14px;
    color: var(--font-primary);
    margin-bottom: 4px;
}

.stats-card .card-title {
    font-size: 32px;
    margin-bottom: 0;
    color: var(--font-primary);
}

.stats-card-graph {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 70%;
    overflow: hidden;
}

.stats-card-graph-item {
    width: 100%;
    position: relative;
}

.stats-card-graph-item.item01 {
    height: 140px;
    right: -62px;
    bottom: -22px;
}

.stats-card-graph-item.item02 {
    height: 200px;
    right: -50px;
    bottom: -50px;
}

.stats-card-graph-item.item03 {
    height: 160px;
    right: -6px;
    bottom: -14px;
}

.stats-card-graph-item.item04 {
    height: 160px;
    right: -26px;
    bottom: -14px;
}

.common-form-sec {
    position: fixed;
    width: 100%;
    z-index: 3;
}

.common-form-action, .common-form-action:hover, .common-form-close, .common-form-close:hover {
    color: var(--font-primary);
    display: flex;
}

.common-form-action span {
    margin-left: 16px;
}

.common-form-body {
    position: relative;
    top: 56px;
    width: 100%;
    height: calc(100vh - 116px);
    overflow-y: auto;
    background-color: var(--bg-card);
}

.common-form-item {
    margin-bottom: 24px;
}

.common-form-item h2 {
    font-size: 14px;
    margin-bottom: 16px;
    position: relative;
    display: inline-flex;
    padding: 0 8px;
    color: var(--font-primary);
}

.common-form-item h2:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: var(--primary);
}

.common-form-footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 16px;
    background-color: var(--bg-card);
    box-shadow: 0px -1px 6px rgb(0 0 0 / 10%);
}

.create-form-sec .common-form-body {
    height: calc(100vh - 56px);
}   

.create-form-sec .summary-sec {
    padding: 16px;
    margin: -16px 0;
    height: calc(100vh - 56px);
    background-color: var(--bg-grey);
}

.create-form-sec .common-btn {
    width: 100%;
    margin-top: 8px;
    margin-bottom: 16px;
}  

.create-form-sec .common-form-item {
    margin-bottom: 0;
}

.process-img-output {
    padding: 0 16px;
}

.summary-sec h2 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 16px;
    display: flex;
    padding: 0;
}

.summary-sec h2:after {
    display: none;
}

.summary-list li {
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}

.summary-list li i {
    color: var(--primary);
}

.summary-list li span {
    color: var(--font-secondary);
    font-size: 14px;
    margin-left: 8px;
}

.common-form-item .input-group-append .btn {
    height: 36px;
    display: flex;
    align-items: center;
    color: #212121;
    border-color: var(--border-color);
    border-radius: 0 var(--border-radius) var(--border-radius) 0;
    padding: 6px 16px 6px 12px;
    background-color: var(--bg-card);
}

.content-body.user-body {
    margin-left: 260px;
}

.user-side-nav {
    width: 260px;
    background-color: var(--bg-grey);
    box-shadow: none;
}

.user-side-nav-item {
    padding: 16px;
    border-bottom: 1px solid var(--border-color);
}

.user-side-nav-item:last-child {
    border-color: transparent;
}

.user-side-nav-item h2 {
    font-size: 16px;
    color: var(--font-primary);
    margin-bottom: 12px;
    font-weight: 400;
}

.user-side-nav-item .common-table-search, .user-side-nav-item .common-table-select {
    width: 100%;
    margin-bottom: 12px;
    position: relative;
}

.user-side-nav-item .text-link {
    margin-top: 8px;
    display: inline-flex;
}

.user-side-nav-menu li {
    margin-bottom: 12px;
}

.user-side-nav-menu li a {
    display: flex;
    align-items: center;
}

.user-side-nav-menu li a i {
    font-size: 16px;
    color: var(--primary);
}

.user-side-nav-menu li a span {
    font-size: 14px;
    color: var(--font-secondary);
    margin-left: 8px;
}

.common-table-select > i {
    position: absolute;
    right: 12px;
    top: 6px;
    pointer-events: none;
}

.common-table-select .form-control {
    padding-left: 16px;
    appearance: none;
}

.common-form-footer .common-btn-bdr {
    margin-left: 16px;
}

.form-builder-sec .form-wrap.form-builder .stage-wrap.empty, .form-builder-sec .form-wrap.form-builder .stage-wrap {
    border: 2px dashed var(--border-color);
    padding: 16px 0;
    width: calc(72% - 5px);
    background-color: var(--bg-card);
}

.form-builder-sec .form-wrap.form-builder .frmb-control li {
    box-shadow: inset 0 0 0 1px var(--border-color);
    color: var(--font-primary);
    background: var(--bg-card);
}

.form-builder-sec .form-wrap.form-builder .frmb-control li:hover {
    background: var(--bg-grey);
}

.form-builder-sec .form-wrap.form-builder .frmb li.form-field {
    padding: 4px 16px;
    margin-bottom: 4px;
    background-color: var(--bg-card);
}

.form-builder-sec .form-wrap.form-builder .form-actions {
    display: none;
}

.form-builder-sec .form-wrap.form-builder .frmb .field-label, .form-builder-sec .form-wrap.form-builder .frmb .legend {
    color: var(--font-secondary);
}

.form-builder-sec .form-wrap.form-builder .form-control {
    background-color: var(--bg-card);
}

.form-builder-sec .form-wrap.form-builder .btn {
    background-color: var(--primary);
}

.form-builder-sec .form-wrap.form-builder .frmb .field-actions .btn {
    border-color: var(--border-color);
    background-color: var(--bg-card);
    color: var(--font-secondary);
}

.form-builder-sec .form-wrap.form-builder .frmb .prev-holder select, .form-builder-sec .form-wrap.form-builder .frmb .prev-holder input[type=text], .form-builder-sec .form-wrap.form-builder .frmb .prev-holder textarea, .form-builder-sec .form-wrap.form-builder .frmb .prev-holder input[type=number] {
    background-color: var(--bg-card);
    border: 1px solid var(--border-color);
}

/* card */
.card-wraper{width: 100%; display: flex; justify-content: space-between; }
.card-wraper .card-blank{width: 32%;}
.card-blank .card-heading h2{ font-size: 14px; font-weight: 500; line-height: 19px; color: #212121; margin-bottom: 8px;}
.card-blank .card-heading h2 img{margin-right: 12px;}
.card-blank p{font-size: 14px; font-weight: 400;line-height: 20px; color: #797979; margin-bottom: 10px;min-height: 80px;}
.txt-bt{background-color: transparent; border: 0px; outline: 0px; color: var(--primary); font-size: 14px; font-weight: 500;}
.sub-heading{font-size: 20px; font-weight: 500; line-height: 26px; color: #212121; margin-bottom: 8px;}
.common-table-body .stats-card-graph-item.item01{right: 0px; bottom: 0px; height: 180px;}
/* card */
/* pagination */
.pagination-section{width: 100%;display: flex; justify-content: flex-end;  position: fixed !important;  bottom: 0px; right: 15px;  left: inherit !important;}
.pagination-section .page-link{padding: 7px 13px; border-radius: 4px; margin-right: 5px; font-size: 16px; color: #797979; line-height: 19px;box-shadow: 0px 0px 3px rgb(0 0 0 / 8%); border: 1px solid #fff;}
.pagination-section .page-item:last-child .page-link{ margin-right: 0px;}
.pagination-section .page-link.active{  background: rgb(0 196 161 / 10%); border: 1px solid rgb(0 196 161 / 20%); color: #212121;}
/* pagination */
.heading-wraper{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px;}
.main-heading h1{ font-size: 16px; font-weight: 400; color: #212121; margin: 0;}
/* Media Query */

@media only screen and (max-width: 1024px)  {
    .welcome-card {
        height: auto;
    }
    .create-form-sec .summary-sec {
        margin: 16px -16px 0;
        height: auto;
    }

    .process-img-output {
        padding: 0;
        margin-top: 16px;
    }

}
@media only screen and (max-width: 768px)  {
    .welcome-card {
        height: auto;
    }
    .welcome-card .col-xl-4 {
        text-align: center !important;
    }
    .logoTitle {
        display: none;
    }
    .header-theme, .header-language {
        display: none;
    }
    .common-table-grid-view {
        flex-direction: column;
    }
    .common-table-header {
        margin-bottom: 72px;
    }
    .common-table-search-sec {
        position: absolute;
        left: 0;
        top: 54px;
        width: 100%;
    }
    .common-table-control li.common-table-search-sec {
        margin-left: 0;
    }
    .common-table-search {
        width: 100%;
    }
    .common-table-grid-view li {
        margin-right: 0;
    }
    .side-nav {
        left: -64px;
    }
    .content-body {
        margin-left: 0;
    }
    .common-table-list-view {
        overflow-x: auto;
    }
    .hamburger-menu {
        display: flex;
    }
    .create-form-sec .summary-sec {
        margin: 16px -16px 0;
        height: auto;
    }
    .process-img-output {
        padding: 0;
        margin-top: 16px;
    }
    .content-body.user-body {
        margin-left: 0;
    }
    .side-nav {
        width: 260px;
        overflow-y: auto;
    }
    .side-nav-menu li a span {
        opacity: 1;
    }
    .user-side-nav, .side-nav {
        left: -260px;
    }
    .user-side-nav.show, .side-nav.show {
        left: 0;
    }

} 
.subTableSecRow {
    display: none;
    transition: .3s ease;
    opacity: 0;
    
}
.subTableSecRow.innersubTable {
    
    opacity: 1;
    transition: .3s ease;
    display: table-row;
  
}
.customTabSection {
    float: left;
    width: 100%;
}
.customTabSection .customContainer {
    border: none;
    padding: 0;
}
.customTabSection .customContainer .nav-pills {
    width: auto;
    border: none;
}
.customTabSection .customContainer .nav-pills li {
    width: auto;
    border: none;   
    text-align: center;
    min-width: 100px;
    
}
.customTabSection .customContainer .nav-pills li a{padding-bottom: 10px; width: 100%; display: inline-block; color: #797979;    border-bottom: 3px solid transparent;
    font-size: 14px; text-decoration: none;}
.customTabSection .customContainer .nav-pills li .active {
    border-bottom: 3px solid #00C4A1;
    border-left: 0; 
    font-weight: 400;
    color: #00C4A1;
    
}
.customTabSection .customContainer .tab-content {
     margin-left: 0;
}
.customTabSection .customContainer .tab-content .tab-pane {
    min-height: auto;
    width: 100%;
}
.customTabSection .customContainer .tab-content .tab-pane .leftForm {
    padding: 24px;
}
.customTabSection .customContainer .tab-content .tab-pane .toggleSettDiv {
    padding: 24px;
}


.check-box[type="checkbox"] {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    border: none;
    width: 24px;
    height: 24px;
    background: url(../check-bg.svg) 0 0 no-repeat;
    vertical-align: middle;  
    margin-right: 10px;
    
}
.check-box[type="checkbox"]:checked{  background: url(../check-bg.svg) -24px 0px no-repeat;}
.radio-box[type="radio"] {
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    border: none;
    width: 24px;
    height: 24px;
    background: url(../radio-bg.svg) 0 0 no-repeat;
    vertical-align: middle;  
    margin-right: 10px;
    
}
.radio-box[type="radio"]:checked{  background: url(../radio-bg.svg) -24px 0px no-repeat;}
/* .reportTableSec td{min-width: 180px;} */
.reportTableSec td a.plustoggle{color: #212121;}
.reportTableSec td a.plustoggle i{vertical-align: middle;  color: #797979;}
.tbswapIcon i{color: #BCBCBC; vertical-align: middle; cursor: pointer;}
.subTableSec{padding: 0px !important;}
.table-action-ctrl .dropdown-toggle{background-color: transparent; border: 0px; outline: 0px;color: #BCBCBC;}
.table-action-ctrl .dropdown-toggle::after{display: none;}
.reportTableSec .table-responsive{overflow: inherit;}
.subTableSecRow td{font-size: 14px; color: #212121;}
.data-count{background: #FAFAFA; display: inline-block; border: 1px solid #DDDDDD; padding: 0px 6px; border-radius: 10px; font-size: 12px;color: #212121; font-weight: 500;}
.footer-bt{width: 100%; display: flex; align-items: center; justify-content: space-between; background: #FFFFFF; padding: 10px 24px 10px 84px; box-shadow: 0px -2px 4px rgb(0 0 0 / 16%);}
.footer-bt button{background: #A2A2A2;border: 0px; padding: 6px 16px; border-radius: 4px; color: #fff; margin-right: 16px; line-height: inherit;}
.footer-bt button.active{background: #00C4A1;}
.footer-bt button span{vertical-align: middle; margin-right: 8px;}
.fixed-bt{position: fixed; bottom: 0; left: 0px;}
.dataset-count p{font-size: 14px; font-weight: 400; color: #212121; margin: 0; line-height: 19px;}
/* .subTableSecRow .table td{min-width: 180px;} */
/* sub header */
.sub-header{width: 100%; background: #fff; padding: 16px 24px; display: flex;}
.sub-header .heading-section{width: 100%;  display: flex; align-items: center;}
.sub-header .heading-section button{background: transparent; border: 0; margin-right: 16px; color: #212121; outline: 0px; cursor: pointer;}
.sub-header .heading-section button span{vertical-align: middle;}
.sub-header .heading-section h1{ font-size: 16px; color: #212121; font-weight: 400; line-height: 21px; margin: 0px;}

/* data  source create */
.data-container{width: 100%; padding: 24px 24px; display: flex;height: calc(100vh - 56px);}
.data-container .left-section{width: 260px; background: #fff; height: 100%; border: 1px solid #DDDDDD;border-radius: 4px;}
.data-container .left-section .search-section{width: 100%; padding: 12px 12px 6px 12px;}
.data-container .left-section .search-section  h2{font-size: 14px; font-weight: 400; color: #797979; margin-bottom: 8px;}
.data-container .left-section .common-table-search{width: 100%;}
.data-container .right-section{width: calc(100% - 260px); position: relative; overflow: hidden; margin-left: 24px; background: #fff; height: 100%; border: 1px solid #DDDDDD;border-radius: 4px;}
.data-container .right-section .footer-bt{position: absolute; bottom: 0px; padding: 10px 24px;}
/* data  source create */
/* data list */
.data-list{ width: 100%; margin: 0; padding: 0;  height: calc(100% - 80px); overflow-y: auto;}
.data-list li{  padding: 12px 16px; border-bottom: 1px solid rgb(221 221 221 / 50%); border-left: 2px solid transparent; width: 100%; transition: .3s ease;}
.data-list li:last-child{   border-bottom: 0px;}
.data-list li:hover{ border-left: 2px solid #00C4A1;}
.data-list li:hover a{color: #212121; font-weight: 500;}
.data-list li a {font-size: 14px; font-weight: 400; color: #797979; line-height: 19px;display: block; width: 100%; position: relative;}
.data-list li a span{vertical-align: middle; position: absolute; right: 0;}
.data-list li a img{ margin-right: 16px;}
.rotate-item{transform: rotate(180deg);}
/* .custom_accordian:hover .child_list li a:hover{color: #797979;} */
/* .data-list .child_list li:hover{border-left: 2px solid transparent;} */
/* data list */
/* scroll css */
.scroll-container::-webkit-scrollbar-track{--webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color: #F5F5F5;}
.scroll-container::-webkit-scrollbar{width: 5px;background-color: #F5F5F5;}
.scroll-container::-webkit-scrollbar-thumb{ border-radius: 5px;--webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%); background-color: #999999;}
/* scroll css */
/* blank state */
.blank-state{ width: 100%; height: 100%;display: flex;align-items: center; justify-content: center;}
.blank-state .blank-box{ width: auto; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.blank-state .blank-box img{margin-bottom: 28px; max-width: 200px;}
.blank-state .blank-box p{font-size: 16px; font-weight: 500; color: #212121; line-height: 21px;}
/* blank state */
/* card header */
.card_header{width: 100%;background-color: #FAFAFA; padding: 12px 28px; display: flex; border-bottom: 1px solid #DDDDDD;}
.card_header h2{font-size: 16px; font-weight: 500; color: #212121; line-height: 21px; margin: 0;}
.data-wrap{width: 100%; display: flex; height: 100%; position: relative;}
.data-wrap .form-section{width: calc(100% - 180px); position: relative;}
.data-wrap .form-section .form-container{width:100%; padding: 0px 28px; height: calc(100% - 100px); overflow-y: auto;padding-bottom: 20px;}
.data-wrap .stepper-section{width: 180px;background-color: #FAFAFA; border-left: 1px solid #DDDDDD;}
.data-content{width: 100%; margin: 16px 0px;}
.data-content h3{font-size: 14px; color: #212121; line-height: 19px; margin-bottom: 8px;}
.data-content p{font-size: 12px; color: #797979; line-height: 16px; margin-bottom: 0px;}
.data-wrap .footer-bt{padding: 10px 24px; position: absolute; bottom: 46px !important;}
.data-wrap .footer-bt .bt-section button{min-width: 116px; background-color: #00C4A1; cursor: pointer;}
/* card header */
/* stepper */
.stepper-list{ width: 100%; padding: 20px 16px;}
.stepper-list li{ width: 100%; display: flex; align-items: center;margin-bottom: 42px; position: relative;} 
.stepper-list li p{font-size: 12px;  line-height: 16px; margin: 0; color: #212121;} 
.stepper-list li .circle-count{width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; border: 1px solid #797979; border-radius: 50%; margin-right: 12px;} 
.stepper-list li .circle-count span{width: 6px; height: 6px; background-color: #797979; border-radius: 50%; font-size: 10px; vertical-align: middle; color: #FFFFFF;} 
.stepper-list li.active .circle-count {background-color: #00C4A1; border: 1px solid #00C4A1;} 
.stepper-list li.active .circle-count span{width: auto !important; height: auto !important; background-color: transparent !important;} 
.stepper-list li:nth-child(2)::before{ position: absolute; width: 1px; height: 34px; background-color: #BABABA; top: -37px; left: 8px; content: '';}
.stepper-list li:nth-child(3)::before{ position: absolute; width: 1px; height: 34px; background-color: #BABABA; top: -37px; left: 8px; content: '';}
.stepper-list li:nth-child(2).active::before{ background-color: #00C4A1; }
.stepper-list li:nth-child(3).active::before{ background-color: #00C4A1; }


/* stepper */
/* progress  bar */
.progress-section{margin-top: 100px;}
.progress-section .ltgreen .progress .progress-bar {border-color: #00C4A1;}
.progress-section .barSec .progress .progress-bar {border-width: 10px;}
.progress-section .barSec .progress:after {border-width: 10px;}
.progress-section .progress{width: 240px; height: 240px; line-height: 240px;}
.progress-section .progress .progress-left .progress-bar { border-top-right-radius: 120px; border-bottom-right-radius: 120px;}
.progress-section .progress .progress-right .progress-bar { border-top-left-radius: 120px; border-bottom-left-radius: 120px;}
.progress-section .progress-value h6{ font-size: 16px; color: #212121;font-weight: 500;}
/* progress  bar */

.inner-card-wraper{width: 100%; display: flex; background-color: #FFFFFF; border: 1px solid #DDDDDD; border-radius: 4px; height: calc(100% - 120px); overflow: hidden;}
.inner-card-wraper .table-name{width: 240px; background-color: #FAFAFA; border-right: 1px solid #DDDDDD; height: 100%;}
.inner-card-wraper .search-section {padding: 12px 12px 6px 12px; width: 100%;}
.inner-card-wraper .search-section h2 { font-size: 14px; font-weight: 400; color: #212121; margin-bottom: 8px;}
.inner-card-wraper .common-table-search {width: 100%;}
.inner-card-wraper .column-name{ width: calc(100% - 240px); background: #fff;}
.check-list{ width: 100%; margin-top: 16px; padding: 0px 16px;}
.check-list li{font-size: 14px; font-weight: 400; line-height: 19px; color: #212121; margin-bottom: 20px;}

/* accordian */
button:focus{box-shadow: inherit !important;}
.accordian-section{width: 100%; padding: 0px 16px; margin-top: 16px;}
.accordian-section .card{box-shadow: inherit; margin-bottom: 14px;}
.accordian-section .card-header{padding: 0px; background: #fff; border-bottom: 0px;}
.accordian-section .card-header button{width: 100%; padding: 0px;background: transparent; font-size: 14px; color: #212121;position: relative;}
.accordian-section .card-header button img{margin-right: 12px;}
.accordian-section .card-header button::after{width: 24px; height: 24px; background: url('../arrow_drop_down.png') no-repeat; position: absolute; content: ''; transform: rotate(180deg); top: 0px; right: 0px;} 
.accordian-section .card-header button.collapsed::after{width: 24px; height: 24px; background: url('../arrow_drop_down.png') no-repeat; position: absolute; content: ''; transform: rotate(0deg);} 
.accordian-section .card-body{ padding: 10px 40px;}
.accordian-table td{min-width: 180px; padding-bottom: 10px;}
.fill-select{min-width: 80px; background: #F3F3F3; border: 0px; outline: 0px; padding: 4px 4px; border-radius: 4px; font-size: 12px; font-weight: 400; color: #797979;}
/* accordian */
.bt-fill{background: #00C4A1 !important; min-width: 116px;}

/* dashboard body */
.dashboard-body{width: 100%; display: flex; height: calc(100vh - 101px);}
.dashboard-body .grid-section{width: calc(100% - 220px); }
.dashboard-body .grid-section .select-file{width: 100%;height: 100%; display: flex;align-items: center;justify-content: center; flex-direction: column; }
.dashboard-body .grid-section .select-file img{margin-bottom: 16px; cursor: pointer; }
.dashboard-body .grid-section .select-file p{font-size: 14px;color: #797979; line-height: 19px; margin: 0px; max-width: 400px; text-align: center; }
.dashboard-body .right-panel{width: 220px; height: 100%; border-left: 1px solid #DDDDDD; }
.dashboard-body .right-panel .panel-header{width: 100%; display: flex;align-items: center; justify-content: space-between; padding: 4px 10px; background: #FAFAFA; border: 1px solid #DDDDDD; border-left: 0px;}
.dashboard-body .right-panel .panel-header h2{font-size: 13px; font-weight: 500; color: #212121; line-height: 18px; margin: 0px; }
.dashboard-body .right-panel .panel-header h2 img{margin-right: 8px; vertical-align: text-bottom;}
.dashboard-body .right-panel .panel-header button{background: transparent; border: 0px; outline: 0px; color: #00C4A1;}
.dashboard-body .right-panel .panel-header button span{vertical-align: middle;}
.dashboard-body .right-panel .panel-body{width: 100%; padding: 8px;}
.dashboard-body .right-panel .panel-body .common-table-search{width: 100%; }
.dashboard-body .right-panel .accordian-section{padding: 0px;}
.dashboard-body .right-panel .accordian-section .card-header button::after{ background: url('../keyboard_arrow_down1.png') no-repeat;   right: inherit;top: 0px; left: -5px; transform: rotate(0);}
.dashboard-body .right-panel .accordian-section .card-header button.collapsed::after{ background: url('../keyboard_arrow_up.png') no-repeat;  right: inherit;top: 0px; left: -5px; transform: rotate(0);}

.dashboard-body .right-panel .accordian-section .card-header button{width: 100%; display: flex; text-decoration: none;}
.dashboard-body .right-panel .accordian-section .card-header button h3{font-size: 12px;line-height: 16px;text-align: left;display: flex; align-items: center; height: 24px; }
.dashboard-body .right-panel .accordian-section .card-header button h3 .data-count{margin-left: 4px; }
.dashboard-body .right-panel .accordian-section .card-header button input{margin-left: 22px;margin-right: 6px; }
.dashboard-body .right-panel .accordian-section .card-header .more_bt{position: absolute; top: 0px; right: 0px; color: #797979;}
.dashboard-body .right-panel .accordian-section .child_accordian .more_bt{ right: -27px;}
.dashboard-body .right-panel .accordian-section .card{background-color: transparent;}
.dashboard-body .right-panel .accordian-section .card-header{background-color: transparent; position: relative;}
.dashboard-body .right-panel .accordian-section .card-body {padding: 10px 26px;}
.data_list li { margin-bottom: 10px;}
.data_list li a{font-size: 12px; font-weight: 400;line-height: 16px; color: #212121;}
.data_list li a span{font-size: 9px; font-weight: 600; color: #797979; margin-right: 5px;}

/* dashboard body */

/* shared box modal */
.shared_td{position: relative;}
.shared-box{position: absolute;border: 1px solid #DDDDDD;background-color: #fff;border-radius: 4px;}
.custom_dropdown .dropdown-menu::before{width: 13px; height: 13px; background: url(../arrow-up_dropdown.svg) no-repeat; position: absolute; content: ''; top: -7px;left: 12px;}
.custom_dropdown .dropdown-toggle{background-color: transparent; border: 0px; outline: 0px; }
.custom_dropdown .dropdown-toggle::after{display: none; }
.custom_dropdown .dropdown-menu{min-width: 280px; padding: 20px 12px;}
.custom_dropdown .shared-heder{width: 100%; display: flex; align-items: center;}
.custom_dropdown .shared-heder .common-table-search-sec{width: calc(100% - 46px);}
.custom_dropdown .shared-heder .common-table-search-sec .common-table-search{width: 100%;}
.custom_dropdown .shared-heder .user_bt{ background: #FAFAFA; border: 1px solid rgb(221 221 221 / 50%); padding: 6px 6px; border-radius: 4px; margin-left: 8px; cursor: pointer;}
.custom_dropdown .shared-heder .user_bt i{vertical-align: middle;}
/* shared box modal */
/* user list */
.user_list{width: 100%; margin: 20px 0px 0px 0px; padding: 0px;}
.user_list li{width: 100%; display: flex; align-items: center; margin-bottom: 16px; cursor: pointer; padding-bottom: 10px; border-bottom: 1px solid rgb(221 221 221 / 50%);}
.user_list li:last-child{ margin-bottom: 0px; border-bottom: 0px;}
.user_list li img{width: 36px; height: 36px; border-radius: 50%; border-bottom: 1px solid #DDDDDD; margin-right: 12px;}
.user_list li p{font-size: 14px; font-weight: 500; line-height: 19px; color: #212121;}
.user_list li p span{font-size: 12px; font-weight: 400; line-height: 16px; color: #797979;}
/* user list */
/* border table */
.border_table th{background: #F3F3F3;border-right: 1px solid rgb(221 221 221 / 50%);}
.border_table th:last-child{border-right:0px;}
.border_table td{border-right: 1px solid rgb(221 221 221 / 50%);}
.border_table td:last-child{border-right:0px;}
.border_table td p{font-size: 12px; color: #797979; font-weight: 400; line-height: 16px;}
.border_table th p {font-size: 12px; font-weight: 500; line-height: 16px; color: #212121; margin: 0px !important; }
.border_table th p span{ font-size: 10px; font-weight: 600; color: #797979; margin-right: 8px;}
.border_table .table tbody tr:nth-of-type(even){ background: #FAFAFA;}
.table_dropdown .dropdown-menu {min-width: 160px;}
.dataType-list li{width: 100%; display: flex; align-items: center; position: relative;cursor: pointer; padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #DDDDDD; font-size: 14px; color: #797979; font-weight: 400;}
.dataType-list li:last-child{padding: 0px; margin-bottom: 0px; border-bottom: 0px;}
.dataType-list li .type_indicate{width: 24px; height: 24px; background-color: #F3F3F3; border-radius: 4px; padding: 5px 3px; margin-right: 12px; font-size: 10px; color: #797979; font-weight: 600; display: flex; align-items: center; justify-content: center;}
.dataType-list li button{background: transparent; border: 0px;color: #BBBBBB;position: absolute; right: 0; }
.dataType-list li button span{vertical-align: middle;}
/* border table */

/* slide panel */
.slide_panel{max-width: 700px; width: 100%; height: 100vh; background-color: #fff; position: fixed; top: 0; right: 0;z-index: 10; transform: translateX(700px); transition: .5s ease;}
.Openslide_panel{ transform: translateX(0) !important; transition: .5s ease;}
.slide_panel .panel_header{ width: 100%; display: flex; align-items: center;background: #FAFAFA; border-bottom: 1px solid #DDDDDD; padding: 12px 20px; }
.slide_panel .panel_header h2{ font-size: 16px; font-weight: 400; color: #212121; margin: 0px; }
.slide_panel .panel_header h2 button{background-color: transparent; border: 0px; color: #212121; outline: 0px; margin-right: 16px; }
.slide_panel .panel_header h2 button span{vertical-align: middle; }
.slide_panel .panel_body{width: 100%; padding: 20px;}
.slide_panel .panel_body .newDash_card{width: 100%; display: flex; justify-content: space-between; align-items: center; padding:16px 20px; border: 1px solid #DDDDDD; border-radius: 4px; margin: 20px 0px;}
.slide_panel .panel_body .newDash_card .detail h2{font-size: 16px; font-weight: 500;line-height: 21px; color: #212121;}
.slide_panel .panel_body .newDash_card .detail p{font-size: 14px; font-weight: 400;line-height: 19px; color: #797979;}
.slide_panel .panel_body .newDash_card button{background: #00C4A1; border: 0px; padding: 6px 16px; border-radius: 4px; color: #fff;}
.seprater-line{width: 100%; height: 1px; background-color: rgb(221 221 221 / 50%); display: flex; align-items: center; justify-content: center; margin-bottom: 20px;}
.seprater-line span{background: #fff;  display: inline-block;  padding: 0px 14px;}
.section-heading {width: 100%; margin-bottom: 12px;}
.section-heading  h2{font-size: 14px; font-weight: 500; line-height: 19px; color: #212121; margin: 0;}
.search_container {width: 100%; margin-bottom: 20px;}
.search_container .common-table-control{width: 100%;}
.search_container .common-table-control .common-table-search-sec{ width: calc(100% - 120px);}
.search_container .common-table-control .common-table-search-sec .common-table-search{ width: 100%;}
.input_contianer{width: 100%; display: flex; align-items: center; margin-bottom: 20px;}
.input_contianer .input_bt-wrap{ width: calc(100% - 132px);  display: flex; background-color: #fff; border: 1px solid #DDDDDD; border-radius: 4px;}
.input_contianer .input_bt-wrap input{border: 0px; outline: 0px; width: calc(100% - 100px); padding: 6px 16px; background-color: transparent; }
.input_contianer .input_bt-wrap .bt-section button{ width: 100px; height: 36px; font-size: 14px; background: #FAFAFA !important; color: #212121 !important; border: 0px !important; border-radius: 0px 4px 4px 0px; border-left: 1px solid #DDDDDD !important;}
.input_contianer .input_bt-wrap .bt-section button span{vertical-align: middle; }
.input_contianer .input_bt-wrap .bt-section button::after{display: none}
.input_contianer .right_bt{margin-left: 16px;}
.shared_card{width: 100%; background: #fff;  border: 1px solid #DDDDDD;  border-radius: 4px;}
.shared_card .card_body{width: 100%; padding: 10px 20px;}
.shared_list li{width: 100%; display: flex; align-items: center; margin-bottom: 16px; cursor: pointer; padding-bottom: 10px; border-bottom: 1px solid rgb(221 221 221 / 50%);}
.shared_list li:last-child{ margin-bottom: 0px;  border-bottom: 0px;}
.shared_list li .user_info{width: 50%; display: flex; align-items: center;}
.shared_list li .user_info img{width: 36px; height: 36px;  border-radius: 50%;  border-bottom: 1px solid #DDDDDD; margin-right: 12px;}
.shared_list li .user_info p{font-size: 14px;  font-weight: 500;  line-height: 19px; color: #212121;}
.shared_list li .user_actions{width: 50%; display: flex; justify-content: flex-end; align-items: center;}
.shared_list li .user_actions button{min-width: 100px; display: flex; align-items: center; justify-content: space-between; height: 36px; padding: 8px 8px; background-color: #FAFAFA !important; border: 1px solid #DDDDDD !important; border-radius: 4px; font-size: 14px; color: #212121 !important;line-height: 16px; outline: 0px;  }
.shared_list li .user_actions button  span{vertical-align: middle; }
.shared_list li .user_actions button::after{display: none; }
.label_box{background-color: #CCE5FF; border: 1px solid #B8DAFF; border-radius: 2px; font-size: 12px; color: #004085; font-weight: 500; padding: 2px 10px; margin-right: 8px;}
.select-box{width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;}
.select-box label{margin-right: 27px;}
.select-box .form-control{width: 80%;}
.grey_card{width: 100%; padding: 24px 24px; background-color: #FAFAFA; border: 1px solid #DDDDDD; border-radius: 8px;}
.grey_card .select-box label{ min-width: 170px;}
.grey_card .select-box:last-child{margin-bottom: 0px;}
/* slide panel */
/* file upload */
.upload_box label{width: 100%; height: 36px; background: #FAFAFA; border: 2px dashed #DDDDDD;border-radius: 4px; cursor: pointer;    display: flex;
    align-items: center; justify-content: space-between;  padding: 8px 12px;}
.upload_box label button{ background: transparent; border: 0px;  outline: 0px; color: #212121;}
.upload_box label button span{vertical-align: middle;}
.upload_box .file_input{width: 0px; height: 0px; display: none;}
.upload_box .file_info{ width: 100%; display: flex; align-items: center; justify-content: space-between;}
.upload_box .file_info p{ font-size: 14px; font-weight: 400; line-height: 19px; color: #212121; margin: 0px;}
.upload_box .file_info span{ font-size: 12px; font-weight: 400; line-height: 16px; color: #797979;}
/* file upload */
/* error box */
.error-box{width: 100%; background-color: #FAFAFA; border: 1px solid #DDDDDD; border-radius: 4px; padding: 12px 16px;}
.error-box p{font-size: 12px; font-weight: 400; line-height: 18px; color: #797979; margin-bottom: 15px;}
/* error box */

/* bootstrap table conflict */
.table-bordered td{border: 0px !important;}
.table-bordered th{ border-right: 0px !important;  border-left: 0px;  border-top: 0px !important;}
.table-bordered{border: 0px !important;}
/* bootstrap table conflict */
:host ::ng-deep.mat-toolbar-row, ::ng-deep.mat-toolbar-single-row{
    display:inline;
}
td .mat-toolbar{height: auto !important;}
.mat-menu-panel {  width: 187px;}