body {
    background-color: rgb(255, 255, 255) !important;
    font-family: "Public Sans", sans-serif;
    font-weight: 600;
}

:root {
    --white: rgb(255, 255, 255);
    --black: rgb(0, 0, 0);
    --gray: rgb(99, 115, 129);
    --light-gray: rgb(145, 158, 171);
    --blue: rgb(32, 101, 209);
    --red: rgb(255, 0, 0);
    --light-blue: rgb(51, 153, 255);
    --light-red: rgba(255, 99, 71);
    --transparent-black: rgba(0, 0, 0, 0.1);
    --transparent-gray: rgba(80, 80, 80, 0.01);
    --transparent-white: rgba(255, 255, 255, 0.3);
}
.dt-buttons .btn {
    margin-left: 0.333em;
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

@media ((min-width: 768px)) {
    .c-main > .container-fluid,
    .c-main > .container-lg,
    .c-main > .container-md,
    .c-main > .container-sm,
    .c-main > .container-xl {
        padding-left: 60px;
    }
}

/*Scrollbar*/
.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:not(:hover) > .ps__thumb-y {
    height: 10% !important;
    width: 50% !important;
    background-color: #b4bcc3;
}
.ps--active-x > .ps__rail-x:hover,
.ps--active-y > .ps__rail-y:hover {
    background-color: white;
    color: #b4bcc1;
}
/* ***************************************
/*header*/
.c-header {
    padding-top: 10px;
    border: none;
}
.c-header-nav{
    font-size: 20px;
}
.c-header-toggler{
    text-align: left;
    border-radius: 50%;
    transform: translateX(-38px);
    z-index: 9999;
}

.c-header-nav-link:hover{
    border-radius: 50%;
    background-color: rgba(99, 115, 129, 0.08);
}
.main-search {
    border: none;
    background-color: white;
    color: rgb(99, 115, 129);
    user-select: none;
    font-weight: 300;
}
.main-search:focus {
    border: none;
    background-color: white;
    color: rgb(99, 115, 129);
    user-select: none;
    font-weight: 300;
    outline: none;
}
.un-clickable {
    cursor: not-allowed;
    pointer-events: none;
    border: none;
    background-color: white;
}
.K {
    height: 24px;
    min-width: 24px;
    line-height: 0;
    border-radius: 6px;
    cursor: default;
    -webkit-box-align: center;
    align-items: center;
    white-space: nowrap;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    text-transform: capitalize;
    padding: 0px 6px;
    font-weight: 700;
    background-color: rgba(145, 158, 171, 0.16);
    font-size: 12px;
    color: rgb(99, 115, 129);
}
.toggleBtn {
    position: relative;
}
.toggleBtn i {
    outline: 0px;
    margin: 0px;
    cursor: pointer;
    vertical-align: middle;
    appearance: none;
    text-align: center;
    flex: 0 0 auto;
    border-radius: 50%; 
    color: rgb(99, 115, 129);
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    font-size: 0.625rem;
    padding: 8px 8px;
    top: 22px;
    border: 1px dashed rgba(145, 158, 171, 0.2);
    backdrop-filter: blur(6px);
}
.fa-bell {
    color: rgb(99, 115, 129);
}
.fa-sign-out-alt {
    color: RED;
}
.dropdown-item
{
     font-weight: 400;
     font-family:"Public Sans", sans-serif;
     border-radius:6px;
     line-height:1.57143;
     font-size:0.875rem;
     padding:6px 8px;
}
.c-header-nav .dropdown-item {
    min-width:150px !important;
    margin-top: 2px;
}
.dropdown-item svg
{
    margin-right: 10px;
    width: 1.75rem;
    height: 1.75rem;
 }

 .avatar-menu .c-sidebar-nav-link{
    color:#212B36;
    font-size:0.87rem;
    line-height:1.57143;
    font-weight: 400;
    width: 70%;
 }
 .avatar-menu .c-sidebar-nav-link-exit{
    margin-left:21px;

 }   
 .avatar-menu .c-sidebar-nav-link-li
 {
    width: 155px;
    margin-left:16px

 }
 .avatar-menu .c-sidebar-nav-link-exit  .c-sidebar-nav-link{
    color:rgb(255, 86, 48);
    font-weight:700;
    padding-right: 0px !important;
    margin-right: 0px !important;
    width: 155px;
    margin-left: 0px !important;
    padding-left: 15px !important;
    margin-top: 2px;
 }
 .avatar-menu .c-sidebar-nav-link-li .c-sidebar-nav-link
{
margin-left:3px !important;
}
 .avatar-menu .c-sidebar-nav-link-li:hover
 {
    background-color: rgba(145, 158, 171, 0.1);
    border-radius: 6px;
 }
 .avatar-menu .c-sidebar-nav-link-exit  .c-sidebar-nav-link:hover{
    color:rgb(255, 86, 48);
    background-color: rgba(145, 158, 171, 0.1);
    border-radius: 6px;

 }
 
 .dropdown-header-name{
    font-weight:600;
    font-size:0.875rem;
    color: #212B36;
    margin-left:20px;

 }
.dropdown-menu.show {
    width: auto; 
    max-width: 100%;
    box-shadow: rgba(145, 158, 171, 0.24) 0px 0px 2px 0px, rgba(145, 158, 171, 0.24) -20px 20px 40px -4px;
    margin-right: 15px;
    border-radius: 8px;
    backdrop-filter: blur(20px);
    margin-top: 12px !important;
    overflow-x: auto;
}

.dropdown-menu.show::-webkit-scrollbar {
    width: 2px;
    height: 6px;
}

.dropdown-menu.show::-webkit-scrollbar-thumb {
    background-color: rgba(145, 158, 171, 0.5);
    border-radius: 10px;
}

.dropdown-menu.show::-webkit-scrollbar-track {
    background: transparent;
}

.dropdown-header {
    color: rgb(99, 115, 129);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.57143;
}


/* ---------- SideBar ----------     */

/*Logo En üst*/
.c-sidebar .c-sidebar-brand,
.c-sidebar .c-sidebar-header {
    background-color: white;
    color: grey;
}
.c-sidebar-brand {
    background-color: rgb(255, 255, 255) !important;
}
.c-sidebar {
    background-color: rgb(255, 255, 255) !important;
    font-weight: 500;
    width: 266px !important;
    
}

.c-sidebar-nav {
    border-right: 1px dashed rgba(145, 158, 171, 0.2);
    padding-left: 16px;
    padding-right: 0px;
}
.c-sidebar-nav-item i::before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    color: #637381;
    background-color: #637381;
    border-radius: 50%;
    font-weight: 400;
    font-size: 0.18rem; 
    padding-bottom: 1px;
    padding-left: 1px;
    vertical-align: middle; 
}

.c-sidebar .c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-dropdown-toggle,
.c-sidebar .c-sidebar-nav-link {
    color: #637381;
    transition: none; 
}
.c-sidebar .c-sidebar-nav-dropdown-toggle::after {
    background-image: none;
}

.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle .c-sidebar-nav-icon,
.c-sidebar .c-sidebar-nav-link.c-active .c-sidebar-nav-icon,
.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle {
    color: rgb(33, 43, 54) !important;
    transform: none;
}
.c-sidebar-nav-link.c-active i::before {
    color: rgb(32, 101, 209);
    background-color: rgb(32, 101, 209);
}
.c-sidebar-nav-dropdown-items .c-sidebar-nav-link.c-active i::before {
    color: rgb(32, 101, 209);
    background-color: rgb(32, 101, 209);
    font-size: 0.35rem !important;
    border-radius: 80% !important;
}
.c-sidebar-nav-dropdown-toggle:hover i::before,
.c-sidebar .c-sidebar-nav-item-header:hover i::before {
    color: #637381;
}
.c-sidebar .c-sidebar-nav-dropdown.c-show {
    background: rgba(255, 255, 255, 0.3);
    color: rgba(80, 80, 80, 1);
}

.c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-link {
    color: #637381;
}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover,
.c-sidebar .c-sidebar-nav-link:hover {
    color: #637381;
    background: initial;
    background-color: rgba(145, 158, 171, 0.15);
    border-radius: 6px;
}

.c-sidebar .c-sidebar-nav-dropdown.c-show .c-sidebar-nav-dropdown-toggle,
.c-sidebar
    .c-sidebar-nav-dropdown.c-show
    .c-sidebar-nav-dropdown-toggle
    i::before {
    color: rgb(32, 101, 209);
    background-color: rgba(32, 101, 209, 0.1);
    border-radius: 6px;
    
}

.c-sidebar .c-sidebar-nav-dropdown-toggle::after {
    background-image: none !important;
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22currentColor%22%20class%3D%22bi%20bi-chevron-right%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M4.646%201.646a.5.5%200%200%201%20.708%200l6%206a.5.5%200%200%201%200%20.708l-6%206a.5.5%200%200%201-.708-.708L10.293%208%204.646%202.354a.5.5%200%200%201%200-.708%22/%3E%3C/svg%3E") !important;
    padding-left: 10px !important;
}

.c-sidebar-nav-item-header .c-sidebar-nav-link.c-active i::before {
    color: rgb(32, 101, 209) !important;
    background-color: rgba(32, 101, 209, 0.1)
}
.c-sidebar-nav-item-header.c-active {
    background-color: rgba(32, 101, 209, 0.1) !important;
}
.c-sidebar-nav-item-header .c-sidebar-nav-link.c-active {
    color: rgb(32, 101, 209) !important;
    background-color: rgba(32, 101, 209, 0.1) !important;
    border-radius: 6px;
}
.c-sidebar-nav-item-header .c-sidebar-nav-link.c-active i::before {
    color: rgb(32, 101, 209);
    border-radius: 12px;
}
.c-sidebar-nav-link.c-active {
    color: #212b36 !important;
}
.c-sidebar-nav-logo {
    padding: 30px 10px;
}

.main-logo {
    max-width: 60px;
}
/* ***************************************
   ---------- Tabs minimal ----------
*/
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: currentColor;
    font-weight: 600;
    background-color: #ffffff;
}
.nav-tabs .nav-link,
a.nav-link {
    color: #768192;
    border-color: rgba(183, 183, 183, 0.9);
}

/*Cards Minimal*/
.card {
    border: 0px;
    margin-bottom: 5px ;
}

.card-table {
    border-radius: 0.5rem !important; 
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); 
    padding: calc(var(--Grid-rowSpacing) / 2)
        calc(var(--Grid-columnSpacing) / 2);
    box-sizing: border-box;
    table-layout: auto; 

}
.dotted-border {
    border-top: 1px dotted #ccc;
    padding: 8px 0 10px;
}
.card-body {
    background-color: white;
    border-radius: 0.5rem !important;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1); 
    box-sizing: border-box;
    padding: 24px 16px 24px 16px;
}

.card-header {
    color: rgb(33, 43, 54);
    font-weight: 700;
    line-height: 1.55556;
    font-size: 1.5rem;
    margin: 0px 0px 8px;
    padding-left: 0px;
    border: 0px;
}

.card-body {
    font-size: 0.875rem;
}
.card .card-body .text-value {
    color: rgb(33, 43, 54);
    font-size: 2rem;
    font-weight: 700;
}
.card .card-body .text-header {
    font-weight: 600;
    line-height: 1.57143;
    font-size: 0.875rem;
    color: rgb(33, 43, 54);
}
.activity-card {
    background-color: #ffffff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); 
    border-radius: 8px; 
    padding: 16px; 
    margin-bottom: 10px; 
    padding-top: 30px;

}
.activity-card .text-right {
    padding-right:12px
}
.pointer{
    cursor: pointer !important;
}
.activity-hover:hover{
background-color: white !important;
}
.activity-hover{
    border:none !important;
}
.activity-th th
{
color: #006C9C;
font-family: "Public Sans";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 24px; 
border: none !important;
background-color: white !important;

}
.activity-td td
{
    color:#212B36;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    border: none !important;
}

/*
/* ***************************************
   ---------- Datatable minimal ----------
*/
.dt-body {
    white-space: nowrap;
}
.dataTables_scroll {
    padding-bottom: 20px;
 width: 120%;
}

.dataTables_wrapper
    .dataTables_scroll
    div.dataTables_scrollBody
    > table
    > tbody
    > tr
    > td {
    vertical-align: middle;
    padding-top: 20px !important;
    padding-bottom: 30px;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td:last-child
{
    text-align: center !important;
}
.crm-customer .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td:last-child,
.travel-home .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td:last-child
{
    text-align: left !important;
}
.home-table-title{
    color: rgb(99, 115, 129) !important;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    padding-left: 20px !important;
}

table.dataTable {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse !important;
}

@media (min-width:1200px) {
   tbody tr td:last-child {
        min-width: 210px !important;
        max-width: 210px !important;
    }
 
    thead tr td{
        max-width: 150px !important;
        text-align: center !important;
        justify-content: center;
    }
 
}


@media (min-width:1200px) {
    ul tbody tr td:last-child {
         min-width: 10px !important;
     }
 }
 
table,
th,
td {
    border: 0 !important;
}


table.dataTable thead tr {
    padding: 0;
    margin: 0;
    background-color: rgb(244, 246, 248);
}

table.dataTable thead th {
    padding-left: 10px;
    font-weight: 600;
    font-size: 14px;
    color: rgb(99, 115, 129);
    white-space: nowrap;
    text-align: left;

}
.table-btn-margin{
    margin-left: 24px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(80, 80, 80, 0.01);
}
.table-hover tbody tr {
    color: rgb(33, 43, 54);
    line-height: 1.57143;
    font-size: 0.875rem;
    font-weight: 400;
}
.table-hover tbody tr:hover {
    background-color: rgb(244, 246, 248);
    color: rgb(33, 43, 54);
}

td {
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1) !important;
}

table {
    border-collapse: collapse !important;
    border: 20px !important;
}

td .btn-primary {
    color: #006C9C;
    margin: 0px !important;
}
td .btn-primary:hover {
    background-color: initial !important;
    color: rgba(3, 142, 167,0.9) !important;
}

td .btn-primary:before {
    content: "\f06e";
}

td .btn-info {
    color: #118D57;
    padding-left: 11px;
    padding-top: 2px
}
td .btn-info:hover {
    background-color: initial !important;
    color: rgba(17, 141, 87, 0.5) !important;
}
td .btn-info:before {
    content: "\f040";
    width: 250px;
    height: 250px;
}

td .btn-danger {
    color: #e55353;
}
td .btn-danger:hover {
    background-color: initial !important;
    color: rgba(229, 83, 83, 0.6);
}

td .btn-danger:before {
    content: "\f1f8";
}

td .btn-info:hover,
td .btn-danger:hover,
td .btn-primary:hover {
    border: none;
    transform: none !important;
    font-weight: 500;
    border: none;
    line-height: 0px;
}
td .btn-info:active,
td .btn-danger:active,
td .btn-primary:active {
    line-height: 0px;
    font-weight: 500;
}
td .btn-info:focus,
td .btn-danger:focus,
td .btn-primary:focus {
    line-height: 0px;
    font-weight: 500;
    background-color: inherit !important;
}
td .btn-info:focus{
color: rgba(17, 141, 87, 0.5) !important;
}
td .btn-danger:focus{
    color: rgba(229, 83, 83, 0.6) !important;
}
td .btn-primary:focus{
    color: rgba(3, 142, 167,0.8) !important;

}
td .btn-info,
td .btn-danger,
td .btn-primary {
    font-family: "Public Sans", sans-serif;
    font-weight: 500;
    transition: none !important;
    border: none;
    line-height: 0px;
}
td .btn-danger:before,
td .btn-info:before,
td .btn-primary:before {
    font-family: FontAwesome;
    font-size: 17px;
    font-weight: 500;
}
td .btn-danger:focus,
td .btn-info:focus,
td .btn-primary:focus {
    box-shadow: none !important;
    outline: none;
    font-weight: 500;
    border: none;
    transform: none !important; 
}
td .btn-danger,
td .btn-info,
td .btn-primary {
    background-color: transparent;
    background-image: none;
    border-color: transparent;
    font-family: "Public Sans", sans-serif;
}

.emergency {
    border-color: rgba(255, 0, 0, 0.1);
    border-style: dotted;
    border-left: 7px solid red;
}
.dataTables_length .custom-select {
    appearance: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background: url('https://icons.veryicon.com/png/o/miscellaneous/8atour/filter-arrow-down.png') no-repeat right center;
    background-size: 9px 9px;
    background-position:35px;
  }
  
  .dropdown-toggle .caret {
    color: blue !important;
  }

/* ***************************************
   ---------- Form minimal ----------
*/
.form-control {
    color: rgb(50, 50, 50);
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 100%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    line-height: 1.57143;
    font-size: 0.875rem;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    cursor: pointer;
    text-overflow: ellipsis;
    padding-left: 0px !important;
    margin-bottom: 11px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 18px !important;
}
.form-control,.form-control:hover,.form-control:focus,.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single:hover,
.select2-container--default .select2-selection--single.select2-selection--single:focus,.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--multiple:hover,.select2-container--default .select2-selection--multiple:focus
{    
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0 !important;
}

.form-control::placeholder {
    color: rgb(50, 50, 50);
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    text-overflow: ellipsis;
}
.form-control:hover {
    color: black; 
    border-color: black !important;
    box-shadow: 0 0.0rem 0 rgba(0, 0, 0, 0.82);
}
div.dataTables_wrapper div.dataTables_filter input:hover{
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.82) !important;
}
div.dataTables_wrapper div.dataTables_filter input:focus{
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.82) !important;
}
.form-control:focus {
    color: black;
    background-color: #fff;
    border-color: black;
    outline: 0;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    box-shadow: none !important;
}
.form-control-input{
    color: rgb(50, 50, 50);
    box-sizing: content-box;
    background: none;
    height: 1.4375em;
    margin: 0px;
    -webkit-tap-highlight-color: transparent;
    display: block;
    min-width: 0px;
    width: 80%;
    animation-name: mui-auto-fill-cancel;
    animation-duration: 10ms;
    padding: 12.5px 0px 12.5px 0px;
    line-height: 1.57143;
    font-size: 0.875rem;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    cursor: pointer;
    text-overflow: ellipsis;
    padding-left: 12px;
    border-radius: 0px !important;
    border-color:#d8dbe0;
    box-shadow: none !important;

}


.form-control-input::placeholder {
    color: rgb(50, 50, 50);
}
.form-control-input:hover {
    color: black;
    border-color: black !important;
    box-shadow: 0 0 0 0.01rem rgba(0, 0, 0, 0.82);
}
.form-control-input:focus {
    background-color: #fff;
    border-color: black;
    outline: 0;
    box-shadow: 0 0 0 0.07rem rgba(0, 0, 0, 0.82);
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
}
.form-control-sm[type="search"] {
    position: relative;
    padding: 14.5px 26px 16.5px 12px;
    border: 1px solid #ced4da !important;
    border-radius: 0.5rem !important;
    padding: 16.5px 0px 16.5px 0px !important;
    padding-left: 30px !important;
}
.form-control-sm[type="search"]::placeholder {
    content: "Search...";
    color: #999;
}
.form-group{
    padding: 15px 10px 10px 10px; 
    margin-bottom: 5px;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #F9F9F9 !important;
}
.select2-selection__arrow b {
    display: none !important;
}
    .select2-selection__arrow {
        background: initial !important;
        background: url('https://static.thenounproject.com/png/1150091-200.png') no-repeat center center !important;
        background-size: 9px 9px !important;
        border: none !important;
        margin-left: 20px !important;
    }
    
.dropzone {
    border: 1px dashed rgba(145, 158, 171, 0.2) !important;
    background-color: #F9FAFA!important;
    border-radius: 5px;
}
.dropzone:hover{
    background-color: rgba(249, 250, 250, 0.4)!important;

}
.dropzone span:first-child {
 color: #212B36;
 font-size: 1.125rem;
 font-weight:700;
}
.dropzone p{
    color: #637381;
    font-size:0.875rem;
}
.dropzone p a{
    color: #00A76F !important;
    text-decoration: underline !important;
}
.dropzone .dz-message {
    margin: 0.8em !important;
}
 /*Search*/
div.dataTables_wrapper div.dataTables_filter input
{
    padding: 20px 0 20px 30px;
    margin-right: -350px !important;
}
table.dataTable thead > tr > th.sorting_desc:first-child {
    padding-left: 15px !important;
  }
  table.dataTable thead > tr > th{
    padding-top: 17px;
    padding-bottom: 17px;
  }
  table.dataTable thead .sorting:before,
  table.dataTable thead .sorting:after,
  table.dataTable thead .sorting_desc:before,
  table.dataTable thead .sorting_desc:after {
      padding-top: 7px;
      padding-bottom: 7px;
  }
  
div.dataTables_wrapper div.dataTables_filter input::placeholder
{
  padding-left:5px;
}
div.dataTables_wrapper div.dataTables_filter label{
    font-size: 0px;
}

input[type="search" i] {
  appearance: auto;
  box-sizing: border-box;
  padding-block: 1px;
  padding-inline: 2px;
  appearance: none;
  -webkit-appearance: none; /* Safari ve Chrome desteği için */
  -moz-appearance: none; /* Firefox desteği için */
  padding-left: 30px; 
  background: url('https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRw6dk7omKm0_uFS5GJbDqszFezNaqFk8aOABSnfBVHCcucQ92mIPkVZ0fFZt8HLSl0npM&usqp=CAU') no-repeat left center; /* Arama simgesi */
  background-position: 10px center; 
  background-size: 1em;

}
/*Select İnput*/
.select2-container--default
    .select2-selection--single
    .select2-selection__rendered {
    color: rgb(50, 50, 50);
    font-size: 0.875rem;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
    padding: 0px !important;

}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    margin-right: -15px;
    height: 49px;


}

.select2-container .select2-selection--single {
     display: flex;
    align-items: center;
    border-color:#d8dbe0;
    padding: 0px !important;
    margin-right: -15px;

}

.select2-container--default .select2-selection--single {
    background-color: #fff;
 
}
 
.select2-container--default .select2-selection--single:hover {
    border-color: black !important;
    box-shadow: 0 0.0rem 0 rgba(0, 0, 0, 0.82);
}

.select2-container--default .select2-selection--single:focus {
    color: black;
    background-color: #fff;
    border-color: black !important;
    outline: 0;
    box-shadow: none !important;
    border-bottom: 2px solid black !important;
    font-family: "Public Sans", sans-serif;
    font-weight: 400;
}
.select2-search__field {
    outline: 1px solid #ced4da !important;
}

.select2-container--default .select2-results>.select2-results__options
{
    max-height:40vh !important;
    color:rgb(33, 43, 54) !important;
    line-height:1.5 !important;
    font-size:0.9rem !important;
    backdrop-filter:blur(20px) !important;
    background-color:rgba(255, 255, 255, 0.9) !important;
    box-shadow:rgba(145, 158, 171, 0.24) 0px 0px 2px 0px, rgba(145, 158, 171, 0.24) -20px 20px 40px -4px !important;
    padding-left: 2px !important;
    font-weight: 400 !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    backdrop-filter:blur(20px) !important;
    background-color:rgba(255, 255, 255, 0.9) !important;
    box-shadow:rgba(145, 158, 171, 0.24) 0px 0px 2px 0px, rgba(145, 158, 171, 0.24) -20px 20px 40px -4px !important;
    color:rgb(33, 43, 54) !important;

}
.select2-container--default .select2-results>.select2-results__options:hover
{
    color:rgb(33, 43, 54) !important;

}
.select2-results__option{
    padding-left:10px !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 0px !important;
    outline: 0px !important;
    border-bottom: 1px solid #000102 !important;
}
.select2-container--default .select2-selection--multiple{
    border-color: #d8dbe0;
}
.select2-container--default .select2-selection--multiple:hover{
    color: black; 
    border-color: black !important; 
    box-shadow: 0 0.0rem 0 rgba(0, 0, 0, 0.82);
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
    color:#006c9c !important;
    font-size:0.8125rem !important;
    background-color:rgba(0, 184, 217, 0.16) !important;
    font-weight:500 !important;
    border-radius:6px !important;
    border: none !important;
    padding-bottom: 0px !important;
    margin-top: 7px !important;
    margin-left: 0px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice:hover
{
    color:rgb(0, 108, 156)!important;
    background-color:rgba(0, 184, 217, 0.16)!important;
 
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
    color:#006c9c !important;
    font-size:0.9rem !important;
    border-radius:6px !important;
    border: none !important;
    margin-right:4px !important;
    padding:4px !important;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color:rgba(145, 158, 171, 0.16) !important;
    border-radius:6px !important;

}
.select2-search__field{
    outline:none!important;
    padding-top: 4px !important;
    margin-top: 12px !important;
}
element.style{
    width: 0px !important;
}
.select2-search--dropdown .select2-search__field{
    padding-left: 30px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    border: 2px solid black !important;
 }
 
 .form-check-input {
    width: 15px;
    height: 15px;
    margin-top: 0.3rem;
    accent-color: #4c8bf5; 
}
input[type="radio" i]:focus-visible {
    outline-offset: 0px;
}
 /*Editor Text Field*/

 .ck.ck-reset_all, .ck.ck-reset_all *{
    border-color: #d8dbe0 !important;
    background-color: white !important ;

 }
 .ck-rounded-corners .ck.ck-editor__main>.ck-editor__editable, .ck.ck-editor__main>.ck-editor__editable.ck-rounded-corners{
    border-color: #d8dbe0 !important;
    border-radius: 5px !important;

 }
 .date {
    background: url('https://cdn-icons-png.freepik.com/512/8132/8132223.png') no-repeat right center;
    background-size: 20px; 
    -webkit-appearance: none; /* Safari ve Chrome desteği için */
    -moz-appearance: none; /* Firefox desteği için */
    background-position: right 15px center;
}

.table-condensed{
    font-size:0.75rem;
    width:46px;
    height: 46px;
    font-weight:400;
    justify-content:center;
    align-items:center;
    border: 0px;
    color: #1C252E;
    background-color: transparent;
    line-height: 1.5 !important;
}
.day.today {
    color:#1C252E;
    background-color: white;
    border: 1px solid #1C252E !important;
    border-radius: 50% !important;
}
.day.today::before {
   border: none !important;
}
 
.bootstrap-datetimepicker-widget table td.active{
    color:#1C252E;
    background-color: #007867 !important;
    border: 1px solid #1C252E !important;
    border-radius: 50% !important;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{
    color:#1C252E;
    background-color: rgba(0, 167, 111, 0.08) !important;
    border: 1px solid #1C252E !important;
    border-radius: 50% !important;
}
.day.active{
    color:#1C252E;
    background-color: rgba(0, 167, 111, 0.08) !important;
    border: 1px solid #1C252E !important;
    border-radius: 50% !important;
}

.bootstrap-datetimepicker-widget table td.day{
    height: 10px;
    width: 10px;
}

.datepicker td
{
    border: none !important;
}
.bootstrap-datetimepicker-widget table {
    height: 5px;
}
/*Button Minimal*/
.btn-outline-success{
    border-radius: 8px;
background: #00A76F;
 color: white;
}
#show-filters{
    background-color: #118D57;
    padding-left: 16px !important;
    padding-right: 16px !important;
}
#show-filters:hover{
    background-color: rgba(17, 141, 87, 0.8);
}
#show-filters:focus{
    background-color: rgba(17, 141, 87, 0.7);
}
.travel-search{
    background-color: #006C9C !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.btn-outline-success:hover{
    border-radius: 8px;
    background: rgba(0, 167, 111, 0.8);
    color: white;
 outline: none;
box-shadow: none !important;
}
.btn-outline-success:focus{
    border-radius: 8px;
    background-color: rgba(0, 167, 111, 0.6) !important;
 color: white;
 outline: none;
 box-shadow: none !important;
}
.btn-excel {
    background-color: rgba(17, 141, 87) !important;
}
.btn-excel:hover {
    background-color: rgba(17, 141, 87, 0.78) !important;
}
.btn-csv {
    background-color: rgba(51, 153, 255) !important;
}
.btn-csv:hover {
    background-color: rgba(51, 153, 255, 0.75) !important;
}
.btn-print {
    background-color: rgba(255, 171, 0) !important;
}
.btn-print:hover {
    background-color: rgba(255, 171, 0, 0.75) !important;
}
.btn-update{
    color: #006C9C;
font-family: "Public Sans";
font-size: 15px;
font-style: normal;
font-weight: 700;
line-height: 22px;
}
.btn-update:hover{
background-color: #006C9C;
color: white;
}
.btn-update:focus{
    box-shadow: none;
    background-color: rgba(0, 108, 156, 0.8);
    color: white;
    }
.btn-excel,
.btn-csv,
.btn-print {
    color: white;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    background-color: rgba(17, 141, 87)
}
.btn-excel:hover,
.btn-excel:focus,
.btn-csv:hover,
.btn-csv:focus,
.btn-print:hover,
.btn-print:focus {
    color: white;
    border-radius: 8px !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    padding: 6px 12px !important;
    outline: none;
    box-shadow: none;
}
.btn-excel i,
.btn-csv i,
.btn-print i {
    padding-right: 15px;
    font-weight: 600;
}
.btn-no,.btn-yes{
    color: rgb(32, 101, 209);
    font-weight:700;
    line-height:1.71429;
    font-size:0.875rem;
    min-width:64px;
    padding:6px 8px;
    border:0px;
    background-color: white;
    border-radius:8px
}
.btn-no:hover,.btn-yes:hover{
background-color: #EEF3FB;
color: rgb(32, 101, 209) !important;

}
.btn-no:focus,.btn-yes:focus{
    color: rgb(32, 101, 209) !important;
    background-color: #EEF3FB;
    border: 0px !important;
    box-shadow: none  !important;
    outline:none !important;
    animation: gradient 0.8s forwards;
    }
    @keyframes gradient {
        0% {
            background-color: #EEF3FB;
            color: rgb(32, 101, 209) !important;
        }
        100% {
            background-color: #c3d4f7; 
            color: rgb(32, 101, 209) !important;
        }
    }
     

/* pagination  btn */
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
    border-radius: 0.25rem;
    margin-left: 0.633em;
    color: #006c9c;
    border-color: #006c9c !important;
}
.page-link:not(:disabled):hover,
.page-link:not(.disabled):hover {
    color: white !important;
    background-color: rgba(0, 108, 156, 0.9);
}
li.active .page-link {
    color: white !important;
    background-color: rgba(0, 108, 156, 1);
}
.page-link:not(:disabled):focus,
.page-link:not(.disabled):focus {
    outline: none;
    box-shadow: none;
}

div.dataTables_wrapper div.dataTables_paginate{
    position: absolute;
    margin-left: 17.9%;
}
.dataTables_length {
    padding: 5px 5px 5px 25px;
    margin-left: 20px !important;
}
div.dataTables_wrapper div.dataTables_info /*Shows data in the table*/
{
      margin-left: 25px !important;
      margin-top: 5px !important;
}
div.dataTables_wrapper div.dataTables_length select{
    padding-left:12px !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}
div.dataTables_wrapper div.dataTables_length label
{
    font-weight: 600;
}
.dataTables_length
{
    padding: 5px 5px 5px 5px;
}
.pagination > *:not(:first-child):not(:last-child) .page-link {
    border-radius: 50%; 
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 5%;
    max-width: 30px;
    max-height: 30px;
    margin-top: 2px;
}
.btn-primary,
.btn-success,
.btn-danger,
.btn-light {
    background-color: rgb(33, 43, 54);
    color: white;
    border: none !important;
    outline: none;
    box-shadow: none !important;
    line-height: 1.71429;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 6px 12px;
    border-radius: 8px;
}
.btn-danger{
    background-color: rgb(33, 43, 54) ;
    color: white ; 
    border: none !important;
    outline: none;
    box-shadow: none !important;
    line-height: 1.71429;
    font-weight: 700;
    font-size: 0.875rem;
    padding: 6px 12px;
    border-radius: 8px;
}
.btn-success:hover,
.btn-danger:hover,
.btn-light:hover,
.btn-success:focus,
.btn-danger:focus,
.btn-light:focus,
.btn-success:active,
.btn-danger:active,
.btn-light:active {
    background-color: rgb(69, 79, 91) !important;
    color: white ;
    border-color: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.btn-light:focus,.btn-light:hover,.btn-light:active
{
    color: white !important;
}

.btn-info{
    color: white;
    border: none !important;
    outline: none;
    box-shadow: none !important;
    line-height: 1.71429;
    border-radius: 8px !important;
}
.btn-outline-primary{
    padding:6px 12px !important;
    border-radius: 8px !important;
    color: rgb(151, 151, 151) !important;
    background-color:transparent !important;
    border:rgb(151, 151, 151) 1px solid ;
}
.btn-outline-secondary{
    padding:8px 16px !important;
    background-color: rgb(54, 179, 126);
    border-radius:8px;
    font-weight:700;
    color: white;
    margin-right:12px  !important;
    min-width: 130px;
}
.btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover{
    background-color: rgba(54, 179, 126,0.8);
    color: white !important;
    box-shadow: none !important;
}
.btn-outline-secondary:focus{
    background-color: rgba(54, 179, 126,0.7) !important;
 
}
.btn-outline-primary:active,
.btn-outline-primary:hover,
.btn-outline-primary:focus
{
    background-color: rgb(255,255,255) !important;
    color: rgb(224, 219, 219);
    border-color: none !important;
    outline: none !important;
    box-shadow: none !important;
    border: rgb(224, 219, 219) 1px solid !important;
}
.btn-success::before{
    content: "+";
    font-weight: bolder;
    font-size: 16px;
    margin-right: 5px;
}
.btn-success{
    margin-top: 15px;
    margin-bottom: 10px;
}
 .btn-primary i{
    margin-left: 5px;

 }
 .btn-primary{
    background-color: #038ea7
 }
 .btn-primary:hover,
.btn-primary:focus,
.btn-primary:active
{
    background-color: rgba(0, 108, 156 ,0.8) !important;
    color: white;
    border-color: none !important;
    outline: none !important;
    box-shadow: none !important;
}
 .btn-default{
    background-color: #eff0f1;
    color: #212B36;
    font-weight: bold;
    font-size: 0.875rem;
    padding: 12px 24px;
    border-radius: 8px;
    border: none !important;
    outline: none;
    box-shadow: none !important;
 }
 .btn-default::before{
    content: "\f060";
    font-family: FontAwesome;
    font-weight: 100;
    margin-right: 5px;
    color: #2c3238; 
 }
.input-group-append .btn-primary{
    background-color: rgb(216, 216, 224) !important;
 }
.for-more{
    color: white;
    background-color: #637381;
    border-radius: 5px;
    font-weight: 700;
}
.for-more:hover,.for-more:focus{
       background-color: #637381;
       opacity: 0.8;
       color: white;
       box-shadow: none !important;
}
/*Notification*/
.badge-warning{
    background-color: #FF5630;
    color: white;
    font-weight:500;
    font-size: 0.75rem;
    border-radius: 50%;
    padding: 3px 6px;
    margin-top:-20px !important;
}
.dropdown-item.active, .dropdown-item:active{
    background-color: white !important;
    color: #000102;
}

/*Login*/
.welcome-div{
    background-color: #faf8f8;
    height: 100vh;
}
.welcome-text {
    font-family: 'Segoe UI', sans-serif;
    font-weight: 700;
    text-align: center; 
    font-size:2rem;
    color: black;
}
.welcome-under-text{
    text-align: center;
    color:#637381;
    font-size:1rem;
    font-weight: 400;
    font-family: 'Segoe UI', sans-serif;

}
.dashboard-img{
    max-width: 100px;
    padding-top: 2vh;
    padding-bottom: 12vh;
}
.dashboard-hero-img {
    display: flex;
    justify-content: center;  
    align-items: center;  
}
.login-alt-img{
    display: flex;
    justify-content: center;
    align-items: center; }  
.sign-text{
    font-size:1.20rem;
    font-weight: 700;
    color: rgb(37, 37, 37);
    }
.sign-under-text{
    color: #637381;
    font-weight: 400;
    }
    .info-icon{
        max-width: 30px;
        color: #00B8D9;
    }
    .login-info-div{
        background-color: rgba(0, 184, 217, 0.16);
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 20px;
        color: #003768;;
    }
    .login-info{
        padding:8px 0px;
        font-weight: 400;
        font-size: 0.85rem;
        line-height:1.5;
    }
    .login-info strong{
        color: #003768;
    }
    .login-card-body {
        min-width: 400px;
    }
    
    @media (max-width: 992.98px) {
        .login-card-body {
            min-width: 300;
        }
    
    }
    @media (max-width: 450px) {
        .login-card-body {
            min-width: 200px;
        }
    }

    /*Show*/
tbody tr th{
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1) ;
    color: black;
} 


/*minimals tabs*/

 .nav-tabs{
    border-bottom:none !important;
    margin-bottom:30px !important;
    background: rgba(145, 158, 171, 0.08);
    display: flex;
    justify-content: space-around;
    padding: 0px 16px 0px 2px;
    width: 100%;
}
.nav-tabs .nav-item {
    flex-grow: 1;
    text-align: center;
    margin-left: 3%;
    margin-right: 3%;
    
}
.nav-tabs .nav-link{
    width: 100%;
    font-size:0.875rem;
    color: #637381;
    border: none !important;
    font-weight: 600;
    align-items:center;
    justify-content:center;
    min-height: 48px;
    padding-top: 15px;
 

}
.nav-tabs .nav-link.active{
    font-size:0.875rem;
    color: #1C252E;
    font-weight: 700;
    background: rgba(145, 158, 171, 0.009);
    border-bottom: 2px solid black !important;
    
} 

.nav-tabs .nav-link::after{
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 5px;
} 
.nav-tabs .nav-link.active::after{
    content: "\f106";
    font-family: FontAwesome;
    color: #1C252E;
    padding-left: 5px;

  } 


/*Modal*/
.modal-content{
    border-radius: 12px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.modal.show{
    background-color: rgba(75, 85, 94, 0.4);
}
.modal-content button {
    margin-left: auto;
    display: block; 

}
.modal-content {
 padding: 2% 4% !important;
 }

/*Activity*/
.activity-title{
    color: #545454;
    font-family: "Public Sans";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
}
.activity-info{
    color:#637381;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
}
.activity-desc{
    color:  #212B36;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
    padding-top: 18px;
    }
 
 body .show-header{ 
    color: #637381 !important;
    font-size: 0.875rem !important;
    line-height:1.57143 !important;
    margin:0px 0px 4px;
    padding-left: 15px;
      }
    
      .show-header-text{
        padding-left: 36px !important;
        color: #1C252E !important;
        font-size: 0.875rem !important;
        font-weight:600;

      }
      
      .show-desc-header{
        color:#1C252E;
        font-weight:600;
        margin-top:24px;
        margin-bottom:8px;
        font-size:1.125rem;
      }
      .show-header-desc-text{
        color:#1C252E;
        font-size: 1rem;
        line-height:1.5;
        font-weight:400;
      }
      
      html:not([dir=rtl]) .input-group>.form-control:not(:last-child){
        left: 63px;
      }
      html:not([dir=rtl]) .input-group-append {
        margin-left: 63px;
        z-index: 0;
    }
      
      .form-group label {
        position: absolute;
    top: 3px;
    left: 24px;
    z-index: 25;
    font-size: 0.75rem;
     font-weight: 600;
     color: #637381 ;
}
 .select2-container--default.select2-container--disabled .select2-selection--single {
        cursor: default !important;
        color: rgb(145, 158, 171) !important;
        background-color: #F7F7F7 !important;
      }

 .form-control:disabled, .form-control[readonly] {
        cursor: default !important;
        color: #1C252E !important;
    }
    .select2-container--disabled .select2-selection--single .select2-selection__rendered {
        color: #1C252E !important;
        padding-bottom: 0px !important;
    }
    .radio-btn-header{
        font-weight: 600 !important;
        font-size:0.875rem !important;
        line-height: 1.57143 !important;
        color: #1C252E !important;
    }
    html:not([dir=rtl]) .form-check-input{
        margin-left: -40px !important;
    }

  .radio-btn-text{
    font-weight: 400 !important;
    font-size:0.875rem !important;
    line-height: 1.57143 !important;
    color: #1C252E !important;
    margin-left: 22px;
  }
  .dropdown-item a {
    padding-left: 10px;
        color:rgb(32, 101, 209)!important;

  }
  .radio-btn{
    margin-top: 25px !important;
  }

  @media (max-width: 1810px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: calc(90% - 30px) !important;
    }

}
@media (max-width: 1310px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: calc(90% - 120px) !important;
    }
    .login-page-xl{
        display: none;
    }
     .login-page-lg{
            display: block;
    background-color: white !important;
  }
      .login-page-lg header{
    background-color: white !important;
  }
      
}
@media (max-width: 1150px) {
    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: calc(90% - 130px) !important;
    }
 
}
@media (max-width: 997px) {
    .c-header-toggler {
        transform: translateX(-17px);
    }
}
 

@media (max-width: 690px) {
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin-right: 45px;
        white-space: nowrap;
        justify-content: center;
    }
    .pagination{
        margin-left: 32vw !important;
    }
}
@media (max-width: 640px) {
   #DataTables_Table_0_filter{
    margin-top: 20px;
    margin-right: 33px;
   }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin-right: 45px;
        white-space: nowrap;
        justify-content: center;
    }
    .pagination{
        margin-left: 0px !important;
    }

}
    @media (max-width: 1220px) {
   .pagination li:not(.active) {
        display: none !important;
    }
         .pagination li:nth-child(2) {
        display: block !important;
    }
        .pagination li:nth-child(3) {
        display: block !important;
    }

        .pagination li.previous,
    .pagination li.next {
        display: block !important;
    }

}
@media (max-width: 445px) {
   #DataTables_Table_0_filter {
    text-align: right !important;
    margin-right: 30% !important;
   } 
.btn-print{
    margin-top: 10px;
    padding: 4px 59px !important;
    margin-left: 25px !important;
}
.dt-buttons{
    text-align: left !important;
}
}

@media (max-width: 430px) {

    .input-group-text{display: none;}
    .login-page-lg{margin-top: 50px !important;}
    }

@media (max-width: 350px) {

 .btn-excel,.btn-print,.btn-csv {
    text-align: center !important;
    margin-left: 25% !important;
 }
.btn-csv,.btn-print {
    margin-top: 10px;
    padding: 4px 59px !important;
}
 
}

@media (min-width: 1310px) {
    .login-page-xl {
        display: block;
    }
    .login-page-lg {
        display: none;
    }
}


/*Login Logo*/
.fixed-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: auto !important; 
    padding: 0.5rem 1rem !important; 
}

 tr .clickable-cell:first-child {
   color: black;
    cursor: pointer !important;
    font-weight: 600;
    text-decoration: underline;
 }

 span .ck-editor__editable
 {
    min-height: 240px !important;
 }


input.form-control.is-invalid {
    padding-right: 0.8rem !important;
}
select.form-control.is-invalid 
{
background-size:calc(2.75em + .375rem) calc(.75em + .375rem) !important;
}

/* calendar */

.fc table{
   box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px !important;
}

.fc-h-event {
    background-color: #006C9C !important;
    color: white !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 5px 10px !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    outline: none !important;
}
.fc-daygrid-event-harness{
    margin-top: 5px !important;
}

.fc .fc-daygrid-day-frame {
border: 1px solid #EDEFF1;
border-bottom: 0px !important;
border-top: 0px !important;
padding-left: 5px;
max-height: 40px;
overflow-y: auto;
}


.fc-scrollgrid-sync-table tr {
border: 1px solid #EDEFF1;
}
.fc-event-selected, .fc-event:focus
{
    background-color: red;
}
.fc-today-button{
    background-color: red !important;
    border: 1px solid red !important;

}
.fc-toolbar-chunk button {
    padding: 20px;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: #F6F7F8 !important;
}
.fc-toolbar-chunk button:focus,
.fc-toolbar-chunk button:hover,
.fc-toolbar-chunk button:active
 {
    outline: none !important;
    box-shadow: none !important;
    background-color: none !important;
}

.fc-today-button {
    outline: none;
    box-shadow: none;
    padding: 7px 12px !important;
    font-weight: bold !important;
    border-radius: 12px !important;
}

.fc-col-header tr:first-child {
    font-size: 1rem;
    border-top:1px solid #EDEFF1 ;
        border-left:1px solid #EDEFF1 ;
    border-right:1px solid #EDEFF1 ;
}
.fc .fc-col-header-cell-cushion {
    padding: 1em 0.75em !important;
}

.home-select-country
{
    position: relative; 
    left: 3vw !important;
}
.travel-home, .crm-customer {
    min-height: 500px !important;
    max-height: 500px !important;
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
    position: relative;
}

.travel-home::-webkit-scrollbar, 
.crm-customer::-webkit-scrollbar,
.fc .fc-daygrid-day-frame::-webkit-scrollbar {
    width: 8px;
}

.travel-home::-webkit-scrollbar-track, 
.crm-customer::-webkit-scrollbar-track,
.fc .fc-daygrid-day-frame::-webkit-scrollbar-track {
    background: transparent;
}

.travel-home::-webkit-scrollbar-thumb, 
.crm-customer::-webkit-scrollbar-thumb,
.fc .fc-daygrid-day-frame::-webkit-scrollbar-thumb  {
    background-color: transparent;
    border-radius: 10px;
}

.travel-home:hover::-webkit-scrollbar-thumb, 
.crm-customer:hover::-webkit-scrollbar-thumb,
.fc .fc-daygrid-day-frame:hover::-webkit-scrollbar-thumb {
    background-color: #aaa;
}
.travel-home:hover, .crm-customer:hover {
    scrollbar-color: #aaa #f0f0f0;
}
@media (max-width: 768px) {
   .home-select-country
 {
    left: 4vw !important;
   }
}
@media (max-width: 760px) {
    .home-select-country
     {
     left: 2.2vw !important;
    }
    }

    .dashboarCalendars
    {
        margin-bottom: 20px;
    }

.input-group>.form-control:not(:first-child) {
    padding-left: 8px !important;
}
html:not([dir=rtl]) .input-group>.form-control:not(:last-child)
{
    left: 0px !important;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 10px;
    border: 2px solid transparent;
}

::-webkit-scrollbar:hover {
    background: transparent;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #888; 
    border: 2px solid #555;
}

* {
    scrollbar-width: thin;
    scrollbar-color: transparent transparent;
}

*:hover {
    scrollbar-color: #888 #f0f0f0;
}

.writtenBy{
    color: #020303 !important;
    font-weight: 600 !important;
}
.writtenByTitle{
    color: #2d3338 !important;
    font-weight: 500 !important;
}


        .file-link {
            color: #007bff;
            text-decoration: none;
        }
        .file-link:hover {
            text-decoration: underline;
        }


        @media (min-width: 775px) {
  .table-responsive-mobile {
    display: none;
  }
}

@media (max-width: 775px) {
  .table-responsive-mobile {
    display: block;
  }
  .table-responsive-crm,.table-responsive-travel-activities,.table-responsive-travel-treatment
    {
        display: none;
    }
}

.notify-responsive{
    margin-left: 3px;
}
.component-error-message{
    width: 100% !important;
    margin-top: .25rem !important;
    font-size: 80% !important;
    color: #e55353 !important;
}
.btn-danger:disabled
{
    background-color: #6c757d !important;
    color: #f0f0f0 !important;
}

 .description-truncated {
        /* white-space: nowrap; */
        overflow: hidden;
        text-overflow: ellipsis;
        cursor: pointer;
    }