.card{
    padding: 0.5rem !important;
}
.form-label {
    margin-bottom: 0.2rem !important;
    text-transform: uppercase;
    font-size: .782rem !important;
}
.form-control {
    padding: 4px 4px  4px 8px !important;
}
.form-select {
    padding: 4px 4px  4px 8px !important;
}
.card-body {
    padding: 0.5rem 0.5rem !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
    padding: 0px 5px !important;
}
.select2-container .select2-selection--multiple {
    min-height: 2rem !important;
}
div.dataTables_wrapper div.dataTables_length select {
    width: 50% !important;
}
.table>:not(caption)>*>* {
    padding: 0.5rem 0.85rem !important;
}
table.dataTable>thead .sorting:before, table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc_disabled:before, table.dataTable>thead .sorting_desc_disabled:after {
    bottom: 0.5em !important;
}
.page-link {
    padding: 0.1rem 0.45rem !important;
}
.user-view-table table>:not(caption)>*>*{
    padding: 0.2rem 0.85rem !important;
}
.activity-widget .activity-list {
    padding: 5px 0 !important;
}
textarea.form-control {
    min-height: calc(0.5em + 0.9rem + 2px) !important;
}
.select2-container .select2-selection--single {
    height: calc(1.23em + 0.9rem + 2px)  !important;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
}
.client-table>:not(caption)>*>* {
    padding: 0.5rem 0.5rem !important;
}
.modal-dialog-centered {
    min-height: auto !important;
}
.modal-dialog-centered {
    align-items: normal !important;
}
.badge {
    font-size: 77% !important;
}
.input-group-text {
    padding: .35rem .9rem !important;
    font-size: .775rem !important;
}
.check-box{
    width: 20px;
    height: 20px;
}
.close-feather {
    float: right;margin-right: 5px;cursor:pointer;
}
.close-feather .feather-x-circle {
    color:#fff !important;
}
.page-title-box {
    padding: 13px 27px !important;
}
.modal {
    z-index: 99999 !important;
}

.noti-scroll {
    max-height: 230px;
    overflow-y: scroll;
    scroll-behavior: auto;
    scrollbar-width: thin;
}
 /* said menu */
 body[data-sidebar-size=default] .left-side-menu {
    overflow-y: auto;
}
.left-side-menu::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	border-radius: 5px;
	background-color: #F5F5F5;
}
.left-side-menu::-webkit-scrollbar
{
	width: 0px;
	background-color: #F5F5F5;
}
.left-side-menu::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #fff;
}

/* menu style */
:root {
    --dark_red: #E31837;
    --low-red:#e3183730;
    --medium-red:#e318378c;
    --white: #ffffff;
    --light-gray:#D3dDD3;
    --dark-gray:#A9AAAE;
    --black:black;
    --light-black:#454545;
    --yellow:#ffcb3c;
    --light_bule:#1e9bb6;
    --primary:#5369f8;
    --green:green;
    --gray:#8d8d8d;
    --form_text:#666666e8;
    --lable_text:#686868;
    --input_border:#e7e7e7;

}
body[data-sidebar-size=condensed] .left-side-menu {
    width: 70px !important;
    padding-top: 35px !important;
    z-index: 5;
}
body[data-sidebar-size=condensed] .logo-box {
   padding: 1px;
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li>a {
    min-height: 40px !important;
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>a {
    width: calc(220px + 70px) !important;
    color: var(--dark_red) !important;
    border-right: 10px solid var(--dark_red);
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul>li:hover>.collapse>ul
{
    width: 220px !important;
}
body[data-sidebar-size=condensed] .left-side-menu #sidebar-menu>ul ul li:hover>.collapse>ul{
    width: 220px !important;
}
/* logo image */

.logo-box .logo {
    line-height: 70px;
    background: #cf2f47c7;
    width: 100%;
    position: absolute;
    left: 0px;
}
.logo-lg img{
    /* height: 38px; */
    margin: 10px 0px;
}
.left-side-menu {
    top: 40px !important;
}
body[data-sidebar-size=condensed] .logo-lg img{
    height: 70px !important;
}
/* body[data-sidebar-size=condensed] .logo span.logo-sm img {
    height: 100% !important;
} */
body[data-sidebar-size=condensed] .logo span.logo-sm {
    overflow: hidden !important;
}
.logo-box {
    height: 70px;
    width: 250px;
    float: left;
    transition:all .1s ease-out;
    background:#fff;
    border-right:1px solid #fff;
    position: relative;
}
body[data-sidebar-size=condensed].logo-lg img{
    height: auto !important;
}
/* li hover design */
.logo-box
{
    /* height: 110px !important; */
    background-color: var(--dark_red) !important;
}
body[data-sidebar-size=condensed] .logo-box
{
    height: 70px !important;
    background-color: var(--dark_red) !important;
}

.left-side-menu
{
    background-color: var(--dark_red) !important;
    padding-top: 40px !important;
    padding-bottom: 10px !important;
}

#sidebar-menu{
    padding-right: 15px;
}

#sidebar-menu > ul > li:hover > a {
    color: #ffffff !important;
    background-color: #f5eff096;
    border-radius: 0px 20px 20px 0px;
}

.nav-second-level li a:hover > span {
    border-bottom: 2px solid var(--white) !important;
}
.nav-second-level li a.active > span {
    border-bottom: 2px solid var(--white) !important;
}
#sidebar-menu > ul > li.active > a {
    color: var(--dark_red) !important;
    fill: rgb(230 37 46 / 20%) !important;
    background-color: white !important;
    border-radius: 0px 20px 20px 0px;;
    padding: 10px 15px;
}

#sidebar-menu>ul>li>a {
    color: #ffffff !important;
    font-size: 15px !important;
    padding: 8px 15px !important;
}
.nav-second-level li a {
    color: #ffffff !important;
}
#sidebar-menu>ul>li>a svg {
    width: 18px !important;
    height: auto !important;
    margin-right: 15px !important;
    fill: rgb(202 202 223 / 29%) !important;
}
#sidebar-menu .menuitem-active>a svg {
    fill: rgb(230 37 46 / 20%) !important;
}
#sidebar-menu>ul>li>a:active svg, #sidebar-menu>ul>li>a:focus svg, #sidebar-menu>ul>li>a:hover svg {
    fill: rgb(230 37 46 / 20%) !important;
}
body[data-sidebar-size=condensed] .nav-second-level li a {
    color: var(--dark_red) !important;
}
.logo-box {
    text-align: center;
}

.menu-arrow {
    right: 15px !important;
    line-height: 1.5rem !important;
}
/* nav bar */
.navbar-custom {
    border-bottom: 1px solid #f1f1f1 !important;
    /* box-shadow: 5px 5px 20px #cdcecf; */
}
.card{
    box-shadow: 1px 0px 9px 2px #e1e1e2f5;
}
body{
    background-color: #e1e1e23d !important;
}
.button-menu-mobile > svg {
    width: 33px;
    height: 33px;
    background-color: var(--dark_red) !important;
    color: white !important;
    border-radius: 4px;
    padding: 6px;
}
.navbar-custom .topnav-menu .nav-link > svg
{
    color: var(--dark_red) !important;
    fill: var(--dark_red)!important;
}
/* #notification-dropdown > a
{
    background-color: #f6bbc445;
    color: var(--dark_red) !important;
    border: 1px solid #f6bbc4;
    box-shadow: 0px 0px 3px #f6bbc4;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin: 10px;
} */
#notification-dropdown > .dropdown-toggle::after {
    display: inline;
}
.navbar-custom .topnav-menu .nav-link {
    padding: 0 9px !important;
    line-height: 55px !important;
}
.notification-list .noti-icon-badge {
    top: 5px !important;
}
.notification-list > a{
    margin: 10px;
}
.notification-bell > a{
    margin: 10px;
}
.notification-bell{
    position: relative;
}
.notification-bell svg{
    color: var(--dark_red) ;
}
.notification-bell .noti-icon-badge {
    top: 3px !important;
    right: 0px !important;
}

/* Dashboard design */
.dash_icon_design
{
    background-color: #f6bbc445;
    border: 1px solid #f6bbc4;
    box-shadow: 0px 0px 3px #f6bbc4;
    border-radius: 50%;
    padding: 10px;
    text-align: center;
}
.icon-dual-danger {
    color: var(--dark_red) !important;
    fill: #f6bbc445 !important;
}
.dash_icon_design {
    background-color: #f6bbc445;
    border:1px solid #f6bbc4;
    box-shadow:0px 0px 3px #f6bbc4;
    border-radius:50%;
    padding:10px;
    text-align: center;
    width: 50px;
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: center;
}
.dash_icon_design i {
    color: var(--dark_red) !important;
    fill: #f6bbc445 !important;
}
.dash_icon_design .nav-icon-size {
    margin:3px !important;
    font-size: 20px;
    -webkit-text-stroke: 0.7px;
    height: 28px;
}
.nav-tabs a{
    color: #555 !important;
}
.nav-tabs a.active {
    color: var(--dark_red) !important;
    border-bottom: 3px solid var(--dark_red) !important;
    font-weight: 700;
}

.nav-tabs button{
    color: #555 !important;
    background-color: var(--white) !important;
}
.nav-tabs button.active {
    color: var(--dark_red) !important;
    border-bottom: 3px solid var(--dark_red) !important;
    font-weight: 700;
}
.nav-icon-size{
    margin-right: 7px;
    font-size: 18px;
}
.nav-tabs .nav-link{
    padding: 10px 1px;
    margin-right: 40px;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.task_group_bg{
    background-color: #ffc830;
    color: #ffc830;
}
/* Task card design changes 12-04-2024 */

.task_card .btn-primary{
    color: var(--dark_red) !important;
    background-color: var(--white) !important;
    border-color: var(--light-gray)  !important;
    /* box-shadow: 0px 0px 5px 0px var(--light-gray); */
}
.task_card .btn-primary:hover {
    color: var(--dark_red)!important;
    background-color: var(--white) !important;
    border-color: var(--dark_red) !important;
}
.task_card .bg-body{
    background-color: var(--white) !important;
}
.task_card .bg-info{
    background-color: var(--low-red) !important;
    color: var(--white) !important;
}
.task_card .info-bg {
    /* border-bottom: 5px solid var(--low-red) !important; */
    border-bottom:none !important;
}
.task_card .bg-primary{
    background-color: var(--dark-gray) !important;
    color:  var(--white) !important;
}
.task_card .tl_jobhandler_bg .bg-danger{
    background-color: var(--dark-gray) !important;
    color:  var(--white) !important;
}
.task_group_bg{
    color:  var(--white) !important;
    background-color: var(--light-black) !important;
}
.task_card .bg-warning{
    background-color: var(--medium-red) !important;
    color:  var(--white) !important;
}
.task_card .warning-bg {
    /* border-bottom: 5px solid var(--medium-red) !important; */
    border-bottom:none !important;
}

.task_card .bg-danger {
    background-color: var(--dark_red) !important;
}
.task_card .danger-bg {
    /* border-bottom: 5px solid var(--dark_red) !important; */
    border-bottom:none !important;
}
.icon-data {
    padding: 2px;
}
.reschedule_btn_bg .btn{
    background-color: var(--white) !important;
    color:  var(--black) !important;
    border: 2px solid var(--black) !important;
    padding: 4px 25px !important;
    font-size: 12px !important;
    text-transform: uppercase;
}
.reschedule_btn_bg .btn:hover{
    background-color: var(--black) !important;
    color:  var(--white) !important;
    border: 2px solid var(--black) !important;
}
.reschedule_btn_bg .bg-success{
    background: transparent !important;
}
.bg-low-red .reschedule_btn_bg .bg-success{
    color: #686868 !important;
}
.task_card .text-primary {
    color: var(--black) !important;
    text-transform: uppercase;
}
.task_card svg, .task_card i
{
    color: var(--dark_red) !important;
}
.bg-low-red{
    background-color: var(--low-red);
}
.bg-medium-red{
    background-color: var(--medium-red);
}
.bg-dark_red{
    background-color: var(--dark_red);
}
.task_card .task-list {
    padding: 0px !important;
    margin: 0px;
}
.icon-data span {
    align-self: center;
    margin-left: 10px !important;
    font-size: 13px !important;
}
.task_card .card-body {
    padding: 0.5rem 1rem !important;
}
.task_card .dropdown .dropdown-toggle::after {
    content: none !important;
}
.task_card .dropdown {
    margin-left: 10px;
}
.task_card .dropdown .btn-xs {
    padding: 0px 6px !important;
    background-color: #f6abab !important;
}
.task_card .dropdown .dropdown-toggle {
    border: none !important;
}
.task_card .dropdown .dropdown-toggle:hover{
    border: none !important;
}
.task_card .fs-4 {
    font-size: 1rem !important;
}
/* .reschedule_btn_bg .btn{
    border: 3px solid var(--dark-gray) !important;
} */
.task_card .bg{
    min-height: 56px;
    display: flex;
    align-items: center;
}
label{
    color: var(--lable_text) !important;
    text-transform: uppercase !important;
}
input, select, textarea,.select2-container--default .select2-selection--single{
    border: 1px solid var(--input_border) !important;
    color: var(--form_text) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--form_text) !important;
}
.select2-dropdown {
    border: 1px solid var(--input_border) !important;
    border-radius: 2px !important;
    color: var(--form_text) !important;
}
.filter_btn .btn-success{
    background-color: var(--white) !important;
    color: var(--dark_red) !important;
    /* border: 2px solid var(--dark_red) !important; */
}
.filter_btn .btn {
    padding: 4px 25px !important;
    font-size: 12px !important;
    text-transform: uppercase;
}
.filter_btn .btn:hover{
    background-color:var(--dark_red) !important;
    color: var(--white) !important;
}
.btn{
    border: 2px solid !important;
    text-transform: uppercase;
}
.btn-success{
    background-color: var(--white) !important;
    color: var(--dark_red) !important;
    border: 2px solid var(--dark_red) !important;
}
.btn-primary{
    background-color: var(--white) !important;
    color: var(--primary) !important;
    text-transform: uppercase;
}
.btn-success:hover
{
    background-color: var(--dark_red) !important;
    color: var(--white) !important;
    border: 2px solid var(--dark_red) !important;
}
.btn-primary:hover
{
    background-color: var(--primary) !important;
    color: var(--white) !important;
    border: 2px solid var(--primary) !important;
}
.btn-danger{
    background-color: var(--white) !important;
    color: var(--dark_red) !important;
    text-transform: uppercase;
}
.btn-danger:hover{
    background-color: var(--dark_red) !important;
    color: var(--white) !important;
    border: 2px solid var(--dark_red) !important;
}
.btn-light{
    background-color: var(--white) !important;
    color: var(--dark-gray) !important;
}
.btn-light:hover{
    background-color: var(--dark-gray) !important;
    color: var(--white) !important;
    border: 2px solid var(--dark-gray) !important;
}
.btn-warning{
    background-color: var(--white) !important;
    color: var(--yellow) !important;
}
.btn-warning:hover{
    background-color: var(--yellow) !important;
    color: var(--white) !important;
    border: 2px solid var(--yellow) !important;
}
.btn-info{
    background-color: var(--white) !important;
    color: var(--light_bule) !important;
}
.btn-info:hover{
    background-color: var(--light_bule) !important;
    color: var(--white) !important;
    border: 2px solid var(--light_bule) !important;
}
.btn-secondary{
    background-color: var(--white) !important;
    color: var(--dark-gray) !important;
}
.btn-secondary:hover{
    background-color: var(--dark-gray) !important;
    color: var(--white) !important;
    border: 2px solid var(--dark-gray) !important;
}
.content-page {
    margin-top: 90px !important;
}
/* data table design */
table{
    box-shadow: 0px 0px 5px 0px #ccc;
}
table > thead{
    background-color: var(--dark_red);
    color: #fff;
    text-transform: uppercase;
}
table.dataTable.table-striped>tbody>tr.odd>* {
    box-shadow: none !important;
}
table.dataTable.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: #f7f7f7 !important;
}
table.dataTable>tbody>tr {
    background-color: transparent !important;
}
.dataTable .badge{
    background-color: var(--gray) !important;
    color: var(--white) !important;
}
.select2-container--default .select2-results>.select2-results__options {
    scrollbar-width: thin;
}
[class*=" uil-"]:before, [class^=uil-]:before {
    font-size: 125% !important;
}
/* login page design */
:root {
    --auth_bg:#e31837;
    --overlay:#e56a6aa8;
    --login_fil_icon: #fdb0b069;
}
.authentication-bg{
    background-image: url('../images/bg_mtask_1.jpg')!important;
    position: relative;
}
.account-pages{
    width: 100%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.auth-page-sidebar {
    background-image: url('../images/task_bg.jpg') !important;
}
.authentication-bg .card {
    padding: 0px !important;
    border-radius: 15px;
    overflow: hidden;
    border: none !important;
    box-shadow: 0px 0px 12px 0px #f4b0b0c2 !important;
    margin-bottom: 0px !important;
}
.auth-page-sidebar .overlay {
    /* background-color: rgba(0, 0, 0, .2) !important; */
    /* background-color: var(--overlay) !important; */
    background-color: rgba(227, 24, 55, .2) !important;
    background-image: linear-gradient(to right, rgba(227, 24, 55, 1), rgba(227, 24, 55, 0.1));
}
.authentication-bg .btn{
    background-color: var(--auth_bg) !important;
    color: var(--white) !important;
    border: 2px solid var(--auth_bg) !important;
}
.authentication-bg .btn:hover{
    background-color: var(--white) !important;
    color: var(--auth_bg) !important;
    border: 2px solid var(--auth_bg) !important;
}
.authentication-bg svg{
    width: 18px !important;
    color: var(--auth_bg);
    fill: var(--login_fil_icon) !important;
 }
 .authentication-bg .input-group-text {
    background-color: var(--white) !important;
    padding: 5px 10px 5px 15px   !important;
    border: 1px solid var(--input_border) !important;
 }
 .authentication-bg input{
    border-left: transparent !important;
 }
 .auth-page-sidebar .auth-user-testimonial {
    top: 30px;
 }
 .auth-user-testimonial img {
    width: 230px;
    filter: drop-shadow(1px 4px 1px #0606065e);
}
 .lead {
    font-size: 17px !important;
    font-weight: 100 !important;
}
.fs-30 {
    color: var(--white)!important;
    font-size: 25px !important;
    line-height: 40px;
}
.fs-45 {
    color: #e1e1e2 !important;
    font-size: 37px !important;
    line-height: 45px;
    text-shadow: 0px 3px 2px #ccc,
               0px 8px 10px rgba(0,0,0,0.15),
               -1px 8px 2px rgb(0 0 0 / 22%);
}
.mt-20{
    margin-top: 20px !important;
}
.question_mark{
    font-size: 30px;
}
.exclamation_mark{
    font-size: 50px;
}
.auth_p{
    font-size: 17px;
    font-weight: 200;
    color: #e1e1e2 !important;
    text-align: end;
}
.auth_p a{
    font-weight: 800 !important;
    color: var(--auth_bg);
    background-color: #e1e1e2;
    padding: 3px 10px 4px 10px;
    border-radius: 15px;
    font-size: 12px;
}
.auth_p a:hover{
    font-weight: 800 !important;
    color: var(--auth_bg);
    background-color: #e1e1e2;
    padding: 3px 10px 4px 10px;
    border-radius: 15px;
}

/* Input auto focus design */
.dropdown-menu {
    width: 95% !important;
    overflow: hidden;
}
.dropdown-item.active, .dropdown-item:active {
    color: var(--black) !important;
    background-color: var(--light-gray) !important;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff !important;
    background-color: #5897fb !important;
}
.modal-body table{
    box-shadow: none !important;
    border: 2px solid var(--light-gray) !important;
    border-radius: 10px !important;
}
.modal-body table th, .modal-body table td{
    padding: 5px 10px !important;
}
.user-view-table table{
    box-shadow: none !important;
}
/* data table icon */
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    position: unset !important;
    background-color: var(--dark_red) !important;
}
/* table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
   content: '' !important;
   width: 0px  !important;
   height: 0px !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
    content: '' !important;
    width: 0px  !important;
    height: 0px !important;
} */
table.dataTable>tbody>tr.child ul.dtr-details {
    width: 100%;
}
table.dataTable>tbody>tr.child span.dtr-title {
    min-width: 100px !important;
}

/* Right Said Modal Show */
.modal .modal-dialog-aside{
	width: 350px;
	max-width:80%;
    height: 100%;
    margin:0;
	transform: translate(0) !important;
    transition: transform .2s !important;
}
.modal-right-lg{
    width: 800px !important;
}
.modal-right-md{
    width: 500px !important;
}
.modal .modal-dialog-aside .modal-content{  height: inherit; border:0; border-radius: 0;}
.modal .modal-dialog-aside .modal-content .modal-body{ overflow-y: auto }
.modal.fixed-left .modal-dialog-aside{ margin-left:auto;  transform: translateX(100%)!important; }

.modal.show .modal-dialog-aside{ transform: translate(0)!important;  }

/* Right Said Modal Show design */
.modal .modal-dialog-aside .modal-content{
    background-color: #f5f5f5;
}
.modal .modal-header{
    background-color:var(--dark_red);
}
.modal form .form-control {
    padding: 11px !important;
}
.modal form .form-select{
    padding: 11px !important;
}
.row_item{
    padding: 10px 15px;
    border-bottom: 1px solid #e3e3e3;
}