body{
    font-family: 'Poppins',sans-serif;
    font-size: 15px;
    color: #2E4774;
    font-weight: 200;
    overflow-x: hidden;
}
.login-bg{
    background:url('../images/login-bg.jpg');
    width: 100%;
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
}

.left-login {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.login-title {
    font-size: 18px;
    color: #00BF78;
    font-weight: 500;
}

.login-subtitle {
    color: #808080;
    font-weight: 200;
}

.login-form .input-group-text {
    background: transparent;
    border: 0;
    position: absolute;
    z-index: 4;
    font-size: 16px;
    left: 10px;
    top: 11px;
}

.login-form .form-control {/* border: 0; */border: 1px solid #D4D4D4;padding: 15px 10px 15px 50px;border-radius: 50px!important;position: relative;z-index: 1;font-size: 13px;font-weight: 200;}

.login-form .form-control:focus {
    border-color: #176AE6;
    box-shadow: none;
}

.login-form .input-group {
    /* border: 1px solid #D4D4D4; */
    /* border-radius: 50px; */
    position: relative;
}

.remember-me {
    color: #808080;
    text-decoration: none;
    font-size: 12px;
    font-weight: 200;
    cursor: pointer;
}

.remember-me i {
    font-size: 20px;
    position: relative;
    top: 2px;
    margin-right: 5px;
}

.theme-button {
    display: inline-block;
    width: 100%;
    border-radius: 50px;
    background: #176AE6;
    color: #fff;
    padding: 15px;
    font-weight: 200;
    margin-top: 30px;
    text-decoration: none;
    border: 2px solid #176AE6;
    transition: background .3s;
    position: relative;
}

.green-button {
    display: inline-block;
    width: 100%;
    border-radius: 50px;
    background: #84E0BE;
    color: #2E4765;
    padding: 15px;
    font-weight: 200;
    margin-top: 30px;
    text-decoration: none;
    border: 2px solid #84E0BE;
    transition: background .3s;
    position: relative;
    font-size: 16px;
    font-weight: 500;
}

.green-button:hover {
    background: transparent;
}

.theme-button:hover {
    background: transparent;
    color: #176AE6;
    font-weight: 400;
}

.login-register {
    color: #808080;
    font-size: 12px;
    text-decoration: none;
    font-weight: 200;
    padding: 0 5px;
}

.login-forgot-pass {
    color: #808080;
    font-size: 12px;
    text-decoration: none;
    font-weight: 200;
    padding: 0 5px;
}

.login-picture {
}

.login-welcome-text {
    position: absolute;
    opacity: .8;
    color: #E8E8E8;
    font-size: 73px;
    bottom: 20px;
    left: 20px;
}

.login-copyright {
    font-weight: 200;
}

.login-dropdown {
    color: #212121;
    font-size: 25px;
    position: absolute;
    right: 20px;
    top: 10px;
}

.content-left {
    background-image: linear-gradient(#110091, #9A0035,#9A0035,#9A0035);
    /* height: 100%!important; */
    background-size: 300% 300%;
    animation: example linear 1s forwards;
    position: relative;
    top: 0;
    /* min-height: 100vh; */
    z-index: 0;
}

.egitmenler {
    background-image: linear-gradient(#465ee3, #009a65,#110091, #9A0035);
}
.duyurular {
    background-image: linear-gradient(#17D59B, #FF0089,#FF0089, #FF0089);
}
.dokuman-yonetimi {
    background-image: linear-gradient(#17D5CD, #4600FF,#4600FF, #4600FF);
}
.restaurant-menu {
    background-image: linear-gradient(#FFA700, #980000,#980000, #980000);
}
.toplanti-rezervasyonu {
    background-image: linear-gradient(#17D59B, #FF0089,#FF0089, #FF0089);
}
.profil {
    background-image: linear-gradient(#008691, #9A0035,#110091, #9A0035);
}

.content-left.bildirim {
    background-image: linear-gradient(#e34646, #9a0035,#9A0035, #110091);
}

.content-left.anket {
    background-image: linear-gradient(#F08D06, #9A0035,#9A0035, #110091);
}
.content-left.rehber {
    background-image: linear-gradient(#43C6AC, #191654,#465ee3, #009a65);
}
.content-left.icap {
    background-image: linear-gradient(#134632, #185339,#1C603F, #247A4D);
}
.content-left.dof {
    background-image: linear-gradient(#F3696E, #F57E4A,#F69426, #F8A902);
}
.content-left.hasta-sikayet {
    background-image: linear-gradient(#0965C0, #4857B1,#8648A3, #C53A94);
}

/* The animation code */
@keyframes example {
    0% {
        background-position: 100% 100%;
    }
    50% {
        background-position: 50% 50%;
    }
    100% {
        background-position: 0% 0%;
    }
}

.menu-ul {
    list-style: none;
    font-size: 18px;
    font-weight: 600;
    padding: 0;
    transition: all .5s;
    padding-right: 23px;
}

.menu-ul li {
    margin-bottom: 20px;
}

.menu-ul li.active .menu-link {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    opacity: 1;
}

.menu-ul .menu-link i {
    font-size: 20px;
    width: 30px;
    text-align: center;
    /* margin-right: 5px; */
    vertical-align: middle;
}

.menu-ul .menu-link span {
    display: inline-block;
    width: calc(100% - 35px);
    vertical-align: middle;
}

.menu-ul .menu-link {
    font-size: 15px;
    font-weight: 400;
    opacity: .8;
    color: #fff;
    text-decoration: none;
    position: relative;
}

.content-right {
    background: #F5F6FA;
    position: relative;
    position: relative;
    /*z-index: 9999;*/
    min-height: 100vh;
}

.content-right:before {content: '';position: absolute;left: -30px;top: 0;height: 100%;width: 30px;border-top-left-radius: 50px;background: #F5F6FA;z-index: 0;}

.page-header .page-title {
    color: #2E4765;
    font-size: 36px;
    font-weight: 600;
}

.page-header .page-subtitle {
    color: #2E4765;
    font-size: 18px;
    font-weight: 200;
}

.education-item {
    box-shadow: 5px 9px 33px rgb(0 0 0 / 16%);
    border-radius: 40px;
    border: 0;
    /* overflow: hidden; */
}

.education-item .card-title {
    color: #2E4765;
    font-size: 17px;
    font-weight: 600;
    /* text-transform: uppercase; */
    margin: 0;
    min-height: 43px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.education-item .card-subtitle {
    color: #2E4765;
    font-size: 12px;
    font-weight: 200;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    width: calc(100% - 20px);
    margin-top: 5px;
    top: 20px;
    transition: all .5s;
    left: 10px;
}

.education-item .card-subtitle:hover {
    white-space: normal;
    position: absolute;
    background: #fff;
    z-index: 2;
    box-shadow: 0 0 15px 5px rgb(221 221 221 / 40%);
    padding: 10px;
    border-radius: 10px;
}

.education-item .card-text {
    color: #838383;
    font-size: 12px;
    font-weight: 200;
    /* margin-top: 20px; */
    margin-bottom: 0;
    /* min-height: 55px; */
}

.education-item .education-tooltip {
    font-size: 25px;
    cursor: pointer;
    position: relative;
}

.education-item .education-icon {
    color: #2E4765;
    font-weight: 200;
    font-size: 13px;
    margin-bottom: 5px;
}

.education-item .education-icon i {
    display: inline-block;
    vertical-align: super;
}

.education-item .education-icon span {
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: calc(100% - 20px);
}

.education-item .education-icon-list {
    margin: 20px 0 0;
}

.text-orange {
    color: #FE846E;
}

.education-text-success {
    color: #00FFB1;
}
.education-text-danger {
    color: #FF0031;
}

.user-logout {
    border-radius: 20px;
    margin-left: 20px;
}

.logout {
    color: #2E4765;
    opacity: .5;
    font-size: 16px;
    text-decoration: none;
    font-weight: 200;
    margin-left: 10px;
}

.notification {
    font-size: 25px;
    margin-left: 50px;
}

.user-dropdown {
    font-size: 25px;
    margin-left: 10px;
    color: #2E4765;
}

.user-dropdown a,.notification a {
    color: #2E4765;
    position: relative;
}

.user-name {
    font-size: 20px;
    font-weight: 200;
    color: #2E4765;
}

.user-name b {
    font-weight: 600;
}

.filter-item {
    display: inline-block;
    background: #fff;
    padding: 5px 20px;
    border-radius: 20px;
    position: relative;
    margin-right: 10px;
    box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 16%);
    top: 5px;
}

.page-filter {
    /* margin-top: 20px; */
}

.filter-item select {
    padding: 5px 0;
    color: #2E4765;
    font-size: 18px;
    font-weight: 200;
    min-width: 200px;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    padding-right: 60px;
}


.filter-item label {
    font-size: 16px;
    font-weight: 200;
    color: #2E4765;
    width: 100%!important;
    display: inline-block;
    width: 100%;
}

.filter-item .select2-selection__arrow {
    display: none;
}

.filter-item .select-label {
    position: absolute;
    right: 20px;
    top: calc(50% - 24px);
    font-size: 35px;
    color: #2E4765;
    z-index: 2;
}

.filter-button {
    background: #84E0BE;
    padding: 7px 12px;
    border-radius: 20px;
    display: inline-block;
    font-size: 30px;
    border: 1px solid #00BF78;
    color: #fff;
    position: relative;
    /* margin-left: 10px; */
    min-width: 61px;
    height: 100%;
    text-align: center;
    transition: all .6s ease!important;
}

.filter-button:hover {
    background: #fff;
    color: #84E0BE;
}

.search-effect + .filter-button {
    margin-left: 5px;
    top: -5px!important;
}

.search-effect + .icap-submit-button {
    top: -10px!important;
}

.search-effect .filter-button {
    transition: margin 0.6s ease;
}

.page-prev {
    color: #2E4765;
    font-size: 55px;
    text-align: center;
}

.page-header ~ .page-header .page-prev {
    font-size: 45px;
}

.left-top-rounded {}

.education-content {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}

.education-detail {
    border-radius: 40px;
    box-shadow: 5px 9px 33px rgb(0 0 0 / 16%);
    position: relative;
    z-index: 2;
}

.edutacion-title {
    font-size: 29px;
    color: #2E4765;
    font-weight: 600;
}

.education-subtitle {
    color: #2E4765;
    font-weight: 200;
}

.education-info {
    color: #838383;
    font-weight: 200;
    margin-top: 20px;
}

.education-list-item {
    margin-bottom: 5px;
    font-weight: 200;
    font-size: 16px;
}

.education-list-item i {
    width: 25px;
    text-align: center;
}

.education-list {
    margin-top: 30px;
}

.theme-button-padding {
    padding-left: 100px;
    padding-right: 100px;
}

.theme-button-small-padding {padding-left: 50px;padding-right: 50px;}

.related-education-subtitle {
    font-size: 20px;
    font-weight: 200;
    margin-bottom: 30px;
    display: inline-block;
}

.page-header ~ .page-header .page-title {
    font-size: 29px;
}

.page-header ~ .page-header .page-subtitle {
    font-size: 15px;
}

.education-rounded {
    border-radius: 40px;
}

.notification-input input,.notification-input select {
    font-size: 17px;
    font-weight: 500;
    color: #2E4765!important;
}

.education-shadow {
    box-shadow: 5px 9px 33px rgb(0 0 0 / 16%);
}

.education-info-content {
    position: relative;
    z-index: 2;
}

b {
    font-weight: 700;
}

.example-end {
    background: #A70E54;
    border-color: #A70E54;
}

.example-end:hover {
    background: transparent;
    color: #A70E54;
}


.reply-item input[type=radio],.reply-item input[type=checkbox]{
    position: absolute;
    visibility: hidden;
    display: none;
}

.reply-item label{
    display: inline-block;
    position: relative;
    /* font-weight: 300; */
    /* font-size: 1.35em; */
    /* padding: 25px 25px 25px 80px; */
    margin: 10px auto;
    height: 30px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    line-height: 35px;
    padding-left: 40px;
}

.reply-item:hover label{
    /* color: #FFFFFF; */
}

.reply-item .check{
    display: inline-block;
    position: absolute;
    border: 1px solid #707070;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    top: 13px;
    background: #fff;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.reply-item:hover .check {
    /* border: 5px solid #FFFFFF; */
}

.reply-item .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 28px;
    width: 28px;
    top: 0px;
    left: 0px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.reply-item input[type=radio]:checked ~ .check,.reply-item input[type=checkbox]:checked ~ .check {
    border: 1px solid #707070;
}

.reply-item input[type=radio]:checked ~ .check::before,.reply-item input[type=checkbox]:checked ~ .check::before{
    background: #0DFF92;
}

.reply-item input[type=radio]:checked ~ label,.reply-item input[type=checkbox]:checked ~ label{
    /* color: #0DFF92; */
}

.reply-item {
    position: relative;
}

.example-count {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

.question-next i,.question-end i {
    position: absolute;
    right: 40px;
    font-size: 35px;
    top: 8px;
}

.question-prev i {
    position: absolute;
    left: 40px;
    font-size: 35px;
    top: 8px;
}

.theme-warning {
    background: #E6A617;
    border-color: #E6A617;
}

.theme-warning:hover {
    color: #E6A617;
    background: transparent;
}

.theme-success {
    background: #00BF78;
    border-color: #00BF78;
}

.theme-success:hover {
    color: #00BF78;
    background: transparent;
}

.theme-text-success {
    color: #00A037;
}

.theme-disabled {
    background: #E0E0E0;
    border-color: #E0E0E0;
    pointer-events: none;
}

.inbox-tite h5 {
    font-size: 19px;
}

.inbox-tite {
    border-bottom: 1px solid rgb(46 71 101 / 15%);
    border-right: 1px solid rgb(46 71 101 / 15%);
}

.inbox-list .inbox-list-time {
    font-size: 14px;
    font-weight: 200;
}

.inbox-list .inbox-list-name {
    font-size: 17px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 2px 0;
}

.inbox-list-name .green-badge {
    background: #04bf78;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 30px;
    /* top: -3px; */
    left: 0;
    margin-right: 10px;
}

#inbox-tab {
    text-align: left!important;
    width: 100%;
    max-width: 100%;
    display: inline-block;
    max-height: 75vh;
    overflow: auto;
    border-bottom: 0;
    min-height: 75vh;
}

#inbox-tab li button {
    text-align: left;
    color: #2E4765;
    border: 0;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    padding: 15px;
    margin-bottom: 0px;
}

#inbox-tab li button.active {
    background: #F2F2F2;
}

.inbox-list {
    border-right: 1px solid rgb(46 71 101 / 15%);
}

.inbox-list-summary {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 200;
}

.inbox-border-bottom {
    border-bottom: 1px solid rgb(112 112 112 / 25%);
}

.inbox-delete {
    color: #84E0BE;
    margin-left: 10px;
}

.inbox-info-title {
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.inbox-small-text {
    font-size: 13px;
}

.font-weight-light {font-weight: 200;}

.inbox-info-detail p {
    margin: 0;
}

.notification-input input:focus,.notification-input select:focus {
    box-shadow: none;
}

.notification-input {
    border-radius: 20px;
}

.profile-content input.form-control,.profile-content select.form-select {
    /* background: #fff; */
    border: 0;
    padding: 20px;
    border-radius: 20px;
    font-weight: 200;
    color: #2E4765;
}

.profile-content input.form-control:disabled {
    color: #CECECE;
    background: #fff;
}

.profile-input-button {
    color: #2E4765;
    background: white;
    border: 0;
    border-radius: 20px;
    padding: 20px;
    font-weight: 200;
}

.table-checkbox input[type='checkbox'] {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

input.group-checkable + span {
    display: none;
}
.table-checkbox span {
    background-color: #fff;
    height: 30px;
    width: 30px;
    border-radius: 50px;
    display: inline-block;
}

th .table-checkbox span {
    background: #fff;
}

.table-checkbox span i {
    font-size: 45px;
    color: #fff;
}
.table-checkbox>input:checked~span i {
    color: #85e0be;
    /* filter: drop-shadow(1px 1px 0px #00BF78); */
}

.table-checkbox>input:checked~span {
    /* filter: drop-shadow(-1px -1px 0px #00BF78); */
    background: #84e1be;
}

.theme-select,.theme-input {
    font-weight: 200;
    color: #2E4765!important;
    border: 0;
    border-radius: 20px;
    padding: 20px 15px;
}

.theme-float-form select, .theme-float-form input[type='text'], .theme-float-form input[type='tel'], .theme-float-form input[type='email'], .theme-float-form input[type='password'],.theme-float-form input[type='number'] {
    padding-left: 0!important;
    padding-right: 0!important;
    font-weight: 200;
    border: 0;
}

.theme-float-form label {
    font-weight: 200;
}

.theme-float-form {
    /* padding: 20px; */
    border-radius: 20px;
}

.dataTable {
    vertical-align: middle;
}

.dataTable tr {
    vertical-align: middle;
}
#icap-table tr.odd {
    background: #fff;
}
#icap-table tr.even {
    background: #EBFFF8;
}
.dataTable th,.dataTable td {
    border: 0;
}

.paginate_button.previous a, .paginate_button.next a {
    font-size: 13px;
    color: #2E4765!important;
    background: transparent!important;
    border: 0;
}

.paginate_button .page-link {
    background: transparent;
    border: 0;
    color: #2E4765;
    font-size: 13px;
    padding: 0 5px;
    line-height: 20px;
}

.paginate_button.active .page-link {
    font-weight: 500;
    background: transparent;
    color: #2E4765;
    font-size: 16PX;
}

.table-button {
    color: #2E4765;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 200;
    border: 1px solid transparent!important;
    border-radius: 20px!important;
}

.table-button:hover,.table-button.active {
    border: 1px solid #2E4765!important;
    border-radius: 20px;
    color: #2E4765;
}

table.dataTable>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, table.dataTable>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after {
    position: absolute!important;
    opacity: 0!important;
    visibility: hidden!important;
    pointer-events: none;
}

#icap-table>thead .sorting:after, #dof-table>thead .sorting:after, table.dataTable>thead .sorting_asc:after, table.dataTable>thead .sorting_asc_disabled:after, #icap-table>thead .sorting_desc:after,#dof-table>thead .sorting_desc:after, table.dataTable>thead .sorting_desc_disabled:after {
    opacity: .3!important;
    visibility: inherit!important;
    pointer-events: inherit;
    bottom: 10px;
}

#icap-table>thead .sorting_asc:before, #icap-table>thead .sorting_desc:after {
    opacity: 1!important;
}

table.dataTable>thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, table.dataTable>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before {
    opacity: 0!important;
    visibility: hidden;
    pointer-events: none;
}

#icap-table > thead .sorting:before,#dof-table > thead .sorting:before, table.dataTable>thead .sorting_asc:before, table.dataTable>thead .sorting_asc_disabled:before, #icap-table>thead .sorting_desc:before, #dof-table>thead .sorting_desc:before, table.dataTable>thead .sorting_desc_disabled:before {
    opacity: .3!important;
    visibility: inherit;
    pointer-events: inherit;
    bottom: 10px;
}

table.dataTable>thead>tr>td:not(.sorting_disabled), table.dataTable>thead>tr>th:not(.sorting_disabled) {
    padding-right: 0!important;
}

input.group-checkable ~ span {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: transparent;
}

.modal-bg {
    background: #F5F6FA;
}

.modal-rounded {
    border-radius: 33px;
}

.modal-title {
    font-size: 22px;
    font-weight: 600;
}

.education-image {
    position: relative;
    overflow: hidden;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
}

.trainer-item .education-image img {
    border-radius: 30px;
}

.education-setting {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    background: rgb(0 0 0 / 54%);
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    transition: all .5s;
}

.trainer-item .education-setting {border-radius: 30px;}

.education-item:hover .education-setting, .trainer-item:hover .education-setting {
    opacity: 1;
}

.education-setting .setting-button {
    font-size: 30px;
    color: #fff;
    padding: 15px;
}

.education-add-content .input-group-text {
    border-radius: 20px;
    font-weight: 200;
    color: #2E4765;
    padding-right: 15px;
}

.education-add-label {
    font-size: 17px;
}

.font-weight-bold {
    font-weight: 700!important;
}

.font-weight-semibold {
    font-weight: 600!important;
}

.font-weight-normal {
    font-weight: 500!important;
}

.font-weight-medium {
    font-weight: 400!important;
}

.select2-selection {
    font-weight: 200;
    border: 0;
    border-radius: 20px;
    padding: 20px 15px;
    height: auto!important;
}

.select2-selection {
    font-weight: 200;
    color: #2E4765!important;
    border: 0!important;
    border-radius: 20px!important;
    padding: 15px 15px!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #2E4765!important;
}

.filter-item .select2-selection {
    padding: 0!important;
    width: 100%;
    color: #2E4765;
    font-size: 16px;
    font-weight: 200;
}

.filter-item .select2-selection:focus {
    outline: none;
}

.select2-search__field {
    font-weight: 200;
    color: #2E4765;
    font-size: 15px!important;
    margin: 0!important;
}

.select2-dropdown {
    border: 0;
    /* margin-top: -14px; */
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 20px 15px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: #fff;
    /* border-color: #e6e6e6; */
    /* background: transparent; */
    /* border: 0; */
    /* padding: 0; */
    /* margin-left: 0; */
    /* margin: 0; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice:after {/* content: ','; */}

.select2-container--default .select2-selection--multiple .select2-selection__choice:last-child:after {
    /* content: ''; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice ~ .select2-selection__choice:last-child:after {
    content: '';
}

.select2-container--default .select2-selection--multiple .select2-selection__choice ~ .select2-container--default .select2-selection--multiple .select2-selection__choice:before {content: ',';}

.select2-container--default .select2-selection--multiple .select2-selection__choice + .select2-container--default .select2-selection--multiple .select2-selection__choice:before {
    content: ',';
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    /* display: none; */
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    /* padding-right: 0; */
}

.white-button {
    background: #fff;
    text-decoration: none;
    padding: 15px 25px;
    border-radius: 20px;
    color: #2E4765;
    font-weight: 600;
    border: 0;
    transition: all .5s;
}

.white-button:hover {
    background: #2E4765;
    border-color: #2E4765;
    color: #ffffff;
}

.form-control:focus {
    box-shadow: none;
}

.modal-header .btn-close {
    background: transparent;
    font-weight: 400;
    color: #2E4765;
    opacity: 1;
    position: absolute;
    right: 50px;
    top: calc(50% - 5px);
    width: auto;
    height: auto;
    padding: 0;
}

.modal-header {
    position: relative;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* white-space: nowrap; */
    /* max-width: 100%; */
}

.questtion-input {
    background: #84E0BE;
    border: 0;
    padding: 20px 15px;
    border-radius: 20px;
    color: #2E4765;
}

.questtion-input:focus {
    background: #84E0BE;
    color: #2E4765;
}

.question-check input[type=checkbox]{
    position: absolute;
    visibility: hidden;
    display: none;
}

.question-check label{
    display: inline-block;
    position: relative;
    /* font-weight: 300; */
    /* font-size: 1.35em; */
    /* padding: 25px 25px 25px 80px; */
    margin: 10px auto;
    height: 100%;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
    line-height: 35px;
    padding-left: 40px;
    width: 100%;
    margin: 0;
    padding: 0;
}

.question-check:hover label{
    /* color: #FFFFFF; */
}

.question-check .check{
    display: inline-block;
    position: absolute;
    border: transparent;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    top: 0;
    background: #fff;
    left: 0;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.question-check:hover .check {
    /* border: 5px solid #FFFFFF; */
}

.question-check .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    font-weight: 900;
    height: 100%;
    font-family: "Font Awesome 5 Pro";
    width: 100%;
    top: 0px;
    font-size: 35px;
    left: 0px;
    color: #fff;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
    text-align: center;
    line-height: 64px;
}

.question-check input[type=checkbox]:checked ~ .check {
    background: #85e0be;
}

.question-check input[type=checkbox]:checked ~ .check::before{
    content: "\f00c";
}

.question-check input[type=checkbox]:checked ~ label{
    /* color: #0DFF92; */
}

.question-check {
    position: relative;
    height: 100%;
}


.question-true {
    position: absolute;
    top: calc(50% - 11px);
    padding-left: 14%;
    z-index: -1;
    opacity: 0;
    width: 100%;
    left: 0;
    transition: all .5s;
}

.question-true.active {
    padding-left: 9%;
    z-index: 0;
    opacity: 1;
}

.question-true.active ~ .col-lg-8 {
    margin-left: 100px;
    transition: all .5s;
}

.transition-5s {
    transition: all .5s;
}

.question-checked input {
    background: #85e0be;
    font-weight: 400;
    position: relative;
    z-index: 2;
}

.question-pagination .nav-link,.question-pagination2 .nav-link {
    color: #2E4765;
    background: #fff;
    margin-right: 5px;
    border-radius: 50px;
}

.question-pagination .nav-link.active,.question-pagination2 .nav-link.active {
    background: #85e0be;
    color: #2E4765;
}

.survey-title {
    font-size: 32px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.survey-subtitle {
    font-size: 21px;
}

.survet-item {}

.survey-item {
    font-size: 19px;
    margin-bottom: 4px;
}

.survey-item span {
    margin-left: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.survey-item i {
    width: 20px;
    text-align: center;
    float: left;
    margin-top: 2px;
}

.theme-rounded {
    border-radius: 20px;
}

.survey-analysis-page {
    font-size: 19px;
    font-weight: 500;
}

.survey-analysis-question {
    font-size: 17px;
    font-weight: 400;
    margin-top: 10px;
}

.survey-analysis-reply-list {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
}

.survey-analysis-reply-item {
    background: #2E4765;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 30px;
    border-radius: 20px;
    margin-right: 15px;
}

.page-content {
    position: relative;
    z-index: 2;
}

.page-content.mt-4.education-add-content {}

.blue-shadow {
    box-shadow: 0px 10px 80px rgb(123 126 246 / 56%);
}

.bg-blue {
    background: #2E4765;
}

.drop-rounded {
    border-radius: 50px 0 50px 50px;
}

.analysis-rounded {
    border-radius: 50px;
}

.progress-pie-chart {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #E5E5E5;
    position: relative;
}
.progress-pie-chart.gt-50 {
    background-color: #13A86A;
}

.ppc-progress {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 70px);
    top: calc(50% - 70px);
    width: 140px;
    height: 140px;
    clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 70px);
    top: calc(50% - 70px);
    width: 140px;
    height: 140px;
    clip: rect(0, 100px, 200px, 0);
    background: #81CE97;
    transform: rotate(60deg);
}
.gt-50 .ppc-progress {
    clip: rect(0, 70px, 140px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
    clip: rect(0, 140px, 140px, 70px);
    background: #E5E5E5;
}

.ppc-percents {
    content: "";
    position: absolute;
    border-radius: 50%;
    left: calc(50% - 123.913043px/2);
    top: calc(50% - 123.913043px/2);
    width: 123.913043px;
    height: 123.913043px;
    background: #fff;
    text-align: center;
    display: table;
}
.ppc-percents span {
    display: block;
    font-size: 24px;
    font-weight: 500;
    color: #242D47;
}

.pcc-percents-wrapper {
    display: table-cell;
    vertical-align: middle;
}
.progress-pie-chart {
    margin: 0px auto 0;
}

.analysis-text-danger {
    color: #8D0E57!important;
}

.analysis-text-success {
    color: #00A86A;
}

#analysis-table thead tr,#analysis-table2 thead tr {
    background: #2E4765;
    color: #fff;
    border-radius: 30px;
}

#analysis-table thead td,#analysis-table2 thead td {
    padding: 20px 0px;
    font-size: 16px;
    font-weight: 500;
}

#analysis-table tbody td,#analysis-table2 tbody td {
    padding: 15px 0;
    font-weight: 400;
    font-size: 16px;
    color: #2E4765;
}

#analysis-table thead td:first-child,#analysis-table2 thead td:first-child {
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}

#analysis-table thead td:last-child,#analysis-table2 thead td:last-child {
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}

.search-effect {
    display: inline-block;
    --background: #ffffff;
    --text-color: #414856;
    --primary-color: #4F29F0;
    --border-radius: 10px;
    --width: 200px;
    --height: 55px;
    position: relative;
    top: -5px;
}
.search-effect input[type=text] {
    position: relative;
    width: var(--height);
    height: 100%;
    color: var(--text-color);
    border: 0;
    box-sizing: border-box;
    outline: none;
    /* padding: 0 0 0 40px; */
    transition: all 0.6s ease;
    z-index: 10;
    opacity: 0;
    cursor: pointer;
    z-index: 0;
    position: absolute;
    top: 0;
    padding: 5px 30px 5px 20px;
    border-radius: 20px 0px 0px 20px;
}
.search-effect:hover input[type=text], .search-effect input[type=text][value] {
    z-index: 0;
    opacity: 1;
    width: calc(var(--width) + 20px);
    transition: width 0.6s ease;
}

.search-effect:hover .filter-button,.search-effect input[type=text][value] + .filter-button {
    margin-left: var(--width);
}
.search-effect input[type=text]:focus ~ .symbol::before {
    width: 0%;
}
.search-effect input[type=text]:focus ~ .symbol:after {
    -webkit-clip-path: inset(0% 0% 0% 100%);
    clip-path: inset(0% 0% 0% 100%);
    transition: -webkit-clip-path 0.04s linear 0.105s;
    transition: clip-path 0.04s linear 0.105s;
    transition: clip-path 0.04s linear 0.105s, -webkit-clip-path 0.04s linear 0.105s;
}
.search-effect input[type=text]:focus ~ .symbol .cloud {
    top: -30px;
    left: -30px;
    transform: translate(0, 0);
    transition: all 0.6s ease;
}
.search-effect input[type=text]:focus ~ .symbol .lens {
    top: 20px;
    left: 15px;
    transform: translate(0, 0);
    fill: var(--primary-color);
    transition: top 0.5s ease 0.1s, left 0.5s ease 0.1s, fill 0.3s ease;
}


th .table-checkbox {pointer-events: none;}

td .table-checkbox {
    cursor: pointer;
}

.filter-item .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0;
}

.filter-item .select2-container--default .select2-selection--single .select2-selection__rendered:focus {
    outline: none;
}

.filter-item span.select2 {
    width: 100%!important;
    min-width: 200px;
}

.table-button.active {}

.theme-text {
    font-size: 16px;
    color: #2E4765;
}

.theme-padding {
    padding: 20px 15px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: calc(50% - 13px);
}

[class*='col-'] .select2-container {
    width: 100%!important;
}

.uploader-form-control {
    display: none;
}

.item-passive {
    opacity: .4;
}

.education-image .card-img-top {
    height: 230px;
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
}

.trainer-item .education-image .card-img-top {
    height: 380px;
    border-radius: 30px;
    position: relative;
}

.tab-content .tab-pane {
    display: none;
}

.tab-content .active {
    display: block;
}
/*tooltip */
.tooltip {
    visibility: hidden;
    z-index: 9;
    opacity: .40;
    width: 110px;
    height: auto;
    padding: 2px 10px;
    background: rgb(46 71 101 / 20%);
    color: #576B83;
    position: absolute;
    top:-140%;
    text-align: center;
    left: -25%;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 200;
    transform: translateY(9px);
    transition: all 0.3s ease-in-out;
    /* box-shadow: 0 0 3px rgba(56, 54, 54, 0.86); */
}


/* tooltip  after*/
.tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: rgb(46 71 101 / 20%) transparent transparent transparent;
    position: absolute;
    left: 40%;
    /* border-color: transparent; */
}

.education-tooltip:hover .tooltip{
    visibility: visible;
    /* transform: translateY(-10px); */
    opacity: 1;
    transition: .3s linear;
    /* animation: odsoky 1s ease-in-out infinite  alternate; */
}

.tooltip p {
    margin: 0;
}
@keyframes odsoky {
    0%{
        transform: translateY(6px);
    }

    100%{
        transform: translateY(1px);
    }

}

/*hover ToolTip*/
.left:hover {transform: translateX(-6px); }
.top:hover {transform: translateY(-6px);  }
.bottom:hover {/* transform: translateY(6px); */}
.right:hover {transform: translateX(6px); }



/*left*/

.left .tooltip{ top:-20%; left:-170%; }

.left .tooltip::after{
    top:40%;
    left:90%;
    transform: rotate(-90deg);
}




/*bottom*/

.bottom .tooltip {top: 85%;left: calc(50% - 55px);}

.bottom .tooltip::after{
    top: -27%;
    left: calc(50% - 3px);
    transform: rotate(180deg);
}



/*right*/

.right .tooltip { top:-20%; left:115%; }

.right .tooltip::after{
    top:40%;
    left:-12%;
    transform: rotate(90deg);
}


.login-right-image {
    height: 100%;
    width: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    background-position: center!important;
}
.egitimSlider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
}

.egitimSlider .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

.swiper-button-prev,.swiper-button-next {
    color: #2E4765;
}

.todayIcapSwiper .swiper-button-prev:after, .todayIcapSwiper .swiper-button-next:after {
    font-size: 25px;
}

.todayIcapSwiper .swiper-button-next {
    right: 25%;
}

.todayIcapSwiper .swiper-button-prev {
    left: 25%;
}

.question-info {
    font-weight: 500;
    display: inline-block;
    width: 100%;
}

#remember-me {
    display: none;
}

#remember-me:checked + .remember-me {
    color: #196ae6;
}
@keyframes scale {
    0% {
        transform: scale(0.9);
        opacity: 0;
    }
    50% {
        transform: scale(1.01);
        opacity: 0.5;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

#example-tab .tab-pane {
    -webkit-animation: scale 0.2s ease-in-out;
    -moz-animation: scale 0.2s ease-in-out;
    animation: scale 0.2s ease-in-out;
}
.swiper-container.fullscreen {
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}
.fullscreen .swiper-slide img {
    pointer-events: none;
}
.fullscreen .swiper-slide .backdrop {
    /* background: #000; */
    opacity: .7;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    z-index: 1;
    cursor: pointer;
}
.egitimSlider.fullscreen .swiper-slide .close-button {
    background: #000;
    color: #fff;
    font-size: 16px;
    font-family: sans-serif;
    padding: 10px 18px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    cursor: pointer;
    display: block;
}

.egitimSlider .swiper-slide .close-button {
    display: none;
}
.egitimSlider.fullscreen .swiper-slide img {
    /*position: absolute;*/
    z-index: 2;
    /* cursor: pointer; */
    /* top: 2vh; */
    /* left: 10%; */
    /* max-width: 80%; */
    max-height: 100vh;
    /*left: calc(50% - 25%);*/
}

.fullscreen .swiper-slide {
    background: #fff;
    min-height: 100vh;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fullscreen .swiper-slide .row {
    min-height: 100vh;
}

.slide-info {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 30px; */
    z-index: 99;
    background: rgb(33 33 33 / 40%);
    padding: 5px;
    color: #fff;
}

.egitimSlider .swiper-slide img {
    cursor: pointer;
}
.pulse{
    --hover: #196ae6;
    -webkit-animation: pulse 1s ease-in-out;
    animation: pulse 1s ease-in-out;
    box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}

.pulse.question-end {
    --hover: #00BF78;
}

@-webkit-keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 var(--hover);
    }
}

.inbox-info-title a {
    color: #2E4765;
    text-decoration: none;
}

.select2-container--default .select2-results__option .select2-results__option {
    font-style: italic;
}

.select2-container--default .select2-results__group {
    font-size: 18px;
}

.selectize-input {
    padding: 20px 15px 20px!important;
    border: 0!important;
    box-shadow: none!important;
    font-weight: 200;
    color: #2E4765!important;
    border-radius: 20px!important;
    /* background: transparent!important; */
}

.selectize-control.multi .selectize-input [data-value] {
    background: transparent!important;
    border: 0!important;
    color: #2E4765!important;
    box-shadow: none!important;
    font-size: 16px;
    margin-right: 0;
    padding-left: 0;
}

.selectize-control.multi .selectize-input [data-value]:after {content: ',';}



.selectize-dropdown {
    border: 0!important;
    box-shadow: none!important;
    padding-top: 10px;
    margin-top: -20px!important;
    border-bottom-left-radius: 20px!important;
    border-bottom-right-radius: 20px!important;
    overflow: hidden;
}

.selectize-dropdown [data-selectable].option {
    color: #2E4765!important;
    font-size: 15px!important;
    font-style: italic;
}

.menu-ul li .menu-link .green-badge, .content-left .title .green-badge {
    background: #04bf78;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    border-radius: 30px;
    top: -3px;
    left: 0;
}

.content-left .title .green-badge {
    top: 10px;
    right: -15px;
    left: inherit;
}

.notification .orange-badge {
    background: #F08D06;
    width: 10px;
    height: 10px;
    display: inline-block;
    position: absolute;
    border-radius: 30px;
    top: 3px;
    left: 0;
}
.fileuploader-input ~ .fileuploader-items .fileuploader-items-list {
    width: 100%;
}

.information {
    position: fixed;
    padding: 20px 0;
    margin: 40px 0 60px;
    z-index: 999;
    min-width: 270px;
    max-width: 300px;
    min-height: 280px;
    top: 50vh;
    left: 50px;
    transition: .5s linear;
}

.information-btn {
    background: #ABABFD;
    border: 0;
    color: #fff;
    padding: 10px 70px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 12px;
    position: relative;
}

.information-button {
    text-align: center;
    margin-top: 20px;
    margin-left: 1.5rem!important;
}

.information-header {
    text-align: center;
    position: relative;
    margin-left: 1.5rem!important;
    margin-bottom: 20px;
}

.information:before {content: '';position: absolute;left: 1.5rem!important;top: 0;width: 105%;height: 100%;background: #fff;border-radius: 27px;box-shadow: 20px 40px 20px hsl(0deg 0% 0% / 8%);}

.information-text {
    width: 60%;
    margin-left: 50%;
    display: inline-block;
    font-size: 16px;
    font-weight: 200;
}

.information-mascot {
    position: absolute;
    left: -80px;
    top: -10px;
    width: 90%;
}

.information-mascot img {
}

.information-title {
    color: #00BF78;
    font-size: 21px;
    font-weight: 500;
}

.information-subtitle {
    color: #FFBC6E;
    font-size: 18px;
    font-weight: 500;
}
.information-footer {
    position: relative;
}

.menu {
    position: sticky;
    top: 3rem!important;
    z-index: 3;
}
.information.passive{
    /*-webkit-animation: blurFadeInOut 1.5s forwards;
    -moz-animation: blurFadeInOut 1.5s forwards;
    -ms-animation: blurFadeInOut 1.5s forwards;
    animation: blurFadeInOut 1.5s forwards;*/
    opacity: 0;
    pointer-events: none;
}
@-webkit-keyframes blurFadeInOut {
    0% {
        opacity: 1;
        filter: blur(0);
    }
    50% {
        opacity: .5;
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        filter: blur(10px);
        display: none;
    }
}
@-moz-keyframes blurFadeInOut {
    0% {
        opacity: 1;
        filter: blur(0px);
    }
    50% {
        opacity: .5;
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        filter: blur(10px);
        display: none;
    }
}
@keyframes blurFadeInOut {
    0% {
        opacity: 1;
        filter: blur(0px);
    }
    50% {
        opacity: .5;
        filter: blur(5px);
    }
    100% {
        opacity: 0;
        filter: blur(10px);
        display: none;
    }
}
.table .star {
    position: relative;
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.9em;
    margin-right: 0.9em;
    margin-bottom: 1.2em;
    border-right: 0.3em solid transparent;
    border-bottom: 0.7em solid #fff;
    border-left: 0.3em solid transparent;
    /* Controlls the size of the stars. */
    font-size: 24px;
}
.star:before, .star:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0.6em;
    left: -1em;
    border-right: 1em solid transparent;
    border-bottom: 0.7em solid #fff;
    border-left: 1em solid transparent;
    transform: rotate(-35deg);
}

.rating-stars .star:before, .rating-stars .star:after {
    display: none;
}
.star:after {
    transform: rotate(35deg);
}
.table-checkbox>input:checked~.star {
    border-bottom: 0.7em solid #FC0;
}

.table-checkbox>input:checked~.star:before,.table-checkbox>input:checked~.star:after {
    /* border-color: #fc0; */
    border-bottom: 0.7em solid #FC0;
}


.card-body .col-9 {
    position: relative;
}
.card-body .col-12 {
    position: relative;
}

.notice-shadow {
    box-shadow: 0 0 44px 0px rgb(0 255 167 / 20%);
}

.comment-name {
    font-size: 14px;
    margin: 0;
}

.notice-footer {
    position: relative;
}

.notice-footer:before {content: '';position: absolute;left: -15px;top: 0;width: calc(100% + 30px);height: 1px;background: rgb(112 112 112 / 30%);}

.comment {
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .5s;
    height: 21px;
}

.notice-comment-item:hover .comment {height: auto;white-space: normal;}

.notice-like i {
    color: #DBDBDB;
    position: relative;
    transition: all .5s;
}

.like-button.liked i {
    color: #FED42D;
}

.notice-total-like i {
    color: #FED42D;
}

.comment-input,.comment-input:focus {
    background: #F7F7F7;
    border: 0;
    padding: 20px 15px;
    border-radius: 12px;
    font-weight: 200;
    color: #2E4765;
}

.comment-add-button {
    height: 100%;
    background: #0895ED;
    color: #fff;
    border-radius: 12px;
    border: 1px solid #ABABFD;
    /* font-weight: 200; */
    min-height: 50px;
    font-size: 12px;
    width: 100%;
}

.comment-add-button:hover {
    color: #0895ED;
    background: #fff;
}

.notice-comment-add.collapsed {font-weight: 200;}

.notice-comment-add,.notice-comment-add:hover {
    font-weight: 500;
    cursor: pointer;
    transition: all .2s;
}

.text-red {
    color: #F53232!important;
}

#noticeAddModal .modal-header:after {
    content: '';
    position: absolute;
    left: -15px;
    bottom: 0;
    width: calc(100% + 30px);
    height: 1px;
    background: rgb(112 112 112 / 30%);
}

.notice-file {
    color: #2E4765;
    font-weight: 200;
    text-decoration: none;
    transition: all .3s;
}

.notice-file:hover {
    font-weight: 500;
    color: #2E4765;
}

.notice-author .setting-button {
    color: #84E0BE;
    padding: 10px 5px;
    font-size: 18px;
}

.notice-like .like-button span {
    color: #2E4765;
}
/*
@-webkit-keyframes sparkles {
    0%, 10% {
        opacity: 0;
        transform: scale(0);
    }
    15% {
        opacity: 1;
        transform: scale(1.2) rotate(-20deg);
        box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
    }
}
@keyframes sparkles {
    0%, 10% {
        opacity: 0;
        transform: scale(0);
    }
    15% {
        opacity: 1;
        transform: scale(1.2) rotate(-20deg);
        box-shadow: 0.32476rem -2.1875rem 0 0rem #ff8080, -0.32476rem -1.8125rem 0 0rem #ffed80, 1.91274rem -1.10998rem 0 0rem #ffed80, 1.21459rem -1.38398rem 0 0rem #a4ff80, 2.06039rem 0.80338rem 0 0rem #a4ff80, 1.83932rem 0.0867rem 0 0rem #80ffc8, 0.65652rem 2.11178rem 0 0rem #80ffc8, 1.07901rem 1.4921rem 0 0rem #80c8ff, -1.24172rem 1.82996rem 0 0rem #80c8ff, -0.49382rem 1.77391rem 0 0rem #a480ff, -2.20492rem 0.17015rem 0 0rem #a480ff, -1.69479rem 0.71994rem 0 0rem #ff80ed, -1.50777rem -1.61779rem 0 0rem #ff80ed, -1.61955rem -0.87617rem 0 0rem #ff8080;
    }
}

.like-button.liked i:after {
    will-change: opacity, box-shadow;
    -webkit-animation: sparkles 700ms ease-in-out;
    animation: sparkles 700ms ease-in-out;
    content: '';
    position: absolute;
    left: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}*/

.like-button {
    transition: all .5s;
}

.notice-pagination a {font-size: 14px;color: #2E4765;}

.notice-pagination {
    border: 1px solid #EBEBEB;
    cursor: pointer;
    display: inline-block;
}

.notice-tab .nav-link {
    background: transparent;
    color: #2E4765;
    opacity: .5;
}

.notice-tab .nav-link.active {
    background: transparent;
    color: #2E4765;
    opacity: 1;
}

.notice-tab {
    white-space: nowrap;
    display: inline-block;
    overflow: auto;
    width: 100%;
}

.notice-tab li {
    display: inline-block;
}

.ajax-load {
    background: url('../images/loader.gif');
    display: inline-block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 250px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    backdrop-filter: blur(10px);
}

.document-setting {
    /* text-align: right; */
}

.document-setting .setting-button {
    color: #84E0BE;
    font-size: 18px;
    padding: 0 5px;
}

.food-item,.calorie-item {
    padding: 05px 0;
}
.rating-loading {
    width: 25px;
    height: 25px;
    font-size: 0;
    color: #fff;
    background: url(../img/loading.gif) top left no-repeat;
    border: none;
}

.rating-container .rating-stars {
    position: relative;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
}
.rating-container .rating-input {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    font-size: 1px;
    border: none;
    background: 0 0;
    padding: 0;
    margin: 0;
}



.rating-disabled .rating-input, .rating-disabled .rating-stars {
    cursor: not-allowed;
}

.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center;
}
.rating-container .empty-stars {
    color: #aaa;
}
.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
}

.rating-rtl {
    float: right;
}

.rating-animate .filled-stars {
    transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
}

.rating-rtl .filled-stars {
    left: auto;
    right: 0;
    -moz-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -webkit-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    -o-transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
    transform: matrix(-1, 0, 0, 1, 0, 0) translate3d(0, 0, 0);
}
.rating-rtl.is-star .filled-stars {
    right: 0.06em;
}
.rating-rtl.is-heart .empty-stars {
    margin-right: 0.07em;
}

.rating-lg {
    font-size: 3.91em;
}

.rating-md {
    font-size: 3.13em;
}

.rating-sm {
    font-size: 2.5em;
}

.rating-xs {
    font-size: 2em;
    position: relative;
}

.rating-xl {
    font-size: 4.89em;
}

.rating-container .clear-rating {
    color: #aaa;
    cursor: not-allowed;
    display: inline-block;
    vertical-align: middle;
    font-size: 60%;
    padding-right: 5px;
}

.clear-rating-active {
    cursor: pointer !important;
}
.clear-rating-active:hover {
    color: #843534;
}

.rating-container .caption {
    /* background: #fff; */
    /* color: #999; */
    /* display: inline-block; */
    vertical-align: middle;
    font-size: 16px;
    /* margin-top: -0.6em; */
    /* margin-left: 5px; */
    margin-right: 0;
    width: 100%;
    text-align: center;
    /* position: absolute; */
    /* bottom: -50px; */
    /* height: 50px; */
    /* line-height: 50px; */
}

.rating-container .caption span {
    position: absolute;
    bottom: -50px;
    height: 50px;
    line-height: 50px;
    background: #fff;
    width: 100%;
    left: 0;
}

.rating-rtl .caption {
    margin-right: 5px;
    margin-left: 0;
}

@media print {
    .rating-container .clear-rating {
        display: none;
    }
}
.empty-star {
    color: #dee2e6;
}

.rating-container .filled-stars {
    -webkit-text-stroke: 0;
    text-shadow: none;
    color: #ffca00;
}

.progress {
    margin-top: 1rem;
    border-radius: 0;
}

.progress-bar {
    background-color: #ffca00;
}

.egitimSlider {
    overflow: hidden;
}

.fullscreen .swiper-pagination {
    display: none;
}

#documentationTable tbody tr {
    /* background: #fff; */
    border-radius: 20px!important;
    margin-bottom: 10px;
    overflow: hidden;
    color: #2E4765;
    padding: 20px;
}

#documentationTable tbody tr td {
    background: #fff;
    /* border-radius: 20px; */
    padding: 10px 15px;
}

#documentationTable tbody tr td:first-child {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#documentationTable tbody tr td:last-child {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    min-width: 120px;
}

#documentationTable th span {
    color: #2E4765;
}

#documentationTable th {
    padding: 0 15px;
}

#documentationTable {
    border-spacing:0 10px;
}

.page-item.disabled .page-link {
    background: transparent;
}

.restaurant-item.disabled {
    background: #FAFAFA;
}

.menu-disable-text {
    min-height: 125px;
    /* font-size: 16px; */
    font-weight: 500;
    opacity: .32;
    line-height: 125px;
}

.theme-success-button {
    background: #84E0BE;
    color: #fff;
    border-radius: 20px;
    padding: 10px 25px;
    font-weight: 600;
}

.theme-success-button:hover {
    background: #28E29D;
    color: #fff;
}

.theme-success-button.active-button {
    background: #28E29D;
}

.filter-item .selectize-input {
    background: transparent!important;
    padding: 0 0px 0 0px!important;
    min-width: 200px;
    line-height: normal;
    border-radius: 0!important;
}

.filter-item .selectize-control {
    display: inline-block;
    width: 100%;
    padding: 0 0 0 0px!important;
}

.filter-item .selectize-control.single .selectize-input:after {
    display: none;
}

.filter-form {
    position: relative;
    z-index: 3;
}

.filter-item .selectize-dropdown {box-shadow: 0px 0px 20px -10px rgb(0 0 0 / 16%)!important;top: 42px!important;}


.menu-shadow {
    box-shadow: 0 0 33px 7px #BAF8E2;
}

.event-time {
    color: #D30C7B;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    flex: 0 0 100%;
}

.event-title {
    font-size: 16px;
    color: #102B3F;
    font-weight: 600;
    margin-bottom: 10px;
    flex: 0 0 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-person {
    white-space: nowrap;
}

.event-person {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: auto;
    white-space: normal;
    font-size: 10px;
    color: #102B3F;
    flex: 0 0 100%;
    font-weight: 500;
    opacity: .5;
}

.sked-tape__event {
    background: rgb(239 239 239 / 75%)!important;
    border-bottom: 5px solid rgb(122 48 207 / 60%)!important;
    border-top: 0!important;
    border-left: 0!important;
    border-right: 0!important;
    opacity: .71;
}

.sked-tape__event:hover,.sked-tape__event:hover .event-button {
    opacity: 1;
}

.event-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 18px;
    color: #84E0BE;
    opacity: 0;
    transition:all .2s;
}

.event-button a {
    color: #84E0BE;
    margin-left: 5px;
}
.appointment-label{
    background: #D8D8D8;
    height: 100%;
    width: auto;
    display: inline-block;
    margin: 0 10px 0 0px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    padding: 20px 50px;
    color: #fff;
    height: auto;
    font-weight: 500;
}
.appointment-radio{
    display: none;
}
.appointment-radio:checked + .appointment-label{
    background: #28E29D;
}
.appointment-button {
    background: #28E29D;
    /* height: 100%; */
    width: 100%;
    display: inline-block;
    margin: 0 10px 0 0px;
    border-radius: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-size: 14px;
    padding: 20px 10px;
    color: #fff;
    border:0;
}
.rezervasyon-form .theme-input{
    width: 100%;
}

.date-change-button {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 40px;
    line-height: normal;
    padding: 0;
    height: 50px;
    line-height: 0;
    z-index: 99;
}

.date-change-button:focus {
    outline: none;
    box-shadow: none;
}

.prev-button {
    color: #ED4183;
}

.next-button {
    color: #28E29D;
    top: 45px;
}

.sked-tape.active {
    border: 3px solid;
}

.sked-tape {
    border: 3px solid transparent;
    transition: border .5s;
}

.sked-tape__event:hover {
    width: auto!important;
    max-width: 300px;
}

.analiz-tav {}

.analiz-tab {
    /* float: right; */
    /* display: inline-block; */
    /* width: 100%; */
    position: absolute;
    right: 15px;
    top: 20px;
}

.analiz-tab .nav-link {
    color: #2E4765!important;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 200;
    border: 1px solid transparent!important;
    border-radius: 20px!important;
    background: transparent!important;
    margin-left: 10px;
    line-height: normal;
}

.analiz-tab .nav-link.active,.analiz-tab .nav-link:hover {border-color: #2E4765!important;}
.myFancyBox .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right: 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
}

.myFancyBox .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
}
.fancybox-show-thumbs .fancybox-inner{
    right: 0!important;
}
.fancybox-thumbs{
    display: block!important;
    position: absolute;
    z-index: 99999;
}
.fancybox-thumbs>ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
}
.fancybox-thumbs>ul>li {
    float: left;
    overflow: hidden;
    max-width: 50%;
    padding: 0;
    margin: 0;
    width: 105px;
    height: 75px;
    position: relative;
    cursor: pointer;
    outline: none;
    border: 5px solid transparent;
    border-top-width: 0;
    border-right-width: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}
.fancybox-thumbs>ul>li>img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    min-height: 100%;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.swiper-pagination {
    position: relative;
    bottom: 0!important;
    margin-top: 10px;
}

.icap-tab-button li {
    flex: 1 auto;
}

.icap-tab-button li .icapTabBtn {
    width: 100%;
    display: inline-block;
    background: #dfdfdf;
    font-weight: 300;
    color: #2E4765;
    border-radius: 15px 15px 0px 0px;
}

.icap-tab-button .icapTabBtn.btn.active {
    background: #2680eb;
    color: #fff;
}

.icap-tab-button li:nth-child(even) .icapTabBtn {
    background: #dfdfdf;
}

.icap-tab-button li:nth-child(odd) .icapTabBtn {
    background: #ebebeb;
}


.icap-tab-button {
    gap: 0px 2px;
}

.icap-tab-button li button:focus {
    box-shadow: none;
}

#icap-table .day-name {
    writing-mode: vertical-rl;
    padding: 10px 0px;
    line-height: normal;
    vertical-align: middle;
    text-align: revert;
    transform: rotate(180deg);
    /* border-top: 0; */
    text-orientation: mixed;
    /* border-bottom: 0; */
    margin: 0;
    border-right: 0;
    border-bottom: 0;
    width: 10px!important;
    border-left: 1px solid #BABABA;
}

#icap-table .day-name.one-week {
    border-top: 3px solid #fc846e;
}

#icap-table .day-name.two-week {
    border-top: 3px solid #30fe1c;
}

#icap-table thead tr, #dof-table thead tr {
    border: 0;
    background: #2E4765;
}

#icap-table thead td,#dof-table thead td {
    background: #2E4765;
    color: #fff;
    font-weight: 400;
    border-bottom: 0;
    border-top: 0;
}

#dof-table thead td {
    padding-right: 20px!important;
    color: #fff;
}

#icap-table thead td.doctor-name {
    text-align: left;
    vertical-align: bottom;
}


#icap-table thead td.doctor-branch {
    vertical-align: bottom;
    text-align: left;
}

#icap-table tbody tr td:nth-child(2) {
    width: 150px!important;
    text-align: left;
}

#icap-table tbody tr td:nth-child(1) {
    width: 40px!important;
    text-align: left;
}

#icap-table tbody tr td:nth-child(2) {
    width: 130px!important;
}

#icap-table thead td:last-child {
    border-left: 0;
}

#icap-table thead td:first-child {
    /* border-left: 0; */
}

#icap-table {
    border: 0;
    margin: 0!important;
    max-width: 100%!important;
    width: 100%!important;
}

#icap-table tbody td {
    color: #04346D;
    font-weight: 400;
    /* padding: 0; */
}

#icap-table .circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* background: #0074FF; */
    margin: 0 auto;
    border: 1px solid #707070;
}

#icap-table tbody tr.odd .circle {
    /* background: #FDFD01; */
}

#icap-table tbody tr.odd .icap-day input[type=checkbox]:checked ~ .circle {
    background: #FDFD01;
}

#icap-table tbody tr.even .icap-day input[type=checkbox]:checked ~ .circle {
    background: #0074FF;
}

#icap-table tbody tr.even .circle {
    /* background: #0074FF; */
}

.today-icap-button {
    text-align: end;
    color: #fc846e;
    font-weight: 400;
    font-size: 18px;
    transition: all .3s;
    text-decoration: none;
}

.today-icap-button:hover {
    color: #30fe1c;
}

.text-icapRed {
    color: #fc846e;
}

.todayIcapTable tr:nth-child(odd) {
    background: #f5f5f5;
}

.todayIcapTable tr:nth-child(even) {
    background: #fff;
}


.todayIcapTable tr:nth-child(even) {
    /* background: #fff; */
}

.todayIcapTable {
    color: #0074FF;
    font-weight: 500;
}

.todayIcapTable td {
    border: 0;
}

.todayIcapTable tr td:nth-child(2) {
    width: 300px;
}

.todayIcapTable tr td:nth-child(1) {
    width: 300px;
}

.todayIcapSwiper {
    text-align: center;
    line-height: 30px;
}

.swiper-slide.swiper-slide-next {}

.todayIcapSwiper .swiper-slide.swiper-slide-next {
    font-size: 20px;
    font-weight: 500;
}
.checkbox-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* width: 90%; */
    margin-left: auto;
    margin-right: auto;
    /* max-width: 600px; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.checkbox-group > * {
    margin: 0.5rem 0.5rem;
}

.checkbox-group-legend {
    /* font-size: 1.5rem; */
    font-weight: 500;
    /* color: #9c9c9c; */
    text-align: center;
    /* line-height: 1.125; */
    /* margin-bottom: 1.25rem; */
    text-transform: uppercase;
}

.checkbox-input {
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}
.checkbox-input:checked + .checkbox-tile {
    border-color: #176AE6;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    color: #176AE6;
}
.checkbox-input:checked + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
    background-color: #176AE6;
    border-color: #176AE6;
}
.checkbox-input:checked + .checkbox-tile .checkbox-icon, .checkbox-input:checked + .checkbox-tile .checkbox-label {
    color: #176AE6;
}
.checkbox-input:focus + .checkbox-tile {
    border-color: #2260ff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 0 0 4px #b5c9fc;
}
.checkbox-input:focus + .checkbox-tile:before {
    transform: scale(1);
    opacity: 1;
}

.checkbox-tile {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 7rem;
    min-height: 7rem;
    border-radius: 0.5rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0.15s ease;
    cursor: pointer;
    position: relative;
}
.checkbox-tile:before {
    content: "";
    position: absolute;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid #b5bfd9;
    background-color: #fff;
    border-radius: 50%;
    top: 0.25rem;
    left: 0.25rem;
    opacity: 0;
    transform: scale(0);
    transition: 0.25s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
.checkbox-tile:hover {
    border-color: #176AE6;
}
.checkbox-tile:hover:before {
    transform: scale(1);
    opacity: 1;
}

.checkbox-icon {
    transition: 0.375s ease;
    color: #494949;
}
.checkbox-icon svg,.checkbox-icon i {
    width: 3rem;
    height: 3rem;
    font-size: 40px;
    text-align: center;
}

.checkbox-label {
    color: #707070;
    transition: 0.375s ease;
    text-align: center;
}

.icap-day input[type=checkbox] {
    display: none;
}

.icap-day {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.icap-submit-button {
    color: #2E4765;
    text-decoration: none;
    font-size: 22px;
    font-weight: 500;
    padding: 7px 50px;
}

.selectize-control.single .selectize-input {
    background: #fff!important;
}

.dof-tab-button .dofTabBtn {
    width: 100%;
    display: inline-block;
    background: #DBEDE6;
    font-weight: 500;
    color: #2E4765;
    border-radius: 15px 15px 0px 0px;
    padding: 10px 35px;
    line-height: normal;
}

.dof-tab-button li:nth-child(odd) .dofTabBtn {
    background: #EBEBEB;
}

.dof-tab-button .dofTabBtn.active {
    background: #84E0BE!important;
}

.dof-tab-button {
    gap: 0px 2px;
}

table#dof-table tbody tr {
    background: #fff;
}

#dof-table td {border-right: 1px solid #A7ADB4;color: #2E4765;}

#dof-table td a {
    color: #2E4765;
}

table#dof-table td:last-child {
    border: 0;
}

table#dof-table {
    max-width: 100%;
    width: 100%!important;
    margin-top: 0!important;
}

.dof-gray-btn {
    background: #A2A2A2;
    border-radius: 12px;
    color: #fff;
    font-weight: 300;
    font-size: 12px;
    padding: 10px 20px;
}

.dof-input {
    background: #F4F4F4;
    color: #2E4765;
    font-weight: 200;
    border: 0;
    border-radius: 12px;
    display: inline-block;
    width: calc(100% - 90px);
}

.dof-input:focus {
    background: transparent;
}

.input-border {
    border: 1px solid #B7B7B7;
    border-radius: 12px;
    background: #f4f4f4;
    padding: 0px 0px 0 10px;
}

.padding-top-bottom-1 {
    padding: 1px 0;
}

.dof-border-left {
    border-left: 1px solid #D1D1D1;
}

.dof-label {font-weight: 400;}

.dofFilterBtn {
    border: 1px solid #B7B7B7;
    border-radius: 12px;
    background: #f4f4f4;
    color: #2E4765;
    font-weight: 400;
    padding: 7px 20px;
}

table#dof-table tbody tr.even {
    background: #EBFFF8;
}

.dof-submit-button {
    background: #84E0BE;
    display: inline-block;
    width: 100%;
    border-radius: 12px;
    color: #2E4765;
    padding: 15px;
    font-weight: 500;
    margin-top: 0;
    text-decoration: none;
    border: 1px solid #00BF78;
    transition: background .3s;
    position: relative;
}

.select2-container--default .select2-selection--multiple {
    padding: 20px 15px!important;
}

.bg-approval {
    background: #FFF61F;
}

.dof-circle {
    border: 1px solid #707070;
    vertical-align: middle;
}

.bg-insufficient {
    background: #FF411F;
}

.bg-evaluation {
    background: #7F9B91;
}

.bg-closed {
    background: #1FFFD4;
}

.bg-denied {
    background: #6B7F82;
}

.bg-accepted {
    background: #D0D0D0;
}

.bg-accepted_timeout {
    background: #E6C454;
}

.bg-user_accepted_timeout {
    background: #C3622E;
}

.bg-transferred {
    background: #54B9E6;
}


.dof-icon-button {
    color: #2E4765;
    font-size: 17px;
}

.dof-outline-button {
    color: #2E4765;
    font-size: 14px;
    text-decoration: none;
}

.bg-light-red {
    background: #F7D6D6;
}

.border-blue {
    border: 1px solid #8FC8E2;
}

.bg-gray {
    background: #D6D6D6;
}

.border-top-red {
    border-top: 1px solid #F7D6D6;
}

.focus-0:focus,.focus-0:focus-visible {
    outline: 0;
}

.dof-red-btn {
    background: #FE8686;
    color:#fff;
    border-color:#FA5252;
}

.uzatmaTarihiSelect {
    z-index: 3;
    top: 0;
    left: calc(1.5rem / 2);
    border-radius: 12px!important;
    line-height: normal;
    text-align: center;
    font-weight: 500;
    color: #2e4764;
    border: 1px solid #00BF78;
    width: calc(100% - 1.5rem);
    height: 100%!important;
}
.custom-tooltip {
    --_t-bkg: rgba(0, 0, 0, 0.8);
    --_t-radius: 0.5em;
    --_t-px: 0.5rem;
    --_t-py: 0.5rem;
    --_t-w: 8rem;
    --_t-arrow-w: 12px;
    position: relative;
    isolation: isolate;
}
.custom-tooltip::before, .custom-tooltip::after {
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s linear;
}


.custom-tooltip::before {
    content: attr(data-tooltip);
    padding: var(--_t-py) var(--_t-px);
    width: var(--_t-w);
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-transform: none;
    background-color: var(--_t-bkg);
    border-radius: var(--_t-radius);
    transform: translate(-50%, calc(-100% + var(--_t-arrow-w) * -1));
}
.custom-tooltip::after {
    content: "";
    width: var(--_t-arrow-w);
    aspect-ratio: 1;
    background-color: var(--_t-bkg);
    -webkit-clip-path: polygon(44% 100%, 0 44%, 100% 44%);
    clip-path: polygon(44% 100%, 0 44%, 100% 44%);
    transform: translate(-50%, calc(-100% + var(--_t-arrow-w) / 2 * -1));
}
.custom-tooltip:hover::after, .custom-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

.bg-closed-modal {
    background: #EBFFEE;
}

.bg-insufficient-modal {
    background: #F7D6D6;
}

.bg-not_answered {
    background: #FFEB00;
}
.bg-achieved {
    background: #12E85C;
}
.bg-not_satisfied {
    background: #FF7777;
}

.orange-color {
    color: #C3622E;
}

.bg-transferred_timeout {
    background: #E6C454;
}
.bilgileri_paylas_check{
    cursor: pointer;
}
.bilgileri_paylas_check .circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    /* background: #0074FF; */
    margin: 0 auto;
    border: 1px solid #707070;
}

.bilgileri_paylas_check input[type=checkbox] {
    display: none;
}

.bilgileri_paylas_check .circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid #707070;
    vertical-align: middle;
    display: inline-block;
}

.bilgileri_paylas_check input[type=checkbox]:checked ~ .circle {
    background: #8EFF6C;
}

.progress-title {
    font-weight: 400;
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: end;
}

.progress-title small {
    font-weight: 300;
    margin-right: 10px;
    font-size: 13px;
    color: #434343;
}
.proj-progress-card .progress {
    height: 2px;
    overflow: visible;
    margin-bottom: 10px;
    position: relative;
}

.proj-progress-card .progress .progress-bar {
    position: relative;
}

.progress .progress-bar {
    height: 100%;
    color: inherit;
    overflow: visible;
}

.bg-c-red {
    background: #FF5370;
}

.proj-progress-card .progress .progress-bar.bg-c-red:after {
    border: 3px solid #FF5370;
}

.proj-progress-card .progress .progress-bar:after {
    content: "";
    background: #fff;
    position: absolute;
    right: -6px;
    top: -7px;
    border-radius: 50%;
    width: 15px;
    height: 15px;
}

.bg-c-blue {
    background: #4099ff;
}

.proj-progress-card .progress .progress-bar.bg-c-blue:after {
    border: 3px solid #4099ff;
}

.proj-progress-card .progress .progress-bar.bg-c-green:after {
    border: 3px solid #2ed8b6;
}

.bg-c-green {
    background: #2ed8b6;
}

.bg-c-yellow {
    background: #FFB64D;
}

.proj-progress-card .progress .progress-bar.bg-c-yellow:after {
    border: 3px solid #FFB64D;
}

.bg-c-poliklinik {
    background: #A11C26;
}

.proj-progress-card .progress .progress-bar.bg-c-poliklinik:after {
    border: 3px solid #A11C26;
    background: #A11C26;
}

.bg-c-ameliyat {
    background: #CA4F24;
}

.proj-progress-card .progress .progress-bar.bg-c-ameliyat:after {
    border: 3px solid #CA4F24;
    background: #CA4F24;
}
.bg-c-acil_servis {
    background: #5A287F;
}

.proj-progress-card .progress .progress-bar.bg-c-acil_servis:after {
    border: 3px solid #5A287F;
    background: #5A287F;
}
.bg-c-medikal_tedavi {
    background: #68AA6A;
}

.proj-progress-card .progress .progress-bar.bg-c-medikal_tedavi:after {
    border: 3px solid #68AA6A;
    background: #68AA6A;
}
.bg-c-laboratuvar {
    background: #EFCA01;
}

.proj-progress-card .progress .progress-bar.bg-c-laboratuvar:after {
    border: 3px solid #EFCA01;
    background: #EFCA01;
}
.bg-c-radyoloji {
    background: #2680EB;
}

.proj-progress-card .progress .progress-bar.bg-c-radyoloji:after {
    border: 3px solid #2680EB;
    background: #2680EB;
}

.progress-info {
    position: absolute;
    opacity: 0;
    z-index: 2;
    background: #fff;
    border-radius: 50px;
    transition: all .5s;
    padding: 5px 10px;
    left: calc(50% - 65px);
    top: 10px;
    width: 130px;
    font-weight: 400;
}

.progress:hover .progress-info {
    opacity: 1;
}

.total-title {
    font-size: 80px;
    color: #666666;
    font-weight: 400;
    TEXT-ALIGN: CENTER;
}

.total-title-info {
    color: #000;
    text-align: center;
    width: 100%;
    display: inline-block;
}

.total-status-count {
    font-size: 37px;
    color: #666666;
    font-weight: 300;
}

.total-status-percent {
    display: flex;
    align-items: center;
}

.total-status-percent.warning {
    color: #EFCA00;
}

.total-status-percent.danger {
    color: #CA4F24;
}

.total-status-percent.danger .total-status-circle {
    background: #CA4F24;
}

.total-status-percent.warning .total-status-circle {
    background: #EFCA00;
}

.total-status-percent.success {
    color: #22B573;
}

.total-status-percent h1 {
    display: inline-block;
    font-size: 37px;
    font-weight: 300;
    margin: 0;
    color: #666666;
    opacity: .7;
}

.total-status-percent.success h1 {
    color: #22B573;
    opacity: 1;
}

.total-status-percent.arrow {
    display: inline-block;
    margin-left: 10px;
    font-size: 40px;
}

.total-status-item {
    text-align: left;
}

.total-status-circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 10px;
}

.hasta-sikayet-button-group .btn {
    background: #F4F4F4;
    font-size: 15px;
    color: #2E4774;
    font-weight: 300;
    border-radius: 20px;
    border-color: #D1D1D1;
}

.hasta-sikayet-button-group .btn.active {
    background: #84E0BE;
    font-weight: 400;
}

.dataTables_length {
    display: inline-block;
    margin-left: 10px;
}

.dataTables_paginate {
    display: inline-block;
}

.datatable .bottom {}

.dataTables_wrapper .bottom {
    text-align: right;
}