@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter.ttf') format('truetype');
}
.section_title {margin: 0;font-size: 30px;font-weight: 600;}
.box_row {display: flex;flex-direction: row;justify-content: space-between;gap: 15px;}
.box {display: flex;flex-wrap: wrap;align-items: center;padding: 20px 25px;gap: 20px;border: 1px solid #e1e7ef;border-radius: 12px;background-color: #ffffff;width: 100%;text-decoration: none;color: #444;transition: .5s;}
.box:hover {transform: translateY(-5px);box-shadow: 0px 0px 10px 1px #e5e5e5;}
.icon_size {border-radius: 10px;height: 42px;width: 42px;display: flex;justify-content: center;align-items: center;}
.icon_bg1 {background-color: #e2e7f0; color:#000;}
.icon_bg2 {background-color: #dbeafe; color:#3b82f6;}
.icon_bg3 {background-color: #dcfce7; color:#22c55e;}
.icon_bg4 {background-color: #fff4cf; color:#ffc107;}
.icon_bg5 {background-color: #ffdada;color: red;}
.no_task_icon {font-size: 50px;color: #b4b4b4;margin-bottom: 15px;}
.no_task_title {font-size: 30px;font-weight: 600;color: #555555;}
.site_button {text-decoration:none; border:0; padding: 8px 10px; border-radius:7px; transition:0.5s;}
.btn_bg_blue {color:#fff; background-color:#3c83f6;}
.site_button:hover {background-color: #1566cb;}
.btn_bg_light_gray {color:#000; background-color:#f2f4f8;}
.btn_bg_light_gray:hover {background-color: #dcdcdc;}
#projectList li {cursor: pointer;}

.border_box {padding: 20px;border: 1px solid #e1e7ef;border-radius: 12px;}
.task_box {border-radius: 20px;box-shadow: 0px 2px 10px 1px #a6a6a6;padding: 25px;background: #fff;position: relative;}

.task-card{transition:all 0.5s ease;box-shadow: 0px 2px 10px 1px #a6a6a6;border-radius:12px;background-color:#fff;}
.task-card:hover{transform:translateY(-5px);box-shadow:0px 3px 10px 2px #a6a6a6;}
.task-card .badge{font-size:0.75rem;padding:0.4em 0.6em;border-radius:20px;}
.task-card .card-title{font-size:1.1rem;}
.task-card .card-text{line-height:1.5;}
.bg-outline-primary{background-color:rgba(13,110,253,0.1);border:1px solid #0d6efd;}
.bg-outline-success{background-color:rgba(25,135,84,0.1);border:1px solid #198754;}
.bg-outline-warning{background-color:rgba(255,193,7,0.1);border:1px solid #ffc107;}
.bg-outline-danger{background-color:rgba(220,53,69,0.1);border:1px solid #dc3545;}
.bg-outline-secondary{background-color:rgba(108,117,125,0.1);border:1px solid #6c757d;}
.assigned_to_dropdown {background-color: #fff !important;border: 1px solid #dee2e6 !important;color: #795c5f !important;height: 38px;}
.assigned_to_dropdown:focus {border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);}
.assigned_to_dropdown::after {position: absolute;right: 10px;top: 17px;}
.dropdown_font {font-size: 15px;}
.custom-dropdown-input {position: relative;display: inline-block;width: 100%;}
.custom-dropdown-input input[type="text"] {padding-right: 2rem;cursor: pointer;}
.custom-dropdown-input .dropdown-arrow {position: absolute;top: 50%;right: 0.75rem;width: 0;height: 0;pointer-events: none;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #555;transform: translateY(-50%);user-select: none;}

.flex_direction {flex-direction: row;}
.custom-multiselect {position: relative;width: 100%;}
.custom-multiselect .selectBox {display: block;padding: 8px;border: 1px solid #dee2e6;border-radius: 7px;background-color: #fff;cursor: pointer;}
.custom-multiselect .checkboxes {display: none;border: 1px solid #ccc;border-top: none;position: absolute;width: 100%;max-height: 200px;overflow-y: auto;background-color: #fff;z-index: 1000;}
.custom-multiselect .checkboxes label {display: block;padding: 6px 10px;cursor: pointer;}
.custom-multiselect .checkboxes label:hover {background-color: #f1f1f1;}

/**** Text Editor CSS Start ****/
.editor-toolbar {display: flex; flex-wrap: wrap; gap: 6px; align-items: center; border: 1px solid #c3c3c3; border-bottom: 0; border-top-right-radius: 7px; border-top-left-radius: 7px;}
.editor-toolbar button {background: #fff; border: 0; color: #212529; padding: 4px 10px; border-radius: 4px; font-size: 14px; cursor: pointer; transition: background 0.2s, box-shadow 0.2s;}
.editor-toolbar button:hover {background: #e2e6ea;}
.editor-toolbar button:focus {outline: none; box-shadow: 0 0 0 2px rgba(0,123,255,.25);}
.heading-select {padding: 0px 10px; border-radius: 4px; font-size: 14px; cursor: pointer; height: 35px;}
.heading-select:focus {outline: none; box-shadow: 0 0 0 2px rgba(0,123,255,.25);}
.editor-area {min-height: 150px; border: 1px solid #ced4da; padding: 10px; border-radius: 4px; font-size: 16px; font-family: sans-serif; line-height: 1.5; background-color: #fff; overflow-y: auto;}
.editor-area:focus {outline: none; border-color: #80bdff; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
.editor-area:empty::before {content: attr(data-placeholder);color: #6c757d;pointer-events: none;display: block;}
/**** Text Editor CSS End ****/

.table_cell_width {width: 500px;}
.table_profile_pic {object-fit: cover;width: 45px;height: 45px;margin: 0 -12px 0 0 !important;border: 2px solid #d8e6fd;padding: 2px;cursor: pointer;}
.profile_img_form {object-fit: cover;}
input[readonly], input[readonly]:focus {background-color: #f1f1f1;}

@media (max-width: 1024px) {
  .box_row {flex-direction: column;}
  .flex_direction {flex-direction: column;}
}