@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
::selection { color: #fff; background: #1890ff; }
body { font-family: 'Roboto', sans-serif; font-size: 14px; background: #fafafb; }
h1,h2,h3,h4,h5,h6,p,ul { margin: 0; padding: 0; }
.slimScrollBar { opacity: 0.18 !important; width: 4px !important; }
.slimScrollDiv { height: auto !important; overflow: visible !important; }
.btn-theme-color { background: var(--main-color); color: #fff; }
.top-menu .left-side-menu .deshboard-scroll { overflow: visible !important; height: auto !important; }
.container-fluid { max-width: 1415px; padding: 0; }
.left-menu .container-fluid { width: 100%; max-width: 100%; }
.row { margin-left: -10px; margin-right: -10px; }
.row > div { padding-left: 10px; padding-right: 10px; }
.custom-control { padding-left: 0; }
.custom-control-label:before, .custom-control-label:after { width: 16px; height: 16px; left: 0; cursor: pointer; }
.body-overlay { overflow: hidden !important; height: 0px !important; }
/*--form-start--*/
	.form-group label { color: #455560; font-weight: 500; line-height: 1.5; margin-bottom: 5px; letter-spacing: 0.5px; }
	.form-group { margin-bottom: 10px; }
	.form-group-icon { position: relative; }
	.form-group-icon .form-icon { position: absolute; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; padding-left: 15px; color: #26a6c1; }
	.form-control { font-size: 13px; padding: 5px 15px 5px 15px; color: #455560; line-height: 1.5; background-color: #fff; border: 1px solid #dfe6f0; border-radius: 5px; max-height: 32px; min-height: 32px; letter-spacing: 0.6px; }
	.form-control::placeholder { color: rgba(114,132,154,.4); }
	.form-group-icon .form-control { padding: 5px 15px 5px 36px; }
	.custom-control-label:before,
	.custom-control-label:after { top: 2px; }
	.form-group-select { position: relative; }
	.form-group-select .form-select-icon { position: absolute; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center; font-size: 14px; padding-right: 15px; }
	.form-group-select select.form-control { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 35px; }
	.case-body-form .form-control { max-height: 40px; min-height: 40px; font-size: 15px; }
	.prefix-flex { display: flex; }
	.prefix-flex select.form-control { max-width: 70px; margin-right: 10px; }
	select.form-control { padding: 5px 18px 5px 7px; appearance: none; background: #fff url(../images/down.png) no-repeat right 8px center / 8px; }
	.fg-flex { display: flex; position: relative; }
	.fg-flex select.form-control { max-width: 100px; margin-left: 10px; }
	.fg-flex input.form-control { width: calc(100% - 100px); }
	.close-primary-section { position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; background: #dc3545; color: #fff; font-size: 11px; border-radius: 50%; padding: 0 0 0.3px 1px; }
	.close-primary-section:hover { color: #fff; text-decoration: none; }
	textarea.form-control { max-height: 100% !important; }
	.case-body-right .form-group { display: flex; justify-content: flex-end; }
	.case-body-right .form-group .btn { margin-left: 10px; }
	.case-body-right .form-group .btn:first-child { margin-left: 0; }
	.multi-radio { display: flex; margin: 0 -10px; }
	.multi-radio > label { padding: 0 15px; }
	.flex-label { display: flex; }
	.flex-label .custom-control { padding-right: 20px; }
	.form-icon-section { display: flex; align-items: center; }
	.form-icon-section i { height: 40px; display: flex; justify-content: center; align-items: center; min-width: 50px; border: 1px solid #dfe6f0; border-radius: 5px 0 0 5px; border-right: none; background: #fafafb; }
	.form-icon-section .form-control { border-radius: 0 5px 5px 0; width: calc(100% - 50px); }
	.prefix-flex .form-control { width: calc(100% - 80px); }
	/*.pop-up-body .prefix-flex .form-control { width: 100%; }*/
	.due-in-section { display: flex; margin: 0 -5px; }
	.due-in-section input,
	.due-in-section select { margin: 0 5px; }
	.due-in-section input { width: 100px; }
	.due-in-section .days-due-in { width: calc( 100% - 230px ); }
	.due-in-section .ba-due-in { width: 100px; }
	.due-form .form-icon-section, .due-form .due-in-section, .case-task-list { display: none; }
	.due-form .due-in-active { display: flex; }
	.case-task-list-active { display: block; }
	.case-body-header-form { padding: 10px 15px; border-top: 1px solid #edf2f9; }
	.case-body-header-form .form-group { margin-bottom: 0; }
	.case-body-header-form .form-control { max-width: 320px; min-height: 40px; max-height: 40px; }
	.custom-control-label { padding-left: 20px; }
	.form-case-search { display: flex; align-items: center; justify-content: center; }
	.form-case-search button { white-space: nowrap; margin: 0 0 0 5px; }
/*--form-end--*/
.login-signup-wrap { min-height: 100vh; width: 100%; display: flex; background: url(../images/login-background.jpg) fixed no-repeat center / cover; padding: 100px 20px 20px 20px; overflow: auto; position: relative; }
.login-signup-wrap:before { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.3); content: ''; }
.login-signup { background: #fff; padding: 33px 30px 20px 30px; border-radius: 10px; position: relative; width: 100%; margin: auto; box-shadow: 0px 6px 25px rgb(21, 21, 21); }
.login-signup-form { position: relative; width: 100%; }
.login-signup-form h1 { text-align: center; margin-bottom: 10px; color: #36c6d3; font-weight: 700; font-size: 22px; letter-spacing: 0.6px; }
.login-signup-form p { color: #455560; line-height: 1.5; margin-bottom: 5px; letter-spacing: 0.5px; text-align: center; margin-bottom: 20px; font-size: 13px; }
.login-signup-form h2 { margin-bottom: 13px; color: #36c6d3; font-weight: 600; font-size: 16px; letter-spacing: 0.6px; padding-bottom: 4px; border-bottom: 1px dashed #cacaca; }
.login-signup-form .row { margin: 0 -5px; }
.login-signup-form .form-group-col { padding: 0 5px; }
.login-section { max-width: 400px; }
.login-logo { position: absolute; background: #fff; padding: 12px 20px; border-radius: 15px; left: 50%; margin-left: -65px; top: -58px; -ms-transform: rotate(45deg); transform: rotate(45deg); min-height: 130px; display: flex; justify-content: center; align-items: center; }
.login-logo img { max-width: 90px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -14px; left: -14px; position: relative; }
.sign-up-tabs { position: relative; z-index: 3; }
.sign-up-tabs p { color: #72849a; line-height: 1.8; margin-bottom: 3px; text-align: center; }
.signup-tabs-ul { display: flex; justify-content: center; margin-bottom: 5px; flex-wrap: wrap; }
.signup-tabs-ul li { padding: 3px; }
.signup-tabs-ul li a { display: block; padding: 4px 13px; line-height: 1.5; border:1px solid #dfe6f0; color: #455560; border-radius: 4px; font-size: 13px; transition: all 0.3s ease-in-out; }
.signup-tabs-ul li a:hover { text-decoration: none; background-color: #26a6c1; border-color: #26a6c1; color: #fff; }
.or { color: #72849a; line-height: 1.8; text-align: center; position: relative; margin-bottom: 5px; }
.or:before { position: absolute; left: 0; right: 0; height: 1px; background-color: #ececec; content: ''; top: 50%; margin-top: -0.5px; }
.or span { background-color: #fff; display: inline-block; padding: 0 7px; position: relative; }
.login-signup .form-control:hover, .login-signup input:hover { border-color: #26a6c1; }
.login-signup .form-control:focus, .login-signup input:focus { border-color: #26a6c1; box-shadow: 0 0 0 .2rem rgba(38, 166, 193, 0.25); }
.form-group-remember { display: flex; justify-content: space-between; align-items: center; }
.form-group-remember .custom-checkbox { display: flex; align-items: center; }
.form-group-remember .custom-checkbox label { margin-bottom: 0; }
.form-group-remember .tab-btn { color: #26a6c1; font-weight: 500; line-height: 1.5; letter-spacing: 0.5px; }
.form-submit { display: flex; margin-bottom: 10px; }
.submit-center { justify-content: center; }
.submit-space-between { justify-content: space-between; }
.form-submit .btn { border-radius: 20px; min-width: 105px; font-size: 13px; }
.form-submit .btn-light { background-color: #eaeaea; }
.login-signup-footer { text-align: center; }
.login-signup-footer p { color: #455560; line-height: 1.5; }
.form-group-remember .custom-control-input:checked ~ .custom-control-label::before { border-color: #26a6c1; background-color: #26a6c1; }
.tenant-registration-section { max-width: 650px; }
/*--header-start--*/
	header { display: flex; align-items: center; height: 70px; width: 100%; padding-right: 15px; }
	.left-menu header { position: fixed; left: 0; z-index: 999; background: var(--header-background); box-shadow: 0 1px 4px -1px rgba(0,0,0,.15); }
	header a { font-size: 17px; color: #556171; }
	header a:hover,
	header .has-drop-active > a { text-decoration: none; color: var(--header-background); }
	.left-menu header a:hover,
	.left-menu header .has-drop-active > a { text-decoration: none; color: var(--header-hover); }
	.left-menu header a { color: var(--header-color); }
	.top-menu .header-menu-btn { display: none; }
	.header-logo { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 220px; padding: 0 15px; transition: all 0.2s ease-in-out; background: rgba(255, 255, 255, 0.2); height: 100%; }
	.header-logo img { max-height: 55px; max-width: 100%; }
	.logo-small { display: none; }
	.header-logo img.logo-small { max-width: 55px; }
	.header-content { display: flex; justify-content: space-between; width: 100%; }
	.header-content > div { display: flex; }
	.header-content-left > div, .header-content > div > ul, .settings-wrap,
	.money-ul-div > ul,
	.money-ul-div { display: flex; align-items: center; }
	.header-content-left > div, .header-content > div > ul > li, .settings-wrap,
	.money-ul-div > ul > li  { padding: 0 12px; }
	.header-content > div > ul,
	.money-ul-div > ul { position: relative; }
	.header-content > div > ul > li .header-drop-down { display: none; position: absolute; min-width: 230px; right: 0; top: 60px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); border-radius: 6px; overflow: hidden; z-index: 99999; }
	.header-content > div > ul.notification-ul > li .header-drop-down { min-width: 325px; }
	.header-drop-heading { display: flex; align-items: center; padding: 10px 15px; border-bottom: 1px solid #edf2f9; }
	.header-content-right .header-drop-heading img { min-width: 50px; margin-right: 15px; width: 50px; }
	.notification-heading-content { display: flex; justify-content: space-between; width: 100%; align-items: center; }
	.drop-heading-content h3 { line-height: 1.5; color: #1a3353; font-weight: 500; font-size: 15px; }
	.drop-heading-content p { color: rgba(114,132,154,.7); font-size: 12px; }
	.notification-heading-content h3 { font-size: 17px; }
	.notification-heading-content a { color: #3e82f7 !important; font-size: 12px; display: block; padding: 3px 12px; border-radius: 5px; transition: all 0.5s ease-in-out; }
	.notification-heading-content a:hover { background-color: rgba(62,130,247,.1); color: #3e82f7 !important; }
	.header-drop-down ul { padding: 8px 0; }
	.header-drop-down ul li a { font-size: 14px; padding: 7px 15px; display: flex; align-items: center; color: #556171; }
	.header-drop-down ul li a:hover { color: var(--main-color); }
	.header-drop-down ul li a i { display: inline-block; margin-right: 9px; }
	ul.notification-drop-down { padding: 0; max-height: 264px; height: auto !important; }
	ul.notification-drop-down li a { padding: 10px; display: block; }
	.notification-drop-down > li > a { transition: all 0.5s ease-in-out; border-bottom: 1px solid #edf2f9; }
	.notification-drop-down > li > a:hover { background: #fafafa; text-decoration: none; }
	.notification-drop-content { display: flex; align-items: center; }
	.notification-drop-content img { border-radius: 50%; max-width: 45px; min-width: 45px; }
	.notification-drop-text { padding: 0 12px; width: 100%; }
	.notification-drop-text p { font-size: 14px; line-height: 1.3; color: #72849a; max-height: 37px; overflow: hidden; }
	.notification-drop-text p strong { font-weight: 500; color: #1a3353; }
	.notification-drop-time p { font-size: 12px; color: #000; }
	.drop-down-view { display: flex; justify-content: center; height: 35px; align-items: center; }
	.drop-down-view a { color: #3e82f7 !important; font-size: 12px; display: block; padding: 3px 12px; border-radius: 5px; transition: all 0.5s ease-in-out; }
	.drop-down-view a:hover { background-color: rgba(62,130,247,.1); color: #3e82f7 !important; }
	.profile-ul li img { width: 40px; }
	.form-search-icon button[type="submit"] { display: none; }
	.form-search-icon { display: flex; align-items: center; position: relative; }
	.form-search-icon .search-icon { color: #72849a; position: absolute; left: 15px; }
	.form-search-icon .form-control { min-width: 300px; background: #fafafb; padding-left: 40px; min-height: 40px; max-height: none; border-color: #edf2f9; }
	.notification-ul a { position: relative; }
	.notification-ul a > span { position: absolute; font-size: 12px; background: #ff6b72; width: 20px; height: 20px; display: flex; color: #fff; justify-content: center; align-items: center; border-radius: 50%; top: -10px; right: -9px; }
	.settings-wrap a .ti-settings { -webkit-animation: rotating 3s linear infinite; -moz-animation: rotating 3s linear infinite; -ms-animation: rotating 3s linear infinite; -o-animation: rotating 3s linear infinite; animation: rotating 3s linear infinite; display: block; }
/*--header-end--*/

/*--timer-start--*/
	.timer { position: fixed; right: 0; bottom: 0; border: none; padding: 7px 15px 7px 18px; font-size: 13px; border-radius: 7px 0 0 0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); display: flex; align-items: center; z-index: 999; }
	.timer i { margin-right: 10px; font-size: 11px; }
/*--timer-end--*/

/*--menu-start--*/
	.side-menu-ul { display: none; }
	.left-side-menu ul.deshboard-scroll > li > a { font-weight: 500; font-size: 14px; letter-spacing: 0.5px; line-height: 1.5; color: rgba(26,51,83,.85); padding: 0 15px; }
	.left-side-menu ul.deshboard-scroll > li > a:hover { text-decoration: none; }
	.left-side-menu ul.deshboard-scroll > li > a > i { margin-right: 7px; }
/*--menu-end--*/

/*--left-side-menu-start--*/
	.left-menu .left-side-menu { position: fixed; top: 70px; background: #fff; width: 220px; box-shadow: 0 1px 4px -1px rgba(0,0,0,.15); transition: all 0.2s ease-in-out; }
	.left-menu .left-side-menu ul.deshboard-scroll { padding: 15px 0; height: calc(100vh - 70px) !important; }
	.left-menu .left-side-menu ul.deshboard-scroll > li > a { height: 40px; display: flex; align-items: center; padding: 0 15px 0 20px; margin: 5px 0; border-left: 2px solid rgba(0,0,0,0); border-right: 2px solid rgba(0,0,0,0); }
	.left-menu .left-side-menu ul.deshboard-scroll > li.active > a { border-right-color: var(--main-color); color: var(--main-color); position: relative; }
	.left-menu .left-side-menu ul.deshboard-scroll > li.active > a:before { content: ''; position: absolute; top: 0; right: 0; left: -2px; bottom: 0; background: var(--main-color); opacity: 0.1; }
	.left-menu .left-side-menu ul.deshboard-scroll > li.side-menu-active > a { color: var(--main-color); }
	.left-menu .left-side-menu ul.deshboard-scroll > li > a i { font-size: 15px; position: relative; }
	.left-menu .left-side-menu ul.deshboard-scroll > li > a > i.fas.fa-money-bill-wave { font-size: 12px; }
	.left-menu .left-side-menu ul.deshboard-scroll > li > a:hover { color: var(--main-color); }
	.left-menu .left-side-menu ul.deshboard-scroll > li > a > i { width: 18px; display: flex; }
	.left-menu .left-side-menu ul.deshboard-scroll > li > a span { width: 100%; position: relative; display: flex; align-items: center; justify-content: space-between; overflow: hidden; transition: all 0.2s ease-in-out; padding-left: 10px; white-space: nowrap; }
	.left-menu .left-side-menu ul.deshboard-scroll > li.side-menu-drop > a span:after { content: '\e64b'; font-family: 'themify'; font-size: 10px; }
	.left-menu .left-side-menu ul.deshboard-scroll > li.side-menu-active > a span:after { content: '\e648'; }
	.left-menu .side-menu-ul li a { height: 35px; display: flex; align-items: center; padding: 0 15px 0 45px; margin: 3px 0; font-weight: normal; font-size: 13px; letter-spacing: 0.5px; line-height: 1.5; color: rgba(26,51,83,.85); border-left: 2px solid rgba(0,0,0,0); border-right: 2px solid rgba(0,0,0,0); }
	.left-menu .side-menu-ul li a:hover { text-decoration: none; color: var(--main-color); }
	.left-menu .side-menu-ul li.active > a { border-right-color: var(--main-color); background: rgba(62,130,247,.1); color: var(--main-color); }
	.left-menu .side-menu-ul li a i { width: 14px; display: flex; margin-right: 6px; font-size: 12px; }
	/*--left-side-menu-dark-start--*/
		.left-menu.dark-menu .left-side-menu { background: #193550; }
		.left-menu.dark-menu .left-side-menu ul.deshboard-scroll > li > a,
		.left-menu.dark-menu .side-menu-ul li a { color: #99abb4; }
		.left-menu.dark-menu .left-side-menu ul.deshboard-scroll > li.side-menu-active > a,
		.left-menu.dark-menu .left-side-menu ul.deshboard-scroll > li > a:hover,
		.left-menu.dark-menu .side-menu-ul li a:hover { color: #fff; }
		.left-menu.dark-menu .left-side-menu ul.deshboard-scroll > li.active > a:before { background: #fff; right: -2px; }
		.left-menu.dark-menu .left-side-menu ul.deshboard-scroll > li.active > a { border-right-color: transparent; color: #fff; }
	/*--left-side-menu-dark-end--*/
/*--left-side-menu-end--*/
/*--top-menu-start--*/
	.top-menu .left-side-menu { background: var(--header-background); position: sticky; top: 0; z-index: 9999; }
	.top-menu .left-side-menu .deshboard-scroll > li, .top-menu .left-side-menu .deshboard-scroll > li > a { display: flex; align-items: center; height: 100%; }
	.top-menu .left-side-menu .deshboard-scroll > li > a { color: var(--header-color); transition: all 0.5s ease-in-out; }
	.top-menu .left-side-menu .deshboard-scroll > li { position: relative; }
	.top-menu .left-side-menu .deshboard-scroll > li > a:hover,
	.top-menu .left-side-menu .deshboard-scroll > li.active > a { background: rgba(0,0,0,0.2); }
	.top-menu .left-side-menu .deshboard-scroll > li.side-menu-active > a { background: rgba(0,0,0,0.2); }
	.top-menu .side-menu-ul { position: absolute; top: 60px; right: 0; min-width: 100%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.15); border-radius: 6px; padding: 7px 0; }
	.top-menu .side-menu-ul li a { color: #556171; padding: 6px 15px; display: block; font-size: 14px; margin: 3px 0; white-space: nowrap; }
	.top-menu .side-menu-ul li a:hover { text-decoration: none; color: var(--header-background); }
	.top-menu .side-menu-ul li a i { margin-right: 3px; font-size: 11px; }
	.top-menu .left-side-menu .deshboard-scroll { display: flex; height: 55px !important; align-items: center; justify-content: center; box-shadow: 0 1px 4px -1px rgba(0,0,0,.15); }
	.top-menu .base-theme { display: none; }
	.top-menu .left-side-menu ul.deshboard-scroll > li.side-menu-drop > a span:after { content: '\e64b'; font-family: 'themify'; font-size: 10px; margin-left: 6px; }
	.top-menu .left-side-menu ul.deshboard-scroll > li.side-menu-drop.side-menu-active > a span:after { content: '\e648'; }
/*--top-menu-end--*/

/*--content-start--*/
	.wrapper { transition: all 0.2s ease-in-out; }
	.left-menu .wrapper { padding-left: 220px; padding-top: 70px; }
	.main-content { padding: 20px 20px 0 20px; min-height: calc(100vh - 130px); }
	.top-menu .main-content { min-height: calc(100vh - 185px); }
	.page-heading { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; }
	.page-heading h1 { font-size: 20px; line-height: 1.5; color: #1a3353; }
	.page-heading ul { display: flex; margin: 0 -10px; }
	.page-heading ul li { color: rgba(26,51,83,.85); font-weight: 500; padding: 0 10px; position: relative; }
	.page-heading ul li:first-child:before { display: none; }
	.page-heading ul li:before { content: '/'; position: absolute; left: -2px; }
	.page-heading ul li a { color: var(--main-color); font-weight: 500; }
	.page-heading ul li a:hover { text-decoration: none; }
	.case-tabs { background: #fff; border: 1px solid #edf2f9; box-shadow: 0 2px 8px rgba(0,0,0,0.04); border-radius: 6px; overflow: hidden; margin-bottom: 20px; height: calc(100% - 20px); }
	.case-tabs-parent { border: none; border-top: 1px solid #edf2f9; border-radius: 0; margin-bottom: 0; }
	.case-tabs-hei { height: auto; }
	.case-tabs-header { display: flex; justify-content: space-between; align-items: center; }
	.case-tabs-header form { padding: 0 10px; }
	.case-tabs-header .form-group-sel { margin-bottom: 0; padding: 0 15px; }
	.case-tabs-header .form-control { background: #fff; min-height: 34px; max-height: none; border-color: #edf2f9; }
	.case-tabs-header select.form-control { padding: 5px 18px 5px 7px; appearance: none; background: #fff url(../images/down.png) no-repeat right 8px center / 8px; }
	.tabs-header-ul, .tabs-header-ul-2 { display: flex; }
	.tabs-header-ul a, .tabs-header-ul-2 a { display: flex; height: 44px; font-size: 14px; color: #556171; align-items: center; padding: 0 15px; line-height: normal; border-right: 1px solid #edf2f9; font-weight: 500; letter-spacing: 0.5px; }
	.tabs-header-ul li a:hover, .tabs-header-ul-2 li a:hover { text-decoration: none; background: #fafafa; }
	.tabs-header-ul li.active a, .tabs-header-ul-2 li.active a { color: #fff; background: var(--main-color); }
	.tabs-header-ul:last-child a, .tabs-header-ul-2:last-child a { border-right: none; border-left: 1px solid #edf2f9; }
	.case-tabs-index { display: flex; align-items: center; }
	.case-tabs-index i { height: 34px; display: flex; justify-content: center; align-items: center; min-width: 34px; border: 1px solid #edf2f9; border-radius: 5px 0 0 5px; border-right: none; background: #fafafb; }
	.case-tabs-index input.form-control { border-radius: 0 5px 5px 0; }
	.case-tabs-index input.form-control:focus { box-shadow: 0 0 0 .2rem rgba(0,123,255,0); }
	.add-btns-ul { display: flex; padding: 0 10px; }
	.add-btns-ul li { margin-left: 10px; }
	.add-btns-ul li:first-child { margin-left: 0; }
	.btn.btn-add { height: 30px; display: flex; justify-content: center; align-items: center; min-width: 30px; border-radius: 3px; background: var(--main-color); font-size: 14px; padding: 0 10px 0 0; overflow: hidden; color: #fff; letter-spacing: 0.3px; position: relative; border:none; }
	.btn.btn-add:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: transparent; transition: all 0.5s ease-in-out; } 
	.btn.btn-add:hover:before { background: rgba(0,0,0,0.2); }
	.btn.btn-add i { height: 100%; width: 30px; font-size: 14px; display: flex; justify-content: center; align-items: center; margin-right: 10px; background: rgba(0, 0, 0, 0.1); z-index: 2; position: relative; }
	.btn.btn-add span { z-index: 2; position: relative; }
	.btn-reset { background: #dc3545 !important; color: #fff !important; }
	.btn-green { background: #28a745 !important; }
	.case-body { padding: 20px; border-top: 1px solid #edf2f9; }
	.case-body-form .case-body { padding-bottom: 10px; }
	.case-body-form .case-body-footer { padding: 15px 20px 15px 20px !important; display: flex; justify-content: space-between; align-items: center; }
	.case-body-form .case-body-footer .form-group { margin-bottom: 0; }
	.case-body-form .case-body-footer h3 { font-size: 16px; line-height: 1.5; color: #1a3353; }
	.case-body-form .case-body-inner .case-body { padding-bottom: 20px; }
	.case-body-slim { padding: 0; }
	.case-body-tabs { display: none; }
	.case-body-tabs-active { display: block; }
	.case-body-header h2 { border-top: 1px solid #edf2f9; border-bottom: 1px solid #edf2f9; font-size: 15px; line-height: 1.5; color: #1a3353; padding: 8px 20px; background: #f7f7f7; }
	.pop-up-body .case-body-header { margin-bottom: 15px; padding: 0; margin-top: 5px; }
	.pop-up-form .case-body-header { margin-bottom: 0; padding: 0; margin-top: 0; }
	.case-section { border: 1px solid #edf2f9; box-shadow: 0 2px 8px rgba(0,0,0,0.04); background: #fff; border-radius: 5px; overflow: hidden; padding: 15px 10px; }
	.case-section-gray { background: #fafafb; }	
	.case-tabs-header { min-height: 44px; }
	.case-tabs-header h2 { font-size: 16px; line-height: 1.5; color: #1a3353; padding: 0 20px; }
	.case-header { padding: 0 15px 0 20px; }
	.case-header h2 { padding: 0 0; }
	.case-section h3 { font-size: 16px; line-height: 1.5; margin-bottom: 5px; color: #1a3353; }
	.case-section h4 { font-weight: 700; line-height: 1.5; color: #1a3353; font-size: 24px; display: flex; align-items: center; }
	.case-section h4 span { font-weight: 700 !important; font-size: 24px !important; }
	.case-section p { color: #72849a; margin-top: 2px; font-size: 13px; }
	.case-section h4 span { font-size: 16px; font-weight: normal; margin-left: 10px; }
	.case-section h4 span:first-child { margin-left: 0; }
	.case-section-btn h4, .case-section-btn { text-align: center; display: block; }
	.case-section-btn:hover { text-decoration: none; }
	.case-section-active { background: var(--main-color); }
	.case-section-active h4, .case-section-active p { color: #fff; }
	.case-section .case-section-success { color: #04d182;  }
	.case-section .case-section-danger { color: #ff6b72; }
	.case-section .case-section-danger i:before { content: "\e62a"; }
	.case-body-slim .row { margin-left: 0; margin-right: 0; }
	.case-body-slim .row > div { padding-left: 0; padding-right: 0; }
	.view-all { color: #3e82f7 !important; font-size: 12px; display: block; padding: 3px 12px; border-radius: 5px; transition: all 0.5s ease-in-out; }
	.view-all:hover { background-color: rgba(62,130,247,.1); color: #3e82f7 !important; text-decoration: none; }
	.case-body-table { max-height: 365px !important; height: auto !important; }
	.case-body-table table { margin-bottom: 0; }
	.case-body-table img { width: 35px; border-radius: 50%; margin-right: 8px; }
	.case-body-table tr th,
	.case-body-table tr td { vertical-align: middle; border-bottom: 1px solid #edf2f9; font-size: 13px; }
	.datatable-body-inner tr th,
	.datatable-body-inner tr td { border-left: 1px solid #edf2f9; }
	.datatable-body-inner tr th:first-child,
	.datatable-body-inner tr td:first-child { border-left: none; }
	.datatable-body-inner tr td strong { font-weight: 500; }
	.side-table tr th,
	.side-table tr td { padding: 10px; }
	.case-body-table tr th { border: none; position: relative; }
	.case-body-table tr th:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: #edf2f9; }
	.case-body-table tr th,
	.case-body-table tr td span { font-weight: 700; color: #1a3353; position: sticky; top: 0; background: #fff; }
	.case-body-table tr td.table-td-header { min-width: 85px;border-right: 1px solid #edf2f9; }
	.case-body-table tr td.table-td-full { width: 100%; }
	.case-body-table tr td { color: #455560; }
	.case-body-table tbody tr td { background: #fff; }
	.case-body-table tbody tr:nth-child(2n+1) td { background: #fafafa; }
	.case-body-table tr td span.theme-color-bold { font-weight: 500; color: var(--main-color); }
	.case-body-table tr td span.tasks-span, .tasks-span { color: #1a3353; font-size: 12px; display: inline-block; padding: 3px 12px; border-radius: 5px; transition: all 0.5s ease-in-out; }
	.case-body-table tr td span.tasks-approved, .tasks-approved { color: #04d182; background: rgba(4,209,130,.1); }
	.case-body-table tr td span.tasks-pending, .tasks-pending { color: #3e82f7; background: rgba(62,130,247,.1); }
	.case-body-table tr td span.tasks-rejected, .tasks-rejected { color: #ff6b72; background: rgba(255,107,114,.05); }
	.case-body ul.notification-drop-down li a { padding: 10px 15px; }
	.case-body ul.notification-drop-down { padding: 0; max-height: 365px; height: auto !important; }
	.details-ul ul { display: flex; flex-wrap: wrap; margin-bottom: -1px; }
	.details-ul li { border-right: 1px solid #edf2f9; width: 33.33%; padding: 10px; border-bottom: 1px solid #edf2f9; }
	.details-ul-big li { width: 25%; }
	.details-ul li:nth-child(3n) { border-right: none; }
	.details-ul-big li:nth-child(3n) { border-right: 1px solid #edf2f9; }
	.details-ul-big li:nth-child(4n) { border-right: none; }
	.details-ul .form-group { margin-bottom: 0; }
	.case-body-form .details-ul .form-control { max-height: 33px; min-height: 1px; }
	.case-body.case-body-slim.details-ul { padding: 0; }
	.details-ul li > p { margin-bottom: 5px; }
	.details-ul li p:last-child { margin-bottom: 0; } 
	.case-drop-name p { white-space: nowrap; }
	.notification-drop-down li .call-icon { min-width: 35px; min-height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; }
	.notification-drop-down li:nth-child(4n+1) .call-icon { background: rgb(36, 167, 114); }
	.notification-drop-down li:nth-child(4n+2) .call-icon { background: #244f96; }
	.notification-drop-down li:nth-child(4n+3) .call-icon { background: #7e57c2; }
	.notification-drop-down li:nth-child(4n+4) .call-icon { background: #00acac; }
	.case-body ul.notification-drop-down.case-drop-down { max-height: 273px; }
	.form-group-tabs { margin: 0 15px 0 15px; }
	.case-body > div:last-child { margin-bottom: 0; }
/*--content-end--*/

/*--date-picker-start--*/
	.daterangepicker td.active, .daterangepicker td.active:hover { background-color: var(--main-color) !important; }
	.drp-buttons .btn-primary,
	.drp-buttons .btn-primary:hover,
	.drp-buttons .btn-primary:active,
	.drp-buttons .btn-primary:focus { background-color: var(--main-color) !important; border-color: var(--main-color) !important; }
	.reportrange { max-height: 40px; min-height: 40px; font-size: 15px; padding: 5px 15px 5px 15px; color: #455560; line-height: 1.5; background-color: #fff; border: 1px solid #dfe6f0; border-radius: 5px; display: flex; align-items: center; margin: 0 15px; }
	.reportrange span { padding: 0 10px; }
	.daterangepicker { z-index: 999999; }
/*--date-picker-start--*/

/*--time-start--*/
	.add-time { display: flex; }
	.add-time .form-control { width: calc(100% - 115px); }
	.stopwatch { max-height: 40px; min-height: 40px; font-size: 15px; padding: 5px 15px 5px 30px; color: #fff; line-height: 1.5; background-color: var(--main-color); border: 1px solid transparent; border-radius: 5px; display: flex; align-items: center; margin: 0 0 0 10px; position: relative; }
	.add-time .stopwatch:before { content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: transparent; transition: all 0.5s ease-in-out; }
	.add-time:hover .stopwatch:before { background: rgba(0,0,0,0.2); }
	.form-times { position: relative; }
	.form-times a { color: #fff; position: absolute; z-index: 1; height: 40px; left: 10px; width: calc(100% - 10px); padding: 0 0 0 10px; display: flex; align-items: center; }
	.form-times a:hover { text-decoration: none; }
	.form-times a.start-btn { z-index: 5; }
	.form-times a.stop-btn { opacity: 0; visibility: hidden; }
	.form-times.form-times-stop a.start-btn { z-index: 1; opacity: 0; visibility: hidden; }
	.form-times.form-times-stop a.stop-btn { z-index: 5; opacity: 1; visibility: visible; }
	.activity-category { display: flex; align-items: center; }
	.activity-category .form-control { width: calc( 100% - 206px); }
	.add-case-form .form-control { width: calc( 100% - 160px); }
	.activity-category .btn.btn-add { margin-left: 10px; min-height: 40px; }
/*--time-end--*/

/*--pop-up-start--*/
	.pop-up-wrap { position: fixed; top: 0; bottom: 0; left: 0; right: 0; display: none; justify-content: center; align-items: center; z-index: 999999; padding: 15px; background: rgba(0,0,0,0.6); }
	.pop-up-active,
	.pop-up-wrap.show { display: flex !important; padding-right: 15px !important; }
	.pop-up-content { background: #fff; max-width: 650px; border-radius: 7px; overflow: hidden; min-width: 300px; width: 100%; }
	.pop-up-content-lg { max-width: 1100px; }
	.pop-up-content-md { max-width: 991px; }
	.pop-up-header { display: flex; justify-content: space-between; align-items: center; }
	.pop-up-header h2 { font-size: 18px; line-height: 1.5; color: #1a3353; padding: 0 20px; }
	.pop-up-body { padding: 15px 15px 5px 15px; border-top: 1px solid #edf2f9; max-height: calc( 100vh - 220px ); overflow: auto }
	.pop-up-form { padding: 0; }
	.pop-up-content .case-body { padding: 15px 15px 5px 15px; }
	.pop-up-content .case-body-right { padding: 10px 15px; }
	.pop-up-close { height: 45px; width: 45px; display: flex; justify-content: center; align-items: center; background: #dc3545; color: #fff; font-size: 22px; }
	.pop-up-close:hover { background: #c82333; text-decoration: none; color: #fff; }
	.case-append-body { padding: 15px 15px 5px 15px; background: #f7f7f7; border-radius: 7px; border: 1px solid #edf2f9; margin-bottom: 15px; position: relative; }
	.fields-marked { margin-bottom: 10px; font-size: 15px; }
	.inner-row { padding: 0 !important; display: flex; flex-wrap: wrap; }
	.inner-row > div { padding-left: 10px; padding-right: 10px; }
	.form-wth-bth { display: flex; margin: 0 -5px; align-items: center; }
	.form-wth-bth > div { padding: 0 5px; }
	.form-wth-bth > div a { min-height: 40px; }
	.form-wth-bth > div a span { white-space: nowrap; }
	.form-wth-bth > div.form-wth-content { width: 100%; }
/*--pop-up-end--*/

/*--footer-start--*/
	.footer { height: 60px; border-top: 1px solid #edf2f9; display: flex; align-items: center; padding: 0 20px; }
	.footer p { color: #455560; }
	.footer p strong { font-weight: 500; }
/*--footer-end--*/

/*--nav-collapse-start--*/
	.left-menu.nav-collapse .logo-big { display: none; }
	.left-menu.nav-collapse .logo-small { display: block; }
	.left-menu.nav-collapse .header-logo { max-width: 80px; }
	.left-menu.nav-collapse .left-side-menu { width: 80px; }
	.left-menu.nav-collapse .wrapper { padding-left: 80px; }
	.left-menu.nav-collapse .left-side-menu ul.deshboard-scroll > li > a span { width: 0; }
	.left-menu.nav-collapse .left-side-menu ul.deshboard-scroll > li > a { padding: 0 28px; }
/*--nav-collapse-end--*/

/*--theme-config-start--*/
	.theme-config-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); z-index: 9999; display: none; }
	.theme-config-overlay.theme-config-overlay-active { display: block; }
	.theme-config { position: fixed; top: 0; right: -350px; z-index: 9999; bottom: 0; min-width: 350px; max-width: 350px; background: #fff; -webkit-box-shadow: -6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03); box-shadow: -6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03); transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; }
	.theme-config.theme-config-active { right: 0; visibility: visible; opacity: 1; }
	.theme-config-header { padding: 15px 25px; border-bottom: 1px solid #edf2f9; display: flex; justify-content: space-between; align-items: center; }
	.theme-config-header h2 { color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; }
	.theme-config-header a { color: rgba(0,0,0,.45); }
	.theme-config-header a:hover { color: rgba(0,0,0,1); text-decoration: none; }
	.theme-config-body { height: calc(100vh - 54px); overflow: auto; padding: 20px 25px; }
	.theme-config-body h2 { color: rgba(0,0,0,.85); font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 0.5px; margin-bottom: 15px; }
	.theme-config-body p { margin-bottom: 10px; color: #455560; letter-spacing: 0.5px; line-height: 1.5; }
	.theme-color-ul { display: flex; margin:0 -5px 20px -5px; flex-wrap: wrap; }
	.theme-color-ul li { padding: 5px; }
	.theme-color-ul a { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 5px; border: 1px solid rgba(0,0,0,0); color: #fff; font-size: 10px; }
	.theme-color-ul li:last-child a { border-color: #edf2f9; color: #455560; }
	.theme-color-ul li a:hover { text-decoration: none; }
	.theme-color-ul li.active a:before { content: '\e64c'; font-family: 'themify'; }
	.side-menu-theme { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
	.top-menu .side-menu-color { display: none; }
	.side-menu-theme p { margin-bottom: 0; }
	.side-menu-theme ul { display: flex; }
	.side-menu-theme ul li:first-child { margin-right: -1px; }
	.side-menu-theme ul li a { border: 1px solid #edf2f9; display: block; padding: 7px 15px; color: #333; font-size: 12px; }
	.side-menu-theme ul li:first-child a { border-radius: 4px 0 0 4px; }
	.side-menu-theme ul li:last-child a { border-radius: 0 4px 4px 0; }
	.side-menu-theme ul li.active { position: relative; z-index: 5; }
	.side-menu-theme ul li.active a { border: 1px solid var(--main-color); color: var(--main-color); }
	.side-menu-theme ul li a:hover { text-decoration: none; }
/*--theme-config-end--*/

/*--advanced-search-start--*/
	.advanced-search-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); z-index: 9999; display: none; }
	.advanced-search-overlay.advanced-search-overlay-active { display: block; }
	.advanced-search { position: fixed; top: 0; right: -400px; z-index: 9999; bottom: 0; width: 100%; max-width: 400px; background: #fff; -webkit-box-shadow: -6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03); box-shadow: -6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03); transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; }
	.advanced-search.advanced-search-active { right: 0; visibility: visible; opacity: 1; }
	.advanced-search-header { padding: 15px 25px; border-bottom: 1px solid #edf2f9; display: flex; justify-content: space-between; align-items: center; }
	.advanced-search-header h2 { color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; }
	.advanced-search-header a { color: rgba(0,0,0,.45); }
	.advanced-search-header a:hover { color: rgba(0,0,0,1); text-decoration: none; }
	.advanced-search-body { height: calc(100vh - 54px); overflow: auto; padding:0; } 
	.advanced-search .case-body-right { padding: 10px 15px; }
/*--advanced-search-end--*/

/*--chart-start--*/
	.chart-section .apexcharts-toolbar { display: none; }
	.chart-section { border-left: 1px solid #edf2f9; }
	.chart-section:first-child { border: none !important; }
/*--chart-end--*/

/*-animation-start-*/
	@keyframes rotating {
	  from {
	    -ms-transform: rotate(0deg);
	    -moz-transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	    transform: rotate(0deg);

	  }to {
	    -ms-transform: rotate(360deg);
	    -moz-transform: rotate(360deg);
	    -webkit-transform: rotate(360deg);
	    -o-transform: rotate(360deg);
	    transform: rotate(360deg);
	  }
	}

/*-animation-end-*/

/*-dataTables-start-*/
	.case-tabs-data-table { height: auto; }
	.datatable-body { max-height: 100% !important; }
	.datatable-body tr th { background: #fff; z-index: 99; }
	.datatable-body tr th, .datatable-body tr td { padding: 10px; white-space: nowrap; } 
	.datatable-body tr td.white-space-normal { white-space: normal; }
	.datatable-body tr td.content-td { white-space: normal; min-width: 250px; }
	.datatable-body  tr th:after { font-family: "Font Awesome 5 Free"; position: static; margin-left: 15px; color: #d0d0d0; }
	.datatable-body  tr th.sorting:after { content: "\f0dc"; }
	.datatable-body  tr th.sorting_asc:after { content: "\f0de"; color: var(--main-color); }
	.datatable-body  tr th.sorting_desc:after { content: "\f0dd"; color: var(--main-color); }
	.datatable-body  tr th.no-short:after { display: none; }
	.datatable-body table { width: 100% !important; }
	.datatable-body .dataTables_wrapper > div { display: flex; flex-wrap: wrap; justify-content: space-between; }
	.datatable-body .dataTables_filter + div,
	.non-datatable { max-width: 100%; min-width: 100%; margin: 10px 0; max-height: calc( 100vh - 403px ); scrollbar-width: thin; overflow: auto; min-height: 135px; }
	.non-scroll { max-height: 100% !important; overflow-x: visible !important; }
	.case-body-inner .datatable-body .dataTables_filter + div { max-height: 500px; height: auto; }
	.datatable-body .dataTables_filter + div::-webkit-scrollbar { width: 8px; height: 8px; }
	.datatable-body .dataTables_filter + div::-webkit-scrollbar-track { background: #f1f1f1; }
	.datatable-body .dataTables_filter + div::-webkit-scrollbar-thumb { background: #ccc; }
	.datatable-body .dataTables_filter + div::-webkit-scrollbar-thumb:hover { background: #bdbdbd; }
	.datatable-body .dataTables_length label { font-size: 13px; color: #1a3353; line-height: normal; font-weight: 500; letter-spacing: 0.5px; margin-bottom: 0; display: flex; align-items: center; position: relative; }
	.datatable-body .dataTables_length select { display: block; width: 100%; font-weight: 400; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 13px; padding: 8px 18px 8px 7px; color: #455560; line-height: 1.5; border: 1px solid #dfe6f0; border-radius: 5px; max-height: 35px; min-height: 35px; letter-spacing: 0.6px; appearance: none; margin: 0 10px; background: #fff url(../images/down.png) no-repeat right 8px center / 8px; }
	.datatable-body .dataTables_filter label { font-size: 0; margin-bottom: 0; position: relative; }
	.datatable-body .dataTables_filter label:before { content: "\e610"; font-family: 'themify'; font-size: 13px; color: #72849a; position: absolute; left: 15px; top: 8px; }
	.datatable-body .dataTables_filter input { display: block; width: 100%; font-weight: 400; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; font-size: 13px; padding: 5px 15px 5px 40px; color: #455560; line-height: 1.5; background-color: #fff; border: 1px solid #dfe6f0; border-radius: 5px; max-height: 35px; min-height: 35px; letter-spacing: 0.6px; }
	.datatable-body .dataTables_info { font-size: 13px; color: #1a3353; font-weight: 500; letter-spacing: 0.5px; display: flex; align-items: center; }
	.datatable-body .dataTables_paginate { border: 1px solid #dfe6f0; border-radius: 4px; overflow: hidden; display: flex; }
	.datatable-body .dataTables_paginate span { display: flex; }
	.datatable-body .dataTables_paginate a.disabled { display: none; }
	.datatable-body .dataTables_paginate a { display: flex; justify-content: center; align-items: center; padding: 6px 10px; border-right: 1px solid #dfe6f0; font-size: 13px; line-height: normal; height: auto; cursor: pointer; color: var(--main-color); }
	.datatable-body .dataTables_paginate a:hover,
	.datatable-body .dataTables_paginate a.current { text-decoration: none; background: var(--main-color); color: #fff; }	
	.datatable-body .dataTables_paginate .paginate_button.previous,
	.datatable-body .dataTables_paginate .paginate_button.next { font-size: 0; font-family: 'themify'; }
	.datatable-body .dataTables_paginate .paginate_button.previous:before { font-size: 11px; content: "\e64a"; }
	.datatable-body .dataTables_paginate .paginate_button.next:before { font-size: 11px; content: "\e649"; }
	.datatable-body .dataTables_paginate .paginate_button.next { border-right: none; }
	.action-ul { display: flex; }
	.action-ul li { margin-left: 15px; }
	.action-ul li:first-child { margin-left: 0; }
	.action-ul li.action-ul-edit a { color: #007bff; }
	.action-ul li.action-ul-trash a { color: #dc3545; }
	.action-ul li.action-ul-powerpoint a { color: #28a745; }
	.action-ul li.action-ul-edit a:hover { color: #0069d9; }
	.action-ul li.action-ul-trash a:hover { color: #c82333; }
	.action-ul li.action-ul-powerpoint a:hover { color: #218838; }
	.datatable-body tr td .td-a { margin-left: 10px; font-weight: normal; }
	.datatable-body tr td span.td-a { color: #455560; }
	.datatable-body tr td a.td-website-name { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 200px; }
	.datatable-body tr td.dataTables_empty { text-align: center; height: 180px; vertical-align: middle; font-size: 30px; color: #b7b7b7; }
	.case-body-table tr td span.note-icon { min-width: 35px; min-height: 35px; display: flex; justify-content: center; align-items: center; border-radius: 50%; color: #fff; }
	.case-body-table tr td span.all-notes { background: #244f96; }
	.case-body-table tr td span.file-note { background: #7e57c2; }
	.case-body-table tr td span.court-attendance { background: #00acac; }
	.case-body-table tr td span.phone-call { background: rgb(36, 167, 114); }
	.datatable-body-inner { width: 100%; margin-bottom: 0; }

/*-dataTables-end-*/

/*-calendar-start-*/
	#calendar { max-width: 100% !important; }
	#calendar .fc-button,
	#calendar .fc-button:hover { background: var(--main-color) !important; border-color: var(--main-color) !important; position: relative; }
	#calendar .fc-button:hover:before,
	#calendar .fc-button.active:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.2); }
	#calendar .fc-button span { position: relative; }
/*-calendar-end-*/

@media(max-width: 1420px){
	.top-menu .left-side-menu ul.deshboard-scroll > li > a { font-size: 13px; padding: 0 13px; }
	.top-menu .left-side-menu .deshboard-scroll { padding: 0 15px; justify-content: flex-start; }
}

@media(max-width: 1345px){
	.top-menu .left-side-menu .deshboard-scroll { padding: 0; }
}

@media(max-width: 1325px){
	.top-menu .left-side-menu .deshboard-scroll { padding: 0 15px; }
	.top-menu .left-side-menu .deshboard-scroll > li > a { flex-wrap: wrap; }
	.top-menu .left-side-menu ul.deshboard-scroll > li > a { font-size: 14px; display: block; padding: 10px 15px; }
	.left-side-menu ul.deshboard-scroll > li > a > i { margin-right: 0; display: block; width: 100%; text-align: center; margin-bottom: 4px; }
	.case-tabs-header h2 { font-size: 15px; }
}

@media(max-width: 1215px){
	.top-menu .left-side-menu ul.deshboard-scroll > li > a { font-size: 13px; }
}

@media(max-width: 1290px){
	.responsive-col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
	.responsive-col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; }
}

@media(max-width: 1199px){
	.menu-direction { display: none; }
	.left-menu .header-menu-btn .ti-menu:before { content: "\e646"; }
	.left-menu.nav-collapse .header-menu-btn .ti-menu:before { content: "\e68e"; }
}

@media(min-width: 992px){
	.left-menu .left-side-menu-overlay { display: none; }
}

@media(max-width: 991px){

	.responsive-col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.responsive-col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.case-tabs-header { padding: 10px; }
	.tabs-header-ul, .tabs-header-ul-2 { border-radius: 5px; overflow: hidden; flex-wrap: wrap; justify-content: center; border: none !important; }
	.tabs-header-ul-2 { margin-bottom: 5px; }
	.tabs-header-ul a, .tabs-header-ul-2 a { height: auto !important; padding: 8px 15px !important; border: 1px solid #edf2f9 !important; }
	.case-tabs-header form { padding: 0; width: 100%; }
	.case-tabs-header h2 { width: 100%; margin-bottom: 8px; text-align: center; padding: 0; }
	.case-tabs-header { justify-content: center; flex-wrap: wrap; }
	.case-tabs-index { margin: 8px auto 0; max-width: 320px; }
	.left-menu .wrapper { padding-left: 80px; }
	.left-menu .left-side-menu { z-index: 9999; }
	.left-menu .left-side-menu-overlay { position: fixed; top: 70px; right: 0; bottom: 0; background: rgba(0,0,0,0.5); left: 0; z-index: 999; }
	.left-menu.nav-collapse .left-side-menu-overlay { display: none; }
	.datatable-body .dataTables_filter + div { height: auto; max-height: calc( 100vh - 403px ); }
	.details-ul-big li { width: 33.33%; }
	.details-ul-big li:nth-child(3n) { border-right: none; }
	.details-ul-big li:nth-child(4n) { border-right: 1px solid #edf2f9; }
}

@media(min-width: 768px){
	.money-ul-responsive { display: none !important; }
	.header-content .money-ul li a span { display: none; }
	.money-ul-div > ul.money-ul { display: flex !important; }
	.form-search a { display: none; }
	.form-search form { display: block !important; height: auto !important; }
}

@media(max-width: 767px){
	.chart-section { border-top: 1px solid #edf2f9; }
	.case-section { margin: 10px 0; }
	.money-ul-div { position: relative; }
	.responsive-col-4, .responsive-col-8, .responsive-col-md-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.money-ul-active .money-ul-responsive li a { color: var(--header-hover); }
	.header-content > div > .money-ul-div > ul.money-ul { display: none; position: absolute; top: 60px; background: #fff; padding: 8px 0; box-shadow: 0 2px 8px rgba(0,0,0,.15); border-radius: 6px; overflow: hidden; right: 0; }
	.header-content > div > .money-ul-div > ul.money-ul > li { padding: 0; }
	.header-content > div > .money-ul-div > ul.money-ul > li a { font-size: 14px; padding: 7px 15px; display: flex; align-items: center; color: #556171; }
	.header-content > div > .money-ul-div > ul.money-ul > li a:hover { color: var(--main-color); }
	.header-content > div > .money-ul-div > ul.money-ul > li a i { display: inline-block; margin-right: 9px; }
	.header-content .money-ul li a span { white-space: nowrap; }
	.form-search { position: relative; }
	.form-search form { display: none; position: absolute; top: 60px; box-shadow: 0 2px 8px rgba(0,0,0,0.2); padding: 10px; background: #fff; border-radius: 5px; min-width: 250px; max-width: 250px; left: -27px; }
	.form-search-icon .form-control { min-width: 100%; }
	.form-search-active a { color: var(--header-hover); }
	.pop-up-wrap { align-items: flex-start; }
	.details-ul li { width: 50%; }
	.details-ul li:nth-child(3n) { border-right: none; }
	.details-ul li:nth-child(2n) { border-right: none; }
	.fc .fc-toolbar.fc-header-toolbar { flex-wrap: wrap; }
	.fc .fc-toolbar.fc-header-toolbar > div { width: 100%; text-align: center; margin-bottom: 10px; }
	.fc .fc-toolbar.fc-header-toolbar > div:last-child { margin-bottom: 0; }
	.advanced-search-ul a span { display: none; }
}

@media(max-width: 650px){
	.left-menu .left-side-menu ul.deshboard-scroll > li > a span { width: 100%; visibility: visible; display: flex; justify-content: space-between; }
	.left-menu .left-side-menu { width: 250px; left: 0; }
	.left-menu.nav-collapse .left-side-menu { left: -250px; }
	.left-menu.nav-collapse .wrapper { padding-left: 0; }
	.datatable-body .dataTables_length,	.datatable-body .dataTables_filter,	.datatable-body .dataTables_info { width: 100%; text-align: center; justify-content: center; }
	.datatable-body .dataTables_paginate { margin: 10px auto 0 auto; }
	.datatable-body .dataTables_length label { justify-content: center; margin-bottom: 10px; }
	.datatable-body .dataTables_length select { max-width: 70px; }
	.left-menu .wrapper { padding-left: 0; }
	.case-body-form .case-body-footer { flex-wrap: wrap; }
	.case-body-form .case-body-footer h3 { margin-bottom: 10px; }
	.case-body-form .case-body-footer h3,
	.case-body-form .case-body-footer .form-group { display: flex; justify-content: center; width: 100%;  }
	.pop-up-body {  max-height: calc( 100vh - 130px ); }
}

@media(min-width: 480px){
	.case-tabs-header .form-control { min-width: 300px; }
}

@media(max-width: 480px){
	.notification-ul { position: static !important; }
	.notification-ul .header-drop-down { top: 75px !important; left: 5px; right: 5px !important; }
	.details-ul li { width: 100%; }
	.details-ul li { border-right: none !important; }
}
.high { color: red !important; }
.low { color: green !important; }
.mid { color: orange !important; }
.hide_column { display : none; }
.pagination { justify-content: flex-end; }
.pagination .page-item .page-link { padding: 4px 10px; }
.page-item.active .page-link { background-color: var(--main-color); border-color: var(--main-color); }
.a-box:hover { text-decoration: none; }
a.a-box { display: flex; height: 100%; width: 100%; }
a.a-box .case-section { width: 100%; }
.close-primary-section-2 { top: 15px; right: 0; }
/*Report Overlay*/
.report-filter-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.45); z-index: 9999; display: none; }
.report-filter-overlay.report-filter-overlay-active { display: block; }
.report-filter { position: fixed; top: 0; right: -350px; z-index: 9999; bottom: 0; min-width: 350px; max-width: 350px; background: #fff; -webkit-box-shadow: -6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03); box-shadow: -6px 0 16px -8px rgba(0,0,0,.08),-9px 0 28px 0 rgba(0,0,0,.05),-12px 0 48px 16px rgba(0,0,0,.03); transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; }
.report-filter.report-filter-active { right: 0; visibility: visible; opacity: 1; }
.report-filter-header { padding: 15px 25px; border-bottom: 1px solid #edf2f9; display: flex; justify-content: space-between; align-items: center; }
.report-filter-header h2 { color: rgba(0,0,0,.85); font-weight: 500; font-size: 16px; line-height: 22px; letter-spacing: 0.5px; }
.report-filter-header a { color: rgba(0,0,0,.45); }
.report-filter-header a:hover { color: rgba(0,0,0,1); text-decoration: none; }
.report-filter-body { height: calc(100vh - 54px); overflow: auto; padding: 20px 25px; }
.report-filter-body h2 { color: rgba(0,0,0,.85); font-weight: 700; font-size: 18px; line-height: 22px; letter-spacing: 0.5px; margin-bottom: 15px; }
.report-filter-body p { margin-bottom: 10px; color: #455560; letter-spacing: 0.5px; line-height: 1.5; }
/*-19-07-2021-*/

	.tabs-header-ul2{ display: flex }
	.tabs-header-ul2 a { display: flex; height: 44px; font-size: 14px; color: #556171; align-items: center; padding: 0 15px; line-height: normal; border-right: 1px solid #edf2f9; font-weight: 500; letter-spacing: 0.5px; }
	.tabs-header-ul2 li.active a { color: #fff; background: var(--main-color); }
	.contact-person-phone{ width: 100%; }
	.high a { color:inherit; }
	.dataTables_wrapper .dt-buttons { display: flex; }
	.dataTables_wrapper .dt-buttons button { color: #333; background: #e1e1e1; border: 1px solid #ddd; font-size: 13px; padding: 5px 10px; margin-bottom: 0; position: relative; }
	.dataTables_wrapper .dt-buttons button:hover { border: 1px solid #ddd !important; background: #d9d9d9 !important; }
	.buttons-columnVisibility.active { color: #333 !important; }
	.case-body-table-2 { border-radius: 6px; overflow: hidden; }
	.case-body-table tr th.main-th { font-size: 16px; line-height: 1.5; color: #1a3353; padding: 8px 20px; background: #f7f7f7; font-weight: 500; }
	.case_open td{ color: orange !important; }
	.case_closed td{ color:green !important; }
	.case_pending td{ color:red !important; }
	.case_exp td{ background-color: beige !important; }
	.tr-red td{ color: red !important; }
	.tr-green td{ color: green !important; }
	.tr-late td{ background-color: #f2bfae !important; }
	.tr-paid td{ background-color: #acf2a2 !important; }
	#client-transaction-table tr td a{ color:inherit; }
	.case-tabs-hei { height: 100%; }
	.pop-up-form .main-content { padding: 0; min-height: 1px; }
	.high { color: red !important; }
	.low { color: green; }
	.mid { color: orange; }
	.hide_column { display : none; }
	.pop-table tr td { white-space: normal; word-break: break-all; }
	input[readonly].classname{ background-color:transparent; border: 0; font-size: 1em; }
	#street { padding: 10px; white-space: pre-line; }
	div#add-note { z-index: 9999999; }
	.case-body .tabs-header-ul-2 li a,
	.case-body .tabs-header-ul li a { border-bottom: 2px solid transparent; }
	.case-body .tabs-header-ul-2 li.active a,
	.case-body .tabs-header-ul li.active a { color: var(--main-color); background: transparent; border-bottom-color: var(--main-color); }
	.modal-backdrop { display: none; }
	#pause-play{ background: inherit; color: #fff; height: 100%; }
	#timer_text{ background: transparent; color: inherit; }
	.case-body-mul-inner .case-tabs { border: none; }
	ul.case-color-ul { display: flex; justify-content: center; margin: 0 -5px; align-items: center; }
	ul.case-color-ul li { padding: 0 5px; display: flex; align-items: center; margin-bottom: 8px; }
	ul.case-color-ul li span { font-size: 14px; }
	ul.case-color-ul li label { margin-bottom: 0; margin-left: 5px; }
	.dropdown-menu li a{ color: inherit; text-decoration: none; }
	.dropdown-menu li{ margin: 15px !important; }
	#date-filter { max-height: 34px; min-height: 34px; font-size: 14px; padding: 5px 15px 5px 15px; color: #455560; line-height: 1.5; background-color: #fff; border: 1px solid #dfe6f0; border-radius: 5px; display: flex; align-items: center; margin: 0 15px; }
	#date-filter span { padding: 0 10px; }
	/* temp */
	.header-row{ font-size: 16px; font-weight: 500; }
	.case_row{ margin:1%; }
	.client_row{ margin:1% 0; }
	.seperator{ margin:1% 0; border-bottom: 1px solid #ccc; }
	/* temp */
	.invoice-h2 { border-top: 1px solid #edf2f9; border-bottom: 1px solid #edf2f9; font-size: 16px; line-height: 1.5; color: #1a3353; padding: 8px 20px; background: #f7f7f7; margin-bottom: 10px; }
	.case-body-border { border-top: none; }
	#printable { border: 1px solid #edf2f9; border-top: none; border-radius: 6px; overflow: hidden; }
	.inv-img-sec { display: flex; align-items: center; padding-left: 15px; margin-bottom: 15px; }
	.inv-img-sec img { width: 100px; height: 100px; border-radius: 50%; margin-right: 15px; }
	.firm-bill-box { padding-right: 15px; text-align: right; margin-bottom: 15px; }
	.report-filter .btn-group { width: 100%; }
	.report-filter button.multiselect { font-size: 13px; padding: 5px 15px 5px 15px; color: #455560; line-height: 1.5; background-color: #fff; border: 1px solid #dfe6f0; border-radius: 5px; max-height: 32px; min-height: 32px; letter-spacing: 0.6px; width: 100%; display: flex; align-items: center; justify-content: space-between; }
	.report-filter .dropdown-menu li.multiselect-item,
	.report-filter .dropdown-menu li { margin: 0 !important; }
	.report-filter .dropdown-menu li a { display: block; }
	.report-filter ul.multiselect-container.dropdown-menu.show { width: 100%; }
	.report-filter .multiselect-container .input-group { margin: 0; padding: 5px; }
	.report-filter .multiselect-container .input-group input { border: 1px solid #dfe6f0; border-radius: 5px 0 0 5px; transition: none; }
	.report-filter .multiselect-container .input-group .input-group-btn { border: 1px solid #dfe6f0; border-left: none; border-radius: 0 5px 5px 0; }
	.report-filter .multiselect-container .input-group .input-group-btn .btn { border: none; padding: 0; width: 30px; max-height: 32px; min-height: 1px; height: 30px; }
	a.sub-td { display: block; padding-left: 26px; }
	.datatable-parent-child tbody tr:nth-child(2n+1) td { background: #fff; }
	.datatable-parent-child tbody tr.parent-tr td { background-color: #f1f1f1; }
	.flex-form-group { display: flex; }
	.flex-form-group > div { padding-left: 10px; display: flex; align-items: center; }
	.flex-form-group a span { white-space: nowrap; }
	.flex-form-group > div a.btn-add { height: 40px; }
	.flex-form-group > div a.btn-add i { width: 40px; }
	.small-table { overflow: auto; max-height: 101px; scrollbar-width: thin; }
	.small-table::-webkit-scrollbar { width: 8px; height: 8px; }
	.small-table::-webkit-scrollbar-track { background: #f1f1f1; }
	.small-table::-webkit-scrollbar-thumb { background: #ccc; }
	.small-table::-webkit-scrollbar-thumb:hover { background: #bdbdbd; }
	.small-table table { margin: 0; }
	.small-table table tr th, .small-table table tr td { padding: 6px 0; border-bottom: 1px solid #dee2e6; 	}
	.small-table table tr th { border-top: none; position: sticky; top: 0; background: #fff; }
	.pop-up-table table { margin-bottom: 10px; }
	.pop-up-table table tr th, .pop-up-table table tr td { padding: 7px 15px; }
	.from-to-row { padding: 0 25px; }
	.to-col { text-align: right; }
	.to-col ul li span { font-weight: 600; }
	.case-description-body p { margin-bottom: 10px; }
	.form-group-flex { display: flex; align-items: center; }
	.form-group-flex label { margin: 0 10px 0 0; white-space: nowrap; }
	.form-group-flex .form-group-icon { width: 100%; }
	.col-320 { width: 100%; max-width: 320px; }
	.btn-com { height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 3px !important; padding: 0 20px; overflow: hidden; letter-spacing: 0.3px; position: relative; border: none; min-width: 1px !important; }
	.full-table.datatable-body .dataTables_filter + div { max-height: 100%; }
	.align-center { align-items: center; }
	.flex-label.align-center input[type="checkbox"], .flex-label.align-center input[type="radio"] { margin-right: 5px; }
/*-19-07-2021-*/
.duration-box { display: flex; align-items: center; }
.duration-box .btn-add { min-width: 110px; margin-left: 10px; }
.form-group-multi { position: relative; }
.form-group-multi .btn-group { width: 100%; }
button.multiselect { padding: 2px 10px; appearance: none; background: #fff; max-height: 32px; min-height: 32px; font-size: 15px; width: 100%; border: 1px solid #dfe6f0; border-radius: 5px; display: flex; align-items: center; justify-content: space-between; color: #455560; line-height: 1.5; letter-spacing: 0.6px; }
.form-group-multi ul.multiselect-container { transform: none !important; width: 100%; top: 32px !important; border: 1px solid #dfe6f0; max-height: 220px; overflow: auto; }
.form-group-multi ul.multiselect-container li.multiselect-item.filter { margin: 0 !important; padding: 0 !important; position: sticky; top: 0; background: #fff; }
.form-group-multi ul.multiselect-container .input-group { margin: 0; padding: 10px; }
ul.multiselect-container .input-group .form-control { border-radius: 4px 0 0 4px; }
.form-group-multi ul.multiselect-container .input-group .multiselect-clear-filter { border: 1px solid #dfe6f0; min-height: 32px; border-radius: 0 4px 4px 0; border-left: none; background: #fafafb; color: #212529; padding: 0 11px; }
.form-group-multi .dropdown-menu li { margin: 0 !important; padding: 5px 10px; border-bottom: 1px solid #dfe6f0; }
.form-group-multi .dropdown-menu li:last-child { border-bottom: none; } 
.form-group-multi .dropdown-menu li a label { padding: 0; font-size: 14px; display: flex; align-items: center; }
.form-group-multi .dropdown-menu li a input { margin: 0 5px 0 0 !important; }
.case-body-filter { padding: 15px 15px 5px 15px; }
.form-search-icon .btn { height: 34px; border-radius: 3px; padding: 0 10px; font-size: 14px; }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { min-width: 28px; width: 28px; height: 18px; line-height: 18px; }
.daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; padding: 1px 6px; font-weight: normal; }
.buttons-columnVisibility { background: #dadada !important; }
.buttons-columnVisibility.active { background: #bababa !important; }

.nav-collapse .side-menu-ul { display: none !important; }
@media(max-width:767px){
	.datatable-body .dataTables_filter { margin-top: 5px; width: 100%; display: flex; justify-content: center; }
	.datatable-body .dt-buttons { width: 100%; justify-content: center; }
}
.report-filter .btn-group { border: none; }
.report-filter .form-group-multi ul.multiselect-container { top: 34px !important; }
.close-primary-section { z-index: 9999; }
.dt-button-collection { max-height: 190px; overflow: auto !important; }
.letter-box address from { display: block; margin-bottom: 8px; }
.letter-box address from > * { font-size: 11px; }
.letter-box address from > *:after { content: '|'; padding: 0 0 0 5px; }
.letter-box address from > *:last-child:after { display: none; }
.letter-box address { margin-bottom: 30px; }
.flex-sub-date { display: flex; justify-content: space-between; margin-bottom: 15px; }
.flex-sub-date subject { font-weight: 600; }
.letter-box-text p { margin-bottom: 8px; }
.letter-container #clonecontent { border-top: 1px solid #ddd; padding-top: 15px; margin-top: 10px; }
.print-logo-address { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.print-logo-address address { margin-bottom: 0; text-align: center; }
.print-logo-address from { font-weight: 600; }
.pop-print-sub-date { display: block; margin-bottom: 5px; }
.print-subject { display: block; margin: 5px 0 8px; font-weight: 600; }
.pop-print-template { padding-top: 15px; border-top: 1px solid #ccc; }
/* ================ 07/09/ 22============= */

.close-art a {
	margin: 0px -13px 0px 12px;
}
.add-1 {
	width: 60px;
    text-align: center;
    padding: 0px !important;
}
.card-title-1 p {
	font-size: 18px;
	font-weight: 700;
}
.card-title-1 h6 {
	font-size: 14px;
}
.card-title-2 h1 {
	text-align: left;
    margin-bottom: 10px;
    color: #36c6d3;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: 0.6px;
}
.card-title-2 p {
    color: #455560;
    line-height: 1.5;
    margin-bottom: 5px;
    letter-spacing: 0.5px;
    text-align: left;
    margin-bottom: 20px;
    font-size: 13px;
}
#task_automation_select optgroup{
    margin:0;
}